photoshop简单制作漂亮的流光动画(4)

photoshop简单制作漂亮的流光动画(5) 输入0.02秒的延迟时间,如下图 第17步:选择最后一帧,将其延迟到5秒 。 第18步:选择面板上的优化面板,如果没有请从菜单窗口打…

photoshop简单制作漂亮的流光动画(5)

输入0.02秒的延迟时间,如下图 第17步:选择最后一帧,将其延迟到5秒 。 第18步:选择面板上的优化面板,如果没有请从菜单窗口打开。设置如下: 我们可以先看看效果, 点击播放按钮试试看。 最后一步,保存,注意选


photoshop简单制作漂亮的流光动画(4)插图

第12步:选择画笔工具,设置前景颜色为# ffffff (白) ,柔角13像素。

photoshop简单制作漂亮的流光动画(4)插图(1)

第13步:选中图层3的蒙版,用白色的画笔在图的左边从上画一条直线 。


photoshop简单制作漂亮的流光动画(4)插图(2)

注意画的这条直线在图上是看不到的,只能在蒙版上看到如图:


photoshop简单制作漂亮的流光动画(4)插图(3)

第14步:取消蒙版的链接(很关键),在动画面板选中第一帧,并按下“复制当前帧”图标复制一份


photoshop简单制作漂亮的流光动画(4)插图(4)

第15步:选中第3层的蒙版,选择移动工具,按着shift+右方向键,直到把竖着的白色线条移到右边。

photoshop简单制作漂亮的流光动画(4)插图(5)

选中第二帧再按住CTRL ,然后点击第一帧 ,使它们都选中。


photoshop简单制作漂亮的流光动画(4)插图(6)

再点击下面的过渡按钮,设置如下


photoshop简单制作漂亮的流光动画(4)插图(7)

第16步:选择第一帧,滚动到末尾,按住SHIFT点最后一帧使之全部选中 , 点击右下角“选择帧延迟时间”,在下拉菜单中点击其他(other)提示 本photoshop教程中用到的工具:钢笔、蒙板、图层样式

效果图

photoshop简单制作漂亮的流光动画(4)插图(8)

第1步:按CTRL + N创建一个新的图层,长300,宽100 像素,透明背景


photoshop简单制作漂亮的流光动画(4)插图(9)

第2步:设置背景颜色为# 000000 (黑)和前景# 122c52 ,设置滤镜-渲染-云彩,效果如下


photoshop简单制作漂亮的流光动画(4)插图(10)

第3步:选择钢笔工具,确保“路径”选项 。得出以下形状


photoshop简单制作漂亮的流光动画(4)插图(11)

第4步:按Ctrl + Shift + N创建一个新的层(图层 2)。选择画笔工具,设置前景颜色为# ffffff (白) ,画笔大小4像素、硬度为100 % 。按f5调出画笔面板,在形状动态栏-控制-选择钢笔压力,如图

photoshop简单制作漂亮的流光动画(4)插图(12)

第5步:选择钢笔工具,右键点击图层2(注意是在图像中),点选描边路劲。如下图


photoshop简单制作漂亮的流光动画(4)插图(13)

设置以下选项中的画笔,并勾选模拟压力,点击确定。


photoshop简单制作漂亮的流光动画(4)插图(14)

图片1

第6步:按Ctrl + Shift + N创建第三层。选择画笔工具,笔画大小5像素 。选中第三层第7步:按照第5步的做法重做一次,所不同的是画笔设为了5像素。

在图层面板隐藏第3层前的眼睛


photoshop简单制作漂亮的流光动画(4)插图(15)

第8步:在图层面板选中第二层,然后双击调出图层样式对话框 ,并设置以下设置(外发光和颜色叠加) 如下图:

photoshop简单制作漂亮的流光动画(4)插图(16)

photoshop简单制作漂亮的流光动画(4)插图(17)

第9步:下面就是通过以上步骤得到的结果。


photoshop简单制作漂亮的流光动画(4)插图(18)

现在,我们将转到ImageReady编辑,在photoshop 文件的下拉菜单中点击“在ImageReady中编辑”

photoshop简单制作漂亮的流光动画(4)插图(19)

第10步:在ImageReady中窗口-动画,将弹出如下画面


photoshop简单制作漂亮的流光动画(4)插图(20)

第11步:将第三层前面的小眼睛点出来,并拖曳3层在图层面板的“添加蒙版”按钮,建立一个带有蒙版的图层。 选择画笔工具(前景黑色),将蒙版区域的白色涂抹调。然后取消蒙版的链接


photoshop简单制作漂亮的流光动画(4)插图(21)

输入0.02秒的延迟时间,如下图


photoshop简单制作漂亮的流光动画(4)插图(22)

第17步:选择最后一帧,将其延迟到5秒 。


photoshop简单制作漂亮的流光动画(4)插图(23)

第18步:选择面板上的优化面板,如果没有请从菜单窗口打开。设置如下:


photoshop简单制作漂亮的流光动画(4)插图(24)

