1. 首页 > ps教程 > 动画教程利用ps和ai做出超酷的霓虹灯动态图片(ps制作霓虹灯动态效果)

动画教程利用ps和ai做出超酷的霓虹灯动态图片(ps制作霓虹灯动态效果)

动画教程利用ps和ai做出超酷的霓虹灯动态图片(ps制作霓虹灯动态效果)

本文主要介绍动画课程利用ps和ai制作炫酷的霓虹动态画面视频(ps制作霓虹动态),下面跟着东辰网详细了解一下吧。

@ChloeRoweLin:今天给大家分享一个很酷的霓虹动画效果,主要是用AI绘制整体,再用PS做动态效果。可以尝试画其他形状,做出不同的动画效果。

首先,在AI中画一个草图

1.首先打开你的AI,然后用椭圆工具画一个圆,笔画5pt。

3.然后我们去对象换斜切,倾角10,角度90。

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

5.画一个小圆,然后用剪刀工具去掉小圆的一部分~在笔画中选择一个3点圆,双击3点圆,大小改为5pt。

6.复制刚做好的图,放在空白的位置,看起来像月球坑坑洼洼的表面~

7.选择构成行星的圆,然后复制CMDC,粘贴CMDF,放在最上层。按住ALT键的同时拉伸挤压形状形成周围的行星环,然后复制形状稍微收缩~

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

9.使用变换锚点工具从钢笔工具集中删除手柄,留下一个尖点。然后笔画改为5pt点。

10.为了建造一个简单的火箭,让添加其他形状~使用对齐面板中的居中对齐来集中所有元素。

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

12.目前,有许多重叠的路径。为了达到更好的霓虹灯效果,让让我们来处理一些细节。选择主行星圆和对象路径偏移路径。输入3mm~

13.右键单击生成的偏移路径,然后单击创建参考线。确保参考线可见(CM)并锁定参考线(cmal)。

14.使用剪刀工具剪切行星路径和两个外环的交点。使用智能参考线(CMD)很容易看出这一点。

15.因为字母P超出了星球的轮廓,我们不得不取消文字的组合或者进入隔离模式,选择字母宝洁公司,再加一个3mm偏移路径~

16.字母p需要单独创建一条参考线。单击鼠标右键并选择“释放复合路径”,然后在打开“主轮廓向导”之前删除碗的内部。

17.通过字母P剪出行星环的路径,然后删除路径中不需要的部分。

18.接下来,用同样的方法处理其他相交的路径。但是对于环的下半部分,就需要修改文字,让环围着地球~

19.取消其他短信。此元素,然后向开始个和最后一个字母添加偏移路径以建立参考线。记得先释放P的复合路径,才能创建参考线~

20.我们将使用这些新的参考线来切割相交的路径,并删除周围任何重叠的路径~

21.环环文字重叠的区域怎么办?我们需要从环的路径创建额外的参考线。

22.现在用剪刀工具剪切删除圆圈内文字的路径~

23.有时需要释放字母复合路径,以便选择和删除一些我们不知道的路径。;不要~

24.最后,我们处理的文本如下图所示。接下来我们将在Photoshop中给文字添加霓虹效果~

25.选择路径并更改文本的颜色。(可以选择自己喜欢的颜色,教程颜色仅供参考)

26.选择相同的填充颜色和笔触后,用不同的颜色做成下图的样子~哈哈,isn太棒了!

27.文件导出,将其文件格式改为PSD。确定在弹出的对话框中写层是勾选的~

28.在PHOTOSHOP中打开文件。用黑色填充背景,添加砖块纹理~(百度搜索砖块纹理即)

29.选择所有霓虹字,然后按住CMDJ(Ctrl)复制,再用CtrlE全部合并。边肖认为,你可以直接戳层(CtrlShiftAlt)~然后命名这个层关闭~

30.这一步,我们需要添加一个图层样式到这一层~

彩色覆盖,#2A2A2A

内部发光,#2A2A2A

投影,透明度20%,角度90,距离6,延伸32,大小9。

31.把图层放在最下面~

32.现在给环绕地球的圆环添加一个霓虹灯效果。

内部发光线性加深,参数如图所示。

外发光正片叠加,参数如图。

三个投影,参数如图~

33.效果如下图~

34.之后复制粘贴图层样式,改变其颜色~

35.为了节省时间,可以选择颜色相同的文字,然后粘贴颜色相同的图层样式。

36.在处理完所有的角色后,整个角色看起来非常漂亮。边肖,我觉得这个效果很美~你在掐吗?

37.把所有材料分别分组,如下图~

38.接下来,打开时间轴窗口。在窗口的时间轴中,创建一帧动画~

39.在开始个窗口中,关闭所有带有霓虹效果的文本。然后把时间改成1秒~

40.然后添加一个新框架。用霓虹效果打开戒指。记得不要设置时间延迟~

41.加两帧,第三点开启红色霓虹文字,第四点开启蓝色霓虹星球~时间不耽误~啦啦!~O(∩_)O哈哈~

42.下一个第五帧开启开始枚火箭,时长改为1秒~哟哟哟~时间设置不同效果不同~

43.然后在7、6帧的时候,开启第二枚火箭,关闭开始枚火箭~

44.第七帧打开最后一个火箭,关闭前一个火箭~

45.然后火箭部分大概重复5~6次~我们就完成了~最后导出——保存为WebGIF格式使用的格式。

