亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

PS繪制超精致的指紋科技感圖標(biāo)

  發(fā)布時(shí)間:2017-03-10 11:43:36   作者:陌北默   我要評(píng)論
這篇教程是向腳本之家的朋友分享PS繪制超精致的指紋科技感圖標(biāo)方法,教程繪制出來(lái)的圖標(biāo)非常漂亮,很有質(zhì)感,教程介紹地很詳細(xì),推薦到腳本之家,來(lái)學(xué)習(xí)吧

這篇鼠繪教程教腳本之家的PS鼠繪學(xué)習(xí)者們使用PS繪制科技感圖標(biāo),教程屬于比較基礎(chǔ)的PS鼠繪教程,其中質(zhì)感的刻畫使用了濾鏡和圖層樣式、圖層混合模式。科技感的營(yíng)造主要來(lái)自于色彩的處理。大家有一個(gè)基礎(chǔ)的思路之后就會(huì)更容易學(xué)會(huì)和弄懂這個(gè)教程了,好了先來(lái)看看最終的效果圖吧:

其實(shí)很簡(jiǎn)單啦,高大上的科技感基本元素:金屬 玻璃 光效。

金屬常用于:字體、建筑、兵器裝備等;玻璃用于電子屏幕、全息投影、液態(tài)介質(zhì)等;光效則烘托氣氛,是科技感設(shè)計(jì)的必備元素。

下面分別獻(xiàn)上這三類材質(zhì)的實(shí)現(xiàn)方法。

PS繪制超精致的指紋科技感圖標(biāo)

PS繪制超精致的指紋科技感圖標(biāo)

以上圖為例(某個(gè)app的圖標(biāo)),典型的兼?zhèn)浣饘佟⒉AШ凸饩€的實(shí)例,建議大家用它來(lái)練手。最后附上源文件,供參考。

1 結(jié)構(gòu)分析

四個(gè)角是對(duì)稱的,只需設(shè)計(jì)好一個(gè)角再?gòu)?fù)制旋轉(zhuǎn)即可。上下也是對(duì)稱的,只需設(shè)計(jì)頂部,復(fù)制得到底部。最后再加上中間的指紋和掃描光。

PS繪制超精致的指紋科技感圖標(biāo) PS繪制超精致的指紋科技感圖標(biāo) PS繪制超精致的指紋科技感圖標(biāo)

2 金屬部分

1. ps中建立600*600像素的文件,在左上角畫出如圖的形狀,顏色隨意,添加漸變:

PS繪制超精致的指紋科技感圖標(biāo)

PS繪制超精致的指紋科技感圖標(biāo)

圖層a

2. 柵格化上面的圖層a(養(yǎng)成保留原始圖層好習(xí)慣,柵格化之前先復(fù)制備份一張哦)找來(lái)一張金屬拉絲的圖片如下(附件中有)旋轉(zhuǎn)90°成豎向,適量縮小讓拉絲更細(xì)膩,注意正片疊底不透明度80%,創(chuàng)建剪貼蒙版給圖層a,得到圖層b,金屬材質(zhì)已經(jīng)出來(lái)啦。

PS繪制超精致的指紋科技感圖標(biāo)

PS繪制超精致的指紋科技感圖標(biāo)

圖層b

3. 側(cè)面金屬,將上面的圖層a復(fù)制后得到圖層c,放于底層。用直接選擇工具對(duì)其拖移錨點(diǎn),比a的右邊厚一些:

PS繪制超精致的指紋科技感圖標(biāo)

添加圖層樣式:

PS繪制超精致的指紋科技感圖標(biāo)

得到效果:

PS繪制超精致的指紋科技感圖標(biāo)

4. 復(fù)制c并柵格化得到c2,用附件中的金屬材質(zhì)2放在c2上面創(chuàng)建剪切蒙版,正片疊底,不透明度80%。得到效果:

PS繪制超精致的指紋科技感圖標(biāo)

5. 添加高光、反光、陰影和暗部

以上步驟已經(jīng)做出了金屬的模型,但還不夠逼真,為了達(dá)到真實(shí)的場(chǎng)景效果,高光和陰影等光效必備且關(guān)鍵。

① 側(cè)面高光:在圖層c2之上新建圖層命名為側(cè)面高光,用150左右大小、硬度為0、顏色純白的筆刷點(diǎn)一下在c2的下部,并利用選區(qū)反向工具裁去c2范圍以外的部分:

PS繪制超精致的指紋科技感圖標(biāo)

混合模式為疊加不透明度30%。效果:

PS繪制超精致的指紋科技感圖標(biāo)

② b的陰影:復(fù)制圖層a并添加圖層樣式投影:

PS繪制超精致的指紋科技感圖標(biāo)

效果:

PS繪制超精致的指紋科技感圖標(biāo)

③ 加綠色邊緣反光:復(fù)制圖層b并柵格化,添加圖層樣式:斜面和浮雕 內(nèi)陰影:

PS繪制超精致的指紋科技感圖標(biāo)

PS繪制超精致的指紋科技感圖標(biāo)

得到效果:

PS繪制超精致的指紋科技感圖標(biāo)

④ 添加左側(cè)反光:在綠色反光之上新建圖層,命名左側(cè)反光,用150大小、純白色、硬度為0的畫筆點(diǎn)一下后水平壓縮到2-3像素寬度。創(chuàng)剪切蒙版,混合模式為疊加,效果:

PS繪制超精致的指紋科技感圖標(biāo)

⑤ 暗部:綠色反光的頂部由于被指紋識(shí)別器的頂部遮擋了,反光應(yīng)該弱一些。

這里可以直接用蒙版擦拭,但我用的更粗暴的辦法,跟左側(cè)反光類似,用色值為#50606e的畫筆點(diǎn)一筆,壓扁后,創(chuàng)建剪切蒙版到綠色反光圖層上。效果:

