Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系

来源:站酷 作者:看见未来 这是个简单的通过Photoshop中的时间轴制作循环滚动图片的教学,推荐来给PS联盟的朋友让初学者可以了解时间轴的运用方法。

Photoshop制做相机图片循环系统翻转动漫实际效果

先看一下设计效果图

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图

一:导进三张照片。

留意她们的次序,在其中有一个是情况,有一个是手机上,第三个是要循环播放的照片。注意图片能够自己做,要制成我做那样的就可以了。

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(1)

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(2)

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(3)

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(4)

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(5)

二:创建蒙板图层

我们要在手机屏处创建剪贴蒙版,因此 要做一个。挑选一个地区,而且新创建一个涂层,以下

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(6)

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(7)

Photoshop制做相机图片循环系统翻转动漫实际效果

随意添充一个色调

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(8)

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(9)

取消选区

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(10)

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(11)

调整图层次序,以下

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(12)

三:创建剪贴蒙版

创建剪贴蒙版,而且调节照片的部位,恰好在手机中间

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(13)

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(14)

四:制作动画

点一下对话框—时间线,以下

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(15)

photoshop快速制作彩色条纹抽象背景

做好画面黑白关系,建立画面空间感

拷贝三个(右下方有一个拷贝按键),将時间都改成0.一秒

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(16)

选定正中间的图,以下

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(17)

Photoshop制做相机图片循环系统翻转动漫实际效果

选定涂层1234,及最上边的蒙板图层

用电脑鼠标平移变换,拆换界面,以下

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(18)

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(19)

一样选定第三个界面,平移变换界面以下

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(20)

五:加上衔接

选定正中间,

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(21)

加上以下

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(22)

选定第三

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(23)

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(24)

Photoshop制做相机图片循环系统翻转动漫实际效果

最终将帧1,52,103改成2秒,目地是在照片究竟后有一个滞留

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(25)

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(26)

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(27)

六:储存

储存为web文件格式

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(28)

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(29)

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(30)

做好了。

Photoshop制作手机图片循环滚动动画效果_实用技巧, 黑白关系插图(31)

Photoshop详细解析口红产品后期精修过程

来源:站酷 作者:木鸣摄影修图

作者: 791650988

为您推荐