搞定了。

@ChloeRoweLin:今天给大家分享一个很酷的霓虹动画效果,主要是用AI绘制整体,再用PS做动态效果。可以尝试画其他形状,做出不同的动画效果。

首先,在AI中画一个草图

1.首先打开你的AI,然后用椭圆工具画一个圆,笔画5pt。

3.然后我们去对象换斜切,倾角10,角度90。

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

5.画一个小圆,然后用剪刀工具去掉小圆的一部分~在笔画中选择一个3点圆,双击3点圆,大小改为5pt。

6.复制刚做好的图,放在空白的位置,看起来像月球坑坑洼洼的表面~

7.选择构成行星的圆,然后复制CMDC,粘贴CMDF,放在最上层。按住ALT键的同时拉伸挤压形状形成周围的行星环,然后复制形状稍微收缩~

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

9.使用变换锚点工具从钢笔工具集中删除手柄,留下一个尖点。然后笔画改为5pt点。

10.为了建造一个简单的火箭,让添加其他形状~使用对齐面板中的居中对齐来集中所有元素。

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

12.目前,有许多重叠的路径。为了达到更好的霓虹灯效果,让让我们来处理一些细节。选择主行星圆和对象路径偏移路径。输入3mm~

13.右键单击生成的偏移路径,然后单击创建参考线。确保参考线可见(CM)并锁定参考线(cmal)。

14.使用剪刀工具剪切行星路径和两个外环的交点。使用智能参考线(CMD)很容易看出这一点。

15.因为字母P超出了星球的轮廓,我们不得不取消文字的组合或者进入隔离模式,选择字母宝洁公司,再加一个3mm偏移路径~

16.字母p需要单独创建一条参考线。正确单击并选择释放复合路径,然后在打开主轮廓引导之前删除碗的内部。

17.通过字母P剪出行星环的路径,然后删除路径中不需要的部分。

18.接下来,用同样的方法处理其他相交的路径。但是对于环的下半部分,就需要修改文字,让环围着地球~

19.取消其他文本元素的组合,然后向开始个和最后一个字母添加偏移路径以建立参考线。记得先释放P的复合路径,才能创建参考线~

20.我们将使用这些新的参考线来切割相交的路径,并删除周围任何重叠的路径~

21.环环文字重叠的区域怎么办?我们需要从环的路径创建额外的参考线。

22.现在用剪刀工具剪切删除圆圈内文字的路径~

23.有时需要释放字母复合路径,以便选择和删除一些我们不知道的路径。;不要~

24.最后,我们处理的文本如下图所示。接下来我们将在Photoshop中给文字添加霓虹效果~

25.选择路径并更改文本的颜色。(可以选择自己喜欢的颜色,教程颜色仅供参考)

26.选择相同的填充颜色和笔触后,用不同的颜色做成下图的样子~哈哈,isn太棒了!

27.文件导出,将其文件格式改为PSD。确定在弹出的对话框中写层是勾选的~

28.在PHOTOSHOP中打开文件。用黑色填充背景,添加砖块纹理~(百度搜索砖块纹理即)

29.选择所有霓虹字,然后按住CMDJ(Ctrl)复制,再用CtrlE全部合并。边肖认为,你可以直接戳层(CtrlShiftAlt)~然后命名这个层关闭~

30.这一步,我们需要添加一个图层样式到这一层~

彩色覆盖,#2A2A2A

内部发光,#2A2A2A

投影,透明度20%,角度90,距离6,延伸32,大小9。

31.把图层放在最下面~

32.现在给环绕地球的圆环添加一个霓虹灯效果。

内部发光线性加深,参数如图所示。

外发光正片叠加,参数如图。

三个投影,参数如图~

33.效果如下图~

34.之后复制粘贴图层样式,改变其颜色~

35.为了节省时间,可以选择颜色相同的文字,然后粘贴颜色相同的图层样式。

36.在处理完所有的角色后,整个角色看起来非常漂亮。边肖,我觉得这个效果很美~你在掐吗?

37.把所有材料分别分组,如下图~

38.接下来,打开时间轴窗口。在窗口的时间线中,创建帧动画~

39.在开始个窗口中,关闭所有带有霓虹效果的文本。然后把时间改成1秒~

40.然后添加一个新框架。用霓虹效果打开戒指。记得不要设置时间延迟~

41.加两帧,第三点打开红色霓虹文字,第四点打开蓝色霓虹星球~时间不耽误~啦啦~O(∩_)O哈哈~

42.下一个第五帧开启开始枚火箭,时长改为1秒~哟哟哟~时间设置不同效果不同~

43.然后在7、6帧的时候,开启第二枚火箭,关闭开始枚火箭~

44.第七帧打开最后一个火箭,关闭前一个火箭~

45.然后火箭部分大概重复5~6次~我们就完成了~最后导出——保存为WebGIF格式使用的格式。

搞定了。

了解更多动画课程利用ps和ai制作炫酷的霓虹动态画面视频(ps制作霓虹动态效)相关内容请关注东辰网。

本文由东辰网发布,不代表东辰网立场,转载联系作者并注明出处:https://www.ktwxcd.com/psjc/17369.html

留言与评论(共有 0 条评论)
   
验证码:

联系我们

在线咨询:点击这里给我发消息

微信号:vx614326601

工作日:9:30-18:30,节假日休息