AI文字教程,設(shè)計烤腸形狀的文字效果(8)

把效果做成烤腸圖案的筆刷,就能十分簡單的做出文字效果,大家一起來學習一下這個小技巧吧。

最終效果:

www.theoat.com.cn_1UFLF9-0.jpg
一、新建文檔和設(shè)置網(wǎng)格

文檔大小:600*600;顏色模式:RGB;柵格效果:屏幕(72ppi)。

視圖>現(xiàn)實網(wǎng)格;視圖>對齊網(wǎng)格。

編輯>首選項>參考線和網(wǎng)格>網(wǎng)格線間隔:5px;次分隔線:1。

打開窗口>信息:以便觀察對象坐標和大小。

www.theoat.com.cn_1UFJ942-1.jpg
二、創(chuàng)建主體圖形

第1步

用矩形工具畫出20x50px,填色:R=57 G=181 B=74的矩形。

添加效果>風格化>圓角>半徑:10px。

www.theoat.com.cn_1UFH154-2.jpg

第2步

選中綠色矩形,添加對象>擴展外觀。

復制一份矩形(Control-C>Control-F)將矩形副本的顏色改為:R=180 G=43 B=0。

www.theoat.com.cn_1UFH093-3.jpg

第3步

用矩形工具畫出5*30px,填色:R=223 G=88 B=30的矩形。

添加效果>風格化>圓角>半徑:2.5px,添加對象>擴展外觀。

將矩形移到如圖位置。

www.theoat.com.cn_1UFJ1H-4.jpg

第4步

雙擊混合工具,設(shè)置間距:指定的步數(shù):10。

選中棕色和橘色兩個矩形,添加對象>混合>建立。

效果如圖所示。

www.theoat.com.cn_1UFM5D-5.jpg

第5步

取消對齊網(wǎng)格,設(shè)置編輯>首選項>常規(guī)>鍵盤增量:1px。

打開圖層面板,展開圖層,選中綠色矩形并復制兩份(Control-C>Control-F>Control-F)。選中最上面的綠色矩形副本,用鍵盤的方向鍵上移1px。

重新選中兩個圖層副本,打開路徑查找器(窗口>路徑查找器),點擊減去頂層。

將最后得出的圖形置于頂層。

在外觀面板中,修改顏色為黑色(R=0 G=0 B=0),透明度為30%,混合模式為柔光。

www.theoat.com.cn_1UFK259-6.jpg

第6步

重新選中綠色矩形并復制兩份(Control-C>Control-F>Control-F)。

選中最上面的綠色矩形副本,用鍵盤的方向鍵上移3px。

重新選中兩個圖層副本,打開路徑查找器(窗口>路徑查找器),點擊減去頂層。

將最后得出的圖形置于頂層。

在外觀面板中,修改顏色為黑色(R=0 G=0 B=0),透明度為20%,混合模式為柔光。

www.theoat.com.cn_1UFLD9-7.jpg

第7步

重新選中綠色矩形并復制兩份(Control-C>Control-F>Control-F)。

選中最上面的綠色矩形副本,用鍵盤的方向鍵上移5px。

重新選中兩個圖層副本,打開路徑查找器(窗口>路徑查找器),點擊減去頂層。

將最后得出的圖形置于頂層。

在外觀面板中,修改顏色為黑色(R=0 G=0 B=0),透明度為10%,混合模式為柔光。

www.theoat.com.cn_1UFL925-8.jpg

第8步

打開對齊網(wǎng)格。

選中剛才創(chuàng)建的3個黑色圖形,對象>變換>對稱>水平,點擊復制按鈕完成水平對稱復制。

將復制后的圖形移到如圖位置。

www.theoat.com.cn_1UFK623-9.jpg

第9步

重新選中綠色矩形并復制兩份(Control-C>Control-F>Control-F)。

選中最上面的綠色矩形副本,用鍵盤的方向鍵右移1px。

