PS教程:繪制精致網(wǎng)球圖標(biāo)

教程頻道 - Photoshop 來源:中國設(shè)計(jì)在線 作者:cdo 2016-07-12

       本次教程是photoshop高階教程,教大家繪制一個(gè)精致的網(wǎng)球圖標(biāo)。網(wǎng)球圖標(biāo)光影到位,細(xì)節(jié)豐富,過程清晰明了,細(xì)致入微,說手把手教絕不為過。

       先展示一下整體效果圖和兩個(gè)細(xì)節(jié)圖:

wq201502032

       繪制網(wǎng)球基本雛形

       首先新建一張紙。

       寬:1600px  高:1200px  分辨率:72像素/英寸

       名稱:網(wǎng)球-test

wq201502033

       添加畫紙背景色。

       點(diǎn)擊選色工具中得前景色工具,輸入色值  e6efd4

wq201502034

       繪制出網(wǎng)球基本圓

       先點(diǎn)擊前景色 ,色值:90bf00

wq201502035

       然后點(diǎn)擊圓形形狀工具 , ps界面上方屬性欄顯示如下,寬:800px;長:800px;

wq201502036

       在屏幕中心創(chuàng)建圓形形狀,圖層命名為綠毛毛層,右下角為圖層狀態(tài)。

wq201502037

       為綠毛毛層添加圖層樣式,使用顏色漸變,繪制出網(wǎng)球大概的體感,光感。

       鼠標(biāo)選中綠毛毛層,再點(diǎn)擊圖層界面最下方圖層樣式:

       混合模式:正常;  樣式:徑向;  角度:15度;  縮放:150%

wq201502038

       處理以上的參數(shù)外,還有點(diǎn)擊紅框內(nèi)的漸變條。

wq201502039

wq2015020310

       勾畫網(wǎng)球上的白線。新建圖層,命名為白線,點(diǎn)擊鋼筆工具,勾畫出網(wǎng)球上的白線,色值:e9efb8

       給白線增加描邊的圖層樣式。大小:3px  ;位置:外部;  混合模式:正片疊底;不透明度:11%

wq2015020311

       扣除網(wǎng)球多余的部分。

       選擇綠毛毛層,點(diǎn)擊路徑選擇工具,再點(diǎn)擊屏幕中間的綠球,選中綠毛毛球的路徑。

wq2015020312

       再點(diǎn)擊鋼筆工具,在ps上方屬性欄上點(diǎn)擊紅色框內(nèi)的路徑選擇 工具,選擇下拉菜單中的 減去頂層形狀。

       小心慢慢的扣去多余的形狀,如下圖:

wq2015020313

        刻畫網(wǎng)球絨毛材質(zhì)

       這一步是繪制綠毛毛球的虛邊,為最后的毛絨邊做準(zhǔn)備,是步驟比較多的一步。

       將綠色毛毛層【右鍵】轉(zhuǎn)化為  智能對(duì)象

wq2015020314

       點(diǎn)擊濾鏡 – 雜色 – 添加雜色

wq2015020315

       數(shù)量:16%   分布:平均分布   勾選單色

wq2015020316

       點(diǎn)擊濾鏡 – 模糊 – 徑向模糊

wq2015020317

       數(shù)量:10 ;模糊方法:縮放;品質(zhì):草圖;

wq2015020318

       點(diǎn)擊濾鏡 – 銳化 – 進(jìn)一步銳化

wq2015020319

       這一步是繪制綠毛毛球的表面。

       將剛才做好的綠毛毛層復(fù)制(起名綠毛毛層-2),放在原綠毛毛層的上面,然后關(guān)掉 進(jìn)一步銳化、徑向模糊前面的小眼睛。

wq2015020320

       然后給綠毛毛-2層再加一個(gè) 高斯模糊的濾鏡。

wq2015020321

       半徑:0.5px

wq2015020322

       細(xì)致繪制白色膠質(zhì)部分

       因?yàn)榘拙的的原因,網(wǎng)球綠毛毛層在貼近白線的部分會(huì)產(chǎn)生一定的厚度。

       首先我們來做上陰影。將白線層復(fù)制,起名為白線-2,再將綠毛毛層-2復(fù)制,起名為白線材質(zhì)-1  ,【右鍵】白線材質(zhì)-1層;

       選擇創(chuàng)建剪切蒙版 , 將白線材質(zhì)-1的圖層屬性改為正片疊底。圖層狀態(tài)如下圖。

       然后選中紅框中的兩個(gè)圖層(白線-2、白色材質(zhì)-1),上移10px

