photoshop制作類似火狐瀏覽器的火魚圖標(biāo)(5)

作者活力盒子翻譯　  出處:tutorial9

最終效果圖:





在這個(gè)photoshop教程中，你會學(xué)到如何在Firefox的logo基礎(chǔ)上設(shè)計(jì)一個(gè)吉祥物，以及怎樣用鋼筆工具和漸變來模擬火焰的效果。
步驟1

開始創(chuàng)建一個(gè)文檔，我用的是800*600像素的，這是個(gè)很好的創(chuàng)造圖標(biāo)的工作環(huán)境。





步驟2

用鋼筆工具畫一個(gè)魚身體的基本形狀。你可以畫任何你喜歡的魚。





步驟3

打開圖層風(fēng)格，運(yùn)用黃色-橙色-紅色的梯度漸變創(chuàng)建火焰的效果，設(shè)置漸變風(fēng)格為鏡像，角度為45°。





步驟4

到目前為止你所做的魚的形狀應(yīng)該看起來像這樣(如果你按照我做的步驟走的話)。





步驟5

現(xiàn)在我們要做魚的眼睛。





,                                           選擇橢圓工具畫一個(gè)正圓。按住shift畫正圓。

打開圖層風(fēng)格，運(yùn)用這種風(fēng)格（見下圖）









步驟6

在正圓上創(chuàng)建另外一個(gè)形狀，添加一些外發(fā)光。





步驟7

做一個(gè)火苗的形狀。這將為魚的眼睛增添一個(gè)不錯(cuò)的火焰效果。打開圖層風(fēng)格，應(yīng)用外發(fā)光。





步驟8

現(xiàn)在我們準(zhǔn)備用鋼筆工具設(shè)置魚身體上的火焰效果(我知道，這種說法是很滑稽的)。



  

,                                           畫一條長長的尖角形狀。應(yīng)用圖層蒙版，用漸變工具使它褪色。

步驟9

重覆執(zhí)行步驟8共18次（這個(gè)隨你愿 100次也沒人管你：）），使用不同的形狀和顏色。













步驟10

現(xiàn)在把每一個(gè)形狀都放在你所建的文件夾中，并以“Fireshapes”命名�，F(xiàn)在復(fù)制整個(gè)文件夾，按CTRL / CMD + E將文件夾合并為一個(gè)圖層。重命名圖層為“Fireshapes2”，然后按CTRL / CMD + T，把選區(qū)放在最底部。





現(xiàn)在把它放到魚身上。



  

,                                            步驟11

重覆執(zhí)行步驟10，重命名這一層為“Fireshapes3”，把它放在“Fireshapes2”之上�，F(xiàn)在讓我們使用鉛筆工具在底部添加黃色的形狀，使它看起來更像魚。









步驟12

現(xiàn)在我們將使用圖層風(fēng)格選項(xiàng)完成下一步。




圖片1





步驟13

現(xiàn)在你大致懂得了用鋼筆工具來制作魚形狀的技術(shù)了。我將會在魚的尾巴上增加一些漸變的形狀(按照步驟12設(shè)置漸變)，把它們放在文件夾里，并命名為”Tall”（尾巴）。





尾部是藍(lán)色路徑內(nèi)的區(qū)域。

步驟14

現(xiàn)在在尾部文件夾添加圖層蒙版，應(yīng)用漸變使其褪色，這樣就在藍(lán)色路徑內(nèi)實(shí)現(xiàn)了這種效果。





,                                            步驟15

這就是我們目前為止所作的成果。





步驟16

現(xiàn)在我們要制作魚鰭。魚游泳是不能沒有魚鰭的對吧~參照上圖制作一個(gè)形狀(我使用的顏色是#fcb100)，使用圖層蒙版和漸變工具使其褪色。





步驟17

現(xiàn)在讓我們使用與步驟16相同的技術(shù)在魚鰭上增加一些火焰的形狀。





















,                                             步驟18

在魚頭上制作一個(gè)形狀，這將能增加一個(gè)感覺不錯(cuò)的火焰效果。





步驟19

重復(fù)步驟18，運(yùn)用圖層蒙版和漸變工具使其褪色（就是漸變效果）。





步驟20

現(xiàn)在把我們所做的一切都放在一個(gè)文件夾中，并命名為“魚”。





步驟21

設(shè)置魚文件夾的不透明度為69%





步驟22

復(fù)制魚文件夾，按CTRL / CMD + E，這將使復(fù)制層在魚文件夾的上方。在上方添加樣式。





步驟23

這是目前為止的效果。





,                                             步驟24

現(xiàn)在我們要去應(yīng)用煙霧效果和一些星狀筆刷。在魚上方復(fù)制粘貼煙霧，在同一層上畫一些星星，設(shè)置圖層的不透明度為69%，再添加圖層樣式。









步驟25

現(xiàn)在粘貼地球圖標(biāo)，添加一個(gè)圖層蒙版。選擇一個(gè)大小合適的筆刷，設(shè)置硬度為0，使用這個(gè)大型筆刷淡化地球圖標(biāo)，使用#000000的顏色在圖層蒙版上涂抹。









步驟26

現(xiàn)在把地球圖標(biāo)放在火魚的后面。





,                                            步驟27

按CTRL / CMD + T，按住shift鍵調(diào)整地球直到它與火魚的大小相配。





步驟28

現(xiàn)在我們開始做背景。





讓我們選擇一個(gè)背景色。我用的是#112047。

步驟29

這是使用了背景色的效果。





步驟30

在背景之上、地球和火魚的后方新建一個(gè)圖層。使用選擇工具標(biāo)志你三分之一的文檔。用更深的顏色填充它(#0e1939)。





步驟31

應(yīng)用圖層蒙版，選擇漸變填充工具使其褪色。(如上圖)





,                                            步驟32

使用橢圓工具畫一個(gè)橢圓形。把它放在火魚的下面。這將成為火魚的影子。





步驟33

現(xiàn)在去濾鏡 模糊 動(dòng)態(tài)模糊，運(yùn)用這些設(shè)置(你需要做兩次，一次沿x軸，一次沿y軸)。









步驟34

現(xiàn)在使用直線工具在地球的上方畫一條直線，打開圖層樣式，運(yùn)用一些斜角和浮雕（這時(shí)我會讓大家選擇自己想應(yīng)用的設(shè)置)。





步驟35

重復(fù)步驟34，這是我們現(xiàn)在所完成的效果。





步驟36

新建一個(gè)圖層，使用星狀筆刷繪制一些星星，這將使“天空”看起來更真實(shí)。





結(jié)論

現(xiàn)在就已經(jīng)完成了火焰魚的制作嘍~我希望這篇教程能給大家一些幫助，能讓你學(xué)到一些新的PS技術(shù)和技巧。不要忘記給我們留言，讓我們知道你的想法!