重新選中兩個圖層副本,打開路徑查找器(窗口>路徑查找器),點擊減去頂層。

將最后得出的圖形置于頂層。

在外觀面板中,修改顏色為白色(R=225 G=225 B=225),透明度為30%,混合模式為柔光。

www.theoat.com.cn_1UFK923-10.jpg

第10步

取消對齊網(wǎng)格。重新選中綠色矩形并復制兩份(Control-C>Control-F>Control-F)。

選中最上面的綠色矩形副本,用鍵盤的方向鍵左移4px。

重新選中兩個圖層副本,打開路徑查找器(窗口>路徑查找器),點擊減去頂層。

將最后得出的圖形置于頂層。

在外觀面板中,修改顏色為黑色(R=0 G=0 B=0),透明度為20%,混合模式為柔光。

www.theoat.com.cn_1UFI3P-11.jpg

第11步

重新選中綠色矩形并復制兩份(Control-C>Control-F>Control-F)。

選中最上面的綠色矩形副本,用鍵盤的方向鍵左移2px。

重新選中兩個圖層副本,打開路徑查找器(窗口>路徑查找器),點擊減去頂層。

將最后得出的圖形置于頂層。

在外觀面板中,修改顏色為白色(R=225 G=225 B=225),透明度為50%,混合模式為柔光。

www.theoat.com.cn_1UFL034-12.jpg

第12步

重新選中綠色矩形并復制兩份(Control-C>Control-F>Control-F)。

選中最上面的綠色矩形副本,用鍵盤的方向鍵左移3px。

重新選中兩個圖層副本,打開路徑查找器(窗口>路徑查找器),點擊減去頂層。

將最后得出的圖形置于頂層。

在外觀面板中,修改顏色為黑色(R=0 G=0 B=0),透明度為40%,混合模式為柔光。

www.theoat.com.cn_1UFJ5H-13.jpg

第13步

打開對齊網(wǎng)格。編輯>首選項>參考線和網(wǎng)格>網(wǎng)格線間隔:1px。

用矩形工具畫出3x26px的白色圖形,移到如圖位置。

添加效果>風格化>圓角>半徑:1.5px。

對象>擴展外觀。

在外觀面板中設(shè)置透明度:30%,混合模式:柔光。

www.theoat.com.cn_1UFL313-14.jpg

第14步

用橢圓工具畫出2個6x4px的黑色圖形,移到如圖位置。

在外觀面板中,設(shè)置兩個圖形的透明度:20%,混合模式:柔光。

www.theoat.com.cn_1UFMF7-15.jpg
三、創(chuàng)建烤腸的兩端

第1步

用矩形工具畫出10*5px,顏色:R=41 G=171 B=226的矩形。

用直接選擇工具選中矩形左下角的端點,向右移動5個像素,并刪除右端點。

www.theoat.com.cn_1UFG012-16.jpg

第2步

選中三角形,添加效果>變形>凸出,參數(shù)設(shè)置如圖。

接著添加效果>變形>上弧形,參數(shù)設(shè)置如圖。

添加對象>擴展外觀。

www.theoat.com.cn_1UFL012-17.jpg

第3步

取消對齊網(wǎng)格。

復制2份藍色圖形(Control-C>Control-F>Control-f)。

選中上面的圖形,左移1px。

重新選中兩個圖層副本,打開路徑查找器(窗口>路徑查找器),點擊減去頂層。

將最后得出的圖形置于頂層。

在外觀面板中,修改顏色為黑色(R=0 G=0 B=0),透明度為50%,混合模式為柔光。

www.theoat.com.cn_1UFG538-18.jpg

第4步

選中藍色圖形,復制2份(Control-C>Control-F>Control-f)。

選中上面的圖形,左移2px。

重新選中兩個圖層副本,打開路徑查找器(窗口>路徑查找器),點擊減去頂層。

將最后得出的圖形置于頂層。

