PS與Ai結(jié)合制作gif閃動的餐廳霓虹燈招牌字
優(yōu)設(shè)網(wǎng) 發(fā)布時間:2015-11-27 10:38:36 作者:ChloeRowe林雅諾
我要評論

今天小編教大家使用PS與Ai結(jié)合制作gif閃動的餐廳霓虹燈招牌字,教程很美,喜歡的朋友可以一起來學(xué)習(xí)
效果圖制作分為三大部分:前期字體創(chuàng)意、增加霓虹效果、動畫制作;字體部分作者是在AI中完成,其實PS也可以完成,只是稍微復(fù)雜一點;霓虹字直接用圖層樣式來完成;最后把做好的幾組效果轉(zhuǎn)為動畫即可。
最終效果

1、首先呢~打開你的AI,然后用橢圓工具畫一個圓,描邊:5pt。

2、打上文字,這里使用的是Darwin字體,沒有的可以用相似的字體哦。

3、然后我們?nèi)ο?gt;變換>斜切,傾斜角度:-10°,角度:90°。

4、現(xiàn)在我們要把文字處理成空心字~選擇工具選擇字,然后右鍵>創(chuàng)建輪廓,清除文字填充顏色,描邊為5pt。

5、畫一個小圓,然后用剪刀工具去掉小圓的一部分~在描邊里選擇3點圓形,雙擊3點圓形,更改大小 為5pt。

6、復(fù)制剛剛制作好的圖形,放置在空白位置,看上去像是是月球坑洼的表面。

7、選擇構(gòu)成行星的圓,然后復(fù)制CMD+C,粘貼 CMD+F,放置在最上層。按住ALT鍵的同時拉伸和擠壓形狀,從而形成周圍的行星環(huán),然后復(fù)制形狀,稍微縮小喲。

8、畫板上的某個位置繪制一個橢圓,使用直接選擇工具然后向上拖動頂點,拉伸形狀~拉伸拉伸它。

9、從鋼筆工具組使用轉(zhuǎn)換錨點工具刪除手柄,留下一個尖點。然后描邊改成5pt圓點。

10、為了構(gòu)建一個簡單的火箭,我們再來添加其他形狀~使用對齊面板中的居中對齊,集中所有的元素。

11、再對這個火箭形狀復(fù)制兩次,然后適當(dāng)縮小放大,放置如下圖所示。

12、目前有許多相互重疊的路徑,為了達到更好的霓虹燈效果 ,我們再來對其進行一些細節(jié)處理。選擇主行星圓圈,對象>路徑>偏移路徑。輸入3毫米。

13、右鍵點擊所產(chǎn)生的偏移路徑上,點擊建立參考線。確保參考線可見( CMD+; ) 并鎖定參考線 (CMD+Alt+; )。

14、使用剪刀工具剪斷行星路徑與兩個外圓環(huán)的相交處。使用智能參考線(CMD + U)可以很容易地看到。

15、因為字母P超過了行星的輪廓,所以我們要取消組合文本或進入隔離模式,選擇“p”字母,然后加3毫米偏移路徑。

16、字母P需要單獨創(chuàng)造參考線。右鍵單擊并選擇釋放復(fù)合路徑,然后在打開主輪廓引導(dǎo)之前刪除碗的內(nèi)側(cè)部分。

17、裁剪掉行星環(huán)穿過字母P的路徑,然后刪除不想要的部分路徑。

18、接下來用相同的方式處理其他相交路徑。但對于圓環(huán)的下段,文本將需要修改,以允許環(huán)可以圍繞地球。

19、取消其他文本元素的組,然后在第一個和最后一個字母添加偏移路徑,建立參考線。記得要釋放p的復(fù)合路徑,才能建立參考線。

20、我們要使用這些新的參考線來剪斷的相互交叉的路徑,并刪除周圍的重疊的任何路徑。

21、對于其中圓環(huán)的重疊文本的區(qū)域呢~我們需要從環(huán)的路徑創(chuàng)建額外的參考線。

22、現(xiàn)在使用剪刀工具裁剪并刪除文字在圓環(huán)內(nèi)的路徑。

23、有時需要釋放的字母復(fù)合路徑,以便選擇和刪除我們不想要的部分路徑。

最終效果

1、首先呢~打開你的AI,然后用橢圓工具畫一個圓,描邊:5pt。

2、打上文字,這里使用的是Darwin字體,沒有的可以用相似的字體哦。

3、然后我們?nèi)ο?gt;變換>斜切,傾斜角度:-10°,角度:90°。

4、現(xiàn)在我們要把文字處理成空心字~選擇工具選擇字,然后右鍵>創(chuàng)建輪廓,清除文字填充顏色,描邊為5pt。

5、畫一個小圓,然后用剪刀工具去掉小圓的一部分~在描邊里選擇3點圓形,雙擊3點圓形,更改大小 為5pt。

6、復(fù)制剛剛制作好的圖形,放置在空白位置,看上去像是是月球坑洼的表面。

7、選擇構(gòu)成行星的圓,然后復(fù)制CMD+C,粘貼 CMD+F,放置在最上層。按住ALT鍵的同時拉伸和擠壓形狀,從而形成周圍的行星環(huán),然后復(fù)制形狀,稍微縮小喲。

8、畫板上的某個位置繪制一個橢圓,使用直接選擇工具然后向上拖動頂點,拉伸形狀~拉伸拉伸它。

