PS动态图片制作教程:设计手机翻页效果的动态gif…

2021-01-06 16:01:17来源:ps爱好者 阅读 ()

新老客户大回馈,云服务器低至5折

PS动态图片制作教程:设计手机翻页效果的动态gif图片。效果图:

第三步,找到对应的素材作为手机壁纸,这里要制作翻页,所以要多找一些,然后按照手机的大小裁剪出对应的大小,效果

PS动态图片制作教程:设计手机翻页效果的动态gif图片。

PS动态图片制作教程:设计手机翻页效果的动态gif图片。

第四步,如上述方法一样,继续导入素材,裁切相同大小,然后拼接。

PS动态图片制作教程:设计手机翻页效果的动态gif图片。

第五步,这里为了使得图片过渡的自然,我把最开始的那个绿色图片放在后面再衔接上。

PS动态图片制作教程:设计手机翻页效果的动态gif图片。

第六步,回到最开始抠出手机屏幕以后填充的那一个图层。

PS动态图片制作教程:设计手机翻页效果的动态gif图片。

然后ctrl键加图层缩略图获得选区,新建一个组,选区状态下添加蒙版,效果如图。

PS动态图片制作教程:设计手机翻页效果的动态gif图片。

第七步,把刚刚做好的拼接图移到新建的组里。

PS动态图片制作教程:设计手机翻页效果的动态gif图片。

第八步,这回要运用到时间轴了,具体打开方法是找窗口,时间轴,选中,这样就会出现如下效果。

PS动态图片制作教程:设计手机翻页效果的动态gif图片。

第九步,时间轴上新建,然后把拼接的图片进行向左移动,这里我设置的秒数是0.2秒。

PS动态图片制作教程:设计手机翻页效果的动态gif图片。

PS动态图片制作教程:设计手机翻页效果的动态gif图片。

第十步,继续新建,移动图层的图片位置。

PS动态图片制作教程:设计手机翻页效果的动态gif图片。

PS动态图片制作教程:设计手机翻页效果的动态gif图片。

PS动态图片制作教程:设计手机翻页效果的动态gif图片。

PS动态图片制作教程:设计手机翻页效果的动态gif图片。

第十一步,这些都处理好了,鼠标点击最后一帧,点击右边的一个小三角,选择过渡,具体参数根据自己设定。

PS动态图片制作教程:设计手机翻页效果的动态gif图片。

第十二步,确定以后,点击另一帧,继续这种操作。

PS动态图片制作教程:设计手机翻页效果的动态gif图片。

继续重复操作。

PS动态图片制作教程:设计手机翻页效果的动态gif图片。

PS动态图片制作教程:设计手机翻页效果的动态gif图片。

第十三步,做到这里,基本就已经成型了,下面再稍微设置一下,然后点击播放查看一下就可以了。

PS动态图片制作教程:设计手机翻页效果的动态gif图片。

第十四步,一切处理好以后,存储为web格式,选择gif,循环选择永远。

PS动态图片制作教程:设计手机翻页效果的动态gif图片。

完成:

PS动态图片制作教程:设计手机翻页效果的动态gif图片。


原文链接:http://www.psahz.com/ps_zhaopianchuli/27087.html
如有疑问请与原作者联系

标签:img参数load选择添加Div

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:PS海报合成教程:打造燃烧中的凄美爱情海报作品。PS海报合成教程

下一篇:PS液化工具怎么用?学习用液化工具修出美女大大的眼睛。