Illustrator設計複活節表徵圖製作教程

來源:互聯網
上載者:User
給各位llustrator軟體的使用者們來詳細的解析分享一下設計複活節表徵圖的製作教程。

教程分享:

複活節是一個可愛的屬於春天的節日,以它傳統的彩蛋而為人所知。通常讓人將它與溫暖、豐富的色彩和春天般的心情聯想在一起。在本篇教程裡面,我們講通過對製作過程的詳解,通過運用基本的形狀,路徑尋找器和一些新出現的AI裡面的工具來製作本次課程的複活節彩蛋!(是不是有點小期待呢~~~)
當然,除了在製作複活節彩蛋的製作過程中會運用到,這些技術同樣可以被運用在製作任何類型的平面表徵圖或者平面banner方面。通過Envato Market(國外的一個設計資源網站,有興趣的同學可以翻牆出去看看更多資源,很不錯的!)你能夠找到很多類似的平面圖形的例子以便激發你更多的靈感!
1.製作喜慶的複活節表徵圖
第一步:
讓我們從製作一個雞蛋的基本形狀開始吧!使用橢圓工具(L)得到一個70X70px的圓。用直接選擇工具(A)選中側邊的錨點然後往下拖拽他們一點點,製作出底部形狀膨脹的效果。接著選中最上面的錨點並拖拽它往上,製作出雞蛋的頂部的點。

 

第二步:
我們將運用帶有暖色色調的明亮的春天性質的色彩,你可以直接使用吸管工具(I)按住shift鍵從下方的螢幕截圖中得到(這個顏色)。用黃色填充雞蛋的基本型,為了以後我們可能用到這個顏色,可以拷貝複製(ctrl+c->ctrl+b)一份。
現在讓我們一起來添加一些裝飾性的元素在雞蛋的上面。使用矩形工具(M)製作一個70X15px的藍色形狀。

 

第三步:
使用線段工具()工具,按住shift鍵製作一條水平3pt(3個點的寬度)的
粉紅色的線條形狀。讓我們將所有的形狀和雞蛋對齊。選中所有的形狀元素(ctrl+a)然後按住Alt鍵去點擊雞蛋(按住Alt鍵是為了將它選定為關鍵對象,你會看到在雞蛋周圍有一圈厚厚的選中地區。)進入對齊面板點擊水平置中對齊。

 

第四步:
這一步讓我們來給你粉紅色的線條造型。選中它然後執行效果->扭曲變形->鋸齒。設定大小為5px,每7個點為一個脊線,並且平滑點。
接著執行對象->擴充命令,效果就得以運用在形狀上了。

 

第五步:
再添加一個矩形到這個雞蛋的底部並且用綠色填充。現在讓我們這個矩形中那些位於雞蛋外部的部分。我們將使用AI的一個新的工具:刨刀工具(shift+n)。
使用這個工具然後在你想要刪除的部分上面塗畫,就可以了。重複相同的動作在你其它不想要的地方。
我們將在後面的製作另一個雞蛋的操作中嘗試另外的方法去移除掉你所不需要的部分。

 

第六步:
選中已經造好型的雞蛋,執行對象->擴充。接著同時選中雞蛋中間的黃色部分和粉紅色波浪線條然後在路徑尋找器中分離它們,使得它們成為兩個單獨的部分。

 

第七步:
用一個漂亮的粉紅色填充剛才分離得到的上面部分的形狀。使用橢圓工具(L)製作一個5X5px的圓圈。按住Alt+shift鍵拖拽這個圓到右邊,然後複製幾個。

 

第八步:
現在雞蛋的基本形狀已經出來了。讓我們來添加一個扁平風格的陰影,蓋住雞蛋的一半。將雞蛋所有的部分打組(ctrl+g),複製粘貼放在前面層(ctrl+c->ctrl+f)。保持複製的部分處於選中狀態,在路徑尋找器中執行合并命令,讓這個雞蛋成為關鍵對象。
選中這根線和雞蛋的輪廓,在路徑尋找器中分離它們。
刪除掉一半,將另一半以相乘模式、半透明顯示。

 

