編者按：新手入門教程！今天的Illustrator難點不多，適合新手熟悉基礎工具的運用，教程細致，經@黃se7en?親測上手操作非常方便，來收 >>>

1. 創建一個新文件和設置網格

Step 1

Ctrl-N創建一個新的文檔， 從單位下拉菜單中選擇像素，寬度和高度為600×400。然后點擊高級按鈕。 選擇顏色模式為 RGB，屏幕（72ppi）， 去掉勾選“使新建對象與像素網格對齊”。

Step 2

使用網格（視圖>顯示網格）和對齊網格（視圖>對齊網格）。將需要把每個網格線間隔設為5px，只要點擊編輯>首選項>參考線和網格。

Step 3

你可以打開信息面板（窗口>信息）進行實時預覽大小和形狀的位置。不要忘記設置單位為像素，編輯 >首選項>單位，這些選項會大大提高你的工作效率。

2. 創建的主要形狀

Step 1

選擇矩形工具（M）， 將描邊設置為“無”，選擇填充并設置其顏色為黑色（R = 0 G = 0，B = 0）。畫一個大小為15×35像素的矩形。

Step 2

將填充色設為白色（R = 255 G = 255，B = 255）。創建一個5×25像素的矩形，位置如下圖所示。

Step 3

將填充改為黑色，創建一個5×25像素的矩形，位置如下圖所示。

Step 4

使用矩形工具（M），畫四個5像素的正方形，確保填充顏色為黑色，然后將它們如下圖所示擺放。

Step 5

使用矩形工具（M），確保填充顏色為白色，再畫三個5像素的正方形，然后將它們如下圖擺放。

Step 6

使用矩形工具（M），創建一個30×35 PX的矩形，如下圖所示，并保持它在選中的狀態，可以打開外觀進行觀察。（窗口>外觀）。

設置填充顏色為白色，描邊為黑色，單擊描邊會出現設置面板。粗細設為5像素，對齊描邊為使描邊內側對齊。

Step 7

選中剛才的矩形， 選擇添加錨點工具，如下圖添加錨點。

用直接選擇工具（A），選中圖1選中的錨點并拖動15px，最后的形狀如圖2所示。

Step 8

使用矩形工具（M），創建一個5×15像素的形狀，如下圖所示， 顏色填充為黑色，描邊為無。

3. 創建畫筆圖案

Step 1

選中如下三個矩形，打開色板（窗口>色板），并按著鼠標將它們拖入色板中，存儲為新的圖案。在空白處點擊一下，雙擊新的圖案，重新命名為“starttile”（設置如下圖所示），然后點擊“取消”。

Step 2

選擇如下兩個形狀用同樣的方式創建第二個圖案（設置如下圖所示）。雙擊新的圖案，重命名為“endtile”。

Step 3

選擇如下圖7個矩形，打開畫筆（窗口>畫筆），按著鼠標將矩形拖入畫筆面板中，選擇“新建畫筆”，畫筆類型為“圖案畫筆”。

將它命名為 “Pencil Brush“,拖動滑塊到40%， 著色方法為：色調，如下圖所示創建新畫筆。最后單擊確定，你就可以在畫筆面板里面找到你筆刷了。

效果如下：

4. 制作的圖案

Step 1

選擇字體工具（T），在畫板上單擊，并添加灰色的文字。選中它們，打開字符面板。

字體為Mistral，大小設置為170pt（或者按照自己所畫的圖案設置）。打開圖層面板，并將文字選中鎖定，避免后面為它添加筆刷效果時意外移動。

Step 2

選擇畫筆工具（B），選擇“Pencil Brush“筆刷畫出第一個字母。 選中這個路徑，打開外觀面板，將描邊的顏色改為 R=28 G=117 B=188。

Step 3

使用相同的工具和筆刷畫出紅色的圖案路徑，顏色為 R=239 G=65 B=54. 最后畫完剩下的圖案，做完之后就可以將之前鎖定的圖層解鎖并隱藏或刪除了。

Step 4

選擇所有的路徑，效果>風格化>投影。如下圖設置屬性。單擊確定就OK啦！

希望大家喜歡這個小教程，也可以運用到其它你想要畫的圖案中。

【2015年最新圖標教程合集】

?風格素凈非常討人喜歡的播放器圖標：
《PS教程！手把手教你快速打造簡約的播放器圖標》

兩個科幻感風格的扁平化太空圖標！
《PS進階教程！手把手教你繪制扁平風行星與雷達圖標》

喂！別忘了給他一個天空（來自有愛的評論串）
《PS初級教程！手把手教你繪制酷炫有型的火箭圖標》

原文地址：Tuts+
譯者：黃se7en

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量92萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：