如何利用PS制作淘宝详情页中的动态图片

 时间:2024-10-14 08:03:29

1、利用单反拍摄2-3张动作连续的图片

2、打开PS,将这三张图片同时拖入一个你设置好的图片大小中,(我设置的是790*800px),降低图像透明度,依次将图层对齐好。调整完毕,将透明度调回100%。

如何利用PS制作淘宝详情页中的动态图片如何利用PS制作淘宝详情页中的动态图片

3、打开窗口-动画/时间轴,会出现如图的一条时间轴

如何利用PS制作淘宝详情页中的动态图片如何利用PS制作淘宝详情页中的动态图片

4、点击时间轴右下角的图标,将模式切换为图片帧模式

如何利用PS制作淘宝详情页中的动态图片如何利用PS制作淘宝详情页中的动态图片

5、点击时间轴下方的图层按钮,复制图层。(因为我有三个图层颜色要变化,所以点击两下,复制两个图层)

如何利用PS制作淘宝详情页中的动态图片如何利用PS制作淘宝详情页中的动态图片

6、点击时间轴上的第一个图层,调整PS面板右下角的图层面板,将图层1、2、3前面的眼睛都点掉,只留下原背景图层,也就是第一个发光效果图层。

如何利用PS制作淘宝详情页中的动态图片如何利用PS制作淘宝详情页中的动态图片

7、时间轴上的第二、第三个图层处理方式和第一个图层相同,就是依次将他们的发光效果图层前的眼睛点上(第二个图层是对应图层面板的图层1,第三个图层是对应图层面板的图层2)

如何利用PS制作淘宝详情页中的动态图片如何利用PS制作淘宝详情页中的动态图片如何利用PS制作淘宝详情页中的动态图片如何利用PS制作淘宝详情页中的动态图片

8、调整时间轴上的时间,将图片单帧展示时间改为0.1秒(点击0.1秒后面那个小箭头就可以改时间),将重复模式改为永远

如何利用PS制作淘宝详情页中的动态图片

9、如果系统设置的时间间隔不是你所理想的,你还可以自己设置。点击时间后方的那个小箭头,选择其他,设置帧延迟时间。

如何利用PS制作淘宝详情页中的动态图片如何利用PS制作淘宝详情页中的动态图片

10、选择-文件-存储为web和设备所用格式

如何利用PS制作淘宝详情页中的动态图片

11、将预设下方的图像模式改为GIF即可

如何利用PS制作淘宝详情页中的动态图片
  • PhotoShop简单制作柠檬效果教程
  • “钢笔工具”的基本使用方法...
  • 如何解决Photoshop导入视频不能错误
  • ps时间轴在哪里打开?
  • PS两个路径如何相减?
  • 热门搜索
    中秋节手抄报模板 十一手抄报 手抄报花边简笔画 国庆节主题手抄报图片 仿生学手抄报 吸烟有害健康的手抄报 119消防安全手抄报图片 科技手抄报内容大全 少年强则国强手抄报 植物园手抄报