當前位置: 首頁 > 設計教程 > 圖標設計教程 > Photoshop繪制精美的復古風格書本圖標

Photoshop繪制精美的復古風格書本圖標

本教程主要使用Photoshop繪制精美的復古風格書本圖標,大多數人都沒有意識到繪制一個圖標需要多少時間和精力。圖標需要數個小時才能完成,當然技術也在不斷練習中日臻完善。在本次教程中,我們將演示如何在Photoshop中繪制一個打開的書本的圖標。

教程素材:填充圖案.rar

先看看效果圖

Photoshop繪制精美的復古風格書本圖標

第1步

打開Photoshop并新建一個文檔。畫布設為400px寬,350px高。

Photoshop繪制精美的復古風格書本圖標

第2步

使用油漆桶工具(G)并將前景色設為中灰#7a7a7a。然后使用油漆桶工具 (G)填充畫布。然后將這個灰色圖層命名為”Background”。新建一個圖層,選中矩形工具 (U), 并將其設為形狀圖層。

Photoshop繪制精美的復古風格書本圖標

保持矩形工具的選中狀態,將前景色設為 #e7c681,在你新建的圖層上畫一個矩形。

Photoshop繪制精美的復古風格書本圖標

第3步

因為你使用了形狀圖層設置,你會發現,在你的圖層面板里,那個普通圖層已經變成了一個形狀圖層,也就是Photoshop的矢量圖!你還會注意到你矩形周圍的灰色邊框。這樣一來就絕妙無比了,知道為什么嗎?因為你可以無損改變這個形狀了!所以來吧。按下Command/Ctrl + T打開變形,按住Command/Ctrl鍵并拖拽四個角,讓它變得和下圖相近。

Photoshop繪制精美的復古風格書本圖標

太棒了!現在建立一個新圖層,然后像剛才那樣使用矩形工具 (U),畫一個新的矩形,然后把它變成右邊那樣。

Photoshop繪制精美的復古風格書本圖標

第4步

現在是給我們的形狀圖層命名的時候了,我們并不想讓它們遭遇身份危機吧?所以,在你的圖層面板中將第一個矩形重命名為 “Cover 1″ (左邊那個)。然后把另外一個命名為”Cover 2″ (右邊那個)。贊!我們給他們命名之后,來再為他們添加一些圖層樣式!雙擊某個Cover圖層(當然是在你的圖層面板里)或者在圖層 > 圖層樣式 > 混合選項中給他們賦予這些樣式。

Photoshop繪制精美的復古風格書本圖標

Photoshop繪制精美的復古風格書本圖標

Photoshop繪制精美的復古風格書本圖標

現在點擊確定。然后右鍵單擊Cover 1圖層(就是我們剛剛添加過樣式的那個),然后選擇”復制圖層樣式”。然后在圖層面板中右鍵單擊Cover 2圖層, 然后選擇”粘貼圖層樣式”!現在我們有一副金色書封了。

Photoshop繪制精美的復古風格書本圖標

第5步

現在只有一個小問題,我們想要它綠一點,而不是那么金。當然我們可以簡單修復這個問題:前往圖層面板,你會發現每個圖層都有一個小略縮圖對吧?是的!現在按住Command/Ctrl鍵然后單擊某個略縮圖,下面是見證奇跡的時刻!你獲得了一個圖層的選區!好了,從現在開始我們將稱這種操作為”獲得圖層X/Y/Z的選區,”。為了獲得更多奇跡,你可以按住Command/Ctrl + Shift并單擊圖層略縮圖,來獲得多個圖層的復合選區。試試看吧!按住Command/Ctrl + Shift鍵并分別單擊”Cover 1″和”Cover 2″的圖層略縮圖 ,你會發現你獲得了一個這樣的選區。

這個技巧贊吧?想學習更多高階技巧,右戳:《設計師應該知道的17個PS技巧》

Photoshop繪制精美的復古風格書本圖標

好了,現在你應該知道我們確實需要這個選區。在圖層面板中,看它的底部找到一個看起來有點像太極陰陽的圖標,就是一個圈一半黑一半白的對吧?這就是”新建調整圖層”按鈕!好了,確認你還保留著我們之間做的選區。選擇 “色相/飽和度”。然后按下圖設置。

Photoshop繪制精美的復古風格書本圖標

好了,我們現在又需要這個選區了你知道嗎?在色相/飽和度圖層的略縮圖上按Command/Ctrl,現在我們還要去”創建新的填充或調整圖層”按鈕。這次選擇”色彩平衡”。按下圖設置:保持亮度:選中!中間調:+21/0/-12。高光:+3/0/0。陰影: +11/-10/-18 確保你的色彩平衡圖層在色相/飽和度圖層上面好嗎?否則你會得到一個帶有惡趣味顏色的形狀。再次獲得封皮的選區,在色相/飽和度中按下圖選擇。

Photoshop繪制精美的復古風格書本圖標

好了,你現在應該得到一個類似這樣的東西。

Photoshop繪制精美的復古風格書本圖標

第6步

干得好!現在,如果你愿意的話,可以用Photoshop超贊的的群組功能來稍微整理一下你的圖層,在圖層面板的底部緊挨著陰陽圓圈的右邊,你會看到一個文件夾似的圖標對吧?點一下它,你就創建了一個新的群組啦!把你迄今為止建立的所有的圖層(background那個除外)丟進去,并將其重命名為”Covers”。好了,下一部分解釋起來會有點困難,所以讓我們放慢腳步吧。在Covers群組上方新建一個圖層,命名為 “Corner 1″。現在使用多邊形套索工具 (L)在Cover1的左下角畫一個三角形選區。

Photoshop繪制精美的復古風格書本圖標

把你的前景色設為#e7c681然后使用油漆桶工具(G),在你的”Corner 1″ 圖層上填充它。然后按下Command/Ctrl + D 取消選擇。寶貝兒,還記得我們之前從”Cover 1″圖層復制圖層樣式到”Cover 2″圖層的方法嗎?把相同的圖層樣式粘貼到”Corner 1″ 圖層上。你應該得到類似下面的東西。

Photoshop繪制精美的復古風格書本圖標

好了,現在我們要做剩下的3個角。新建一個圖層,將其命名為”Corner 2″,畫一個三角形選區,然后填色,取消選擇,粘貼圖層樣式,好了,換個角再來一次。然后你就有了:4個圖層,分別叫”Corner1″, “Corner2″, “Corner 3″和”Corner 4″,每個圖層都有一個圖層樣式,然后看起來就像下面這樣。

Photoshop繪制精美的復古風格書本圖標

分享到: 
Photoshop設計復古風格的牛皮質感圖標
Photoshop繪制藍色質感的軟件圖標教程

熱門推薦

上海时时乐开奖結果