把效果做成烤腸圖案的筆刷,就能十分簡(jiǎn)單的做出文字效果,大家一起來(lái)學(xué)習(xí)一下這個(gè)小技巧吧。
最終效果:
![www.theoat.com.cn_1UFLF9-0.jpg](http://pic.16xx8.com/allimg/160223/1UFLF9-0.jpg)
一、新建文檔和設(shè)置網(wǎng)格
文檔大小:600*600;顏色模式:RGB;柵格效果:屏幕(72ppi)。
視圖>現(xiàn)實(shí)網(wǎng)格;視圖>對(duì)齊網(wǎng)格。
編輯>首選項(xiàng)>參考線和網(wǎng)格>網(wǎng)格線間隔:5px;次分隔線:1。
打開(kāi)窗口>信息:以便觀察對(duì)象坐標(biāo)和大小。
![www.theoat.com.cn_1UFJ942-1.jpg](http://pic.16xx8.com/allimg/160223/1UFJ942-1.jpg)
二、創(chuàng)建主體圖形
第1步
用矩形工具畫(huà)出20x50px,填色:R=57 G=181 B=74的矩形。
添加效果>風(fēng)格化>圓角>半徑:10px。
![www.theoat.com.cn_1UFH154-2.jpg](http://pic.16xx8.com/allimg/160223/1UFH154-2.jpg)
第2步
選中綠色矩形,添加對(duì)象>擴(kuò)展外觀。
復(fù)制一份矩形(Control-C>Control-F)將矩形副本的顏色改為:R=180 G=43 B=0。
![www.theoat.com.cn_1UFH093-3.jpg](http://pic.16xx8.com/allimg/160223/1UFH093-3.jpg)
第3步
用矩形工具畫(huà)出5*30px,填色:R=223 G=88 B=30的矩形。
添加效果>風(fēng)格化>圓角>半徑:2.5px,添加對(duì)象>擴(kuò)展外觀。
將矩形移到如圖位置。
![www.theoat.com.cn_1UFJ1H-4.jpg](http://pic.16xx8.com/allimg/160223/1UFJ1H-4.jpg)
第4步
雙擊混合工具,設(shè)置間距:指定的步數(shù):10。
選中棕色和橘色兩個(gè)矩形,添加對(duì)象>混合>建立。
效果如圖所示。
![www.theoat.com.cn_1UFM5D-5.jpg](http://pic.16xx8.com/allimg/160223/1UFM5D-5.jpg)
第5步
取消對(duì)齊網(wǎng)格,設(shè)置編輯>首選項(xiàng)>常規(guī)>鍵盤(pán)增量:1px。
打開(kāi)圖層面板,展開(kāi)圖層,選中綠色矩形并復(fù)制兩份(Control-C>Control-F>Control-F)。選中最上面的綠色矩形副本,用鍵盤(pán)的方向鍵上移1px。
重新選中兩個(gè)圖層副本,打開(kāi)路徑查找器(窗口>路徑查找器),點(diǎn)擊減去頂層。
將最后得出的圖形置于頂層。
在外觀面板中,修改顏色為黑色(R=0 G=0 B=0),透明度為30%,混合模式為柔光。
![www.theoat.com.cn_1UFK259-6.jpg](http://pic.16xx8.com/allimg/160223/1UFK259-6.jpg)
第6步
重新選中綠色矩形并復(fù)制兩份(Control-C>Control-F>Control-F)。
選中最上面的綠色矩形副本,用鍵盤(pán)的方向鍵上移3px。
重新選中兩個(gè)圖層副本,打開(kāi)路徑查找器(窗口>路徑查找器),點(diǎn)擊減去頂層。
將最后得出的圖形置于頂層。
在外觀面板中,修改顏色為黑色(R=0 G=0 B=0),透明度為20%,混合模式為柔光。
![www.theoat.com.cn_1UFLD9-7.jpg](http://pic.16xx8.com/allimg/160223/1UFLD9-7.jpg)
第7步
重新選中綠色矩形并復(fù)制兩份(Control-C>Control-F>Control-F)。
選中最上面的綠色矩形副本,用鍵盤(pán)的方向鍵上移5px。
重新選中兩個(gè)圖層副本,打開(kāi)路徑查找器(窗口>路徑查找器),點(diǎn)擊減去頂層。
將最后得出的圖形置于頂層。
在外觀面板中,修改顏色為黑色(R=0 G=0 B=0),透明度為10%,混合模式為柔光。
![www.theoat.com.cn_1UFL925-8.jpg](http://pic.16xx8.com/allimg/160223/1UFL925-8.jpg)
第8步
打開(kāi)對(duì)齊網(wǎng)格。
選中剛才創(chuàng)建的3個(gè)黑色圖形,對(duì)象>變換>對(duì)稱(chēng)>水平,點(diǎn)擊復(fù)制按鈕完成水平對(duì)稱(chēng)復(fù)制。
將復(fù)制后的圖形移到如圖位置。
![www.theoat.com.cn_1UFK623-9.jpg](http://pic.16xx8.com/allimg/160223/1UFK623-9.jpg)
第9步
重新選中綠色矩形并復(fù)制兩份(Control-C>Control-F>Control-F)。
選中最上面的綠色矩形副本,用鍵盤(pán)的方向鍵右移1px。
重新選中兩個(gè)圖層副本,打開(kāi)路徑查找器(窗口>路徑查找器),點(diǎn)擊減去頂層。
將最后得出的圖形置于頂層。
在外觀面板中,修改顏色為白色(R=225 G=225 B=225),透明度為30%,混合模式為柔光。
![www.theoat.com.cn_1UFK923-10.jpg](http://pic.16xx8.com/allimg/160223/1UFK923-10.jpg)
第10步
取消對(duì)齊網(wǎng)格。重新選中綠色矩形并復(fù)制兩份(Control-C>Control-F>Control-F)。
選中最上面的綠色矩形副本,用鍵盤(pán)的方向鍵左移4px。
重新選中兩個(gè)圖層副本,打開(kāi)路徑查找器(窗口>路徑查找器),點(diǎn)擊減去頂層。
將最后得出的圖形置于頂層。
在外觀面板中,修改顏色為黑色(R=0 G=0 B=0),透明度為20%,混合模式為柔光。
![www.theoat.com.cn_1UFI3P-11.jpg](http://pic.16xx8.com/allimg/160223/1UFI3P-11.jpg)
第11步
重新選中綠色矩形并復(fù)制兩份(Control-C>Control-F>Control-F)。
選中最上面的綠色矩形副本,用鍵盤(pán)的方向鍵左移2px。
重新選中兩個(gè)圖層副本,打開(kāi)路徑查找器(窗口>路徑查找器),點(diǎn)擊減去頂層。
將最后得出的圖形置于頂層。
在外觀面板中,修改顏色為白色(R=225 G=225 B=225),透明度為50%,混合模式為柔光。
![www.theoat.com.cn_1UFL034-12.jpg](http://pic.16xx8.com/allimg/160223/1UFL034-12.jpg)
第12步
重新選中綠色矩形并復(fù)制兩份(Control-C>Control-F>Control-F)。
選中最上面的綠色矩形副本,用鍵盤(pán)的方向鍵左移3px。
重新選中兩個(gè)圖層副本,打開(kāi)路徑查找器(窗口>路徑查找器),點(diǎn)擊減去頂層。
將最后得出的圖形置于頂層。
在外觀面板中,修改顏色為黑色(R=0 G=0 B=0),透明度為40%,混合模式為柔光。
![www.theoat.com.cn_1UFJ5H-13.jpg](http://pic.16xx8.com/allimg/160223/1UFJ5H-13.jpg)
第13步
打開(kāi)對(duì)齊網(wǎng)格。編輯>首選項(xiàng)>參考線和網(wǎng)格>網(wǎng)格線間隔:1px。
用矩形工具畫(huà)出3x26px的白色圖形,移到如圖位置。
添加效果>風(fēng)格化>圓角>半徑:1.5px。
對(duì)象>擴(kuò)展外觀。
在外觀面板中設(shè)置透明度:30%,混合模式:柔光。
![www.theoat.com.cn_1UFL313-14.jpg](http://pic.16xx8.com/allimg/160223/1UFL313-14.jpg)
第14步
用橢圓工具畫(huà)出2個(gè)6x4px的黑色圖形,移到如圖位置。
在外觀面板中,設(shè)置兩個(gè)圖形的透明度:20%,混合模式:柔光。
![www.theoat.com.cn_1UFMF7-15.jpg](http://pic.16xx8.com/allimg/160223/1UFMF7-15.jpg)
三、創(chuàng)建烤腸的兩端
第1步
用矩形工具畫(huà)出10*5px,顏色:R=41 G=171 B=226的矩形。
用直接選擇工具選中矩形左下角的端點(diǎn),向右移動(dòng)5個(gè)像素,并刪除右端點(diǎn)。
![www.theoat.com.cn_1UFG012-16.jpg](http://pic.16xx8.com/allimg/160223/1UFG012-16.jpg)
第2步
選中三角形,添加效果>變形>凸出,參數(shù)設(shè)置如圖。
接著添加效果>變形>上弧形,參數(shù)設(shè)置如圖。
添加對(duì)象>擴(kuò)展外觀。
![www.theoat.com.cn_1UFL012-17.jpg](http://pic.16xx8.com/allimg/160223/1UFL012-17.jpg)
第3步
取消對(duì)齊網(wǎng)格。
復(fù)制2份藍(lán)色圖形(Control-C>Control-F>Control-f)。
選中上面的圖形,左移1px。
重新選中兩個(gè)圖層副本,打開(kāi)路徑查找器(窗口>路徑查找器),點(diǎn)擊減去頂層。
將最后得出的圖形置于頂層。
在外觀面板中,修改顏色為黑色(R=0 G=0 B=0),透明度為50%,混合模式為柔光。
![www.theoat.com.cn_1UFG538-18.jpg](http://pic.16xx8.com/allimg/160223/1UFG538-18.jpg)
第4步
選中藍(lán)色圖形,復(fù)制2份(Control-C>Control-F>Control-f)。
選中上面的圖形,左移2px。
重新選中兩個(gè)圖層副本,打開(kāi)路徑查找器(窗口>路徑查找器),點(diǎn)擊減去頂層。
將最后得出的圖形置于頂層。
在外觀面板中,修改顏色為白色(R=225 G=225 B=225),透明度為50%,混合模式為柔光。
![www.theoat.com.cn_1UFK215-19.jpg](http://pic.16xx8.com/allimg/160223/1UFK215-19.jpg)
第5步
選中藍(lán)色圖形,復(fù)制2份(Control-C>Control-F>Control-f)。
選中上面的圖形,右移1px。
重新選中兩個(gè)圖層副本,打開(kāi)路徑查找器(窗口>路徑查找器),點(diǎn)擊減去頂層。
將最后得出的圖形置于頂層。
在外觀面板中,修改顏色為黑色(R=0 G=0 B=0),透明度為30%,混合模式為柔光。
![www.theoat.com.cn_1UFM2A-20.jpg](http://pic.16xx8.com/allimg/160223/1UFM2A-20.jpg)
第6步
選中藍(lán)色圖形,復(fù)制2份(Control-C>Control-F>Control-f)。
選中上面的圖形,上移1px。
重新選中兩個(gè)圖層副本,打開(kāi)路徑查找器(窗口>路徑查找器),點(diǎn)擊減去頂層。
將最后得出的圖形置于頂層。
在外觀面板中,修改顏色為黑色(R=0 G=0 B=0),透明度為30%,混合模式為柔光。
![www.theoat.com.cn_1UFJb4-21.jpg](http://pic.16xx8.com/allimg/160223/1UFJb4-21.jpg)
第7步
選中藍(lán)色圖形,修改顏色:R=180 G=43 B=0。
![www.theoat.com.cn_1UFG0U-22.jpg](http://pic.16xx8.com/allimg/160223/1UFG0U-22.jpg)
第8步
打開(kāi)對(duì)齊網(wǎng)格。
用橢圓工具,畫(huà)出6x2px的藍(lán)色圖形,移到如圖位置。
復(fù)制2份(Control-C>Control-F>Control-f)。
選中下面的副本,下移1px。
重新選中兩個(gè)圖層副本,打開(kāi)路徑查找器(窗口>路徑查找器),點(diǎn)擊減去頂層。
將最后得出的圖形置于頂層。
在外觀面板中,修改顏色為白色(R=225 G=225 B=225),透明度為50%,混合模式為柔光。
![www.theoat.com.cn_1UFK1F-23.jpg](http://pic.16xx8.com/allimg/160223/1UFK1F-23.jpg)
第9步
選中藍(lán)色圖形,修改顏色為黑色,混合模式為柔光。
![www.theoat.com.cn_1UFL1b-24.jpg](http://pic.16xx8.com/allimg/160223/1UFL1b-24.jpg)
第10步
選中如圖所有圖形,添加對(duì)象>變換>對(duì)稱(chēng)>水平。點(diǎn)擊復(fù)制,完成水平對(duì)稱(chēng)復(fù)制。將新圖形移到如圖位置。
![www.theoat.com.cn_1UFLV0-25.jpg](http://pic.16xx8.com/allimg/160223/1UFLV0-25.jpg)
四、創(chuàng)建烤腸筆刷
第1步
選中之前的混合圖形,添加對(duì)象>擴(kuò)展。
![www.theoat.com.cn_1UFL4S-26.jpg](http://pic.16xx8.com/allimg/160223/1UFL4S-26.jpg)
第2步
設(shè)置編輯>首選項(xiàng)>參考線和網(wǎng)格>網(wǎng)格線間隔:5px。
新建一個(gè)30x20px的矩形,顏色為R=0 G=104 B=55,移到如圖位置。
選中如圖所有圖形,復(fù)制一份(Control-C>Control-F)將復(fù)本拖到如圖位置。
![www.theoat.com.cn_1UFI2A-27.jpg](http://pic.16xx8.com/allimg/160223/1UFI2A-27.jpg)
第3步
先來(lái)處理左邊的圖形。
選擇形狀生成器工具,按住Shift,在左邊綠色區(qū)域拖出一個(gè)選區(qū),記住不要碰到邊緣。
選中綠色矩形并刪除。
![www.theoat.com.cn_1UFHN2-28.jpg](http://pic.16xx8.com/allimg/160223/1UFHN2-28.jpg)
第4步
選擇如圖形狀,取消組合(Shift-Control-G)。
接著選中上半部分,組合(Control-G)。
同樣選中下半部分,組合(Control-G)。
![www.theoat.com.cn_1UFJ058-29.jpg](http://pic.16xx8.com/allimg/160223/1UFJ058-29.jpg)
第5步
現(xiàn)在處理右邊的圖形。
選擇形狀生成器工具,用同樣的方法,刪除兩端的部分。
![www.theoat.com.cn_1UFH953-30.jpg](http://pic.16xx8.com/allimg/160223/1UFH953-30.jpg)
第6步
刪除右邊綠色矩形,最后的效果如圖。
選擇剩下的圖形,組合(Control-G)。
移到如圖位置。
![www.theoat.com.cn_1UFG229-31.jpg](http://pic.16xx8.com/allimg/160223/1UFG229-31.jpg)
第7步
現(xiàn)在選中所有圖形,對(duì)象>變換>旋轉(zhuǎn)。設(shè)置旋轉(zhuǎn)角度為-90度。
![www.theoat.com.cn_1UFG949-32.jpg](http://pic.16xx8.com/allimg/160223/1UFG949-32.jpg)
第8步
現(xiàn)在我們的烤腸圖形有左、中、右三個(gè)部分。
選擇左邊部分,拖到色板(窗口>色板)作為圖案儲(chǔ)存起來(lái)。
雙擊新的圖案,重命名為“startTile”,然后點(diǎn)擊取消。
![www.theoat.com.cn_1UFI195-33.jpg](http://pic.16xx8.com/allimg/160223/1UFI195-33.jpg)
第9步
用同樣的方法將右邊部分拖入色板中儲(chǔ)存,命名為“endTile”。
![www.theoat.com.cn_1UFI0J-34.jpg](http://pic.16xx8.com/allimg/160223/1UFI0J-34.jpg)
第10步
選中中間部分,在畫(huà)筆面板下方點(diǎn)擊新建畫(huà)筆,選擇圖案畫(huà)筆,打開(kāi)畫(huà)筆設(shè)置選項(xiàng)。
將新畫(huà)筆重命名為“Wiener Brush”,按如圖所示設(shè)置。
在起點(diǎn)拼貼中添加“startTile”,終點(diǎn)拼貼中添加“endTile”。
完成畫(huà)筆設(shè)置。
![www.theoat.com.cn_1UFLA7-35.jpg](http://pic.16xx8.com/allimg/160223/1UFLA7-35.jpg)
五、創(chuàng)建烤腸文字
第1步
隱藏網(wǎng)格并取消對(duì)齊網(wǎng)絡(luò)。
選擇文字工具,添加文字,可自定義:
顏色:R=178 G=178 B=178
字體:Freestyle Script大。200pt
移到圖層面板,鎖定文字圖層。
參考文字,用鋼筆工具畫(huà)出圓滑的文字路徑,如圖所示(記住鋼筆只有描邊沒(méi)有填色)。
![www.theoat.com.cn_1UFH1Z-36.jpg](http://pic.16xx8.com/allimg/160223/1UFH1Z-36.jpg)
第2步
刪除文字圖層。
選中文字路徑,修改描邊為我們新建的“Wiener Brush”筆刷。
添加效果>風(fēng)格化>投影。參數(shù)設(shè)置如圖。
按照相同的方法添加另外4個(gè)投影效果。
![www.theoat.com.cn_1UFL123-37.jpg](http://pic.16xx8.com/allimg/160223/1UFL123-37.jpg)
第3步
顯示網(wǎng)格并打開(kāi)對(duì)齊網(wǎng)格,將網(wǎng)格線間隔重新設(shè)置為1px。
用橢圓工具畫(huà)出半徑為1px、2px和3px的圓形,顏色為黑色,移到如圖位置。
選中3個(gè)圓形,快捷鍵Control-8轉(zhuǎn)為符合路徑。
修改透明度為:40%,混合模式為:柔光。
![www.theoat.com.cn_1UFIc4-38.jpg](http://pic.16xx8.com/allimg/160223/1UFIc4-38.jpg)
第4步
多復(fù)制幾份上面的圖形,并分布到圖示位置。
![www.theoat.com.cn_1UFJR2-39.jpg](http://pic.16xx8.com/allimg/160223/1UFJR2-39.jpg)
第5步
用橢圓工具畫(huà)出半徑為1px、2px和3px的圓形,顏色為白色,移到如圖位置。
選中3個(gè)圓形,快捷鍵Control-8轉(zhuǎn)為符合路徑。
修改透明度為:40%,混合模式為:柔光。
![www.theoat.com.cn_1UFLH6-40.jpg](http://pic.16xx8.com/allimg/160223/1UFLH6-40.jpg)
第6步
多復(fù)制幾份上面的圖形,并分布到圖示位置。
![www.theoat.com.cn_1UFM630-41.jpg](http://pic.16xx8.com/allimg/160223/1UFM630-41.jpg)
六、添加一些芥末
第1步
最后,你可以試著添加一些芥末。芥末的教程可以參考這里:http://design.tutsplus.com(原教程是英文的,大家喜歡的話,我以后有機(jī)會(huì)再翻譯給大家)。
![www.theoat.com.cn_1UFJU6-42.jpg](http://pic.16xx8.com/allimg/160223/1UFJU6-42.jpg)
第2步
添加芥末瓶子。芥末瓶子的做法,也在上面的教程里面。
![www.theoat.com.cn_1UFJ933-43.jpg](http://pic.16xx8.com/allimg/160223/1UFJ933-43.jpg)
最終效果:
![www.theoat.com.cn_1UFIa1-44.jpg](http://pic.16xx8.com/allimg/160223/1UFIa1-44.jpg)
全教程完,學(xué)完記得交作業(yè)。如果本教程對(duì)您有所幫助,請(qǐng)推薦給你的朋友。