Photoshop設計制作金屬質感的工具APP圖標
站酷 發(fā)布時間:2013-01-15 15:03:53 作者:石頭想飛
我要評論

本教程主要使用Photoshop制作金屬質感的工具型APP圖標,主要通過圖層樣式來完成,喜歡的朋友一起來學習吧。
先看看效果圖

1.首先我們來坐下背景,這個背景我是先畫了個圓做了些效果(投影,內陰陽)定義成圖案,

2.用圓角矩形工具,畫最底部的漸變,在這一步我先畫個半徑為47的大圓角矩形,在用剪切畫個35的小圓角矩形,最后填充投影和漸變疊加。



3.這一步我們在畫個半徑為35的小圓角矩形和上面鏤空的一樣大小就可以了。做圖層樣式:內發(fā)光和漸變疊加。在找張?zhí)O果手機的背景填充下就可以了。



4.復制個小的圓角矩形,做個內發(fā)光,把填充設為0.


5.第五步把第二步的大圓角矩形復制一個,調整圖層放在最上邊,調整下形狀和位置,在做投影和漸變疊加。



6.這一步我們來給整體做個金屬拉絲效果,我做的思路大概(先把兩個形狀工具復制一份,把圖層樣式去掉只留下外輪廓就好,然后合并圖層,這樣就出來邊框圖形的選區(qū)了,下一步就是新建給圖層做金屬拉絲,調整下混合模式和透明圖就好)


7.這一步我又做了個邊框整體覆蓋圖層,整體過度自然些。


8.我們在給邊框加個拼接的感覺吧,這一步就很好做了,用矩形工具畫個長方形添加白色投影就行了,在復制個把投影反向就ok了,兩邊同理。到這一步我們底部邊框就做完了,下面我們來繪制鉗子吧。

9.我們來開始繪制鉗子吧,我把鉗子整體分為三個部分,首先我們把背景鎖上,用鋼筆工具來勾畫鉗子的頭部吧,先勾出頭部的底層大概分為5塊。


10.我們來把鉗子的開口做下吧,也是用鋼筆工具勾畫出它的形狀就可以,填充黑色。

11.我們再把鉗子張開的軸承那里畫下吧,還有鉗子剪斷東西那加兩個漸變圖形。





12.這一步我們畫下把手吧,先畫下橡膠感覺的黑色部分,用鋼筆工具勾出底部形狀,填充漸變顏色。



13.畫下橙色銜接的地方吧,這一塊我分成了幾部分組合做成的,先看下做完的效果。


14.給把手加個中間凸起的部分。





15.這一步就要給鉗子加上摩擦的底部了。



16.加上和輪胎一樣的凸起吧,這一步我是在AI里完成的,轉過來加了下投影。

17.其實下面的這個把手和上面的那個,可以共用一些元素的,把上面的把手復制一個,調整圖層樣式,



18.我們在整體畫下橙色部分,做以下圖層樣式。




19.這一步我們來刻畫下橙色部分,我用了些比較快速的辦法,就是復制個橙色部分,對它做些圖層樣式,在把它柵格化圖層,把不想要的地方擦去就可以了


20.我們現(xiàn)在來做把手凸起的底層吧,把上面復制過來的圖形樣式進行重新調節(jié),




21.調整凸起圖層樣式如下


22.這一步加上反光的部分,這一步我是拿鋼筆工具勾出來的圖形,加了顏色和內陰影效果,最后柵格化圖層,調整下透明圖就ok了,效果如下。

23.這一步我們在給鉗子的頭部做個整體拉絲效果,這一步在制作邊框的時候我已經給大家詳細說明了制作方法了。

24.最后一步我們給鉗子加個整體的投影就可以了。

25.給大家一個鉗子的特寫和完成后的整體效果。

26.完成效果

1.首先我們來坐下背景,這個背景我是先畫了個圓做了些效果(投影,內陰陽)定義成圖案,

2.用圓角矩形工具,畫最底部的漸變,在這一步我先畫個半徑為47的大圓角矩形,在用剪切畫個35的小圓角矩形,最后填充投影和漸變疊加。



3.這一步我們在畫個半徑為35的小圓角矩形和上面鏤空的一樣大小就可以了。做圖層樣式:內發(fā)光和漸變疊加。在找張?zhí)O果手機的背景填充下就可以了。



4.復制個小的圓角矩形,做個內發(fā)光,把填充設為0.


5.第五步把第二步的大圓角矩形復制一個,調整圖層放在最上邊,調整下形狀和位置,在做投影和漸變疊加。



