PS野教程│超简单动图制作过程:这城市需要一场雨

用户头像
成都/设计爱好者/8年前/2617浏览
PS野教程│超简单动图制作过程:这城市需要一场雨
用户头像
野鹿志

野路子PS教程第五十九课

昨天晚上野郎一宿没睡着啊!

夏季犯湿疹了!痒的蓝瘦!香菇!

所以这里告诫大家,

夏季千万不要贪凉,少喝冷饮!

(不过貌似我最贪...)


f9c65965eee1a8012193a31259a0.jpg


然而今天早上起床,手机收到了这么一则消息:


10055965eef5a8012193a33d2042.jpg


天啦噜!他夏了夏天!还让不让人活啊!这是要烤五花肉,哦不!是烤排骨的节奏啊!


要是能下场大雨就好了!来吧!今天我们就让照片下点雨!


24d65965ef01a8012193a346ff31.jpg


ps打开素材,ctrl+j复制一层,今天我选的是今年去草莓上的照片,当天也是烈阳当空啊!怎么样?看起来是不是很热:


ae245965ef3ca8012193a32b5a02.jpg


接着新建透明图层,填充黑色:


696b5965ef57a8012193a3b5e358.jpg


执行滤镜-杂色-添加杂色:


c3cd5965ef5ea8012193a3c3a901.jpg


数量我觉得30就差不多了,选择高斯分布,单色:


96db5965ef68a8012193a337c383.jpg


接着执行滤镜-模糊-动感模糊:


e5425965ef79a8012193a31dce88.jpg


预览框里已经可以看到雨点的效果了,角度很重要,要有点倾斜的感觉,然后距离不要太大,否则就是一个长线条啦:


01ba5965ef83a8012193a328e2b3.jpg


新建色阶调整图层,参数大概如图就差不多了,记得点击箭头指向的创建剪贴蒙板:


259d5965ef8ea8012193a3c2c451.jpg


把黑色图层的混合模式改为滤色,过滤掉黑色,放大图片看一下,雨点很小,几乎看不清楚:


80df5965ef9ea8012193a38786f6.jpg


对黑色图层执行ctrl+t自由变换,放大!这一步很重要哦!直接影响到后面雨点的效果,多试几次:


5edb5965efa8a8012193a3fef348.jpg


变换后的效果大概这样:

2c425965efc3a8012193a3723abe.jpg


再给黑色图层添加图层蒙板,用黑画笔在蒙板上擦去不需要的部分,例如手部:


8b5c5965efd3a8012193a3b61822.jpg


这样就差不多啦!不过今天的内容还没有完哦!我们要让雨水动起来!先把这张图另存为jpg,重命名为1吧,以便区分: 

4b045965f042a8012193a363050b.jpg



重新将图层蒙板填充为白色:


d62c5965f05ca8012193a399318b.jpg


接着再对黑色图层ctrl+t自由变换,然后向左移动后,同样记得擦去不需要的部分,另存为2.jpg:


98c35965f065a8012193a339b2b1.jpg


再把蒙板填充回白色以后,对黑色图层自由变换,缩小一点,擦去不需要的部分,另存为3.jpg,其实目的就是模拟雨点的动态啦:


fcd75965f071a8012193a328e286.jpg


同样蒙板填充回白色,图层自由变换,这次往左下角轻移。


所有的移动方向都和之前动感模糊的角度偏向一致就行,擦去不需要的部分,然后另存为4.jpg:


ac125965f07aa8012193a38ecb64.jpg


再周而复始的执行前面的步骤,我这里就不演示啦,总之重复的动作越多,到时候动图的效果越好,我这里重复做了8张图:


d0215965f083a8012193a33a212f.jpg


接着把之前的图层全部隐藏掉,把保存的8张图挨个拖进ps里:


e1295965f08da8012193a376657f.jpg


接着在窗口中打开时间轴:


cf865965f0a8a8012193a3c87672.jpg


选择图层1,按住alt点一下前面的小眼睛,把其他图层全部隐藏,再点击创建帧动画:


da435965f0b7a8012193a3891bfb.jpg


隐藏图层1,显示图层二,点击红色箭头指向的复制所选帧:


6bb15965f0d5a8012193a30d05cf.jpg


重复这个操作,把所有图层都添加为帧:


adf85965f0e4a8012193a368ca9b.jpg


大方框处可以调整每一帧的时长,小红色方框处的播放键可以查看效果:


b7595965f0f6a8012193a34e2225.jpg


再加点文字吧,红色方框处可以修改预览播放次数:


55235965f141a8012193a38b976b.jpg


选择文件-导出-存储为web所用格式:


f2ef5965f14ca8012193a3c1ef3d.jpg


将格式选择为gif,颜色256,图像大小根据大家的需求来吧。


由于公众号没有办法上传这么大的gif,所以我会进行尺寸的修改,播放选项选择永远,让我们把图导出来看看吧:


a47d5965f15ea8012193a338d646.jpg


还挺好玩的吧!野郎还是第一次分享如何做动图呢!试试把你和爱豆的照片做成雨中漫步的感觉,应该很浪漫吧!


呵~好像有点犯瞌睡了!

我得去补补觉!

感兴趣的童鞋后台撩我获取素材和psd文件吧!


本文由“野鹿志”发布

转载前请联系作者“马鹿野郎”

私转必究


Keep Curiosity Keep Learning

公众号ID:yeluzhi666

微信ID:maluyelang666


44
举报
|
49
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
你可能喜欢
大家都在看
登录注册