效果圖制作分為三大部分：前期字體創(chuàng)意、增加霓虹效果、動畫制作；字體部分作者是在AI中完成，其實PS也可以完成，只是稍微復雜一點；霓虹字直接用圖層樣式來完成；最后把做好的幾組效果轉為動畫即可。
最終效果



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



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



3、然后我們去對象>變換>斜切，傾斜角度：-10°，角度：90°。



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


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



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



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



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



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



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


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



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



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



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



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



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


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



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



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



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



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



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


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