illustrator Ai Teaching

[illustrator教學Ai]用遮色片設計LOGO#iCon標誌/UI介面好好玩

[illustrator教學Ai]用遮色片設計LOGO#iCon標誌/UI介面好好玩

大家是不是都想要打造屬於自己獨一無二的LOGO阿?!!簡單的幾個步驟,教大家善用遮色片的功能,製作「有質感的LOGO幾何風視覺設計」。透過 illustrator-Ai繪圖軟體表現技法,一樣可以應用在 iCon標誌與UI介面設計,文章內容附上illustrator-Ai高清HD影片教學,大家一起快樂輕鬆學設計吧~

 

紅字:為關鍵執行指令

(  )為關鍵指令點選步驟路徑

 

 

STEP 1:
置入一張圖片,建議以底圖深色的照片為優,小編我就以當時去神戶旅遊港口照片為例。

[illustrator教學Ai]用遮色片設計LOGO#iCon標誌/UI介面好好玩

 

 

 

STEP 2:
接著使用橢圓形工具(工具欄矩形工具),並製作一個長寬100x100m的圓形,並將圓形放在照片所要當底圖的位置。

[illustrator教學Ai]用遮色片設計LOGO#iCon標誌/UI介面好好玩

 

 

 

STEP 3:
將製作出來的圓形,進行複製指令(編輯/拷貝)的動作,暫時先別急著貼上。接著選取底層圖片與圓形,執行製作遮色片(物件/剪裁遮色片/製作),完成後鎖定以上兩個物件(物件/鎖定/選取範圍)

[illustrator教學Ai]用遮色片設計LOGO#iCon標誌/UI介面好好玩

 

 

 

STEP 4:
鎖住後,會發現到物件無法動彈,這時再將剛剛說到的複製動作,進行貼上(編輯/貼至上層)。並將圓形物件,等比例的進行縮小(物件/編輯/縮放)

[illustrator教學Ai]用遮色片設計LOGO#iCon標誌/UI介面好好玩

(請將圓形物件填色刪除、邊框為白;邊框寬度為10pt)

 

 

 

STEP 5:
完成縮放後,將向量格式的圓形,進行建立外框指令(物件/路徑/外框筆畫)

[illustrator教學Ai]用遮色片設計LOGO#iCon標誌/UI介面好好玩

 

 

 

STEP 6:
將你所想要呈現的文字內容,編排在圓形物件中。並獨立先將文字建立外框(文字/建立外框),文字轉換為外框之後,在一次選取所有物件,將全部物件外框化(物件/複合路徑/製作)成為同一物件。

[illustrator教學Ai]用遮色片設計LOGO#iCon標誌/UI介面好好玩

 

 

 

STEP 7:
將你所要當底圖的檔案,置入(檔案/置入)至圖層,並將物件順位調整至最後面(物件/排列順序/移至最後)

[illustrator教學Ai]用遮色片設計LOGO#iCon標誌/UI介面好好玩

(就用Funtory主視覺-椪柑橘,最為底圖範例囉)

 

 

 

STEP 8:
選取全部複合路徑物件與剛置入的椪柑橘底圖,進行遮色片的製作(物件/剪裁遮色片/製作)。最後執行所有物件解除鎖定(物件/全部解除鎖定),就可以做出更多有趣的變化啦。

[illustrator教學Ai]用遮色片設計LOGO#iCon標誌/UI介面好好玩

 

 

 

STEP 9:
簡單的加上背景底圖美化,就完成有特色的個性化LOGO囉~

[illustrator教學Ai]用遮色片設計LOGO#iCon標誌/UI介面好好玩

 

 

 

illustrator-Ai教學影片檔(提供HD高清畫質)‧歡迎大家善加利用^ ^

 

 

每一篇的設計教學文都是相當用心,寫文+錄影平均一篇要花上5個鐘頭,希望能讓更多人學會表現技法,喜歡的話,請大家按下網頁左邊的""給予鼓勵吧~謝謝各位朋友^ ^

 

 

Funtory設計生活粉絲頁:[FB臉書][Google+]

請大家繼續支持[FUN設計]教學趣photoshop教學illustrator教學

Avatar for 老皮 老皮

我不多話,但很喜歡玩設計跟看電影。分享有趣的Photoshop/Illustrator設計教學文、設計好物、電影心得影評與微電影給大家~
個人介紹 | 更多文章 »

發表留言