教程：如何用Photoshop+Illustrator制作动态霓虹灯字效
编者按：今天，我们将一起学习如何用Photoshop和Illustrator制作一个酷炫的动态霓虹灯字效。通过此教程，您将学会如何使用AI绘制火箭、星球，进行字体变形，以及用Photoshop添加霓虹效果，让画面动起来。无论您是初学者还是进阶用户，都能从中受益。
效果图：
一、在AI里画草图
- 打开AI，用椭圆工具画一个圆，描边设为5pt。
- 打入文字，推荐使用Darwin字体，没有可用相似字体替代。
- 前往对象 > 变换 > 斜切，设置倾斜角度为-10°，角度为90°。
- 将文字转换为空心字，选择文字后右键 > 创建轮廓，清除文字填充颜色，描边设为5pt。
- 画一个小圆，用剪刀工具去掉一部分，选择3点圆形，双击更改大小为5pt。
- 复制并放置小圆以模拟月球表面。
- 复制并粘贴构成行星的圆，放置在最上层，按住ALT键拉伸和挤压形状形成行星环。
- 在画板上的某个位置绘制一个椭圆，使用直接选择工具拖动顶点进行拉伸。
- 使用转换锚点工具删除手柄，留下尖点，描边改为5pt圆点。
- 添加其他形状以构建火箭，使用对齐面板中的居中对齐集中所有元素。
- 复制火箭形状并适当缩小放大，放置成图示效果。
- 处理相互重叠的路径以优化霓虹灯效果。选择主行星圆圈，对象 > 路径 > 偏移路径，输入3毫米。
- 右键点击偏移路径上产生的路径，点击建立参考线。确保参考线可见（CMD+;）并锁定（CMD+Alt+;）。
- 使用剪刀工具剪断行星路径与两个外圆环的相交处。使用智能参考线（CMD + U）可轻松看到。
- 处理字母P的轮廓，取消组合文本或进入隔离模式，选择“p”字母并加3毫米偏移路径。
- 单独为字母P创建参考线并删除碗内侧部分。
- 裁剪掉行星环穿过字母P的路径并删除不需要的部分路径。
- 用相同方式处理其他相交路径。对圆环的下段，文本需修改以允许环围绕地球。
- 取消其他文本元素的组并在第一个和最后一个字母添加偏移路径，建立参考线。释放p的复合路径以建立参考线。
- 使用新的参考线剪断相互交叉的路径并删除周围重叠的路径。
- 对于圆环重叠文本区域从环的路径创建额外参考线。
- 使用剪刀工具裁剪并删除文字在圆环内的路径。
- 有时需释放的字母复合路径以便选择和删除不需要的部分路径。
- 最后处理出来的文字如下图所示，接下来在Photoshop里添加霓虹灯效果。
- 选择路径并改变文字颜色（可选喜欢的颜色）。
- 选择 > 相同 > 填色和描边，用不同颜色处理成所需效果。
- 文件 > 导出，文件格式改为PSD并勾选写入图层。
- 在Photoshop打开文件，背景填充黑色并添加砖块纹理（可在百度搜索砖墙纹理）。
- 选择所有霓虹灯字素材并按CMD+J（Ctrl+J）复制，然后用Ctrl+E合并所有图层（或Ctrl+Shift+Alt+E）。命名此图层为“off”。
- 给该图层添加图层样式：颜色叠加 #2A2A2A；内发光 #2A2A2A；投影（透明度20%，角度90°，距离6，扩展32，大小9）。
- 将该图层放置在最下方。
- 给围绕在星球外的圆环添加霓虹灯效果：内发光-线性加深；外发光-正片叠底；三个投影（参数如图所示）。
- 处理完所有文字后整个文字效果十分好看。将所有素材分别建组如图示。
- 打开时间轴窗口在窗口 > 时间轴里创建帧动画。
- 在第一个窗口里关掉所有带有霓虹灯效果的文字并改变时间为1秒。
- 添加新帧打开带有霓虹灯效果的环形。时间设置无延迟。
- 增加两个帧第3个点开红色霓虹灯文字第4个点开蓝色霓虹灯行星时间无延迟。
- 在接下来的第5个帧里打开第一个火箭改变持续时间为1秒不同时间设置效果不同。
- 在7、6个帧里打开第二个火箭关闭第一个火箭。
- 在第7个帧里打开最后一个火箭关闭之前的火箭重复5~6次左右完成最后导出存储为Web所用格式GIF格式完工！
© 版权声明
本网站上的所有资源均来源于本网站，所有网址和文章版权均归原作者所有。如有侵权行为，请将相关证明发送至以下电子邮件地址：dxsen@qq.com
