Photoshop創(chuàng)建閃電圖標(biāo)

導(dǎo)言
首先，感謝Negreu Andreas先森，這篇教程是和他一起共同完成的。作品的靈感來(lái)自于電影《Bolt》的海報(bào)。下面將會(huì)講授如何使用Photoshop的圖層和形狀工具創(chuàng)作一個(gè)有趣的立體光澤閃電圖標(biāo)。
步驟1：新建文件
新建一個(gè)1000*60大小的畫布，使用多邊形套索工具[快捷鍵L]創(chuàng)建閃電的形狀。

圖01

步驟2：著色
新建圖層，在仍為激活狀態(tài)的多邊形選區(qū)內(nèi)進(jìn)行顏色填充[#ff9c00]。

圖02

步驟3：創(chuàng)建3D效果
復(fù)制圖層兩次，分別在兩層的閃電形狀內(nèi)填充#ffc66c的顏色。然后，將它們放置在最先創(chuàng)建的圖層的下方，按照如下圖所示的位置放置。

圖03

步驟4：
然后，將步驟3中創(chuàng)建的兩個(gè)圖層進(jìn)行合并，再次使用多邊形套索工具框選下圖所示的區(qū)域，將它們填充為與整體一致的顏色。

圖04

步驟5
使用加深工具，設(shè)置陰影，曝光度設(shè)置為60%——將第4步中創(chuàng)建的圖層形狀的拐角處進(jìn)行處理。

圖05

圖06

步驟6：顏色加深
再次使用顏色加深工具[快捷鍵為O]，對(duì)最上面圖層中的閃電拐角進(jìn)行顏色加深。

圖07

步驟7：邊緣處理
按住Command鍵，單擊第一層的縮略圖，框選閃電所在的范圍，創(chuàng)建新層，然后使用套索工具，右鍵單擊屏幕，為閃電形狀創(chuàng)建一個(gè)3px寬度的邊框，將顏色選為#ffab45。使用模糊工具[快捷鍵為R]，將邊框的邊緣進(jìn)行柔化處理。

圖08

圖09

步驟8
在最頂端創(chuàng)建新層，使用筆刷工具[快捷鍵B]，顏色選為#ffab45（與步驟7中制作的邊框顏色相同），將閃電拐角處修改為與邊框一致的顏色。

圖10

步驟9：陰影
現(xiàn)在，是添加更多陰影的時(shí)間了。選用顏色#800300，用筆刷在初始的閃電形狀下面添加陰影，如下圖所示。

圖11

步驟10
將步驟7中制作的閃電邊框復(fù)制兩次，使用Image > Adjustments > Brightness/Contrast[圖像>調(diào)整>明度>對(duì)比度]命令，將明度設(shè)置為-150，對(duì)比度設(shè)置為+30。將圖層向右偏移幾個(gè)像素值的距離，如下圖所示。

圖12

步驟11
使用橡皮擦工具[快捷鍵E]，擦除邊框的拐角處，選用模糊工具[快捷鍵R]，使邊框與閃電形狀的其余部分融合在一起。

圖13

步驟12：亮部顏色
用筆刷[顏色為#ffa93c]為閃電繪制亮部。選中下圖所示的區(qū)域。在所有層上方新建圖層，涂抹顏色。注意要使用柔性筆刷。

圖14

步驟13
新建圖層，選中如下圖所示區(qū)域。在該區(qū)域內(nèi)用#6b000進(jìn)行繪制，將圖層設(shè)置為疊加模式。

圖15

步驟14：優(yōu)化形狀
下一步中，進(jìn)一步調(diào)整閃電層下層的圖形形狀。在如下圖所示的區(qū)域中用畫筆為所選區(qū)域繪制更豐富的顏色和陰影。

圖16

步驟15
新建圖層，選中如下圖所示的區(qū)域，將選取頂部涂成紅色[#e20001]，底部涂成橘黃色[#ffa739]。

圖17

步驟16：細(xì)節(jié)
使用橡皮擦工具擦除邊框中如下圖所示的區(qū)域。

圖18

步驟17：增加光澤
下面來(lái)為閃電賦予光澤。新建圖層，放置在最上方，選擇如下圖所示的區(qū)域，使用黃色的柔性筆刷繪制高光區(qū)域，將圖層設(shè)置為疊加或柔光模式。亦可以擦除部分區(qū)域，減淡顏色。然后，進(jìn)一步繪制邊框，進(jìn)行涂抹并降低透明度。
注意，對(duì)于閃電上每一塊光澤區(qū)域，都需要?jiǎng)?chuàng)建不同的選區(qū)。

圖19

最終效果

圖20