多语言展示
当前在线:1412今日阅读:91今日分享:37

用ps将图片制作成动态波纹效果

在photoshop中制作动态波纹效果的图片按照完整的教程来做,并不难。  需要注意的地方是波纹在制作成动画之前,中心点的选择会影响到动态效果。还有波纹图案需要设置成叠加模式,并用剪贴蒙版与背景进行连接。
工具/原料

photoshop cs6 13.0

方法/步骤
1

新建宽和高均为50像素的文件,按d键恢复默认的黑白前景色和背景色。按alt+delete键用黑色前景色进行填充。按ctrl+a进行全选,按ctrl+c进行复制。

2

新建宽50像素、高100像素的文件,按ctrl+v进行粘贴。选择“编辑”→“定义图案”,起个名字,确定。

3

新建宽500像素、高1000像素的文件,选择“编辑”→“填充”,使用图案,选择刚刚自定义的图案,确定。选择“滤镜”→“模糊”→“高斯模糊”,半径30像素,确定。然后进行全选,并且复制。

5

按ctrl+j复制图层2,选择“移动工具”,按住shift键,按下方向键两次,轻移20像素。再按ctrl+j复制图层,轻移20像素。这样的步骤再执行两次。总共制作出五个横杠的图层。

6

选择最上面的图层,执行“滤镜”→“扭曲”→“极坐标”,选择“平面坐标到极坐标”,确定。波纹形状产生。

7

执行自由变换,将图像纵坐标的百分比减小100像素,进行变换。这是将波纹的中心向上移动,可根据背景选择中心所在位置。波纹的大小和中心的选择,将对最终的效果产生影响。

8

去掉最上面图层前面的可视性,选择它下面的图层,按ctrl+f执行极坐标,执行自由变换,减小纵坐标数值100像素。下面的图层也是这样处理,自由变换中所改变的数值,一定要与最上面图层使用的数值一样。

9

选择“窗口”→“时间轴”,在下面新增的窗口中,点击下箭头,选择“创建帧动画”,点击创建第一个帧,设置时间为0.1秒,永远循环。去掉图层2上面图层的可视性,按住alt键,鼠标移动到图层2与下一个图层之间的分隔线上,指针发生变化时点击左键,为图层2创建剪贴蒙版,将混合模式设置为叠加。

10

点击“复制所选帧”按钮,新建四个帧。选择第二帧,去掉图层2的可视性,添加图层2副本的可视性,创建剪贴蒙版,混合模式为叠加。再选择其余的帧,设置步骤相同。点击播放按钮查看效果。

11

选择“文件”→“存储为web所用格式”,在弹出的窗口中点击“存储”,在弹出的窗口中选择“仅限图像”,输入名字,保存。谁都可以打开保存的图片,来查看动态波纹效果的图片了。

推荐信息