photoshop制作類似火狐瀏覽器的火魚圖標(biāo)
來源:未知
作者:福特少普ps
學(xué)習(xí):3274人次
作者活力盒子翻譯 出處:tutorial9
最終效果圖:
在這個(gè)photoshop教程中,你會(huì)學(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è)置魚身體上的火焰效果(我知道,這種說法是很滑稽的)。
, 畫一條長(zhǎng)長(zhǎng)的尖角形狀。應(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
最終效果圖:
在這個(gè)photoshop教程中,你會(huì)學(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è)置魚身體上的火焰效果(我知道,這種說法是很滑稽的)。
, 畫一條長(zhǎng)長(zhǎng)的尖角形狀。應(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
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),用PS快速給徽標(biāo)文字排版
- 圖標(biāo)設(shè)計(jì),教你臨摹360寫實(shí)圖標(biāo)
- LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程
- LOGO教程,曲面四分環(huán)的畫法
- LOGO教程,教你設(shè)計(jì)扁平化的谷歌logo圖標(biāo)
- LOGO教程,設(shè)計(jì)扁平化的瀏覽器圖標(biāo)
- LOGO教程,教你畫個(gè)四分環(huán)圖標(biāo)
- 圖標(biāo)設(shè)計(jì),模仿QQ旋風(fēng)圖標(biāo)實(shí)例
- 圖標(biāo)設(shè)計(jì),設(shè)計(jì)簡(jiǎn)單的酷狗圖標(biāo)實(shí)例
- 圖標(biāo)設(shè)計(jì),設(shè)計(jì)抽象的相機(jī)鏡頭圖標(biāo)教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!