PS繪制超精致的指紋科技感圖標(biāo)

到此,左上角的金屬部分就完成啦。

讓我們來(lái)總結(jié)下金屬材質(zhì)的要領(lǐng):

1.漸變的形狀上疊加金屬材質(zhì)的照片,混合模式和透明度。

2.加以高光、暗部、陰影等光效。增加立體感,更為逼真。

在此總結(jié)的基礎(chǔ)上,我們完成接下來(lái)的金屬豎條就簡(jiǎn)單多了,按類似方法:

6. 畫三根細(xì)長(zhǎng)的矩形,添加內(nèi)陰影和漸變:

PS繪制超精致的指紋科技感圖標(biāo)

PS繪制超精致的指紋科技感圖標(biāo)

效果:

PS繪制超精致的指紋科技感圖標(biāo)

然后,記得復(fù)制并柵格化這些豎條,用附件的金屬材質(zhì)3創(chuàng)建剪切蒙版,混合模式為疊加,不透明度80%:

PS繪制超精致的指紋科技感圖標(biāo)

這就做好啦,套路太好用了,掃描儀頂部的效果,你可以自己試試!

3 玻璃部分

1. 畫出三塊矩形,色值為c2e5eb,并變形成:

PS繪制超精致的指紋科技感圖標(biāo)ps上個(gè)分解圖: PS繪制超精致的指紋科技感圖標(biāo)

矩形1和2的圖層樣式分別是:

PS繪制超精致的指紋科技感圖標(biāo)  PS繪制超精致的指紋科技感圖標(biāo)

矩形3為線性減淡 不透明度90% 沒(méi)有圖層樣式

2. 陰影

用2像素的畫筆 顏色值#1869a7畫一筆陰影:

PS繪制超精致的指紋科技感圖標(biāo)

3. 多處高光!

玻璃質(zhì)感本身透光強(qiáng) 易形成多出高光和反光,我們將畫5處高光提升其質(zhì)感:

PS繪制超精致的指紋科技感圖標(biāo)

①直線工具白色,畫出如圖兩根線

PS繪制超精致的指紋科技感圖標(biāo)

填充為0,圖層樣式:

PS繪制超精致的指紋科技感圖標(biāo)

②將矩形2復(fù)制,清除圖層樣式,填充色值為#dbdede,高斯模糊數(shù)值2,混合模式淺色,不透明度50%,放在矩形2的上面:

PS繪制超精致的指紋科技感圖標(biāo) PS繪制超精致的指紋科技感圖標(biāo)

③ 最后的三個(gè)點(diǎn)光源

新建圖層 用白色畫筆畫一個(gè)圓,稍微壓扁,添加圖層樣式:

PS繪制超精致的指紋科技感圖標(biāo)

效果:

PS繪制超精致的指紋科技感圖標(biāo)

混合模式為疊加,復(fù)制此圖層兩次,分別放于圖中位置:

PS繪制超精致的指紋科技感圖標(biāo)

玻璃也完成啦。

玻璃材質(zhì)小結(jié):

1.淺綠、半透的形狀 各種高光。

2.混合模式很重要,當(dāng)背景是深色,多用線性減淡類,當(dāng)背景是亮色,多用疊加類。

把這些圖層復(fù)制、合并后垂直翻轉(zhuǎn),拼成整個(gè)識(shí)別器的左側(cè):

PS繪制超精致的指紋科技感圖標(biāo)

左側(cè)基本完成了,最后再加一層高光來(lái)提亮:同樣是大畫筆色值#81d0fe,裁切出圖層b和c合并的形狀:

PS繪制超精致的指紋科技感圖標(biāo)

混合模式為疊加,不透明度80%。每個(gè)人畫筆位置不一致,注意自行把握透明度。整個(gè)左側(cè)就好做了~~~:

PS繪制超精致的指紋科技感圖標(biāo)

4 光線部分

1. 先來(lái)畫指紋

給指紋素材添加徑向漸變:

PS繪制超精致的指紋科技感圖標(biāo)

效果:

PS繪制超精致的指紋科技感圖標(biāo)

添加圖層蒙版,擦去上下部分,注意保留一部分透明度:

PS繪制超精致的指紋科技感圖標(biāo)

  PS繪制超精致的指紋科技感圖標(biāo)

在上面用疊加的混合模式,加一層高光,同樣,用色值為#00fdff的畫筆點(diǎn)一筆。

PS繪制超精致的指紋科技感圖標(biāo)

2. 掃描光

先畫一坨小的高光 色值#00fdff (方法你已知道了 壓扁畫筆)

PS繪制超精致的指紋科技感圖標(biāo)

再來(lái)一大坨高光,不透明度60%:

PS繪制超精致的指紋科技感圖標(biāo)

組合的效果:

PS繪制超精致的指紋科技感圖標(biāo)

左側(cè)右數(shù)個(gè)白色壓扁的橢圓組成,每一個(gè)外發(fā)光:

PS繪制超精致的指紋科技感圖標(biāo)

效果:

PS繪制超精致的指紋科技感圖標(biāo)

復(fù)制翻轉(zhuǎn)即得到右側(cè)的。

最后來(lái)制作中間的主光線:

畫一條粗白色橫線加外發(fā)光:

PS繪制超精致的指紋科技感圖標(biāo)

效果:

PS繪制超精致的指紋科技感圖標(biāo)

全部完成啦:

PS繪制超精致的指紋科技感圖標(biāo)

教程結(jié)束,以上就是PS繪制超精致的指紋科技感圖標(biāo)方法介紹,教程介紹地很詳細(xì),希望這篇文章能對(duì)大家有所幫助!

相關(guān)文章

最新評(píng)論