在外觀面板中,修改顏色為白色(R=225 G=225 B=225),透明度為50%,混合模式為柔光。

www.theoat.com.cn_1UFK215-19.jpg

第5步

選中藍色圖形,復制2份(Control-C>Control-F>Control-f)。

選中上面的圖形,右移1px。

重新選中兩個圖層副本,打開路徑查找器(窗口>路徑查找器),點擊減去頂層。

將最后得出的圖形置于頂層。

在外觀面板中,修改顏色為黑色(R=0 G=0 B=0),透明度為30%,混合模式為柔光。

www.theoat.com.cn_1UFM2A-20.jpg

第6步

選中藍色圖形,復制2份(Control-C>Control-F>Control-f)。

選中上面的圖形,上移1px。

重新選中兩個圖層副本,打開路徑查找器(窗口>路徑查找器),點擊減去頂層。

將最后得出的圖形置于頂層。

在外觀面板中,修改顏色為黑色(R=0 G=0 B=0),透明度為30%,混合模式為柔光。

www.theoat.com.cn_1UFJb4-21.jpg

第7步

選中藍色圖形,修改顏色:R=180 G=43 B=0。

www.theoat.com.cn_1UFG0U-22.jpg

第8步

打開對齊網(wǎng)格。

用橢圓工具,畫出6x2px的藍色圖形,移到如圖位置。

復制2份(Control-C>Control-F>Control-f)。

選中下面的副本,下移1px。

重新選中兩個圖層副本,打開路徑查找器(窗口>路徑查找器),點擊減去頂層。

將最后得出的圖形置于頂層。

在外觀面板中,修改顏色為白色(R=225 G=225 B=225),透明度為50%,混合模式為柔光。

www.theoat.com.cn_1UFK1F-23.jpg

第9步

選中藍色圖形,修改顏色為黑色,混合模式為柔光。

www.theoat.com.cn_1UFL1b-24.jpg

第10步

選中如圖所有圖形,添加對象>變換>對稱>水平。點擊復制,完成水平對稱復制。將新圖形移到如圖位置。

www.theoat.com.cn_1UFLV0-25.jpg
四、創(chuàng)建烤腸筆刷

第1步

選中之前的混合圖形,添加對象>擴展。

www.theoat.com.cn_1UFL4S-26.jpg

第2步

設(shè)置編輯>首選項>參考線和網(wǎng)格>網(wǎng)格線間隔:5px。

新建一個30x20px的矩形,顏色為R=0 G=104 B=55,移到如圖位置。

選中如圖所有圖形,復制一份(Control-C>Control-F)將復本拖到如圖位置。

www.theoat.com.cn_1UFI2A-27.jpg

第3步

先來處理左邊的圖形。

選擇形狀生成器工具,按住Shift,在左邊綠色區(qū)域拖出一個選區(qū),記住不要碰到邊緣。

選中綠色矩形并刪除。

www.theoat.com.cn_1UFHN2-28.jpg

第4步

選擇如圖形狀,取消組合(Shift-Control-G)。

接著選中上半部分,組合(Control-G)。

同樣選中下半部分,組合(Control-G)。

www.theoat.com.cn_1UFJ058-29.jpg

第5步

現(xiàn)在處理右邊的圖形。

選擇形狀生成器工具,用同樣的方法,刪除兩端的部分。

www.theoat.com.cn_1UFH953-30.jpg

第6步

刪除右邊綠色矩形,最后的效果如圖。

選擇剩下的圖形,組合(Control-G)。

移到如圖位置。

www.theoat.com.cn_1UFG229-31.jpg

第7步

現(xiàn)在選中所有圖形,對象>變換>旋轉(zhuǎn)。設(shè)置旋轉(zhuǎn)角度為-90度。

www.theoat.com.cn_1UFG949-32.jpg

第8步

現(xiàn)在我們的烤腸圖形有左、中、右三個部分。