6.這一步我們來給整體做個金屬拉絲效果,我做的思路大概(先把兩個形狀工具復制一份,把圖層樣式去掉只留下外輪廓就好,然后合并圖層,這樣就出來邊框圖形的選區(qū)了,下一步就是新建給圖層做金屬拉絲,調整下混合模式和透明圖就好)


7.這一步我又做了個邊框整體覆蓋圖層,整體過度自然些。


8.我們在給邊框加個拼接的感覺吧,這一步就很好做了,用矩形工具畫個長方形添加白色投影就行了,在復制個把投影反向就ok了,兩邊同理。到這一步我們底部邊框就做完了,下面我們來繪制鉗子吧。

9.我們來開始繪制鉗子吧,我把鉗子整體分為三個部分,首先我們把背景鎖上,用鋼筆工具來勾畫鉗子的頭部吧,先勾出頭部的底層大概分為5塊。


10.我們來把鉗子的開口做下吧,也是用鋼筆工具勾畫出它的形狀就可以,填充黑色。

11.我們再把鉗子張開的軸承那里畫下吧,還有鉗子剪斷東西那加兩個漸變圖形。





12.這一步我們畫下把手吧,先畫下橡膠感覺的黑色部分,用鋼筆工具勾出底部形狀,填充漸變顏色。



13.畫下橙色銜接的地方吧,這一塊我分成了幾部分組合做成的,先看下做完的效果。


14.給把手加個中間凸起的部分。





15.這一步就要給鉗子加上摩擦的底部了。



16.加上和輪胎一樣的凸起吧,這一步我是在AI里完成的,轉過來加了下投影。

17.其實下面的這個把手和上面的那個,可以共用一些元素的,把上面的把手復制一個,調整圖層樣式,



18.我們在整體畫下橙色部分,做以下圖層樣式。




19.這一步我們來刻畫下橙色部分,我用了些比較快速的辦法,就是復制個橙色部分,對它做些圖層樣式,在把它柵格化圖層,把不想要的地方擦去就可以了


20.我們現(xiàn)在來做把手凸起的底層吧,把上面復制過來的圖形樣式進行重新調節(jié),




21.調整凸起圖層樣式如下


22.這一步加上反光的部分,這一步我是拿鋼筆工具勾出來的圖形,加了顏色和內陰影效果,最后柵格化圖層,調整下透明圖就ok了,效果如下。

23.這一步我們在給鉗子的頭部做個整體拉絲效果,這一步在制作邊框的時候我已經給大家詳細說明了制作方法了。

24.最后一步我們給鉗子加個整體的投影就可以了。

25.給大家一個鉗子的特寫和完成后的整體效果。

26.完成效果

相關文章
- 今天我們繼續(xù)來介紹ps基礎教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個工具在修圖的時候是比較常用的,下面我們就來看看基礎教程2024-12-23
- ps圖層是什么?簡單來說,ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨立的,下面我們就來看2024-12-23
- ps零基礎之圖層樣式的講解,在使用ps的時候,我們經常會在圖層上添加一些效果,這就是圖層樣式,該怎么應用呢?詳細請看下文介紹2024-12-23
ps如何把一張長圖切成幾張小圖片? ps把長圖切成短圖的技巧
有時候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時可以拿出來使用,該怎么操作呢?詳細請看下文介紹2024-09-10- PS調整字體大小是一個非?;A的操作,但也是非常實用的技能,在Photoshop中,調整字體大小的方式有多種,詳細請看下文介紹2024-02-02
- 但最近有用戶在使用photoshop時發(fā)現(xiàn)窗口界面的字體比較小,使用起來非常的不方便,因此有不少用戶想將其大小進行調節(jié),具體該如何操作呢?詳細請看下文介紹2024-02-02
ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦?ps中圖層解鎖失敗,提示圖層被父圖層鎖定該怎么辦呢?下面我們就來看看詳細的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調到288像素的解決辦法
ps描邊最大只有288怎么辦?ps描邊在使用的過程中,發(fā)現(xiàn)只能調到288像素,該怎么操作呢?下面我們就來看看Photoshop描邊只能調到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦?ps工具欄中有很多工具,但是發(fā)現(xiàn)有些工具不見了,該怎么辦呢?下面我們就來看看Photoshop工具欄不全的多種解決辦法2023-11-30Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝?ps2024發(fā)布以后,很多朋友想要嘗試信工鞥,該怎么下載安裝呢?下面我們就來看看ps2024安裝圖文教程2023-11-30