成人亚洲综合,日韩高清一区二区三区五区七区,三级网址日本,亚洲激情成人,av成人在线电影,亚洲免费成人在线,超清首页国产亚洲丝袜

一起做圖標(biāo)——唱片圖標(biāo)(附PSD)

作者:
分類: 教程
2015-12-04
10759

一枚金屬外框的唱片圖標(biāo)~如下圖~ 下載地址:http://pan.baidu.com/s/1gd8roND

Image title

這系列做點(diǎn)擬物圖標(biāo),但都是中規(guī)中矩,很快出效果的圖標(biāo)。不會畫特別難,超寫實(shí)的圖標(biāo),超寫實(shí)圖標(biāo)對提升個人技術(shù)很有幫助,但真的太耗費(fèi)時間了。

跟著做可以鍛煉到中常用的PS基本功和圖層樣式,熟悉之后舉一反三吧~

不會每一步都有操作演示,我只說要注意的地方以及上傳源文件,更多的需要靠自己去想了。


進(jìn)步最快的方式是臨摹,但要會正確的臨摹方式~

臨摹三部曲:

①先自己做,用自己的方式實(shí)現(xiàn)看得到的效果;

②鍛煉眼睛,揣摩出隱藏的效果;(這點(diǎn)比較困難,但是非常鍛煉水平)

③無計可施再看源文件,同時想有沒有比原作者更簡便的實(shí)現(xiàn)方法。(任何一個原作者都不是神,也會有使用比較蠢的方式的時候)

這是LZ最開始使用的進(jìn)步方式最快也是最鍛煉水平的方法~


畫圖標(biāo)的大致流程:

草圖勾畫→PS搭型→效果光影質(zhì)感添加→后期調(diào)整→完稿


一、草圖勾畫:

草圖階段可以大致在紙上用筆畫畫,勾勒出大概的造型就可以了,因?yàn)槲覀儾皇亲鲇螒騏I圖標(biāo),大部分靠PS的矢量工具+圖層樣式就可以完成了,而且我的習(xí)慣是直接用PS搭造型,草圖階段比較適用于想法不太明確,僅有模糊印象的人。

這一階段可以幫助你提升自己的手繪水平,建議如果手上功夫差的人在這一階段可以仔細(xì)斟酌一下。


二、PS搭型:

這一階段你需要用PS把造型搭建出來,摒棄一切效果陰影,僅僅用灰度等級區(qū)分造型~

Image title


你用得到的工具,同時也是做UI設(shè)計常用的工具:


做游戲UI常用的是畫筆工具組,但是我們做APP或者網(wǎng)頁的UI設(shè)計,使用最多的就是矢量工具組。

無論你是做界面,做圖標(biāo),做按鈕,我建議通通使用矢量圖形,這對于后期修改很方便。


另外在這一階段,也就是任何項目建立之初,你要學(xué)會整理圖層以及打包歸類

    

應(yīng)該注意的地方:

你會發(fā)現(xiàn)和指針和原圖位置不同,這是有原因的,

一般我們做有角度的控件的時候,包括上圖傾斜的指針桿,會在造型的時候選擇統(tǒng)一的方向,設(shè)置完所有效果之后,將其整個“轉(zhuǎn)換為智能對象”進(jìn)行旋轉(zhuǎn),這樣可以保證圖層樣式中設(shè)置的角度跟隨對象轉(zhuǎn)變。

不明白我們下面會看到是什么意思~


造型階段就不一一演示操作步驟了,我覺得既然基本的造型都可以做到~本階段需要的就是對圖層的整理和使用矢量工具造型的能力~


三、效果光影質(zhì)感添加

所有的光影,我們在制作時就要確定角度,這里統(tǒng)統(tǒng)設(shè)置為垂直光的90度。


需要把全局光選擇勾選掉,否則會影響到所有的編輯對象。


質(zhì)感的實(shí)現(xiàn):

