photoshop制作類似火狐瀏覽器的火魚圖標(biāo)(5)
來源:未知
作者:福特少普ps
學(xué)習(xí):3274人次
作者活力盒子翻譯 出處:tutorial9
最終效果圖:
在這個photoshop教程中,你會學(xué)到如何在Firefox的logo基礎(chǔ)上設(shè)計一個吉祥物,以及怎樣用鋼筆工具和漸變來模擬火焰的效果。
步驟1
開始創(chuàng)建一個文檔,我用的是800*600像素的,這是個很好的創(chuàng)造圖標(biāo)的工作環(huán)境。
步驟2
用鋼筆工具畫一個魚身體的基本形狀。你可以畫任何你喜歡的魚。
步驟3
打開圖層風(fēng)格,運(yùn)用黃色-橙色-紅色的梯度漸變創(chuàng)建火焰的效果,設(shè)置漸變風(fēng)格為鏡像,角度為45°。
步驟4
到目前為止你所做的魚的形狀應(yīng)該看起來像這樣(如果你按照我做的步驟走的話)。
步驟5
現(xiàn)在我們要做魚的眼睛。
, 選擇橢圓工具畫一個正圓。按住shift畫正圓。
打開圖層風(fēng)格,運(yùn)用這種風(fēng)格(見下圖)
步驟6
在正圓上創(chuàng)建另外一個形狀,添加一些外發(fā)光。
步驟7
做一個火苗的形狀。這將為魚的眼睛增添一個不錯的火焰效果。打開圖層風(fēng)格,應(yīng)用外發(fā)光。
步驟8
現(xiàn)在我們準(zhǔn)備用鋼筆工具設(shè)置魚身體上的火焰效果(我知道,這種說法是很滑稽的)。
, 畫一條長長的尖角形狀。應(yīng)用圖層蒙版,用漸變工具使它褪色。
步驟9
重覆執(zhí)行步驟8共18次(這個隨你愿 100次也沒人管你:)),使用不同的形狀和顏色。
步驟10
現(xiàn)在把每一個形狀都放在你所建的文件夾中,并以“Fireshapes”命名。現(xiàn)在復(fù)制整個文件夾,按CTRL / CMD + E將文件夾合并為一個圖層。重命名圖層為“Fireshapes2”,然后按CTRL / CMD + T,把選區(qū)放在最底部。
現(xiàn)在把它放到魚身上。
, 步驟11
重覆執(zhí)行步驟10,重命名這一層為“Fireshapes3”,把它放在“Fireshapes2”之上。現(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)在我們要制作魚鰭。魚游泳是不能沒有魚鰭的對吧~參照上圖制作一個形狀(我使用的顏色是#fcb100),使用圖層蒙版和漸變工具使其褪色。
步驟17
現(xiàn)在讓我們使用與步驟16相同的技術(shù)在魚鰭上增加一些火焰的形狀。
, 步驟18
在魚頭上制作一個形狀,這將能增加一個感覺不錯的火焰效果。
步驟19
重復(fù)步驟18,運(yùn)用圖層蒙版和漸變工具使其褪色(就是漸變效果)。
步驟20
現(xiàn)在把我們所做的一切都放在一個文件夾中,并命名為“魚”。
步驟21
設(shè)置魚文件夾的不透明度為69%
步驟22
復(fù)制魚文件夾,按CTRL / CMD + E,這將使復(fù)制層在魚文件夾的上方。在上方添加樣式。
步驟23
這是目前為止的效果。
, 步驟24
現(xiàn)在我們要去應(yīng)用煙霧效果和一些星狀筆刷。在魚上方復(fù)制粘貼煙霧,在同一層上畫一些星星,設(shè)置圖層的不透明度為69%,再添加圖層樣式。
步驟25
現(xiàn)在粘貼地球圖標(biāo),添加一個圖層蒙版。選擇一個大小合適的筆刷,設(shè)置硬度為0,使用這個大型筆刷淡化地球圖標(biāo),使用#000000的顏色在圖層蒙版上涂抹。
步驟26
現(xiàn)在把地球圖標(biāo)放在火魚的后面。
, 步驟27
按CTRL / CMD + T,按住shift鍵調(diào)整地球直到它與火魚的大小相配。
步驟28
現(xiàn)在我們開始做背景。
讓我們選擇一個背景色。我用的是#112047。
步驟29
這是使用了背景色的效果。
步驟30
在背景之上、地球和火魚的后方新建一個圖層。使用選擇工具標(biāo)志你三分之一的文檔。用更深的顏色填充它(#0e1939)。
步驟31
應(yīng)用圖層蒙版,選擇漸變填充工具使其褪色。(如上圖)
, 步驟32
使用橢圓工具畫一個橢圓形。把它放在火魚的下面。這將成為火魚的影子。
步驟33
現(xiàn)在去濾鏡 模糊 動態(tài)模糊,運(yùn)用這些設(shè)置(你需要做兩次,一次沿x軸,一次沿y軸)。
步驟34
現(xiàn)在使用直線工具在地球的上方畫一條直線,打開圖層樣式,運(yùn)用一些斜角和浮雕(這時我會讓大家選擇自己想應(yīng)用的設(shè)置)。
步驟35
重復(fù)步驟34,這是我們現(xiàn)在所完成的效果。
步驟36
新建一個圖層,使用星狀筆刷繪制一些星星,這將使“天空”看起來更真實(shí)。
結(jié)論
現(xiàn)在就已經(jīng)完成了火焰魚的制作嘍~我希望這篇教程能給大家一些幫助,能讓你學(xué)到一些新的PS技術(shù)和技巧。不要忘記給我們留言,讓我們知道你的想法!
最終效果圖:
在這個photoshop教程中,你會學(xué)到如何在Firefox的logo基礎(chǔ)上設(shè)計一個吉祥物,以及怎樣用鋼筆工具和漸變來模擬火焰的效果。
步驟1
開始創(chuàng)建一個文檔,我用的是800*600像素的,這是個很好的創(chuàng)造圖標(biāo)的工作環(huán)境。
步驟2
用鋼筆工具畫一個魚身體的基本形狀。你可以畫任何你喜歡的魚。
步驟3
打開圖層風(fēng)格,運(yùn)用黃色-橙色-紅色的梯度漸變創(chuàng)建火焰的效果,設(shè)置漸變風(fēng)格為鏡像,角度為45°。
步驟4
到目前為止你所做的魚的形狀應(yīng)該看起來像這樣(如果你按照我做的步驟走的話)。
步驟5
現(xiàn)在我們要做魚的眼睛。
, 選擇橢圓工具畫一個正圓。按住shift畫正圓。
打開圖層風(fēng)格,運(yùn)用這種風(fēng)格(見下圖)
步驟6
在正圓上創(chuàng)建另外一個形狀,添加一些外發(fā)光。
步驟7
做一個火苗的形狀。這將為魚的眼睛增添一個不錯的火焰效果。打開圖層風(fēng)格,應(yīng)用外發(fā)光。
步驟8
現(xiàn)在我們準(zhǔn)備用鋼筆工具設(shè)置魚身體上的火焰效果(我知道,這種說法是很滑稽的)。
, 畫一條長長的尖角形狀。應(yīng)用圖層蒙版,用漸變工具使它褪色。
步驟9
重覆執(zhí)行步驟8共18次(這個隨你愿 100次也沒人管你:)),使用不同的形狀和顏色。
步驟10
現(xiàn)在把每一個形狀都放在你所建的文件夾中,并以“Fireshapes”命名。現(xiàn)在復(fù)制整個文件夾,按CTRL / CMD + E將文件夾合并為一個圖層。重命名圖層為“Fireshapes2”,然后按CTRL / CMD + T,把選區(qū)放在最底部。
現(xiàn)在把它放到魚身上。
, 步驟11
重覆執(zhí)行步驟10,重命名這一層為“Fireshapes3”,把它放在“Fireshapes2”之上。現(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)在我們要制作魚鰭。魚游泳是不能沒有魚鰭的對吧~參照上圖制作一個形狀(我使用的顏色是#fcb100),使用圖層蒙版和漸變工具使其褪色。
步驟17
現(xiàn)在讓我們使用與步驟16相同的技術(shù)在魚鰭上增加一些火焰的形狀。
, 步驟18
在魚頭上制作一個形狀,這將能增加一個感覺不錯的火焰效果。
步驟19
重復(fù)步驟18,運(yùn)用圖層蒙版和漸變工具使其褪色(就是漸變效果)。
步驟20
現(xiàn)在把我們所做的一切都放在一個文件夾中,并命名為“魚”。
步驟21
設(shè)置魚文件夾的不透明度為69%
步驟22
復(fù)制魚文件夾,按CTRL / CMD + E,這將使復(fù)制層在魚文件夾的上方。在上方添加樣式。
步驟23
這是目前為止的效果。
, 步驟24
現(xiàn)在我們要去應(yīng)用煙霧效果和一些星狀筆刷。在魚上方復(fù)制粘貼煙霧,在同一層上畫一些星星,設(shè)置圖層的不透明度為69%,再添加圖層樣式。
步驟25
現(xiàn)在粘貼地球圖標(biāo),添加一個圖層蒙版。選擇一個大小合適的筆刷,設(shè)置硬度為0,使用這個大型筆刷淡化地球圖標(biāo),使用#000000的顏色在圖層蒙版上涂抹。
步驟26
現(xiàn)在把地球圖標(biāo)放在火魚的后面。
, 步驟27
按CTRL / CMD + T,按住shift鍵調(diào)整地球直到它與火魚的大小相配。
步驟28
現(xiàn)在我們開始做背景。
讓我們選擇一個背景色。我用的是#112047。
步驟29
這是使用了背景色的效果。
步驟30
在背景之上、地球和火魚的后方新建一個圖層。使用選擇工具標(biāo)志你三分之一的文檔。用更深的顏色填充它(#0e1939)。
步驟31
應(yīng)用圖層蒙版,選擇漸變填充工具使其褪色。(如上圖)
, 步驟32
使用橢圓工具畫一個橢圓形。把它放在火魚的下面。這將成為火魚的影子。
步驟33
現(xiàn)在去濾鏡 模糊 動態(tài)模糊,運(yùn)用這些設(shè)置(你需要做兩次,一次沿x軸,一次沿y軸)。
步驟34
現(xiàn)在使用直線工具在地球的上方畫一條直線,打開圖層樣式,運(yùn)用一些斜角和浮雕(這時我會讓大家選擇自己想應(yīng)用的設(shè)置)。
步驟35
重復(fù)步驟34,這是我們現(xiàn)在所完成的效果。
步驟36
新建一個圖層,使用星狀筆刷繪制一些星星,這將使“天空”看起來更真實(shí)。
結(jié)論
現(xiàn)在就已經(jīng)完成了火焰魚的制作嘍~我希望這篇教程能給大家一些幫助,能讓你學(xué)到一些新的PS技術(shù)和技巧。不要忘記給我們留言,讓我們知道你的想法!
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計,用PS快速給徽標(biāo)文字排版
- 圖標(biāo)設(shè)計,教你臨摹360寫實(shí)圖標(biāo)
- LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程
- LOGO教程,曲面四分環(huán)的畫法
- LOGO教程,教你設(shè)計扁平化的谷歌logo圖標(biāo)
- LOGO教程,設(shè)計扁平化的瀏覽器圖標(biāo)
- LOGO教程,教你畫個四分環(huán)圖標(biāo)
- 圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實(shí)例
- 圖標(biāo)設(shè)計,設(shè)計簡單的酷狗圖標(biāo)實(shí)例
- 圖標(biāo)設(shè)計,設(shè)計抽象的相機(jī)鏡頭圖標(biāo)教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!