AI CC2017 圖標設計(三天)

(注:文中的 “移動” 均表示:鼠標拖拽移動)

第一天



調出路徑查找器:Ctrl + Shift + F9;

聯集:把多個對象合成一體,變成新的形狀對象;

鋼筆工具:貝塞爾工具,也叫貝塞爾曲線,其只是繪制一條路徑;

重復執行上一步操作:Ctrl + D;

復制:Alt + 移動;

水平復制:Alt + 移動 + Shift;

加選圖層:Shift + 鼠標點選;

一、繪制云圖標

1.選擇橢圓工具繪制一個圓;

2.復制橢圓并進行變形,得到云圖形(復制:Alt+移動 ,水平復制:Alt + 移動+Shift);

3.將所有圖形進行聯集(聯集:視圖-路徑查找器-聯集);

4.使用鋼筆工具繪制一條線并將其描邊加粗(鋼筆工具只是繪制一條路徑);

5.調出描邊面板(點擊工作區左上角描邊)選擇圓頭端點;

6.復制線段(多圖形復制:重復上次執行操作:Ctrl + D);

7.將所有繪制形狀編組(右擊-編組);

8.云圖標繪制完成。



原位粘貼(當前對象的頂層):Ctrl + F;

減去疊層(減去2個圖形重疊部分):路徑查找器-減去疊層;

二、繪制郵件信封

1.選擇多邊形工具將邊數設置為3(上下鍵為增、減多邊形邊數操作,或者右擊選擇邊數設置);

2.復制三角形并旋轉180度(按住shift旋轉為45度/次);

3.對頂層三角形進行拷貝(復制:ctrl+c);

4.將2個三角形重疊并執行路徑查找器-減去疊層(減去2個圖形重疊部分:路徑查找器-減去疊層);

5.將之前拷貝的三角形粘貼出來(原位粘貼:ctrl + F);

6.移動圖形,將最終圖形繪制出來;


三、繪制齒輪

1.選擇圓角矩形工具并設置圓角半徑參數(拖拽繪制不放開時,上鍵:加圓角度數,下鍵:減圓角度數,左鍵:正圓角矩形,右鍵:正矩形);

2.選擇旋轉工具并執行復制旋轉(在圖形為選框模式下,選擇旋轉工具,雙擊展示彈窗,在彈窗中設置旋轉度數執行復制旋轉);

3.重復執行上次操作,直到達到效果后,將所有圖形執行聯集;

4.繪制正圓形并放置在同心位置(正圓:shift+移動【不松手時按住空格鍵表示凍結】,兩圖形同心:借助智能參考線【若智能參考線實效不展示中心點提示:則取消對齊網格/像素預覽,還失效:按下ctrl 鍵】,將鼠標移至正圓中心點,移動到之前圖形,顯示中心點時表示同心);

5.執行拷貝正圓后執行聯集;

6.將拷貝的正圓原位粘貼并按中心點縮小(等比例放大縮小:shift+移動,靠中心點為參照:alt);

7.執行減去頂層(減去頂層:【切換至移動選框,框住所有圖形】路徑查找器-減去頂層);



四、咖啡杯

1.選擇圓角矩形工具繪制圓角矩形繪制杯身(繪制剪切的矩形用于減去頂層后杯身頂部為直角);

2.再次繪制圓角矩形繪制杯炳,使用對象-路徑-偏移路徑-設置位移為負,再減去頂層得到鏤空的圓角矩形(再裁剪為杯炳狀);

3.杯身及杯炳聯集;

4.選擇鋼筆工具繪制熱氣(繪制好路徑后,可選擇“直接選擇工具【選擇工具右邊的白箭頭工具】”進行再次微調);



五、繪制文件夾

1.選擇圓角矩形工具繪制圖形;

2.選擇斜切工具,將圓角矩形傾斜(傾斜:按住shift+拖拽 );

3.分別繪制2個圓角矩形并執行聯集并置于底層;

4.將上層圓角矩形執行:對象-路徑-偏移路徑-設值為正數;

