日韩小视频-日韩久久一区二区三区-日韩久久一级毛片-日韩久久久精品中文字幕-国产精品亚洲精品影院-国产精品亚洲欧美云霸高清

下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

時間:2024-02-07 12:45作者:下載吧人氣:19

作者:佚名 出處:全球經典設計聚合網

本教程主要用Photoshop設計黑色風格的游戲網站模板,教程主要是是游戲方面的,有興趣的朋友有學習下,本人下方有查看原文,不懂的也可以在底部留言告訴我。


最終效果:

Photoshop美工教程:游戲網站首頁布局

我將創建一個新文檔與以下大小: 1000 x 1200 像素為單位)。 我將設置前景色為 # 1a1a1a,并使用 油漆桶工具,我將我的文檔內單擊一次。 以這種方式,我將創建網站的背景。

我將選擇 圓角矩形工具 (設置為 6 像素半徑),在下圖中,我將創建 3 形狀象。 這樣就可以更好地看到我在做什么,我會用一個白色的顏色。 您必須創建此形狀具有以下顏色: # 000000

Photoshop美工教程:游戲網站首頁布局

我將選擇上面的形狀和我將去編輯 > 變換 > 和經紗會選擇以下設置。

Photoshop美工教程:游戲網站首頁布局

其他形狀上,我將使用一個更多時間變形工具,但這次我會用另一個設置。

Photoshop美工教程:游戲網站首頁布局

這是我的結果為止

Photoshop美工教程:游戲網站首頁布局


現在我將用于所有形狀添加同一圖層樣式。 請因為我們將在本教程中多次使用它,將此圖層樣式保存。 我將此圖層樣式 GP 類型的名稱。

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

您的所有形狀將都具有與我類似看:

Photoshop美工教程:游戲網站首頁布局


我將重復上面的形狀 (要復制一個形狀,您需要在您圖層調板中選擇圖層,然后按 CTRL + J),然后我將轉到篩選器 > 噪聲 > 添加噪音。 這里是我一直使用,噪音的設置。

Photoshop美工教程:游戲網站首頁布局

我將加載這個圖層選擇 (選擇 > 載入選區)。 這一層上面,我將創建另一個圖層。 簡單的方法來創建新的圖層是在同一時間內按 CTRL + SHIFT + ALT + N。

此新的圖層上,我將創建一個大點用光滑圓形畫筆。 我將使用白色創建此繪圖。

Photoshop美工教程:游戲網站首頁布局

我將此圖層的混合模式軟光,和我將會按 CTRL + D 以取消選擇

Photoshop美工教程:游戲網站首頁布局

在布局的中間,我將創建另一個形狀的 圓角矩形工具。 我將使用以下顏色: # c7c7c7 時創建此的形狀,然后我就去編輯 > 變換 > 變形工具,并將使用以下設置:

Photoshop美工教程:游戲網站首頁布局

這是我的結果

Photoshop美工教程:游戲網站首頁布局

此形狀可以添加下面的圖層樣式

Photoshop美工教程:游戲網站首頁布局


請下載下面的模式,并打開在 Photoshop 中的圖像。 然后轉至編輯 > 定義圖案。 為此模式選擇一個名稱,然后單擊確定。 這種蜂窩模式是無縫和很好的下一個按鈕,就會填滿。

Photoshop美工教程:游戲網站首頁布局

With Rounded Rectangle Tool 使用 圓角矩形工具 中,我將創建一個形狀的布局。

Photoshop美工教程:游戲網站首頁布局

我將添加下面的圖層樣式

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局


到目前為止,這是由于:

Photoshop美工教程:游戲網站首頁布局

我想從中間選擇灰色的形狀和我將加載所選內容 (選擇 > 載入選區)

Photoshop美工教程:游戲網站首頁布局

我將選擇 矩形選框工具,并將按下”從選區中減去”按鈕。

Photoshop美工教程:游戲網站首頁布局

我會對底部進行選擇,這是從我的初始選擇其余部分。

Photoshop美工教程:游戲網站首頁布局

我將創建一個新圖層 (CTRL + SHIFT + ALT + N 上按 enter) 在你的圖層調板中選擇圖層和我會用 油漆桶工具 當然填充 # c7c7c7 將所選內容。 對于這一層我將添加下面的圖層樣式。

Photoshop美工教程:游戲網站首頁布局

這是我的結果

Photoshop美工教程:游戲網站首頁布局