我们可以先看看效果, 点击播放按钮试试看。


photoshop简单制作漂亮的流光动画(4)插图(8)

最后一步,保存,注意选择–将优化结果存储为–选项哎~~,第一次翻译教程头都搞大啦,如有不周之处请多多包涵,有不妥之处请各位大虾指教。先谢了提示 本photoshop教程中用到的工具:钢笔、蒙板、图层样式

效果图

photoshop简单制作漂亮的流光动画(4)插图(8)

第1步:按CTRL + N创建一个新的图层,长300,宽100 像素,透明背景


photoshop简单制作漂亮的流光动画(4)插图(9)

第2步:设置背景颜色为# 000000 (黑)和前景# 122c52 ,设置滤镜-渲染-云彩,效果如下


photoshop简单制作漂亮的流光动画(4)插图(10)

第3步:选择钢笔工具,确保“路径”选项 。得出以下形状


photoshop简单制作漂亮的流光动画(4)插图(11)

第4步:按Ctrl + Shift + N创建一个新的层(图层 2)。选择画笔工具,设置前景颜色为# ffffff (白) ,画笔大小4像素、硬度为100 % 。按f5调出画笔面板,在形状动态栏-控制-选择钢笔压力,如图

photoshop简单制作漂亮的流光动画(4)插图(12)

第5步:选择钢笔工具,右键点击图层2(注意是在图像中),点选描边路劲。如下图


photoshop简单制作漂亮的流光动画(4)插图(13)

设置以下选项中的画笔,并勾选模拟压力,点击确定。


photoshop简单制作漂亮的流光动画(4)插图(14)

图片1

第6步:按Ctrl + Shift + N创建第三层。选择画笔工具,笔画大小5像素 。选中第三层第7步:按照第5步的做法重做一次,所不同的是画笔设为了5像素。

在图层面板隐藏第3层前的眼睛


photoshop简单制作漂亮的流光动画(4)插图(15)

第8步:在图层面板选中第二层,然后双击调出图层样式对话框 ,并设置以下设置(外发光和颜色叠加) 如下图:

photoshop简单制作漂亮的流光动画(4)插图(16)

photoshop简单制作漂亮的流光动画(4)插图(17)

第9步:下面就是通过以上步骤得到的结果。


photoshop简单制作漂亮的流光动画(4)插图(18)

现在,我们将转到ImageReady编辑,在photoshop 文件的下拉菜单中点击“在ImageReady中编辑”

photoshop简单制作漂亮的流光动画(4)插图(19)

第10步:在ImageReady中窗口-动画,将弹出如下画面


photoshop简单制作漂亮的流光动画(4)插图(20)

第11步:将第三层前面的小眼睛点出来,并拖曳3层在图层面板的“添加蒙版”按钮,建立一个带有蒙版的图层。 选择画笔工具(前景黑色),将蒙版区域的白色涂抹调。然后取消蒙版的链接


photoshop简单制作漂亮的流光动画(4)插图(21)

第12步:选择画笔工具,设置前景颜色为# ffffff (白) ,柔角13像素。

photoshop简单制作漂亮的流光动画(4)插图(1)

第13步:选中图层3的蒙版,用白色的画笔在图的左边从上画一条直线 。


photoshop简单制作漂亮的流光动画(4)插图(2)

注意画的这条直线在图上是看不到的,只能在蒙版上看到如图:


photoshop简单制作漂亮的流光动画(4)插图(3)

第14步:取消蒙版的链接(很关键),在动画面板选中第一帧,并按下“复制当前帧”图标复制一份


photoshop简单制作漂亮的流光动画(4)插图(4)

第15步:选中第3层的蒙版,选择移动工具,按着shift+右方向键,直到把竖着的白色线条移到右边。

photoshop简单制作漂亮的流光动画(4)插图(5)

选中第二帧再按住CTRL ,然后点击第一帧 ,使它们都选中。


photoshop简单制作漂亮的流光动画(4)插图(6)

再点击下面的过渡按钮,设置如下


photoshop简单制作漂亮的流光动画(4)插图(7)

第16步:选择第一帧,滚动到末尾,按住SHIFT点最后一帧使之全部选中 , 点击右下角“选择帧延迟时间”,在下拉菜单中点击其他(other)


photoshop简单制作漂亮的流光动画(4)插图

输入0.02秒的延迟时间,如下图


photoshop简单制作漂亮的流光动画(4)插图(22)

第17步:选择最后一帧,将其延迟到5秒 。


photoshop简单制作漂亮的流光动画(4)插图(23)

第18步:选择面板上的优化面板,如果没有请从菜单窗口打开。设置如下:


photoshop简单制作漂亮的流光动画(4)插图(24)

我们可以先看看效果, 点击播放按钮试试看。


photoshop简单制作漂亮的流光动画(4)插图(8)

最后一步,保存,注意选择–将优化结果存储为–选项哎~~,第一次翻译教程头都搞大啦,如有不周之处请多多包涵,有不妥之处请各位大虾指教。先谢了

作者: 791650988

为您推荐