wq2015020323

       然后我們?cè)儆猛瑯拥姆椒▉碜錾详幱啊拙層復(fù)制,起名為白線-3,再將綠毛毛層-2復(fù)制,起名為白線材質(zhì)-2 ,【右鍵】白線材質(zhì)-2層 ;

       選擇創(chuàng)建剪切蒙版 , 將白線材質(zhì)-2的圖層屬性改為柔光。圖層狀態(tài)如下圖。

       然后選中紅框中的兩個(gè)圖層(白線-2、白色材質(zhì)-1),上移10px

wq2015020324

       添加白線明暗。

       有很多的方法可以給白線加明暗光影,我這用的是筆刷工具。選擇這款柔柔的筆刷,大。800px ; 用前景色工具選取 , 色值:4e6e17

wq2015020325

       在白線-1上面,新建圖層,起名為白線暗部-1,右鍵白線暗部-1層,創(chuàng)建剪切蒙版,在下圖1號(hào)位置上,點(diǎn)一下。

wq2015020326

wq2015020327

       在白線暗部-1上面,新建圖層,起名為白線暗部-2,右鍵白線暗部-2層,創(chuàng)建剪切蒙版,在下圖2號(hào)位置上,點(diǎn)一下。

wq2015020328

wq2015020329

       在白線暗部-2上面,新建圖層,起名為白線暗部-3,右鍵白線暗部-3層,創(chuàng)建剪切蒙版,在下圖3號(hào)位置上,點(diǎn)一下。

       注意一下:3號(hào)位置因?yàn)殡x光源比較近,所以白色暗部-3的涂層屬性為正片疊底,不透明度為70%。

wq2015020330

       用前景色工具選取色值:ffffff

       在白線暗部-3上面,新建圖層,起名為白線亮部-1,右鍵白線亮部-1層,創(chuàng)建剪切蒙版,在下圖4號(hào)位置上,點(diǎn)一下。

wq2015020331

       添加白線上的紋理。

       先給白線加一層淺淺的紋理,把白色材質(zhì)-1層復(fù)制,起名白色材質(zhì)-3,放在白色亮部-1的上面。右鍵白線材質(zhì)-3,創(chuàng)建剪切蒙版。

wq2015020332

       然后將白線材質(zhì)-3的圖層屬性改為柔光。

wq2015020333

       選擇白線材質(zhì)-3,按鍵盤快捷鍵 ctrl+u鍵,彈出色相/飽和度界面。

       色相:0;飽和度:-60;明度:0;

wq2015020334

       下面要給白線添加一些類似浮雕一樣的材質(zhì)。

       有很多的方法可以做白線上一些細(xì)小的材質(zhì),我這里用的是光效筆刷,然后進(jìn)行圖層樣式和圖層屬性的處理。

       將下載好的筆刷加載到PS筆刷庫里,在白線材質(zhì)-3上新建一層,起名為白線材質(zhì)-4。

       點(diǎn)擊畫筆工具 , 選擇剛剛加載的筆刷。

       用前景色工具選取色值:ffffff;筆刷大小設(shè)定為250px ;

wq2015020335

       右鍵白線材質(zhì)-4,創(chuàng)建剪切蒙版。

wq2015020336

       選擇白線材質(zhì)-4圖層,再點(diǎn)擊圖層界面下方的圖層樣式按鈕,選擇斜面和浮雕。

       樣式:內(nèi)斜面; 方法:雕刻清晰; 深度:53%; 方向:上; 大。5px; 軟化:0px;

       角度:60°; 高度30°;

       高光模式:正常;不透明度:8%;色值:ffffff;

       陰影模常:正常;不透明度:70%   色值:3d4e04

wq2015020337

wq2015020338

       將白線材質(zhì)-4的圖層樣式調(diào)整為柔光,不透明度:50%

wq2015020339

       細(xì)致繪制網(wǎng)球毛邊

       外邊緣毛邊。

       復(fù)制綠毛毛-1層,命名為綠毛毛層-2,放在綠毛毛層-1下面.【右鍵】綠毛毛層-2,選擇柵格化圖層;用這一層來做毛邊效果

wq2015020340

       使用涂抹工具來實(shí)現(xiàn)毛邊效果,大。3px; 模式:正常;強(qiáng)度80%

wq2015020341

       在邊緣涂抹出網(wǎng)球的毛邊,這時(shí)候就比較考驗(yàn)?zāi)托牧,涂抹到自己滿意就可以了。

wq2015020342

        細(xì)化細(xì)節(jié)。
        下圖黑框里面的地方是網(wǎng)球離光源最近的地方,所以它的細(xì)致度要增強(qiáng)一些。用筆刷工具,選擇這款筆刷,筆刷大小為1px , 用前景色工具選取色值:f3fb04  ,細(xì)細(xì)的刻畫一些小細(xì)節(jié),增加亮點(diǎn)。

wq2015020344

wq2015020345

聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見及觀點(diǎn)。

全部評(píng)論

暫無相關(guān)推薦