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

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

軟件下載吧

當(dāng)前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

時(shí)間:2024-03-08 06:01作者:下載吧人氣:18

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

下面是我這次做的效果圖,這是我第一次做教程,主要是之前在逛instntshift的時(shí)候看到的一張圖,但是苦于沒(méi)有教程,就嘗試著把它臨摹下來(lái),做完以后,覺(jué)得還不錯(cuò),所以就嘗試做出個(gè)教程,和大家分享一下。如果有什么做的不好的,大家也請(qǐng)盡管的指出,這也是對(duì)我的幫助,謝謝。

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

首先,我們來(lái)建立一個(gè)1667*1250,300DPI的畫(huà)布。整個(gè)教程分為右圖五個(gè)部分,每個(gè)部分在完成以后,都進(jìn)行了編組,并且每個(gè)組的圖層狀態(tài)都為穿透,這個(gè)同學(xué)們?cè)谧龅臅r(shí)候要注意。我們首先從背景層開(kāi)始。

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

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

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

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

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

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

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

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

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

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

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

效果:

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

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

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

效果:

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

最大的圓形扇框做好以后,我們?cè)儆脵E圓工具畫(huà)一個(gè)455*455的圓形,圖層命名為圓形扇框2,顏色依然填充#e2e1e0。并給它依次添加描邊、漸變疊加、投影三個(gè)圖層樣式。

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

效果:

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

最后,我們來(lái)做機(jī)身部分最麻煩的扇格部分,好吧,你們就假裝這個(gè)東西叫扇格。。。。畫(huà)三個(gè)圓,然后刪除就可以了。

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

添加上去后的效果:

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

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

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

效果:

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

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

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

效果:

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

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

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

效果如下:

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

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

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

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

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

效果:

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

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

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

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

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

效果:

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

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

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

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

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

圖層樣式參數(shù):

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

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

標(biāo)簽楊洋,UI教程,ps網(wǎng)頁(yè)設(shè)計(jì),螺旋槳,風(fēng)扇圖標(biāo),風(fēng)扇UI

相關(guān)下載

查看所有評(píng)論+

網(wǎng)友評(píng)論

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

熱門(mén)閱覽

最新排行

公眾號(hào)

主站蜘蛛池模板: 日韩日b视频 | 亚洲三级黄 | 青青草国产免费国产是公开 | 99视频免费在线 | 欧美精选在线 | 国产精品亚洲综合网站 | 亚洲国产天堂久久综合图区 | gv手机在线观看 | 日本b站一卡二不卡 | 日韩欧美在线视频一区二区 | 国产一区二区三区四区五区 | 性欧美精品孕妇 | 免费在线成人网 | 国产午夜精品一区二区三区不卡 | 成人毛片免费观看视频大全 | 国产午夜亚洲精品 | 免费一看一级毛片全播放 | 欧美三级黄色大片 | 京东一热本色道久久爱 | www.热| 免费一区二区三区久久 | 久久精品国产99国产精品亚洲 | 极品美女写真菠萝蜜视频 | 九九免费精品视频 | 日韩黄色一级片 | 国产亚洲亚洲精品777 | 国产精品分类视频分类一区 | 在线视频一区二区三区四区 | 九九免费精品视频在这里 | 手机在线黄色网址 | 色狠狠色综合吹潮 | 日本免费一级视频 | 国产九九视频在线观看 | 成人免费视频在线 | 伊人狼人综合 | 亚洲精品国产成人专区 | 国产免费观看a大片的网站 国产免费黄色网址 | 欧美一级三级 | 久久久久毛片免费观看 | 王朝影院一区二区三区入口 | 国产在线不卡午夜精品2021 |