日韩小视频-日韩久久一区二区三区-日韩久久一级毛片-日韩久久久精品中文字幕-国产精品亚洲精品影院-国产精品亚洲欧美云霸高清

下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

時間:2024-03-08 06:01作者:下載吧人氣:32

UI教程,螺旋槳式風扇主題UI圖標教程

下面是我這次做的效果圖,這是我第一次做教程,主要是之前在逛instntshift的時候看到的一張圖,但是苦于沒有教程,就嘗試著把它臨摹下來,做完以后,覺得還不錯,所以就嘗試做出個教程,和大家分享一下。如果有什么做的不好的,大家也請盡管的指出,這也是對我的幫助,謝謝。

UI教程,螺旋槳式風扇主題UI圖標教程

首先,我們來建立一個1667*1250,300DPI的畫布。整個教程分為右圖五個部分,每個部分在完成以后,都進行了編組,并且每個組的圖層狀態(tài)都為穿透,這個同學們在做的時候要注意。我們首先從背景層開始。

UI教程,螺旋槳式風扇主題UI圖標教程

背景1:這一層主要是用一個漸變工具(徑向漸變)拉出差不多的效果就可以了。

UI教程,螺旋槳式風扇主題UI圖標教程

新建一個圖層,命名為背景2:這一層則是在原有背景的基礎(chǔ)上,在下半部分制造一個近景的亮色部分。同樣的,也是用漸變工具,只不過這次是用的“線性漸變”。漸變的顏色參數(shù)同樣如上圖。

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

效果比較弱,不過上下仔細比較一下,還是能看出來的。加了這一層以后,不僅下半部分變亮了一點點,而且大家應該還能看到一層淡淡的,稍微深一點點的顏色,這個也是為后面的風扇做出來以后,能整體制造一點空間感,讓整體看起來更加的真實,背景層完成后,記得群組,修改模式為穿透。后面的每一個部分,都是一樣的,我就不一一提醒了。

UI教程,螺旋槳式風扇主題UI圖標教程

用圓角矩形工具畫一個720*720半徑10像素的圓角矩形,該圖層命名為“風扇機身”,顏色填充#E2E1E0,圖層樣式依次填充“內(nèi)陰影”“漸變疊加”“投影”,參數(shù)如下:

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

把風扇機身復制一層,清除圖層樣式,修改圖層填充為:0。命名為風扇機身2,并添加內(nèi)陰影樣式。

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

效果:

UI教程,螺旋槳式風扇主題UI圖標教程

接下來,我們來做電扇中間的圓形扇框。用橢圓工具畫一個549*549的圓形,顏色填充#e2e1e0,并給它依次添加描邊、內(nèi)陰影、漸變疊加這三個圖層樣式。

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

效果:

UI教程,螺旋槳式風扇主題UI圖標教程

最大的圓形扇框做好以后,我們再用橢圓工具畫一個455*455的圓形,圖層命名為圓形扇框2,顏色依然填充#e2e1e0。并給它依次添加描邊、漸變疊加、投影三個圖層樣式。

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

效果:

UI教程,螺旋槳式風扇主題UI圖標教程

最后,我們來做機身部分最麻煩的扇格部分,好吧,你們就假裝這個東西叫扇格。。。。畫三個圓,然后刪除就可以了。

UI教程,螺旋槳式風扇主題UI圖標教程

添加上去后的效果:

UI教程,螺旋槳式風扇主題UI圖標教程

畫好以后顏色填充#e2e1e0,并依次漸變疊加、投影。

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

效果:

UI教程,螺旋槳式風扇主題UI圖標教程

這樣風扇機身部分就已經(jīng)完成啦,接下來,我們做風扇的扇葉部分。

UI教程,螺旋槳式風扇主題UI圖標教程

效果:

UI教程,螺旋槳式風扇主題UI圖標教程

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

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

效果如下:

UI教程,螺旋槳式風扇主題UI圖標教程

現(xiàn)在我們根據(jù)光線,給扇葉大致推導出扇葉的一個光影效果,用鋼筆工具鉤出陰影。UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

扇葉陰影2主要分為上面四個部分。我們圖層命名為扇葉陰影1~4,顏色任意填充。

UI教程,螺旋槳式風扇主題UI圖標教程

效果:

UI教程,螺旋槳式風扇主題UI圖標教程

把所有扇葉部分的圖層組成一個群組,并在該群組上面添加一個蒙版,把下方多余部分的投影給蓋掉。

UI教程,螺旋槳式風扇主題UI圖標教程

接下來,我們把機身部分的那個大的圓形扇框復制兩層,放到最頂層,圖層填充0%,用來給扇框加兩層內(nèi)部投影。

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

效果:

UI教程,螺旋槳式風扇主題UI圖標教程

最后給整個圖層用漸變工具加一層深色,然后添加一個蒙版,用柔邊圓畫筆擦掉中間部分。從而做出四周暗中間亮的效果。

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

最后的最后,給整個風扇添加一個放射性的投影和電線。使得整體細節(jié)方面更細致,更逼真。

UI教程,螺旋槳式風扇主題UI圖標教程

圖層樣式參數(shù):

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

最后的投影我就不說那么詳細啦,大家自己琢磨吧。^^

標簽楊洋,UI教程,ps網(wǎng)頁設(shè)計,螺旋槳,風扇圖標,風扇UI

相關(guān)下載

查看所有評論+

網(wǎng)友評論

網(wǎng)友
您的評論需要經(jīng)過審核才能顯示

公眾號

主站蜘蛛池模板: 免费在线观看一区二区 | 国产一区视频在线播放 | 亚洲国产精品久久精品成人 | 爱爱客影院在线影院gf发现 | 欧美白人猛性xxxxx交69 | 操欧美女 | 免费一级做a爰片久久毛片 免费一级做a爰片性色毛片 | 久久国产视频在线观看 | 麻豆国产 | 亚洲欧美一区二区三区在饯 | 国产一区二区在线免费观看 | 久在草在线 | 国产一区成人 | 精品综合久久久久久98 | 足恋玩丝袜脚视频免费网站 | 日本三级精品 | 久久99国产精品视频 | 成人欧美一区二区三区在线观看 | 18年大片免费在线观看 | 精品午夜久久网成年网 | 毛色毛片免费观看 | 日韩一区二区三区精品 | 全部aⅴ极品视觉盛宴精品 全部免费a级毛片 | 黄a在线观看 | 国产大尺度福利视频在线观看 | 国产真实女人一级毛片 | 日韩精品亚洲一级在线观看 | 上海一级毛片 | 精品国产品欧美日产在线 | 成年人三级网站 | 高清色黄毛片一级毛片 | 久久一区二区三区免费 | 日本免费一区二区三区a区 日本免费一区二区三区看片 | 久国产 | 在线网站黄色 | 一区二区网站在线观看 | 黑人边吃奶边扎下面激情视频 | 国产精品人成人免费国产 | 欧美一级毛片兔费播放 | 亚洲乱码一区二区三区国产精品 | 91高端极品外围在线观看 |