PS教程:打造高格調(diào)的擬物風扇圖標

教程頻道 - Photoshop 來源:中國設(shè)計在線 作者:cdo 2016-10-10

效果圖:

uisdc-yyy-201610081

練習重點:

這次練習主要練習光影、顏色對形體、空間的塑造,對這塊運用不熟練的小伙伴,值得動手練習一下。

整個教程分為【背景】【機身】【扇葉】【扇框內(nèi)投影】【光-顏色】五個部分,每個部分在完成以后都進行了編組,所以你們要注意圖層分組。

我們首先從背景層開始。

步驟一:

打開你的Adobe Photoshop,創(chuàng)建一個新文檔。

制作擬物圖標背景:

溫馨提示:這主要是用漸變工具(G),整體扯出差不多的效果過就可以啦。

uisdc-yyy-201610082

步驟二:

制作【風扇機身】:

溫馨提示:用圓角矩形工具(U),該圖層命名為【風扇機身】,顏色填充#e2e1e0。

賦予【風扇機身】光感,制造體積感:

uisdc-yyy-201610083

溫馨提示:用圖層樣式時,盡量都【不要使用全局光】,因為使用后,在添加相同樣式,制作不同角度的效果時,會有影響。

uisdc-yyy-201610084

步驟三:

制作電扇【圓形扇框】:

溫馨提示:用 橢圓工具 (U),該圖層命名為【圓形扇框】,顏色填充#e2e1e0。

賦予【圓形扇框】光感,制造體積感:

uisdc-yyy-201610085

溫馨提示:用圖層樣式時,盡量都【不要使用全局光】,因為使用后,在添加相同樣式,制作不同角度的效果時,會有影響。

uisdc-yyy-201610086

步驟四:

制作電扇【 圓形扇框2 】:

溫馨提示:用 橢圓工具 (U),該圖層命名為【圓形扇框2】,顏色填充#e2e1e0,注意對齊中心。

賦予【圓形扇框2】光感,制造體積感:

uisdc-yyy-201610087

溫馨提示:用圖層樣式時,盡量都【不要使用全局光】,

uisdc-yyy-201610088

步驟五:

制作電扇【扇格部分】:

溫馨提示:用橢圓工具(U)的描邊來做,粗細自己定。該圖層命名為【扇格部分】,顏色填充#ffffff

uisdc-yyy-201610089

賦予【扇格部分】光感,制造體積感:

uisdc-yyy-2016100810

uisdc-yyy-2016100811

步驟六:

整理圖層面板:

uisdc-yyy-2016100812

溫馨提示:做到這里,【機身組】的內(nèi)容已經(jīng)完成了。你們可以通過上圖的圖層面板,命名、 整理、 分類你的圖層,這是一個很重要的好習慣,它能讓你更有效率的進行工作。

步驟七:

制作電扇【扇頁】:

溫馨提示:用圓角矩形工具 (U)來做,大小比例自己定。該圖層命名為【扇頁】,顏色填充#ffffff

uisdc-yyy-2016100813

分解圖:

uisdc-yyy-2016100814

賦予【扇頁】光感,制造體積感:

溫馨提示:扇葉的基本型做好以后,依次添加<內(nèi)陰影><漸變疊加><投影>三個樣式,并根據(jù)光線,給扇葉添加一個光影效果。

uisdc-yyy-2016100815

uisdc-yyy-2016100816

制造【扇頁】暗部:

溫馨提示:我們根據(jù)光線給扇葉推導(dǎo)出扇葉的大致光影效果,用鋼筆工具(P)鉤出陰影。

uisdc-yyy-2016100817

扇葉陰影主要分為上面四個部分。我們圖層命名為【扇葉陰影1~4】顏色任意填充,然后依次調(diào)整它的設(shè)置和效果。

uisdc-yyy-2016100818

整理圖層面板:

溫馨提示:最后把整個扇葉部分的圖層所有組成一個群組,并在該群組上面添加一個蒙版,蓋掉下方多余的投影。

uisdc-yyy-2016100819

步驟八:

加深扇框內(nèi)部投影:

溫馨提示:把機身部分的那個大的【圓形扇框】復(fù)制兩層,圖層填充改為0%,放到最頂層, 用來給扇框的內(nèi)部加兩層投影,豐富投影變化,增加空間感。

uisdc-yyy-2016100820

uisdc-yyy-2016100821

步驟九:

細節(jié)刻畫【電線】:

溫馨提示: 這里的電線是放在【風扇機身】圖層的下面。用鋼筆工具(P)鉤出大致形態(tài),注意電線的透視。畫出來以后可以用直接選擇工具(A)進行微調(diào)。

uisdc-yyy-2016100822

賦予【電線】光感,制造體積感:

溫馨提示:電線的基本型做好以后,依次添加<內(nèi)陰影><漸變疊加><投影>三個樣式,給【電線】制造光感,體積感。

uisdc-yyy-2016100823

步驟十:

添加【風扇機身】投影:

溫馨提示:這里的投影分兩層,第一層橢圓形的投影運用了柔邊畫筆打光的技巧。第二層放射狀的投影,則是用了矩形工具(U),畫出一個矩形以后,進行對齊、透視+高斯模糊完成的。這里我就不展示詳細的操作過程了,你們自己去琢磨一下就會了,記得靈活運用不透明度,讓兩個投影更加的與環(huán)境融合。

uisdc-yyy-2016100824

添加氛圍光:

溫馨提示:這里同樣也是運用了柔邊畫筆打光的技巧,重在渲染整體氛圍,烘托主題。所以這一步可有可無,不過我還是把效果圖貼給你們看,感興趣的就做一下。

uisdc-yyy-2016100825


聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見及觀點。

全部評論

暫無相關(guān)推薦