風(fēng)扇圖標(biāo),設(shè)計(jì)擬物風(fēng)扇主題UI圖標(biāo)教程(3)
步驟六:
整理圖層面板:
溫馨提示:做到這里,【機(jī)身組】的內(nèi)容已經(jīng)完成了。你們可以通過(guò)上圖的圖層面板,命名、 整理、 分類你的圖層,這是一個(gè)很重要的好習(xí)慣,它能讓你更有效率的進(jìn)行工作。
步驟七:制作電扇【扇頁(yè)】:
溫馨提示:用圓角矩形工具 (U)來(lái)做,大小比例自己定。該圖層命名為【扇頁(yè)】,顏色填充#ffffff
分解圖:
賦予【扇頁(yè)】光感,制造體積感:
溫馨提示:扇葉的基本型做好以后,依次添加<內(nèi)陰影><漸變疊加><投影>三個(gè)樣式,并根據(jù)光線,給扇葉添加一個(gè)光影效果。
<點(diǎn)圖片看大圖>
圖層樣式:內(nèi)陰影 模式:正片疊底 顏色:#ede2d9 不透明度:75% 角度:90° 距離:1px圖層樣式:漸變疊加 模式:正常 樣式:徑向 顏色:#cfd1d5 ~ #e6e2de 角度:90° 縮放:127%圖層樣式:投影 模式:正常 顏色:#814f23 不透明度:25% 角度:105° 距離:9px
制造【扇頁(yè)】暗部:
溫馨提示:我們根據(jù)光線給扇葉推導(dǎo)出扇葉的大致光影效果,用鋼筆工具(P)鉤出陰影。
鋼筆工具不會(huì)用的同學(xué),戳→ 【Ps基礎(chǔ)-鋼筆工具】
扇葉陰影主要分為上面四個(gè)部分。我們圖層命名為【扇葉陰影1~4】顏色任意填充,然后依次調(diào)整它的設(shè)置和效果。
整理圖層面板:
溫馨提示:最后把整個(gè)扇葉部分的圖層所有組成一個(gè)群組,并在該群組上面添加一個(gè)蒙版,蓋掉下方多余的投影。
蒙版不會(huì)用的同學(xué),戳→【Ps基礎(chǔ)-蒙版】
學(xué)習(xí) · 提示
![](http://bbs.16xx8.com/uc_server/data/avatar/000/53/51/45_avatar_middle.jpg)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
畫圓形路徑,描邊,然后做選區(qū)擦掉那幾個(gè)缺口請(qǐng)問(wèn)這一步扇格部分是怎么做的? 煒彤 發(fā)表于 2019-12-26 14:43
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
相關(guān)教程
- UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個(gè)音樂(lè)圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS繪制索尼PSP圖標(biāo)
- UI圖標(biāo)教程,在PS中繪制一枚炫酷的鐘表圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡(jiǎn)約風(fēng)格的解密游戲圖標(biāo)
- 插畫制作,用PS繪制簡(jiǎn)約沙漏插畫效果圖片
- 圖案設(shè)計(jì),用PS快速制作一個(gè)心形圖案
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)
- 相機(jī)圖標(biāo),用UI制作簡(jiǎn)單的彩虹相機(jī)圖標(biāo)
推薦教程
- ps設(shè)計(jì)折紙效果風(fēng)格的短信軟件圖標(biāo)
- UI知識(shí),做UI的工作方式與流程
- UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則
- UI視頻, 設(shè)計(jì)中得美術(shù)基礎(chǔ)
- 相機(jī)UI圖標(biāo)設(shè)計(jì)教程
- PS繪制磚塊ICO圖標(biāo)
- ps設(shè)計(jì)盒子圖標(biāo)
- 地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
- UI教程:設(shè)計(jì)電池icon
- ps日歷圖標(biāo)