5.選擇后方圓角矩形和底層的圖形執行減去頂層;


第二天


快速隱藏控制面板:shift+tab

交集:將2個圖形相交區域保留,其余區域刪除掉;

六、繪制圖標底座

1.繪制正圓形,對圖形填充漸變色(配合漸變面板 common+F9),執行線性漸變;

2.復制圓形并縮小,再對其旋轉180度;

3.再次對圓形復制并縮小,再對其填充漸變色,執行徑向漸變;

4.再復制圓形并縮小,然后使用鋼筆繪制波浪形圖形并與中心最小圓執行減去頂層操作,并將其漸變色改為線性漸變再調整不同明度;



七、繪制圓形垃圾桶圖標

1.使用圓形矩形繪制桶身,再繪制稍大圖形并與圓形矩形執行減去頂層命令;

2.使用同樣的方法得到垃圾桶蓋;

3.繪制3個細圖形并與桶身減去頂層;



八、繪制好友圖標

1.選擇圓角矩形工具繪制正圓形成頭部;

2.再繪制一個橢圓,另再繪制一個橢圓與前一個橢圓相交,保證交集部分為身體的形狀,執行交集裁剪;

3.執行聯集,并復制人物圖形并將其縮小;

4.選擇稍小人物圖形執行偏移路徑(對象-路徑-偏移路徑-參數為正);

5.加選稍大人物圖形執行減去頂層操作,得到帶空隙的2個人物圖標;



九、繪制鎖圖標

1.選擇圓角矩形繪制圓角矩形,并選擇偏移路徑(對象-路徑-偏移路徑-參數為負),執行減去頂層;

2.繪制圓角矩形與前面的圖形下半部分重合,執行減去頂層,得到鎖柄圖形;

3.繪制圓角矩形與鎖柄下部分區域相交,執行水平居中,并執行差集;

4.繪制3條細圓角矩形并與鎖身區域執行減去頂層;

5.繪制圓形與矩形,并執行水平居中,并執行聯集得到鎖孔區域;

6.選中鎖身與鎖孔區域,單擊鎖身(作為參考圖形),然后執行水平居中;

7.執行減去頂層,得到鎖圖形;


第三天


原位粘貼:common + F;

原位粘貼到后方:common + B;

隱藏被選中的對象:common + 3;

顯示被隱藏的對象:common + 3 + Alt;

混合工具:兩個圖形從顏色、形狀的結合(設置混合參數:按住Alt+鼠標點擊圖形);

隱藏/顯示網格:common + 引號(“);

十、蘋果圖標

1)蘋果身

1.使用鋼筆工具繪制,借助網格工具(視圖-透視網格-顯示網格,并選中:視圖-對齊網格)描點;

2.使用鋼筆工具下的添加描點工具(或者:選中描點,按住 Alt 鍵 轉換為添加描點工具),拖拽使之前的點變圓滑;

3.蘋果蒂端變淺效果,則使用 直接選擇工具(白箭頭工具),借助上下鍵 移動描點;

4.去除網格工具,填充蘋果身顏色(徑向漸變);

5.使用橢圓工具減去頂層,獲取被咬掉的蘋果身;

6.使用偏移路徑,繪制蘋果身的邊線(線性漸變色,并設置偏移度30度);

2)蘋果身邊線

7.復制外蘋果邊圖形,選中整個蘋果身,隱藏圖形(隱藏選中的對象:common+3);

8.原位粘貼到對象的后方(common+B),并設置偏移度歸0;

9.復制8中的圖形,原位粘貼(common+F),借助上下鍵移動位置;

10.使用混合工具,依次選中2個圖形,設置混合參數,得到混合后的圖形;

11.顯示被隱藏的對象(顯示被隱藏的對象:common + 3 + Alt),得到蘋果身;

3)蘋果葉

12.使用橢圓工具繪制蘋果葉,并借助描點工具(鋼筆工具-描點工具)調整橢圓的2端為尖端;