9、從鋼筆工具組使用轉(zhuǎn)換錨點工具刪除手柄,留下一個尖點。然后描邊改成5pt圓點。

10、為了構(gòu)建一個簡單的火箭,我們再來添加其他形狀~使用對齊面板中的居中對齊,集中所有的元素。

11、再對這個火箭形狀復(fù)制兩次,然后適當(dāng)縮小放大,放置如下圖所示。

12、目前有許多相互重疊的路徑,為了達到更好的霓虹燈效果 ,我們再來對其進行一些細節(jié)處理。選擇主行星圓圈,對象>路徑>偏移路徑。輸入3毫米。

13、右鍵點擊所產(chǎn)生的偏移路徑上,點擊建立參考線。確保參考線可見( CMD+; ) 并鎖定參考線 (CMD+Alt+; )。

14、使用剪刀工具剪斷行星路徑與兩個外圓環(huán)的相交處。使用智能參考線(CMD + U)可以很容易地看到。

15、因為字母P超過了行星的輪廓,所以我們要取消組合文本或進入隔離模式,選擇“p”字母,然后加3毫米偏移路徑。

16、字母P需要單獨創(chuàng)造參考線。右鍵單擊并選擇釋放復(fù)合路徑,然后在打開主輪廓引導(dǎo)之前刪除碗的內(nèi)側(cè)部分。

17、裁剪掉行星環(huán)穿過字母P的路徑,然后刪除不想要的部分路徑。

18、接下來用相同的方式處理其他相交路徑。但對于圓環(huán)的下段,文本將需要修改,以允許環(huán)可以圍繞地球。

19、取消其他文本元素的組,然后在第一個和最后一個字母添加偏移路徑,建立參考線。記得要釋放p的復(fù)合路徑,才能建立參考線。

20、我們要使用這些新的參考線來剪斷的相互交叉的路徑,并刪除周圍的重疊的任何路徑。

21、對于其中圓環(huán)的重疊文本的區(qū)域呢~我們需要從環(huán)的路徑創(chuàng)建額外的參考線。

22、現(xiàn)在使用剪刀工具裁剪并刪除文字在圓環(huán)內(nèi)的路徑。

23、有時需要釋放的字母復(fù)合路徑,以便選擇和刪除我們不想要的部分路徑。

相關(guān)文章
ps怎么制作文字平鋪效果圖 photoshop制作滿屏字幕的技巧
ps怎么制作文字平鋪效果圖?ps輸入的文字,想要平鋪制作滿屏字幕的效果,該怎么操作呢?下面我們就來看看photoshop制作滿屏字幕的技巧2023-08-24- ps怎么做殘破字?ps中想要給好好的文字做殘破效果,該怎么制作呢?下面我們就來看看ps字體做殘缺效果的制作方法2023-08-19
ps怎么設(shè)計彩色的色塊字體? ps色彩斑斕文字效果的制作方法
ps怎么設(shè)計彩色的色塊字體?想要設(shè)計一款色塊組成的文字,該怎么設(shè)計呢?下面我們就來看看ps色彩斑斕文字效果的制作方法2023-08-19ps文字圖層怎么設(shè)置濾鏡? ps給文字添加濾鏡效果的技巧
ps文字圖層怎么設(shè)置濾鏡?ps輸入的文字需要一些效果,該怎么給文字圖層添加濾鏡效果呢?下面我們就來看看ps給文字添加濾鏡效果的技巧2023-07-03ps設(shè)計制作圍巾字體怎么弄? ps圍巾藝術(shù)字制作方法
ps設(shè)計制作圍巾字體怎么弄?ps中想要設(shè)計一款藝術(shù)字體,該怎么設(shè)計呢?下面我們就來看看看ps圍巾藝術(shù)字制作方法2023-05-12ps怎么設(shè)計扭曲3D文字效果? photoshop三維立體錯亂字體制作技巧
ps怎么設(shè)計扭曲3D文字效果?字體無論是平面還是視頻都很常用,想要設(shè)計一款三維立體錯亂字體,該怎么設(shè)計呢?下面我們就來看看photoshop三維立體錯亂字體制作技巧2023-04-03ps圍繞中心旋轉(zhuǎn)扭曲的字體怎么做? ps設(shè)計中心扭曲文字字體的技巧
ps圍繞中心旋轉(zhuǎn)扭曲的字體怎么做?ps中想要設(shè)計一款扭曲的文字,該怎么設(shè)計呢?下面我們就來看看ps設(shè)計中心扭曲文字字體的技巧2023-04-03ps怎么設(shè)計綠色騎行的字體? Photoshop自行車騎行文字海報設(shè)計技巧
ps怎么設(shè)計綠色騎行的字體?ps中想要設(shè)計一款自行車騎行的效果,該怎么設(shè)計這款字體呢?下面我們就來看看Photoshop自行車騎行文字海報設(shè)計技巧2023-03-24ps怎么做刪除原價格的效果? PhotoShop添加文字刪除線的技巧
ps怎么做刪除原價格的效果?一般商場都能看到原價格和優(yōu)惠價,原價格都會添加刪除線個,該怎么添加呢?下面我們就來看看PhotoShop添加文字刪除線的技巧2023-02-21ps怎么設(shè)計七夕長投影立體字海報? PS給文字制作長投影圖文教程
ps怎么設(shè)計七夕長投影立體字海報?想要做一個七夕的字體海報,最好是立體的,今天我們就來看看PS給文字制作長投影圖文教程2023-02-14