water_225 发表于 2015-12-5 20:41:16

教你做动态霓虹灯图片

@ChloeRowe林雅诺:今天跟大家分享一篇超酷的霓虹灯动画效果,主要是用AI画出整体,再用PS做出动态效果,大家可以尝试绘画其他形状,做出不同的动画效果。效果图:
http://pic.16xx8.com/allimg/151127/024TRc7-0.gif
作者:ChloeRowe林雅诺 出处:blog.spoongraphics

water_225 发表于 2015-12-5 20:41:16

一、在AI里画草图1. 首先呢"打开你的AI,然后用椭圆工具画一个圆,描边:5pt。
http://pic.16xx8.com/allimg/151127/024TTP2-1.jpg

water_225 发表于 2015-12-5 20:41:16

2. 打上文字,这里使用的是Darwin字体,没有的可以用相似的字体哦"
http://pic.16xx8.com/allimg/151127/024TU152-2.jpg

water_225 发表于 2015-12-5 20:41:16

3. 然后我们去对象>变换>斜切,倾斜角度:-10°,角度:90°。
http://pic.16xx8.com/allimg/151127/024TV230-3.jpg

water_225 发表于 2015-12-5 20:41:16

4. 现在我们要把文字处理成空心字"选择工具选择字,然后右键>创建轮廓,清除文字填充颜色,描边为5pt。
http://pic.16xx8.com/allimg/151127/024TSB9-4.jpg

water_225 发表于 2015-12-5 20:41:16

5. 画一个小圆,然后用剪刀工具去掉小圆的一部分"在描边里选择3点圆形,双击3点圆形,更改大小 为5pt。
http://pic.16xx8.com/allimg/151127/024TW0Z-5.jpg

water_225 发表于 2015-12-5 20:41:16

6. 复制刚刚制作好的图形,放置在空白位置,看上去像是是月球坑洼的表面"
http://pic.16xx8.com/allimg/151127/024TWL9-6.jpg

water_225 发表于 2015-12-5 20:41:16

7. 选择构成行星的圆,然后复制CMD+C,粘贴 CMD+F,放置在最上层。按住ALT键的同时拉伸和挤压形状,从而形成周围的行星环,然后复制形状,稍微缩小哟"
http://pic.16xx8.com/allimg/151127/024TT039-7.jpg

water_225 发表于 2015-12-5 20:41:16

8. 画板上的某个位置绘制一个椭圆,使用直接选择工具然后向上拖动顶点,拉伸形状"拉伸拉伸它"
http://pic.16xx8.com/allimg/151127/024TS111-8.jpg

water_225 发表于 2015-12-5 20:41:16

9. 从钢笔工具组使用转换锚点工具删除手柄,留下一个尖点。然后描边改成5pt圆点。
http://pic.16xx8.com/allimg/151127/024TV504-9.jpg

water_225 发表于 2015-12-5 20:41:16

10. 为了构建一个简单的火箭,我们再来添加其他形状"使用对齐面板中的居中对齐,集中所有的元素。
http://pic.16xx8.com/allimg/151127/024TR0M-10.jpg

water_225 发表于 2015-12-5 20:41:16

11. 再对这个火箭形状复制两次,然后适当缩小放大,放置如下图所示:
http://pic.16xx8.com/allimg/151127/024TS308-11.jpg

water_225 发表于 2015-12-5 20:41:16

12. 目前有许多相互重叠的路径,为了达到更好的霓虹灯效果 ,我们再来对其进行一些细节处理。选择主行星圆圈,对象>路径>偏移路径。输入3毫米"
http://pic.16xx8.com/allimg/151127/024TR0H-12.jpg

water_225 发表于 2015-12-5 20:41:16

13. 右键点击所产生的偏移路径上,点击建立参考线。确保参考线可见( CMD+; ) 并锁定参考线 (CMD+Alt+; )。
http://pic.16xx8.com/allimg/151127/024TQ054-13.jpg

water_225 发表于 2015-12-5 20:41:16

14. 使用剪刀工具剪断行星路径与两个外圆环的相交处。使用智能参考线(CMD + U)可以很容易地看到。
http://pic.16xx8.com/allimg/151127/024TU1Y-14.jpg
页: [1] 2 3 4
查看完整版本: 教你做动态霓虹灯图片