我會請確保所選內容仍然可見,我會,然后我將會去選擇 > 修改 > 我和合同,將合同 5 個像素將所選內容。 我將創建一個新的圖層和我將填充所選內容使用此顏色 # 000000

到目前為止,這是我的結果:

Photoshop美工教程:游戲網站首頁布局

我會用 矩形選框工具 選擇

Photoshop美工教程:游戲網站首頁布局

我會確保最后一層選擇 (黑暗一),我會和我會打從我鍵盤的 Delete 鍵。 到目前為止,這是我的結果。

Photoshop美工教程:游戲網站首頁布局

在右上角上,我會將三個按鈕

Photoshop美工教程:游戲網站首頁布局


我將添加下面的圖層樣式,為前兩個按鈕

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局


因此,它將是良好保存此圖層樣式,我將使用此圖層樣式很多時候。 這是我的按鈕的外觀。 事實上,這是一個登錄區域。

Photoshop美工教程:游戲網站首頁布局

最后一個將是一個普通按鈕。 這是我用的圖層樣式。

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局


這是我的按鈕的外觀。

Photoshop美工教程:游戲網站首頁布局

與 行工具 中,我將創建一些細線 (與白色的顏色 1 個像素)。 我將右鍵點擊圖層在我圖層調板中,我會選擇柵格化形狀。 橡皮擦工具 與光滑的圓形畫筆我將刪除該的行的四肢,直到我得到這個結果。

Photoshop美工教程:游戲網站首頁布局

在布局的中間,我將創建另一個形狀的 圓角矩形工具。

Photoshop美工教程:游戲網站首頁布局

然后我將去編輯 > 變換 > 經,和我將使用相同的弧降低設置,因為我用了本教程的開頭。

然后,我將我一直使用前三個形狀,在同一個圖層樣式。 GP 類型圖層樣式的名稱。

Photoshop美工教程:游戲網站首頁布局


我將加載此形狀的選擇,然后我將合同 5 個像素將所選內容。 我將用白,填充圖層和我將添加下面的圖層樣式

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

這是我的結果

Photoshop美工教程:游戲網站首頁布局


我將重復這最后一層,我將添加一些噪音。 (篩選器 > 噪音 > 添加雜色)

圖層的基礎上,我將添加另一的細線和使用 橡皮擦工具 將刪除該的行的邊距后我柵格化該圖層。

Photoshop美工教程:游戲網站首頁布局

我將創建兩個形狀

Photoshop美工教程:游戲網站首頁布局

橢圓形狀,請添加下面的圖層樣式

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局


這是到目前為止的結果

Photoshop美工教程:游戲網站首頁布局

為第二個形狀中,我將使用弧較低 (從經菜單) 的設置,然后將下面的圖層樣式:

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

到目前為止,這是結果。

Photoshop美工教程:游戲網站首頁布局

使用 鋼筆工具 中,我將創建一個箭頭

Photoshop美工教程:游戲網站首頁布局


然后,此箭頭的基礎上我會創建另一個

Photoshop美工教程:游戲網站首頁布局

對于這最后一個箭頭,我將添加下面的圖層樣式

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

若要創建一個漂亮的 3D 效果,為此箭頭我將創建一個圓形,橢圓工具。 照顧您將放置此層在你的圖層調板中。 將該圖層拖動到正上方我們在本教程中創建的第一個圖層。

Photoshop美工教程:游戲網站首頁布局

相同的方式將右側創建相同的箭頭。

Photoshop美工教程:游戲網站首頁布局

我將在此區域中添加一些圖標

Photoshop美工教程:游戲網站首頁布局


使用 圓角矩形工具 中,我將創建一些形狀的布局

Photoshop美工教程:游戲網站首頁布局

我將創建一個矩形,我會將它像放在下圖

Photoshop美工教程:游戲網站首頁布局

我將添加一些圖層樣式

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局


幾次將重復此形狀,并將使用 移動工具 我將它放像在下面的屏幕快照。

Photoshop美工教程:游戲網站首頁布局

我將創建一個垂直的線與 線工具,和我將添加一些文本

Photoshop美工教程:游戲網站首頁布局

布局的另一邊,我將創建一個新圖層

Photoshop美工教程:游戲網站首頁布局

對于這一層,我將添加下面的圖層樣式

Photoshop美工教程:游戲網站首頁布局

我將添加一些文本 水平文字工具,與加載欄。 在這里,它將我們的視頻播放器。

Photoshop美工教程:游戲網站首頁布局


