• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 Illustrator教學】Illustrator繪製卡通風格的運氣藥水瓶子




    Illustrator繪製卡通風格的運氣藥水瓶子

    這一次的教學是屬於矢量教程領域中的Illustrator教程的相關教學。

    文章出處是來自學UI網的矢量教程類文章,寫教學的作者是Alex Kunchevsky,感謝Alex Kunchevsky提供Illustrator教程的實作教學。

    教學大綱:

    在這期讓我們來嘗試AI畫插畫,這一次我們繪製運氣藥水,做完后運氣滿滿哦,我也分享了幾點常用的小技巧,推薦過來給思緣的同學學習,讓我們快速地動起來吧。


    Illustrator教程教學開始

    先看看營運的效果

    Illustrator繪製卡通風格的運氣藥水瓶子

    PART1:首先是展示效果圖

    Illustrator繪製卡通風格的運氣藥水瓶子

    PART2:在開始教程前先把AI設置一下

    步驟一:編輯-首選項-常規(快捷鍵Ctrl+k)。註:使用版本為cc2017。

    Illustrator繪製卡通風格的運氣藥水瓶子

    步驟2:這次的教程會經常用到輪廓化描邊,所以我給它設置快捷鍵為ctrl+w,使得效率提高一倍,根據自己的習慣進行設置。編輯-鍵盤快捷鍵。

    Illustrator繪製卡通風格的運氣藥水瓶子

    PART3:繪製背景部分-四葉草

    步驟1:新建一個800*600px的畫布。

    Illustrator繪製卡通風格的運氣藥水瓶子

    步驟2:用直線工具,按住shift,畫出幾條直線,設置描邊8px,描邊色值為#495385,把它們選中,右鍵-編組,如下圖。

    Illustrator繪製卡通風格的運氣藥水瓶子

    步驟3:接下來繪製四葉草的葉子,繪製32*32px的圓,填充顏色#cff9b7,描邊6px,色值#495385,如下列操作。

    a:利用小白(即直接選擇工具),單擊最底端錨點,按Del鍵刪除,描邊設置圓角。

    Illustrator繪製卡通風格的運氣藥水瓶子

    b:再利用鋼筆工具,繪製如下,(註:視圖-智能參考線勾選上),然後右鍵-變換-對稱,複製一層,如下操作。

    Illustrator繪製卡通風格的運氣藥水瓶子

    c:選中兩個圖層進行聯集,再輪廓化描邊ctrl+w,然後右鍵取消編組,將發現描邊和填充圖層分離開了。

    Illustrator繪製卡通風格的運氣藥水瓶子

    d:畫兩個圓製作高光部分,填充顏色#f3ffee,再把上一步葉子填充圖層複製ctrl+c,原地粘貼ctrl+f,把複製的這一層置為最頂層(快捷鍵:shift+ctr+】)。選中兩個圓和複製層,右鍵-建立剪貼蒙版,(註:ai的剪貼蒙版圖層順序是跟ps相反的),如下操作。

    Illustrator繪製卡通風格的運氣藥水瓶子

    e:最後添加細節,利用鋼筆工具繪製陰影部分,陰影色值#addb97,第一片葉子就完成,再用小黑(選擇工具)選擇所有圖層,右鍵-編組。

    Illustrator繪製卡通風格的運氣藥水瓶子

    步驟4:同理,多複製三片葉片,再進行細節修改,旋轉縮放得出以下結果。並用鋼筆工具繪製根莖。

    Illustrator繪製卡通風格的運氣藥水瓶子

    步驟5:繪製小葉片,畫出兩個94*94px的圓,填充顏色#d4f4b3,進行聯集,然後設置描邊6px,描邊色值和前面一樣,(ai里的吸筆工具小技巧:按住shift可以單獨吸取需要的顏色,並不會吸取所有的樣式),如下所示:

    Illustrator繪製卡通風格的運氣藥水瓶子

    步驟6:這一步我們可以不採用輪廓化描邊,試試別的方法,多複製一層小葉片,一個把描邊關了,一個把填充關了,為什麼這麼做,咋們往後看。

    a:多複製兩層填充圖層,把一層適當地改變大小,然後兩層進行交集,填充顏色#ebffd4,如下圖。

    Illustrator繪製卡通風格的運氣藥水瓶子

    b:複製多個小葉片,進行變換。在製作四葉草葉片的時候,我們利用輪廓化描邊,在後來進行放大或縮小,描邊的大小也相應地發生變化,不信?可以量量看。那麼接下來看看怎麼處理這樣的情況。

    Illustrator繪製卡通風格的運氣藥水瓶子

    c:描邊是不是一樣粗細了?接着重複上一步操作,繪製其它葉片,配合鋼筆工具進行銜接,並編組,如下圖。

    Illustrator繪製卡通風格的運氣藥水瓶子

    d:因為是配角,給整體編個組,降低不透明度為30%,對啊!我們才做了一部分啊TT,主角還沒登場啊,堅持下去,收穫頗豐哦!

    Illustrator繪製卡通風格的運氣藥水瓶子

    PART4:繪製背景部分-書本、眼鏡和蝴蝶

    步驟1:先繪製書本,畫一個310*100px的矩形,再繪製一個285*50的矩形,填充顏色#b0c4d6,然後再減去底層,如下圖。

    Illustrator繪製卡通風格的運氣藥水瓶子

    a:利用小白工具拉圓角,再設置內描邊為6px,並且輪廓化描邊,留着有用,如下圖。

    Illustrator繪製卡通風格的運氣藥水瓶子

    b:再畫一個270*50px的矩形,設置外描邊6px,對齊的方法已經告訴你們,對齊如下位置。

    Illustrator繪製卡通風格的運氣藥水瓶子

    c:畫一個260*14px的矩形,填充顏色#deefff,如下操作。

    Illustrator繪製卡通風格的運氣藥水瓶子

    d:畫出一個260*10ox的矩形,填充顏色#ddddce,對齊到書頁右上角。再添加幾條直線,如下圖。

    Illustrator繪製卡通風格的運氣藥水瓶子

    e:接下來繪製書籤,畫一個44*38的矩形,填充顏色#ffe9e9,描邊為6px,在下方中間添加錨點,用小白單選往上移動。再輪廓化描邊,多複製兩層進行交集,填充顏色#f48282,重複操作,再填充顏色#bc4444,最後編組,到這裡書本就完工了,如圖。

    Illustrator繪製卡通風格的運氣藥水瓶子

    步驟2:繪製眼鏡部分,畫一個96*96px的圓,填充顏色#f9bf80,再畫一個64*64px的圓,進行減去頂層,描邊大小為6px,然後輪廓化描邊。再繪製64*64px的圓,填充顏色#bde3ff,並降低不透明度為50%,調整圖層順序,如圖。

    Illustrator繪製卡通風格的運氣藥水瓶子

    a:繪製鏡片的高光,畫出兩個矩形,填充純白色並旋轉一定的角度,再複製一層藍色圖層並置為頂層,最後選中-右鍵-剪貼蒙版,調整圖層順序,如下圖。

    Illustrator繪製卡通風格的運氣藥水瓶子

    b:繪製鏡框的高光,複製一層橙色圖層並置為頂層,再畫一層80*80px的圓,進行減去頂層,填充顏色#ffedd7。再畫一個足夠大的矩形,旋轉一定角度,再進行減去頂層,調節圓角,調整圖層順序,最後編組,如下圖。

    Illustrator繪製卡通風格的運氣藥水瓶子

    c:複製多一層做好的眼鏡,讓他們彼此相距26px,如圖。

    Illustrator繪製卡通風格的運氣藥水瓶子

    d:接着繪製支架的部分,複製一層鏡框,右鍵-變換-縮放到80%,再畫一個足夠大的矩形,在對象-路徑里找到分割下方對象,取消編組,刪掉不需要的部分,放置以下位置。

    Illustrator繪製卡通風格的運氣藥水瓶子

    e:繪製眼鏡架,畫一個110*66px和一個88*44px的矩形,對齊到右下角,進行減去頂層,調節圓角,吸取顏色,高光部分就不演示了,試着繪製出來,如圖。

    Illustrator繪製卡通風格的運氣藥水瓶子

    f:因為透視關係,繪製另一個支架顯得短一截,如圖分佈。

    Illustrator繪製卡通風格的運氣藥水瓶子

    g:給眼鏡編組,再和書本一起編個組,降低不透明度為30%,放置如下位置。

    Illustrator繪製卡通風格的運氣藥水瓶子

    步驟3:繪製蝴蝶,畫一個18*48的圓角矩形,填充顏色#495385,再畫一個橢圓,填充顏色#c5e9ff,描邊為6px,具體變換如下圖。然後畫幾個圓作為斑點,填充顏色#f8fdff,剪貼進翅膀圖層,再用鋼筆工具繪製觸角。

    Illustrator繪製卡通風格的運氣藥水瓶子

    步驟4:多複製一隻蝴蝶,編組、降低不透明度為30%,這樣我們漂亮的背景做好了,終於剩下主角運氣藥水啦~

    Illustrator繪製卡通風格的運氣藥水瓶子

    PART5:繪製運氣藥水

    步驟1:利用鋼筆工具繪製瓶子的一半,再變換-對稱複製出另一半,進行聯集,填充顏色#d9d9dd,描邊為8px,填充顏色#495385,然後輪廓化描邊,取消編組,選中填充圖層設置不透明度為50%,(鋼筆繪製時,如果感覺銜接地不是那麼平滑,那麼就用到平滑工具了,按住鼠標左鍵在錨點周圍滑動,這樣勾畫的圖形就會很平滑了)。

    Illustrator繪製卡通風格的運氣藥水瓶子

    a:繪製瓶口,畫一個164*56px的矩形,圓角18px,描邊8px,填充顏色同上一步,投影輪廓化描邊,取消編組,降低填充圖層的不透明度為50%,與瓶子居中對齊,如圖。

    Illustrator繪製卡通風格的運氣藥水瓶子

    b:接下來繪製瓶中的液體,複製一層瓶子的填充圖層改為描邊,當然把不透明度值改回來,然後添加錨點,刪掉多餘部分,用鋼筆工具連接繪製波浪線段,再給它添加漸變,色值為#fee557~#f16b44,接着輪廓化描邊,留着有用,如圖。

    Illustrator繪製卡通風格的運氣藥水瓶子

    c:同理,再用鋼筆工具勾畫一個圖形,漸變數值同上,設置漸變角度為135度,如圖。

    Illustrator繪製卡通風格的運氣藥水瓶子

    步驟2:繪製高光部分,複製一層瓶子的填充圖層,在對象-路徑里找到偏移路徑,如圖。

    Illustrator繪製卡通風格的運氣藥水瓶子

    a:調節錨點,只要能弄出需要的圖形,怎麼弄都行,然後進行減去頂層,填充顏色#ccccce,降低不透明度為30%,如圖。

    Illustrator繪製卡通風格的運氣藥水瓶子

    b:複製多一層高光,右鍵-變換-對稱,用剪刀工具(用法類似鋼筆工具添加錨點)剪斷線段,刪掉不需要的部分,填充顏色為純白色,降低不透明度為30%,調整圖層順序,放置描邊圖層的下層,如圖。

    Illustrator繪製卡通風格的運氣藥水瓶子

    c:繼續增加高光層次,利用鋼筆工具勾畫如下圖形狀,添加漸變,色值為#fee557~#d35444,設置左邊色值不透明度為0%,如下圖。

    Illustrator繪製卡通風格的運氣藥水瓶子

    d:繼續用鋼筆工具勾畫,添加漸變,色值為#ffffff~#fee557,同樣,把右邊色值的不透明度改為0%,如下圖。

    Illustrator繪製卡通風格的運氣藥水瓶子

    e:畫兩個橢圓,添加漸變,色值都為純白色,設置一邊不透明度為0%,然後降低不透明度為50%。再用鋼筆工具勾畫一個形狀,漸變同樣,降低不透明度為30%,如圖。

    Illustrator繪製卡通風格的運氣藥水瓶子

    f:直接看圖,注意圖層順序,填充顏色都是純白色。

    Illustrator繪製卡通風格的運氣藥水瓶子

    g:繪製瓶口高光,利用到剪貼蒙版和偏移路徑,方法已經告訴你們了,那麼直接看圖,填充顏色也是純白色。

    Illustrator繪製卡通風格的運氣藥水瓶子

    步驟3:為瓶身添加一些小元素,描邊大小為6px,注意圖層的順序,如圖分佈。

    Illustrator繪製卡通風格的運氣藥水瓶子

    步驟4:繪製瓶蓋,畫一個96*128px的矩形和一個96*34px的橢圓,進行聯集,左下角錨點向右移動14px,右下角錨點向左移動14px,選中兩個錨點拉成圓角,填充顏色#f5c290,描邊為8px。然後輪廓化描邊,利用剪貼蒙版繪製下列圖形,依次用到的填充色值為#f0a860、#d89756,最後居中於瓶子,如圖。

    Illustrator繪製卡通風格的運氣藥水瓶子

    步驟5:繪製閃光,操作如圖,填充顏色為純白色,然後在效果-風格化-找到外發光,數值按照自己的感覺調到合適的就行了,到這裡就完工了,最終效果如圖。

    Illustrator繪製卡通風格的運氣藥水瓶子

    PART6:總結

    做完之後,有沒有感慨ai畫插畫很簡單呢?尤其是能夠快速地畫出一些形狀,分享幾點小技巧,尤其是善用快捷鍵,不妨把常用的功能而又沒有快捷鍵的,設置自己習慣的快捷鍵,替換幾乎沒有用到的快捷鍵。希望這次的教程對你們有所獲得。

    — —

    文章永久連結為: Illustrator繪製卡通風格的運氣藥水瓶子