效果圖:
練習重點:
這次練習主要練習光影、顏色對形體、空間的塑造,對這塊運用不熟練的小伙伴,值得動手練習一下。
整個教程分為【背景】【機身】【扇葉】【扇框內(nèi)投影】【光-顏色】五個部分,每個部分在完成以后都進行了編組,所以你們要注意圖層分組。
我們首先從背景層開始。
步驟一:
打開你的Adobe Photoshop,創(chuàng)建一個新文檔。
寬度:400 px
高度:300 px
分辨率:72 px
制作擬物圖標背景:
溫馨提示:這主要是用漸變工具(G),整體扯出差不多的效果過就可以啦。
底層漸變:徑向 – #ededed~#b1adaa
近景亮色:線性 – #e1e0df~#b1adaa
步驟二:
制作【風扇機身】:
溫馨提示:用圓角矩形工具(U),該圖層命名為【風扇機身】,顏色填充#e2e1e0。
寬度:180 px
高度:180 px
半徑:8 px
賦予【風扇機身】光感,制造體積感:
溫馨提示:用圖層樣式時,盡量都【不要使用全局光】,因為使用后,在添加相同樣式,制作不同角度的效果時,會有影響。
圖層樣式:內(nèi)陰影 模式:濾色 顏色:#b4785a 不透明度:75% 角度:90° 距離:5px 大小:5px
圖層樣式:內(nèi)陰影 模式:正片疊底 顏色:#8f8696 不透明度:76% 角度:-52° 距離:4px 大。5px
圖層樣式:漸變疊加 模式:正常 樣式:線性 顏色:#b4b6bb ~ #f2eee9 角度:103°
圖層樣式:投影 模式:正片疊底 顏色:#22272a 不透明度:20% 角度:90° 距離:2px 大小:2px
步驟三:
制作電扇【圓形扇框】:
溫馨提示:用 橢圓工具 (U),該圖層命名為【圓形扇框】,顏色填充#e2e1e0。
寬度:138 px
高度:138 px
賦予【圓形扇框】光感,制造體積感:
溫馨提示:用圖層樣式時,盡量都【不要使用全局光】,因為使用后,在添加相同樣式,制作不同角度的效果時,會有影響。
圖層樣式:描邊 大。2px 位置:外部 填充類型:漸變 顏色:#757e8a ~ #ccd4dc 角度:-68°
圖層樣式:內(nèi)陰影 模式:正片疊底 顏色:#5e6f84 不透明度:75% 角度:90° 距離:1px 大。12px
圖層樣式:漸變疊加 模式:正常 樣式:徑向 顏色:#636363 ~ #bdccdb 角度:90° 縮放:127%
步驟四:
制作電扇【 圓形扇框2 】:
溫馨提示:用 橢圓工具 (U),該圖層命名為【圓形扇框2】,顏色填充#e2e1e0,注意對齊中心。
寬度:112 px
高度:112 px
賦予【圓形扇框2】光感,制造體積感:
溫馨提示:用圖層樣式時,盡量都【不要使用全局光】,
圖層樣式:描邊 大。2px 位置:外部 不透明度:30% 填充類型:漸變 顏色:#535050 ~ #826969 角度:-59°
圖層樣式:漸變疊加 模式:正常 樣式:徑向 顏色:#f2eee9 ~ #b4b6bb 角度:103° 縮放:150%
圖層樣式:投影 模式:濾色 顏色:#ffffff 不透明度:36% 角度:114° 距離:4px
步驟五:
制作電扇【扇格部分】:
溫馨提示:用橢圓工具(U)的描邊來做,粗細自己定。該圖層命名為【扇格部分】,顏色填充#ffffff
賦予【扇格部分】光感,制造體積感:
圖層樣式:漸變疊加 模式:正常 樣式:線性 顏色:#323b49 ~ #b9c0c7 角度:-61°
圖層樣式:投影 模式:正常 顏色:#f6f0e8 不透明度:45% 角度:90° 距離:1px
步驟六:
整理圖層面板:
溫馨提示:做到這里,【機身組】的內(nèi)容已經(jīng)完成了。你們可以通過上圖的圖層面板,命名、 整理、 分類你的圖層,這是一個很重要的好習慣,它能讓你更有效率的進行工作。
步驟七:
制作電扇【扇頁】:
溫馨提示:用圓角矩形工具 (U)來做,大小比例自己定。該圖層命名為【扇頁】,顏色填充#ffffff
分解圖:
賦予【扇頁】光感,制造體積感:
溫馨提示:扇葉的基本型做好以后,依次添加<內(nèi)陰影><漸變疊加><投影>三個樣式,并根據(jù)光線,給扇葉添加一個光影效果。
圖層樣式:內(nèi)陰影 模式:正片疊底 顏色:#ede2d9 不透明度:75% 角度:90° 距離:1px
圖層樣式:漸變疊加 模式:正常 樣式:徑向 顏色:#cfd1d5 ~ #e6e2de 角度:90° 縮放:127%
圖層樣式:投影 模式:正常 顏色:#814f23 不透明度:25% 角度:105° 距離:9px
制造【扇頁】暗部:
溫馨提示:我們根據(jù)光線給扇葉推導(dǎo)出扇葉的大致光影效果,用鋼筆工具(P)鉤出陰影。
扇葉陰影主要分為上面四個部分。我們圖層命名為【扇葉陰影1~4】顏色任意填充,然后依次調(diào)整它的設(shè)置和效果。
整理圖層面板:
溫馨提示:最后把整個扇葉部分的圖層所有組成一個群組,并在該群組上面添加一個蒙版,蓋掉下方多余的投影。
步驟八:
加深扇框內(nèi)部投影:
溫馨提示:把機身部分的那個大的【圓形扇框】復(fù)制兩層,圖層填充改為0%,放到最頂層, 用來給扇框的內(nèi)部加兩層投影,豐富投影變化,增加空間感。
圖層樣式:內(nèi)陰影 模式:正片疊底 顏色:#5e6f84 不透明度:77% 角度:90° 距離:9px 大小:29
圖層樣式:內(nèi)陰影 模式:正片疊底 顏色:#3d588a 不透明度:30% 角度:90° 距離:4px 大。10
步驟九:
細節(jié)刻畫【電線】:
溫馨提示: 這里的電線是放在【風扇機身】圖層的下面。用鋼筆工具(P)鉤出大致形態(tài),注意電線的透視。畫出來以后可以用直接選擇工具(A)進行微調(diào)。
賦予【電線】光感,制造體積感:
溫馨提示:電線的基本型做好以后,依次添加<內(nèi)陰影><漸變疊加><投影>三個樣式,給【電線】制造光感,體積感。
圖層樣式:內(nèi)陰影 模式:正片疊底 顏色:#918984 不透明度:41% 角度:-39° 距離:1px
圖層樣式:漸變疊加 模式:正常 樣式:線性 顏色:#e2e0dd ~ #d3d1cf 角度:90°
圖層樣式:投影 模式: 正片疊底 顏色:#5c6877 不透明度:34% 角度:90° 距離:1px 大小1px
步驟十:
添加【風扇機身】投影:
溫馨提示:這里的投影分兩層,第一層橢圓形的投影運用了柔邊畫筆打光的技巧。第二層放射狀的投影,則是用了矩形工具(U),畫出一個矩形以后,進行對齊、透視+高斯模糊完成的。這里我就不展示詳細的操作過程了,你們自己去琢磨一下就會了,記得靈活運用不透明度,讓兩個投影更加的與環(huán)境融合。
添加氛圍光:
溫馨提示:這里同樣也是運用了柔邊畫筆打光的技巧,重在渲染整體氛圍,烘托主題。所以這一步可有可無,不過我還是把效果圖貼給你們看,感興趣的就做一下。
全部評論