選擇左邊部分,拖到色板(窗口>色板)作為圖案儲存起來。

雙擊新的圖案,重命名為“startTile”,然后點擊取消。

www.theoat.com.cn_1UFI195-33.jpg

第9步

用同樣的方法將右邊部分拖入色板中儲存,命名為“endTile”。

www.theoat.com.cn_1UFI0J-34.jpg

第10步

選中中間部分,在畫筆面板下方點擊新建畫筆,選擇圖案畫筆,打開畫筆設(shè)置選項。

將新畫筆重命名為“Wiener Brush”,按如圖所示設(shè)置。

在起點拼貼中添加“startTile”,終點拼貼中添加“endTile”。

完成畫筆設(shè)置。

www.theoat.com.cn_1UFLA7-35.jpg
五、創(chuàng)建烤腸文字

第1步

隱藏網(wǎng)格并取消對齊網(wǎng)絡(luò)。

選擇文字工具,添加文字,可自定義:

顏色:R=178 G=178 B=178字體:Freestyle Script大小:200pt

移到圖層面板,鎖定文字圖層。

參考文字,用鋼筆工具畫出圓滑的文字路徑,如圖所示(記住鋼筆只有描邊沒有填色)。

www.theoat.com.cn_1UFH1Z-36.jpg

第2步

刪除文字圖層。

選中文字路徑,修改描邊為我們新建的“Wiener Brush”筆刷。

添加效果>風格化>投影。參數(shù)設(shè)置如圖。

按照相同的方法添加另外4個投影效果。

www.theoat.com.cn_1UFL123-37.jpg

第3步

顯示網(wǎng)格并打開對齊網(wǎng)格,將網(wǎng)格線間隔重新設(shè)置為1px。

用橢圓工具畫出半徑為1px、2px和3px的圓形,顏色為黑色,移到如圖位置。

選中3個圓形,快捷鍵Control-8轉(zhuǎn)為符合路徑。

修改透明度為:40%,混合模式為:柔光。

www.theoat.com.cn_1UFIc4-38.jpg

第4步

多復制幾份上面的圖形,并分布到圖示位置。

www.theoat.com.cn_1UFJR2-39.jpg

第5步

用橢圓工具畫出半徑為1px、2px和3px的圓形,顏色為白色,移到如圖位置。

選中3個圓形,快捷鍵Control-8轉(zhuǎn)為符合路徑。

修改透明度為:40%,混合模式為:柔光。

www.theoat.com.cn_1UFLH6-40.jpg

第6步

多復制幾份上面的圖形,并分布到圖示位置。

www.theoat.com.cn_1UFM630-41.jpg
六、添加一些芥末

第1步

最后,你可以試著添加一些芥末。芥末的教程可以參考這里:http://design.tutsplus.com(原教程是英文的,大家喜歡的話,我以后有機會再翻譯給大家)。

www.theoat.com.cn_1UFJU6-42.jpg

第2步

添加芥末瓶子。芥末瓶子的做法,也在上面的教程里面。

www.theoat.com.cn_1UFJ933-43.jpg

最終效果:

www.theoat.com.cn_1UFIa1-44.jpg

 

全教程完,學完記得交作業(yè)。如果本教程對您有所幫助,請推薦給你的朋友。

學習 · 提示

  • 打開ps,跟著教程做一遍,做完的圖要到這里交作業(yè):提交作業(yè)
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:ps新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們微博:@photoshop教程論壇
  • 想學更多的同學,可以訂閱我們郵件,每天都有新教程發(fā)給你:http://t.cn/Rzm5o8Y
PS教程自學網(wǎng) 歡迎投稿教程:http://i.16xx8.com
    有啥事躺下說 說: 學習
    魚丸泡菜 說: 打卡
    亂舞夜風 說: 頂起
    江小彩 說: 適用,謝謝~
    布丁小北 說: 老師好利害