<button id="ptu4h"><acronym id="ptu4h"><input id="ptu4h"></input></acronym></button>

<tbody id="ptu4h"></tbody>

    <dd id="ptu4h"><center id="ptu4h"></center></dd><dd id="ptu4h"></dd><dd id="ptu4h"><track id="ptu4h"><video id="ptu4h"></video></track></dd>
  • 16素材
    您現在的位置:首頁 > 教程中心 > Illustrator教程

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    小編:今天帶給大家一個繪制酷炫多彩的動態霓虹燈字效的教程,從如何用AI繪制火箭、星球、做字體變形,到Photoshop添加霓虹效果、讓畫面動起來的技巧,都寫得非常詳細,適合進階學習的教程,小伙伴們可以先登入收藏然后練習哦!

    效果圖:

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    一、在AI里畫草圖

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

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

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

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    3. 然后我們去對象>變換>斜切,傾斜角度:-10°,角度:90°。

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

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

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

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

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    6. 復制剛剛制作好的圖形,放置在空白位置,看上去像是是月球坑洼的表面~

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    7. 選擇構成行星的圓,然后復制CMD+C,粘貼 CMD+F,放置在最上層。按住ALT鍵的同時拉伸和擠壓形狀,從而形成周圍的行星環,然后復制形狀,稍微縮小喲~

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

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

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

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

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

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

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    11. 再對這個火箭形狀復制兩次,然后適當縮小放大,放置如下圖所示:

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

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

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

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

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

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

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

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

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    16. 字母P需要單獨創造參考線。右鍵單擊并選擇釋放復合路徑,然后在打開主輪廓引導之前刪除碗的內側部分。

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    17. 裁剪掉行星環穿過字母P的路徑,然后刪除不想要的部分路徑。

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

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

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

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

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

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

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    21. 對于其中圓環的重疊文本的區域呢~我們需要從環的路徑創建額外的參考線。

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    22. 現在使用剪刀工具裁剪并刪除文字在圓環內的路徑~

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    23. 有時需要釋放的字母復合路徑,以便選擇和刪除我們不想要的部分路徑~

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    24. 最后我們處理出來的文字如下圖所示 ,接下來我們要在Photoshop里給文字添加霓虹燈效果啦~

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    25. 選擇路徑并改變文字的顏色。(可以選擇你喜歡的顏色,教程的顏色只是做參考哦~)

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    26. 在選擇>相同>填色和描邊,用選擇不相同顏色,將其處理成如下圖所示的效果~哈哈,看上去是不是很棒!

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    27. 文件>導出,將其文件格式改成PSD。要確保彈出的對話框里的寫入圖層勾選了喲~

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    28. 在PHOTOSHOP來打開文件。背景填充黑色并添加磚塊紋理~(百度搜磚墻紋理就有了)

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    29. 選擇所有的霓虹燈字素材,然后按住CMD+J(Ctrl+J)復制他們,然后用Ctrl+E將所有合并。小編認為可以直接蓋章圖層喲(Ctrl+Shift+Alt+E)~然后命名這個圖層為“off”~

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    30. 這一步我們要給該圖層添加圖層樣式喲~

    顏色疊加,#2A2A2A

    內發光,#2A2A2A

    投影,透明度20%,角度90°,距離6,擴展32,大小9。

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    31. 將該圖層放置在最下方~

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    32. 現在給圍繞在星球外的圓環添加霓虹燈效果,

    內發光-線性加深,參數如圖所示

    外發光-正片疊底,參數如圖所示

    三個投影,參數如圖所示哦~

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    33. 效果如下圖所示~

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    34. 之后的文字素材都復制并粘貼圖層樣式,并改變其顏色~

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    35. 為了節約時間可以選擇顏色相同的文字,然后粘貼顏色相同的圖層樣式。

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    36. 處理完所有的文字后,整個文字看上去十分好看。小編我覺得這個效果很漂亮~你捏?

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    37. 將所有素材分別的建組,如下圖所示~

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    38. 接下來打開時間軸窗口哦,在窗口>時間軸里,創建幀動畫~

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    39. 在第一個窗口里,關掉所有的帶有霓虹燈效果的文字。然后改變時間為1秒喲~

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    40. 之后添加新的幀。打開帶有霓虹燈效果的環形。記住時間里設置無延遲喲~

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    41. 增加兩個幀,第3個點開紅色霓虹燈文字,第4個點開藍色霓虹燈行星~時間是無延遲~啦啦~O(∩_∩)O哈哈~

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    42. 在接下來的第5個幀里打開第一個火箭 ,改變持續時間為1秒~喲喲喲~不同的時間設置出來的效果不同哦~

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    43. 然后在7、6個幀里,打開第二個火箭,關閉第一個火箭~

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    44. 在第7個幀里打開最后一個火箭,關閉之前的火箭~

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    45. 然后火箭的部分,重復5~6次左右~我們就完成啦~最后導出-存儲為Web所用格式-GIF格式。

    完工!

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

    AI教你繪制酷炫舞動的霓虹燈字效教程(圖文)

     

    關鍵詞: PS教程酷炫舞動的霓虹燈字

    相關素材

    聯系客服 加入QQ群
    素材中国