圖標(biāo)設(shè)計(jì),設(shè)計(jì)抽象的相機(jī)鏡頭圖標(biāo)教程(4)

來源:未知 作者:易學(xué)路人 學(xué)習(xí):34470人次

先看看效果圖

圖標(biāo)設(shè)計(jì),設(shè)計(jì)抽象的相機(jī)鏡頭圖標(biāo)教程_www.theoat.com.cn

圖標(biāo)設(shè)計(jì),設(shè)計(jì)抽象的相機(jī)鏡頭圖標(biāo)教程_www.theoat.com.cn

要想做這個(gè)圖,首先我們得學(xué)好數(shù)學(xué)才行,幸好樓主的數(shù)學(xué)是數(shù)學(xué)老師教的,所有數(shù)學(xué)不差,首先我們要了解這個(gè)圖的基本框架是什么,沒錯(cuò)就是八條線段。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)抽象的相機(jī)鏡頭圖標(biāo)教程_www.theoat.com.cn

但是這八條線段到底要如何旋轉(zhuǎn)才能得到呢,這個(gè)就得請(qǐng)教一下數(shù)學(xué)老師了,數(shù)學(xué)老師就會(huì)告訴你每次旋轉(zhuǎn)了45度,共旋轉(zhuǎn)了八次。那么旋轉(zhuǎn)點(diǎn)該如何選擇,才能讓線條旋轉(zhuǎn)后有一個(gè)端點(diǎn)在上一條直線上呢,而不會(huì)出現(xiàn)線條交叉的現(xiàn)象呢。于是通過精確的計(jì)算,發(fā)現(xiàn)了下面的一個(gè)比例關(guān)系。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)抽象的相機(jī)鏡頭圖標(biāo)教程_www.theoat.com.cn

接下來可以打開PS來進(jìn)行繪制了,我用的是PS CC2014版本,首先我新建了一個(gè)800X800像素的畫布,然后水平和垂直拉了兩條輔助線。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)抽象的相機(jī)鏡頭圖標(biāo)教程_www.theoat.com.cn

使用矩形工具繪制一個(gè)300X10像素的矩形,隨便選擇一個(gè)顏色,顏色可以最后再調(diào)。然后將左上角調(diào)整到屏幕的中心。我的參數(shù)設(shè)置如下

圖標(biāo)設(shè)計(jì),設(shè)計(jì)抽象的相機(jī)鏡頭圖標(biāo)教程_www.theoat.com.cn

 

然后我們旋轉(zhuǎn)這條直線,按CTRL+T用自由變換工具進(jìn)行旋轉(zhuǎn),旋轉(zhuǎn)點(diǎn)為畫布中心,旋轉(zhuǎn)角度為-45度,然后按CTRL+SHIFT+ALT+T用再次變換并復(fù)制命令,按八次就可以得到如下的圖形。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)抽象的相機(jī)鏡頭圖標(biāo)教程_www.theoat.com.cn

然后我們?cè)谠谙旅娈嬕粋(gè)兩個(gè)大小不同的圓形,放到畫布的中心,然后減去頂層形狀,制作出來環(huán)形的形狀,外面的那個(gè)圓盡量畫大一點(diǎn),差不多能包住線條,留下一點(diǎn)線條的菱角也沒關(guān)系因?yàn)閳A外邊還有一個(gè)描邊。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)抽象的相機(jī)鏡頭圖標(biāo)教程_www.theoat.com.cn

然后我們開始做這個(gè)圓環(huán)的描邊,描邊的顏色最好和線條的顏色一致,方便以后的調(diào)色,我們把這個(gè)環(huán)形圖層復(fù)制一份,放到下面,然后以中心等比例放大這個(gè)環(huán)形就形成了描邊了。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)抽象的相機(jī)鏡頭圖標(biāo)教程_www.theoat.com.cn

制作部分基本上做完了,接下來就是調(diào)色部分了,由于PS是位圖處理工具,所以我們要蓋印形狀圖層轉(zhuǎn)換成普通圖層來進(jìn)行調(diào)色比較方便,可以先關(guān)閉背景圖層,按CTRL+ALT+SHIFT+E蓋印圖層。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)抽象的相機(jī)鏡頭圖標(biāo)教程_www.theoat.com.cn

最后用油漆桶工具來填充色塊,可以配合色板來填充你喜歡的顏色,再新建一個(gè)你喜歡的顏色作為背景,我調(diào)完色效果如下。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)抽象的相機(jī)鏡頭圖標(biāo)教程_www.theoat.com.cn

圖標(biāo)設(shè)計(jì),設(shè)計(jì)抽象的相機(jī)鏡頭圖標(biāo)教程_www.theoat.com.cn

圖標(biāo)設(shè)計(jì),設(shè)計(jì)抽象的相機(jī)鏡頭圖標(biāo)教程_www.theoat.com.cn

最后如果覺得線條太窄了的話,可以用濾鏡里面的最大值濾鏡來調(diào)合適的數(shù)值。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)抽象的相機(jī)鏡頭圖標(biāo)教程_www.theoat.com.cn

最后的后期處理大家隨意,由于是位圖,邊緣還是有些細(xì)微的鋸齒,大家處理一下邊緣,基本上就可以完成了。我處理的渣圖如下,大家快來交交作業(yè),做出更好的圖片出來。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)抽象的相機(jī)鏡頭圖標(biāo)教程_www.theoat.com.cn

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
夢(mèng)2019-01-22 07:12
看過有所收獲,贊個(gè)~
幽靜的夜晚2019-01-22 09:55
圓環(huán)相機(jī)<img src="http://bbs.16xx8.com/data/attachment/album/201609/01/174017snde71deeu5t4414.jpg" />
勇敢的心2018-07-02 12:47
我的作業(yè):
啦啦啦2018-02-24 08:03
我要學(xué)
一方通行2017-12-06 03:01
我的作業(yè): 新手上路
一方通行2017-12-06 03:00
我的作業(yè):,看看呦
一方通行2017-12-05 10:48
提交作業(yè),無法訪問……
一方通行2017-12-05 10:18
怎么上傳圖片啊
圖畫2016-12-03 03:43
圖畫2016-12-03 03:12
mc2016-11-02 03:16
新手多多指教
mc2016-11-02 03:16
新手多多指教
mc2016-11-02 03:11
新手多多指教
mc2016-11-02 03:11
新手多多指教
韓金菊2016-09-08 12:09
旋轉(zhuǎn)不好 感覺每個(gè)旋轉(zhuǎn)都是根據(jù)不同的中心點(diǎn)來的

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!