對我們游戲的布局的主體中,我將添加其他元素。 我覺得這是非常簡單,不需要為我解釋你

Photoshop美工教程:游戲網站首頁布局

使用 橢圓工具 中,我將創建另一個形狀

Photoshop美工教程:游戲網站首頁布局

此形狀當然我會添加圖層樣式

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局


此形狀之上,我將添加一些圖標。 這是我的結果為止

Photoshop美工教程:游戲網站首頁布局

現在我將到身體的右側添加一些元素。 再來一次我不會解釋我填充此區域的方式。 如果你看到有只需幾行、 單選按鈕、 文本、 少數的標志圖標和一個好的橫幅酷 3D 計算機。

Photoshop美工教程:游戲網站首頁布局

我會將一個表的頂部的選擇。 我用同樣的方法前幾個步驟。

Photoshop美工教程:游戲網站首頁布局

對于這一層,我將添加下面的圖層樣式

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

這是我的結果為止

Photoshop美工教程:游戲網站首頁布局


使用 鋼筆工具 中,我將創建一個漂亮的按鈕。 它是為您很容易的如果您開啟網格,以便您可以更好地設計此按鈕。

Photoshop美工教程:游戲網站首頁布局

將重復這一層數的時間和將在下圖中像放置它還對該的布局的主體。

Photoshop美工教程:游戲網站首頁布局

我將創建另一個形狀的布局標題上。 我將使用 鋼筆工具。

Photoshop美工教程:游戲網站首頁布局

我將添加下面的圖層樣式,此形狀。

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

Photoshop美工教程:游戲網站首頁布局

這是我的結果為止

Photoshop美工教程:游戲網站首頁布局

我會在這里添加徽標

Photoshop美工教程:游戲網站首頁布局


您可以下載以下一組 像素模式,和我將加載在 Photoshop 中的這組。 我會圍繞此形狀 (負載選擇) 和一個選擇一個新的圖層,我會加上簡單的模式。 這是我一直使用此步驟,該模式。 正如您可以看到你有很多模式對它進行測試。

Photoshop美工教程:游戲網站首頁布局

結果如下

Photoshop美工教程:游戲網站首頁布局

我將選擇 橡皮擦工具,和用一個圓的順利刷我會刪除底部直到我有以下的結果。

Photoshop美工教程:游戲網站首頁布局

我將與同一圖層樣式和模式,創建相同的形狀和我將它還在左邊。 在這方面,我將使用 Grafpedia 標志。

Photoshop美工教程:游戲網站首頁布局

底部的布局,我將添加其他徽標。 此如你有一些贊助商。 如果您沒有為您的網站幾個贊助商可以放置那里某些鏈接或您希望的任何其他信息。 這是我最后的結果。 希望你喜歡它。

Photoshop美工教程:游戲網站首頁布局



標簽網站首頁,布局,游戲,教程,美工,Photoshop

相關下載

查看所有評論+

網友評論

網友
您的評論需要經過審核才能顯示

公眾號

主站蜘蛛池模板: 精品欧美成人高清视频在线观看 | a级在线观看 | 在线播放国产真实女同事 | 精品久久久久久久久免费影院 | 国产精品午夜免费观看网站 | 综合亚洲一区二区三区 | 欧美成人第一页 | 欧美成人日韩 | 国产在线一区二区三区在线 | 国产区精品一区二区不卡中文 | 欧美一级日韩在线观看 | 日本免费一区二区三区看片 | 欧美精品色精品一区二区三区 | 久久国产精彩视频 | 成人在线精品视频 | 99久久免费精品视频 | 天堂一区二区在线观看 | 国产亚洲国产bv网站在线 | 久草免费在线播放视频 | 九九视频在线观看视频6偷拍 | 99在线在线视频免费视频观看 | 久久久久毛片免费观看 | 午夜综合 | 国产精品免费久久久免费 | 免费人成网站免费看视频 | 一级毛片免费在线观看网站 | 久久久久久综合一区中文字幕 | 国产大陆亚洲精品国产 | 看一级毛片一区二区三区免费 | 成年人看的毛片 | 国产男女猛烈无遮档免费视频网站 | 成人欧美视频免费看黄黄 | 三级视频在线观看 | 91极品尤物 | 国产性生活 | 最刺激黄a大片免费观看下截 | 久草手机在线 | a一级| 久青草免费视频 | 最新欧美精品一区二区三区 | 伊人手机视频 |