圖標(biāo)設(shè)計,設(shè)計抽象的相機(jī)鏡頭圖標(biāo)教程(4)
先看看效果圖
要想做這個圖,首先我們得學(xué)好數(shù)學(xué)才行,幸好樓主的數(shù)學(xué)是數(shù)學(xué)老師教的,所有數(shù)學(xué)不差,首先我們要了解這個圖的基本框架是什么,沒錯就是八條線段。
但是這八條線段到底要如何旋轉(zhuǎn)才能得到呢,這個就得請教一下數(shù)學(xué)老師了,數(shù)學(xué)老師就會告訴你每次旋轉(zhuǎn)了45度,共旋轉(zhuǎn)了八次。那么旋轉(zhuǎn)點(diǎn)該如何選擇,才能讓線條旋轉(zhuǎn)后有一個端點(diǎn)在上一條直線上呢,而不會出現(xiàn)線條交叉的現(xiàn)象呢。于是通過精確的計算,發(fā)現(xiàn)了下面的一個比例關(guān)系。
接下來可以打開PS來進(jìn)行繪制了,我用的是PS CC2014版本,首先我新建了一個800X800像素的畫布,然后水平和垂直拉了兩條輔助線。
使用矩形工具繪制一個300X10像素的矩形,隨便選擇一個顏色,顏色可以最后再調(diào)。然后將左上角調(diào)整到屏幕的中心。我的參數(shù)設(shè)置如下
然后我們旋轉(zhuǎn)這條直線,按CTRL+T用自由變換工具進(jìn)行旋轉(zhuǎn),旋轉(zhuǎn)點(diǎn)為畫布中心,旋轉(zhuǎn)角度為-45度,然后按CTRL+SHIFT+ALT+T用再次變換并復(fù)制命令,按八次就可以得到如下的圖形。
然后我們在在下面畫一個兩個大小不同的圓形,放到畫布的中心,然后減去頂層形狀,制作出來環(huán)形的形狀,外面的那個圓盡量畫大一點(diǎn),差不多能包住線條,留下一點(diǎn)線條的菱角也沒關(guān)系因為圓外邊還有一個描邊。
然后我們開始做這個圓環(huán)的描邊,描邊的顏色最好和線條的顏色一致,方便以后的調(diào)色,我們把這個環(huán)形圖層復(fù)制一份,放到下面,然后以中心等比例放大這個環(huán)形就形成了描邊了。
制作部分基本上做完了,接下來就是調(diào)色部分了,由于PS是位圖處理工具,所以我們要蓋印形狀圖層轉(zhuǎn)換成普通圖層來進(jìn)行調(diào)色比較方便,可以先關(guān)閉背景圖層,按CTRL+ALT+SHIFT+E蓋印圖層。
最后用油漆桶工具來填充色塊,可以配合色板來填充你喜歡的顏色,再新建一個你喜歡的顏色作為背景,我調(diào)完色效果如下。
最后如果覺得線條太窄了的話,可以用濾鏡里面的最大值濾鏡來調(diào)合適的數(shù)值。
最后的后期處理大家隨意,由于是位圖,邊緣還是有些細(xì)微的鋸齒,大家處理一下邊緣,基本上就可以完成了。我處理的渣圖如下,大家快來交交作業(yè),做出更好的圖片出來。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 圖標(biāo)設(shè)計
- ps網(wǎng)頁設(shè)計
- 相機(jī)圖標(biāo)
- Photoshop
- 相機(jī)
學(xué)習(xí) · 提示
相關(guān)教程