PS繪制精美的復(fù)古風(fēng)格書本圖標(biāo)
- 2021-05-05 16:19:58
- 來源/作者:互聯(lián)網(wǎng)/佚名
- 己被圍觀次
大多數(shù)人都沒有意識到繪制一個圖標(biāo)需要多少時間和精力。圖標(biāo)需要數(shù)個小時才能完成,當(dāng)然技術(shù)也在不斷練習(xí)中日臻完善。在本次教程中,我們將演示如何在Photoshop中繪制一個打開的
先看看效果圖

第1步
打開Photoshop并新建一個文檔。畫布設(shè)為400px寬,350px高。

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

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

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

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

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



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

第5步
現(xiàn)在只有一個小問題,我們想要它綠一點,而不是那么金。當(dāng)然我們可以簡單修復(fù)這個問題:前往圖層面板,你會發(fā)現(xiàn)每個圖層都有一個小略縮圖對吧?是的!現(xiàn)在按住Command/Ctrl鍵然后單擊某個略縮圖,下面是見證奇跡的時刻!你獲得了一個圖層的選區(qū)!好了,從現(xiàn)在開始我們將稱這種操作為”獲得圖層X/Y/Z的選區(qū),”。為了獲得更多奇跡,你可以按住Command/Ctrl + Shift并單擊圖層略縮圖,來獲得多個圖層的復(fù)合選區(qū)。試試看吧!按住Command/Ctrl + Shift鍵并分別單擊”Cover 1″和”Cover 2″的圖層略縮圖 ,你會發(fā)現(xiàn)你獲得了一個這樣的選區(qū)。
這個技巧贊吧?想學(xué)習(xí)更多高階技巧,右戳:《設(shè)計師應(yīng)該知道的17個PS技巧》

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

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

好了,你現(xiàn)在應(yīng)該得到一個類似這樣的東西。

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

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

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

???????
*PSjia.COM 傾力出品,轉(zhuǎn)載請注明來自PS家園網(wǎng)(m.sz-xdd.com.cn)
標(biāo)簽(TAG) UI設(shè)計 繪制教程 圖標(biāo)設(shè)計 物品UI








