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

2018-06-2109:46:20 1 浏览:37,696

上次小编教了大家怎么装修淘宝店铺和制作淘宝详情页,在淘宝的详情页,大家经常会看到一些动态的图片,今天小编就教大家如何利用PS里的动画和时间轴,制作出动态的类似视频的图片效果。

原料和工具是PS,PS是Adobe Photoshop的简称,是由Adobe Systems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。

接下来就是方法和步骤了。第一步是利用单反拍摄2-3张动作连续的图片;第二步是打开PS,将这三张图片同时拖入一个你设置好的图片大小中,大小设置成790*800像素就行了,然后降低图像透明度,依次将图层对齐好,调整完毕后,将透明度调回100%。第三步是打开窗口,然后点击时间轴,会出现一条时间轴;第四步为点击时间轴右下角的图标,将模式切换为图片帧模式;第五步是点击时间轴下方的图层按钮,复制图层,如果有三个图层颜色要变化的话,就点击两下,复制两个图层,有四个的话,就点击三下,以此类推;第六步为点击时间轴上的第一个图层,调整PS面板右下角的图层面板,将图层1、2、3前面的眼睛都点掉,只留下原背景图层,也就是第一个发光效果图层;第七步是时间轴上的第二、第三个图层处理方式和第一个图层相同,就是依次将他们的发光效果图层前的眼睛点上,第二个图层是对应图层面板的图层1,第三个图层是对应图层面板的图层2;第八步就是调整时间轴上的时间了,将图片单帧展示时间改为0.1秒,点击0.1秒后面那个小箭头就可以改时间,将重复模式改为永远;第九步,如果系统设置的时间间隔不是你所理想的,你还可以自己设置点击时间后方的那个小箭头,选择其他,设置帧延迟时间;第十步,点击选择,再点击文件,最后存储为web和设备所用格式;最后一步,将预设下方的图像模式改为gif即可。

这里有两个注意事项,第一,动画和时间轴选项是一样的;第二,gif就是动画图片。

以上就是用PS制作淘宝详情页中的动态图片的方法和步骤,怎么样,是不是很简单,想学更多知识的话,欢迎参加山东网络营销培训!

  • 互联网营销培训
  • 平面设计|SEO|电商培训
  • weinxin
  • 苏老师微信号
  • 183 6469 9738
  • weinxin
网络营销培训
程泽坤

发表评论

目前评论:1   其中:访客  1   博主  0

    • avatar 想学平面设计

      感觉好麻烦啊,看来自学的话是没戏了!