第九步:
讓我們再來做一個雞蛋吧!
我們已經有了一個基本型,因為我們在第一步的時候已經做了拷貝(還記得嗎?)。將它(拷貝的)移動到一邊用橘黃色填充。在它的最上層添加裝飾性的元素,讓我們用另外一種方式來觀察(我們影藏掉不需要的部分)。再一次複製這個基本型(ctrl+c->ctrl+f)然後移動它到最上層(shift+ctrl+]).(建議初學者一定要熟悉這些基本的快速鍵~譯者溫馨提示)
選中所有的元素,按右鍵添加剪下蒙版!這一步就交給你自己來做了!

 

第十步:
讓我們在這個雞蛋上再來加入更多的裝飾元素吧!在雞蛋的黃色條紋上做出兩個5X5px的圓,將它們移動到黃色條紋的邊緣。選中這兩個圓執行混合工具(M)或者對象->混合->產生命令(任選其一)。接著開啟混合選項視窗(對象->混合->混合選項)設定指定步驟的間隔值為3。
對象->擴充命令施加給這個混合組。接著添加更多的圓在雞蛋的最上層,填充黃色。

 

第十一步:
當你已經對現在的效果滿意了以後,添加一個半透明的扁平化陰影給這個雞蛋的其中一半的部分。
合并雞蛋。使用圓角矩形工具給我們的表徵圖製作一個亮綠色的背景。
用矩形工具(M)製作一個正方形,然後使用選擇工具(V)按住shift鍵將正方形旋轉45°。
添加一個從亮綠色到白色的線性漸層填充這個矩形,設定疊加模式為相乘混合模式(也就是製作出一個半透明的長投影)。

 

第十二步:
複製這個亮綠色背景並且在這兩個複製出來的形狀之間移動這個投影。使用剪下蒙版來影藏這個長投影中我們所不想要的部分。
很不錯哦!我們第一個表徵圖已經製作完成!讓我們接著做下一個吧!

 

1.製作一個可愛的兔子表徵圖
第一步:
為兔子的頭製作一個70X70px的灰色的圓。實用直接選擇工具(A)移動圓邊上的錨點往下一點點來讓這個頭有輕微的擠壓感。
現在我們來做耳朵。使用橢圓工具(L)製作出一個15X50px的橢圓。將它兩邊的錨點向上移動一點點,使得耳朵的上面部分更寬一點。選中這個形狀,執行對象->路徑->位移路徑命令,設定位移值為-5px,其餘的選項預設。通過這種方式我們就在耳朵的裡面建立了一個更小的耳朵的形狀。

 

第二步:
用粉紅色填充耳朵的裡面部分,給耳朵的這兩個部分打組並移到最底層(shift+ctrl+[)。雙擊旋轉工具(R)來開啟選項視窗,設定旋轉角度值為-20°。

 

第三步:
使用鏡像工具(O)水平方向鏡像選項,點擊複製,得到頭部另外一邊的耳朵。你可以將這兩隻耳朵打組並將它們和頭部對齊,並將它們整個置中。
將頭部再壓扁一點。

 

第四步:
使用橢圓工具(L)來製作一對帶有白色高光的有光澤的黑色眼睛以及用一個圓來表示鼻子。用切刀(C)工具點擊鼻子兩邊的錨點,使得鼻子分離成兩半。

 

第五步:
刪除掉上半部分,將保留的部分製作成一個可愛的兔子的鼻子。按X鍵去 調換填充和描邊顏色。 設定描邊為2px並在頂部的控制台裡更改寬度。複製兩個鼻子,將它們做得更纖細顏色更亮一些,形成如下面截圖所示一樣的兔子的嘴。

 

第六步:
讓我們通過添加細小的鬍鬚到頭部來結束我們的兔子的繪製吧!使用線段工具()製作一個垂直的9px填充,1pt描邊的線段。旋轉鬍鬚一點點,將它們添加到兔子臉的兩邊。

 

第七步:
直接添加一個扁平風的投影給兔子頭部的其中一半(因為我們之前已經做了)。使用圓角矩形工具做一個背景並做一個半透明的長投影,我們這個表徵圖的繪製就結束了。

 

好了,以上的資訊就是小編給各位llustrator的這一款軟體的使用者們帶來的詳細的設計複活節表徵圖的製作教程解析分享的全部內容了,各位看到這裡的使用者們,小編相信大家現在是非常的清楚了繪製教程了吧,那麼各位就快去按照小編上面分享的教程自己去繪製吧。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.