Illustrator繪制扁平化風(fēng)格的復(fù)古擬物相機(jī)圖標(biāo)教程

7.點(diǎn)擊畫(huà)布中心,使用矩形工具(M) 繪制三個(gè)矩形來(lái)作為刻度盤(pán)的另一個(gè)按鈕,分別為(#dedede)寬20,高2;(#9c9c9c)寬20,高2;(#d1d1d1)寬4,高2,并把它們?nèi)齻€(gè)編成組,放在離主按鈕水平方向2px處。
8.現(xiàn)在要畫(huà)取景器。使用矩形工具(M) 繪制一個(gè) (#bdbdbd)寬44,高34的矩形,在【變換】面板上把四個(gè)角都改為3px。同時(shí)增加3個(gè)矩形,分別為(#383838)寬44,高26;(#454545)寬28,高16,圓角為3px;(#2b2b2b)寬16,高10,圓角為2px;
把以上所有的矩形都編成組。
9.點(diǎn)擊畫(huà)布中心,使用矩形工具(M) 繪制 (#575757)寬34,高24的矩形來(lái)作為手電筒,添加(#6e6e6e) 寬2,高20的矩形,點(diǎn)擊直接選擇工具(A)選擇右邊兩個(gè)節(jié)點(diǎn),上邊的向下挪1px,下邊的向上挪1px,并把這個(gè)復(fù)制粘貼出8個(gè),水平間隔2px,最后不要忘了把它們分組。
10.然后畫(huà)這個(gè)相機(jī)的logo ,用橢圓工具(L)繪制一個(gè)16*16的圓,填充顏色#c64832,增加兩個(gè)矩形,分別為 (#ffffff)寬2,高4; (#ffffff)寬8,高2,把它們擺成L形,然后選中這兩個(gè)并編組,復(fù)制粘貼,把另外一個(gè)用旋轉(zhuǎn)工具旋轉(zhuǎn)180度,并分開(kāi)間距為2px。
11.使用矩形工具(M) 繪制一個(gè) (#3b3b3b)寬20,高14的矩形,橢圓工具(L)繪制一個(gè)10*10的圓,填充顏色#6b6b6b,與矩形水平垂直居中,并把它們兩個(gè)分組。
12.使用矩形工具(M) 繪制兩個(gè)矩形,分別為(#c4c4c4)寬36,高4;(#c4c4c4)寬12,高4,間距為2px,它們?cè)谙鄼C(jī)中的位置如下圖所示。
13.現(xiàn)在用四個(gè)矩形來(lái)做一個(gè)撥號(hào)按鈕,具體的樣式如下圖所示:
First rectangle: 34 x 12 px (#e3e3e3)
Second rectangle: 8 x 12 px (#cfcfcf)
Third rectangle: 12 x 12 px (#c4c4c4)
Fourth rectangle: 28 x 2 px (#8a8a8a)
現(xiàn)在把這四個(gè)矩形編成組,按照如下圖所示的擺放,然后取消對(duì)齊網(wǎng)格,可以讓他自由旋轉(zhuǎn),然后在【變換】面板上設(shè)置旋轉(zhuǎn)角度為329度,并把它后移一層【對(duì)象】>【變換】>【后移一層】。完成這步后,別忘了再激活對(duì)齊網(wǎng)格。
14.增加四個(gè)小矩形,具體的樣式如下圖所示:
First rectangle: 6 x 24 px (#3d3d3d)
Second rectangle: 6 x 20 px (#3d3d3d)
Third rectangle: 4 x 10 px (#d6d6d6)
Fourth rectangle: 2 x 10 px (#bfbfbf)
把第1個(gè)挪到左邊,第2個(gè)挪到右邊,還有2個(gè)放在相機(jī)的左下部分,如下圖所示:
15.繪制兩個(gè)12*12的圓,填充顏色#d8d9dd,保持水平對(duì)齊,繪制一個(gè)6*12的矩形,填充顏色#d8d9dd,并把他放在兩橢圓的中心,選中所有的,然后在【路徑查找器】面板上點(diǎn)聯(lián)合,再增加個(gè)8*8的圓然后重新選中全部,點(diǎn)擊【路徑查找器】面板的減去頂層。
16.另外畫(huà)一個(gè)12*12的圓,填充顏色#cca456,并把它后移一層【對(duì)象】>【變換】>【后移一層】。用形狀生成器工(Shift-M),選中它們并減去圓突出的部分,并編組。復(fù)制粘貼,把另一個(gè)對(duì)稱放在如圖所示,【對(duì)象】>【變換】>【對(duì)稱】。
相關(guān)文章
ai怎么混合兩種顏色? illustrator混合兩個(gè)色塊的顏色的方法
ai填充不同顏色的圖形重疊以后,想要將兩種顏色混合,該怎么混合顏色呢?下面我們就來(lái)看看詳細(xì)的教程2024-07-18ai如何自定義網(wǎng)格線間距? ai參考線間距的調(diào)節(jié)方法
ai網(wǎng)格線間距默認(rèn)的不是很喜歡,想要自己調(diào)整一下,該怎么調(diào)整呢?今天我們就來(lái)看看參考線調(diào)整技巧2024-05-28ai路徑平均效果怎么用? illustrator使用平均路徑的教程
Adobe Illustrator中有一個(gè)路徑平均功能,如何使用呢?下面小編為大家演示路徑平均功能的一種使用方法2024-05-21ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決? 去掉pdf文件多余內(nèi)容的技巧
ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決?ai中的文檔保存為pdf文件的時(shí)候,發(fā)現(xiàn)有多余內(nèi)容,該怎么操作呢?下面我們就來(lái)看看去掉pdf文件多余內(nèi)容的技巧2023-12-19- ai描邊在哪里?ai中想要設(shè)置描邊,該怎么操作呢?下面我們就來(lái)看看ai設(shè)置描邊的多種方法2023-12-19
ai原位復(fù)制怎么用? ai原位復(fù)制快捷鍵介紹
ai原位復(fù)制怎么用?復(fù)制圖形的時(shí)候,想要原位復(fù)制粘貼,該怎么操作呢?下面我們就來(lái)看看ai原位復(fù)制快捷鍵介紹2023-12-19ai怎么讓文字隨著路徑變形? illustrator區(qū)域文字不跟著變換方向問(wèn)題的
ai怎么讓文字隨著路徑變形?選中文字后,發(fā)現(xiàn)文字不跟隨變換區(qū)域旋轉(zhuǎn)該怎么辦呢?下面我們就來(lái)看看illustrator區(qū)域文字不跟著變換問(wèn)題的解決辦法2023-11-30ai漸變色怎么調(diào)方向? illustrator將漸變顏色反向的技巧
ai漸變色怎么調(diào)方向?ai中給圖形填漸變色,想要進(jìn)行反向,該怎么操作呢?下面我們就來(lái)看看illustrator將漸變顏色反向的技巧2023-11-30Ai彩色logo怎么做反白反黑效果? ai彩色logo轉(zhuǎn)化為黑白稿的技巧
Ai彩色logo怎么做反白反黑效果?設(shè)計(jì)的彩色logo想要做黑白稿,就是反黑反白效果,下面我們就來(lái)看看ai彩色logo轉(zhuǎn)化為黑白稿的技巧2023-11-12ai怎么設(shè)計(jì)迷宮字體效果? ai做3d立體迷宮字的技巧
ai怎么設(shè)計(jì)迷宮字體效果?我們需要使用分割網(wǎng)格結(jié)合形狀生成器工具,制作迷宮字體,下面我們就來(lái)看看詳細(xì)的設(shè)計(jì)過(guò)程2023-11-02