当前位置: 首页 > 优图知识库  > PS教程 > ps实例教程

PS制作涟漪效果动画照片

2019/1/4 23:16:42 人评论

这篇教程教优图宝的PS照片处理学习者们用PS制作涟漪效果动画照片,教程难度一般,制作出来的涟漪效果挺漂亮的,这样的效果可以运用到任何一个照片里,转发过来和优图宝的朋友们一起分享学习了,先来看看最终的效果图吧: ...

这篇教程教优图宝的PS照片处理学习者们用PS制作涟漪效果动画照片,教程难度一般,制作出来的涟漪效果挺漂亮的,这样的效果可以运用到任何一个照片里,转发过来和优图宝的朋友们一起分享学习了,先来看看最终的效果图吧:效果图

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图00

UtoBao编注:更多PS教程及PS学习请进入优图宝ps实例教程栏目,地址:http://www.utobao.com/news/55.html

 具体的制作步骤如下:

 1.打开一张图片。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图01

  2.用裁剪工具将它裁剪成400乘400的正方形。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图02

  3.裁剪后的大小。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图03

  4.下来新建一个400乘800的透明文档。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图04 _ueditor_page_break_tag_

  5.用40像素铅笔工具,在文档左上角画一横线。坐标可借助信息面板来观察。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图056.画好后载入选区,按一下ctrl+alt+t组合键——复制变换——0坐标值状态下向下移动80像素(呈等距)。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图06

  7.确定,下来连续按ctrl+shift+alt+T组合键8次,复制8个横条(共10个),然后取消选区。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图07

  8.按住ctrl键单击箭头处——在当前图层下方新建图层——然后填充白色。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图08 _ueditor_page_break_tag_

  9.执行滤镜>模糊>高斯模糊——数值参考图示。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图09

  10.调整一下色阶,让图案的对比明显一些。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图10

  11.视图菜单>新建参考线——在水平100像素处和水平500像素处建立两条参考线。注意参考线的位置结合图像的尺寸是呈正方形的,这个范围才是我们需要的……(当然也可以在其它位置建立参考线,但两线之间的高度必须是400像素)

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图1112.为什么要这样做?那是因为要让它在接下来的动画制作中不间断无障碍的循环播放。当初画直线的宽度是40像素,因为等距,所以白色也是40像素,二者相加是80像素,我计划用4帧完成这个动画制作,所以每复制一层向下移动20像素,4层正好形成一个循环。按住shift键,再按两次向下的方向键——向下按一次是移动10像素,不按shift键移动是1像素。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图12

  13.为准确快捷,还是复制变换方便。按一下ctrl+alt+T组合键,在属性栏红框内输入正20像素(向下方移动),完成后按确定。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图13

  14.然后连续按ctrl+shift+alt+T组合键2次复制两层(共四层)。下来再用裁剪工具在参考线之间裁出一个400乘400的正方形形状。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图14 _ueditor_page_break_tag_

  15.裁剪好后,打开窗口>动画调板,第一帧对应的是图层2,第二帧对应的是图层2副本。下面如此类推。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图15

  16.参考图层对应的动画帧。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图16

  17.依次为图层执行极坐标效果。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图1718.完成后各层都起了变化,而且圆环也很细,这样会影响效果。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图18

  19.继续用裁剪工具,还是400乘400,参考图中大小,对齐中心点。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图19

  20.裁剪完的效果。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图20 _ueditor_page_break_tag_

  21.现在打开图片,复制四层,背景去锁。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图21

  22.将图层0(背景)放大一点,使它和其它图层产生错落感。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图22

  23.色阶再调亮一点,使它和其它图层产生色差。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图23

24.下来单击图案窗口(转换文档快捷键为ctrl+~)。从第一帧图层2开始,单击箭头所指处——载入选区,然后ctrl+C(复制)。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图24

  25.再回到图片,单击通道面板下方箭头所指处——创建新通道,然后ctrl+V(粘贴)。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图25 _ueditor_page_break_tag_

  26.这时蚂蚁线还在,单击图层1并添加蒙版。参考图示。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图26

  27.重复24、25、26步骤将图案中剩余图层依次复制至和图片对应的图层蒙版中。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图27

  28.看一下蒙版在这种图案的作用下对图层的影响。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图2829.最后是建立动画帧,这就不用说了吧。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图29

  30.建立动画的第二帧。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图30

  31.建立动画的其他帧数。

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图31

  32.最终效果图

PS制作涟漪效果动画照片 优图宝网 PS动画教程
图32

UtoBao编注:更多PS教程及PS学习请进入优图宝ps实例教程栏目,地址:http://www.utobao.com/news/55.html

相关资讯

    暂无相关的数据...