推薦使用紋理貼圖,你會發(fā)現(xiàn)目前大部分圖標(biāo)有木質(zhì)紋理,金屬紋理等各種材質(zhì)的質(zhì)感表現(xiàn),如果用PS去畫,雖然能畫出來,但是真的很費(fèi)時費(fèi)力,LZ以前做3D渲染的時候喜歡用貼圖,現(xiàn)在用PS畫更喜歡用貼圖。這不是偷懶,這是采用有效率的方式。


使用紋理貼圖需要注意的是,我們在網(wǎng)上找到一張有色紋理貼圖的時候,記得要對其進(jìn)行“去色”處理,僅使用黑白灰模式下的貼圖,圖層樣式為“疊加”,這樣可以保證紋理,又不會掩蓋到圖標(biāo)本身的色彩。

        

回到我們本次做的圖標(biāo)~

首先是漸變,我不推薦使用圖層樣式的漸變疊加,推薦使用矢量圖形自身的漸變,因?yàn)檫@樣進(jìn)行剪貼蒙板的時候,會掩蓋掉貼圖的紋理以及一些其他圖層效果~

   

這里實(shí)際操作步驟我不說了,來說說需要注意的地方……

Image title

邊框大概就是這么個意思,基本上琢磨琢磨很容易就可以做到這一步,下面說說膠片……

膠片上面有螺紋,有反光。


螺紋的實(shí)現(xiàn)方式:

膠片本身的漸變使用的是“角度漸變”,這個可以做為膠片本身反光的漸變,

在此基礎(chǔ)上,把膠片復(fù)制一層,新復(fù)制的這一層就是做完螺紋的,將其剪貼進(jìn)原膠片圖層,把漸變模式改為“徑向漸變“,之后進(jìn)入漸變編輯框

漸變類型→雜色

粗糙度→70%(這個以實(shí)際效果為準(zhǔn))

勾選上右側(cè)兩個選項

RGB的滑塊都劃到最右端


點(diǎn)擊隨機(jī)化,找到自己合適的螺紋粗細(xì)(因?yàn)槭请S機(jī)化,可能需要不斷的點(diǎn)擊出現(xiàn)合適的螺紋)

這是螺紋的實(shí)現(xiàn)方式之一,基本上螺紋都可以靠這種方式實(shí)現(xiàn)……

        

指針桿的效果:

因?yàn)槭墙饘?,所以漸變對比會比較強(qiáng)烈~漸變自己調(diào),沒必要一模一樣。

這里說一下,前面提到的”轉(zhuǎn)換為智能對象“,因?yàn)槲覀兊膱D標(biāo),光源選定的是統(tǒng)一角度,圖層樣式里面都是90度。如果不轉(zhuǎn)化為智能對象

會出現(xiàn)下面這種情況~

      

圖一是我們編輯完的,圖二是未轉(zhuǎn)換為智能對象時旋轉(zhuǎn)的效果,圖三是轉(zhuǎn)換為智能對象選擇的效果。

可以看到,如果不轉(zhuǎn)換為智能對象,角度是不會跟隨對象旋轉(zhuǎn)的,這一點(diǎn)以后在做有選擇角度的控件時,可以記住。


四、后期調(diào)整

一般我們做完一枚圖標(biāo),還需要從各方面進(jìn)行調(diào)整,包括飽和度,色彩平衡,曲線這些方面,這枚圖標(biāo)我提升了一下飽和度~



五、完稿

一枚圖標(biāo)大致就這么誕生了,其實(shí)如果想細(xì)化下去,可以一直細(xì)化下去,包括光影紋理質(zhì)感,看你想做到什么程度了……

Image title

你可能發(fā)現(xiàn)我說的看起來很籠統(tǒng),因?yàn)榭偙O(jiān)跟我說:你聽別人說一千遍,也不如自己琢磨動手一遍,所以我希望你們可以和我一起琢磨,而不是我把每一步都明明白白的寫出來……

授人以魚不如授之于漁嘛~源文件已經(jīng)上傳了,看不懂就看看源文件吧,我已經(jīng)整理好每個圖層了~祝你們好運(yùn)嘍!


2
1
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學(xué)科技園東區(qū)9號樓2層

版權(quán)信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號