編者按：新手入門教程！今天的Illustrator難點(diǎn)不多，適合新手熟悉基礎(chǔ)工具的運(yùn)用，教程細(xì)致，經(jīng)@黃se7en?親測(cè)上手操作非常方便，來(lái)收 >>>

1. 創(chuàng)建一個(gè)新文件和設(shè)置網(wǎng)格

Step 1

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

Step 2

使用網(wǎng)格（視圖>顯示網(wǎng)格）和對(duì)齊網(wǎng)格（視圖>對(duì)齊網(wǎng)格）。將需要把每個(gè)網(wǎng)格線間隔設(shè)為5px，只要點(diǎn)擊編輯>首選項(xiàng)>參考線和網(wǎng)格。

Step 3

你可以打開信息面板（窗口>信息）進(jìn)行實(shí)時(shí)預(yù)覽大小和形狀的位置。不要忘記設(shè)置單位為像素，編輯 >首選項(xiàng)>單位，這些選項(xiàng)會(huì)大大提高你的工作效率。

2. 創(chuàng)建的主要形狀

Step 1

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

Step 2

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

Step 3

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

Step 4

使用矩形工具（M），畫四個(gè)5像素的正方形，確保填充顏色為黑色，然后將它們?nèi)缦聢D所示擺放。

Step 5

使用矩形工具（M），確保填充顏色為白色，再畫三個(gè)5像素的正方形，然后將它們?nèi)缦聢D擺放。

Step 6

使用矩形工具（M），創(chuàng)建一個(gè)30×35 PX的矩形，如下圖所示，并保持它在選中的狀態(tài)，可以打開外觀進(jìn)行觀察。（窗口>外觀）。

設(shè)置填充顏色為白色，描邊為黑色，單擊描邊會(huì)出現(xiàn)設(shè)置面板。粗細(xì)設(shè)為5像素，對(duì)齊描邊為使描邊內(nèi)側(cè)對(duì)齊。

Step 7

選中剛才的矩形， 選擇添加錨點(diǎn)工具，如下圖添加錨點(diǎn)。

用直接選擇工具（A），選中圖1選中的錨點(diǎn)并拖動(dòng)15px，最后的形狀如圖2所示。

Step 8

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

3. 創(chuàng)建畫筆圖案

Step 1

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

Step 2

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

Step 3

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

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

效果如下：

4. 制作的圖案

Step 1

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

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

Step 2

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

Step 3

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

Step 4

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

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

【2015年最新圖標(biāo)教程合集】

?風(fēng)格素凈非常討人喜歡的播放器圖標(biāo)：
《PS教程！手把手教你快速打造簡(jiǎn)約的播放器圖標(biāo)》

兩個(gè)科幻感風(fēng)格的扁平化太空?qǐng)D標(biāo)！
《PS進(jìn)階教程！手把手教你繪制扁平風(fēng)行星與雷達(dá)圖標(biāo)》

喂！別忘了給他一個(gè)天空（來(lái)自有愛的評(píng)論串）
《PS初級(jí)教程！手把手教你繪制酷炫有型的火箭圖標(biāo)》

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

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

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