13.調整蘋果葉的漸變色(一暗一亮)、偏移角度,并參照蘋果身的步驟,設置帶邊框等的蘋果葉;

14.蘋果葉圖形編組,并移動到蘋果蒂相應位置;

4)蘋果身高光

15.蘋果身內圖復制原位粘貼,并借助鋼筆工具(添加錨點、刪除錨點,按住Alt鍵調整手柄得到圖形)設置高光等效果;

16.再次設置高光,若與之前高光圖的錨點出現重復導致無法刪除,則將當前的圖置于頂層以避免重復錨點操作(或選擇鋼筆工具-刪除錨點)。

17.將圖形整個編組(蘋果身+葉子),縮小;

5)蘋果倒影

18.使用旋轉工具(旋轉工具-鏡像工具),水平鏡像(水平-復制),并借助上下鍵移動到相應位置,形成倒影圖;

19.選中倒影,選中透明度工具-制作蒙版(點擊制作蒙板-取消剪切狀態【剪切:不透明,否則:透明】);

20.選中蒙版(透明度工具欄-選中蒙版),選擇矩形工具,繪制比蒙版稍大的圖形,并設置黑白漸變,得到漸變的倒影;

21.選中倒影(透明度工具欄-選中倒影),修改透明度(透明度30%),得到漸變透明的倒影;

6)蘋果身&倒影的虛影

22.選擇橢圓工具,在蘋果底端繪制橢圓虛影;

23.對橢圓虛影進行模糊(效果-模糊-高斯模糊),并進行高斯模糊調整參數(窗口-外觀-調整高斯模糊參數值),得到底端虛影;



鎖定當前對象:Common + 2;

取消鎖定當前對象:Common + 2 + Alt;

十一、郵件展示:

1.使用正圓圖形工具:設置描邊,并將描邊改為虛線,然后調整相應參數;

2.將許仙復制并旋轉成適合的角度,再更改顏色;

3.重復2動作;

4.繪制正圓圖形將描邊加大填充為灰色;

5.再次復制正圓并將其縮小至虛線內并更改顏色;

6.繪制圓形矩形在旋轉45度,并復制2個更改顏色;

7.將3個圓角矩形進行鏡像;

8.繪制校園形,將顏色更改為黑色-黑色透明的徑向漸變,并與2組圓形矩形編組;

9.復制虛線內圓形,并置頂,然后再加選圓角矩形組,并單擊鼠標執行剪切蒙板;

10.繪制圓形并將顏色更改為黑色;

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,825評論 6 546
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,814評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,980評論 0 384
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 64,064評論 1 319
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,779評論 6 414
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,109評論 1 330
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,099評論 3 450
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,287評論 0 291
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,799評論 1 338
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,515評論 3 361
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,750評論 1 375
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,221評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,933評論 3 351
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,327評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,667評論 1 296
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,492評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,703評論 2 380

推薦閱讀更多精彩內容

  • Core Graphics Framework是一套基于C的API框架,使用了Quartz作為繪圖引擎。它提供了低...
    ShanJiJi閱讀 1,565評論 0 20
  • 抽簽這件事目前為止最讓人難受的大約在于,無論覺得自己想得有多么開,總還是會忽然之間被傷害到,防不勝防。無論是偶然之...
    明記余心閱讀 387評論 0 0
  • 任務:利用React編寫一個Tweet Box。 要求: 沒有文字輸入,tweet按鈕不可點擊;未添加圖片時圖片按...
    RichardBillion閱讀 7,204評論 0 3
  • 對于近期熱映的《摔跤吧,爸爸》,我有著強烈的好奇心。學生時代對印度電影特別喜歡,因為不僅女演員漂亮,歌曲也非常好聽...
    畫屏閑展閱讀 344評論 4 3
  • 現實中談錢很俗,錢似乎是一個禁忌,談錢色變。但錢又是如此平常的事物,最近看到也聽到了很多觀點。 01錢和任何東西,...
    逆書而上閱讀 223評論 0 0