教你做动态霓虹灯图片

feng880715

@ChloeRowe林雅诺：今天跟大家分享一篇超酷的霓虹灯动画效果，主要是用AI画出整体，再用PS做出动态效果，大家可以尝试绘画其他形状，做出不同的动画效果。效果图：

作者：ChloeRowe林雅诺 出处：blog.spoongraphics

feng880715

一、在AI里画草图1. 首先呢"打开你的AI，然后用椭圆工具画一个圆，描边：5pt。

feng880715

2. 打上文字，这里使用的是Darwin字体，没有的可以用相似的字体哦"

feng880715

3. 然后我们去对象>变换>斜切，倾斜角度：-10°，角度：90°。

feng880715

4. 现在我们要把文字处理成空心字"选择工具选择字，然后右键>创建轮廓，清除文字填充颜色，描边为5pt。

feng880715

5. 画一个小圆，然后用剪刀工具去掉小圆的一部分"在描边里选择3点圆形，双击3点圆形，更改大小 为5pt。

feng880715

6. 复制刚刚制作好的图形，放置在空白位置，看上去像是是月球坑洼的表面"

feng880715

7. 选择构成行星的圆，然后复制CMD+C，粘贴 CMD+F，放置在最上层。按住ALT键的同时拉伸和挤压形状，从而形成周围的行星环，然后复制形状，稍微缩小哟"

feng880715

8. 画板上的某个位置绘制一个椭圆，使用直接选择工具然后向上拖动顶点，拉伸形状"拉伸拉伸它"

feng880715

9. 从钢笔工具组使用转换锚点工具删除手柄，留下一个尖点。然后描边改成5pt圆点。

feng880715

10. 为了构建一个简单的火箭，我们再来添加其他形状"使用对齐面板中的居中对齐，集中所有的元素。

feng880715

11. 再对这个火箭形状复制两次，然后适当缩小放大，放置如下图所示：

feng880715

12. 目前有许多相互重叠的路径，为了达到更好的霓虹灯效果 ，我们再来对其进行一些细节处理。选择主行星圆圈，对象>路径>偏移路径。输入3毫米"

feng880715

13. 右键点击所产生的偏移路径上，点击建立参考线。确保参考线可见( CMD+; ) 并锁定参考线 (CMD+Alt+; )。

feng880715

14. 使用剪刀工具剪断行星路径与两个外圆环的相交处。使用智能参考线（CMD + U）可以很容易地看到。