手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

photoshop 旋转动画gif制作 超详细步骤原理解说

时间:2024-10-13 05:02:59

photoshop是一个非常强大的平面设计软件,还可以用来制作动画,制作动画可以用法时间轴来实现。首先旋转动画原理在这里解释一下,gif动画和视频都是由一张张图片链接起恝依在绌来的,下一张图片与上一张有一点点位移,连贯的位移会导致人眼看起来是动态的。所以我们需要素材,这里我用到的是这个素材,图片旋转的中心轴就是中间,围绕着中心旋转,像大风车一样。

photoshop 旋转动画gif制作 超详细步骤原理解说

工具/原料

photoshop软件

素材

第一步:创建连续帧图片

1、第一步创建背景图层,如何创建背景图层在这里我就不说了,这个是ps基础操作,我这里创建的是白色背景图层

photoshop 旋转动画gif制作 超详细步骤原理解说

2、第二步将素材拖进去,没有现成素材的,需要处理的,这里我就直接跳过了

photoshop 旋转动画gif制作 超详细步骤原理解说
photoshop 旋转动画gif制作 超详细步骤原理解说

3、接下来需要确定中心点,也就是围绕着哪个转,我这里用参考线拉一下,我这个图想做的是中心旋转,大风车一样

photoshop 旋转动画gif制作 超详细步骤原理解说

4、然后接下来就是做帧图片,一帧帧的图片连起来,每一张图片与上一张图片距离动了一点点,ctrl+j复制图层,从此图层开始变化,隐藏不可见原图,也就是素材图

photoshop 旋转动画gif制作 超详细步骤原理解说
photoshop 旋转动画gif制作 超详细步骤原理解说

5、ctrl+t,自由变换,不知道快捷键的可以在编辑里面找

photoshop 旋转动画gif制作 超详细步骤原理解说

6、此前说明了,我想要图片是中心旋转,所以我需要将变换中心点移动到中心,参考线交叉处

photoshop 旋转动画gif制作 超详细步骤原理解说

7、然后旋转30度,可以看到是围绕中心旋转了30度

photoshop 旋转动画gif制作 超详细步骤原理解说
photoshop 旋转动画gif制作 超详细步骤原理解说

8、然后按住 ctrl+shift+alt+t ,会生成一个新图层,然后隐藏不可见毋队末哎它下面的图层,点击小眼睛,也就是我这里的“图层1副本”,会发现围绕着中心点旋转30度,ctrl+t是自由变换,shift是等比例,alt是围绕中心点

photoshop 旋转动画gif制作 超详细步骤原理解说

9、接下来继续按住 ctrl+shift+alt+t,生成新图层后,隐藏不可见之前的图层

photoshop 旋转动画gif制作 超详细步骤原理解说

10、继续进行此操作,按住 ctrl+shift+alt+t,继续隐藏不可见之前的图层

photoshop 旋转动画gif制作 超详细步骤原理解说

11、如果不隐藏之前的图层,也是可以的,但是不能直观的看出变化

photoshop 旋转动画gif制作 超详细步骤原理解说

12、一直继续此操作,直到就差一步与初始图层位置一样时,停止操作,记住是就差一步,我这里是直接与初始图层一样

photoshop 旋转动画gif制作 超详细步骤原理解说
photoshop 旋转动画gif制作 超详细步骤原理解说
photoshop 旋转动画gif制作 超详细步骤原理解说

13、做到这一步后我要将重合的图层删除其中一个,否则变换旋转的时候该图层出现两次,就会感觉停了一下,这就是之前说的快要与初始图层位置一样时,就差一步时停止操作

photoshop 旋转动画gif制作 超详细步骤原理解说

第二步:制作动画

1、隐藏不可见所有图层,背景图层除外,这里背景图层是否隐藏取决于做的东西,制作动画使用的是时间轴工具,在窗口里面,选择背景图层,然后创建时间轴工具

photoshop 旋转动画gif制作 超详细步骤原理解说

2、点击创建帧动画按钮,记住,除了背景图层,其他图层都是隐藏的

photoshop 旋转动画gif制作 超详细步骤原理解说

3、选中图层一,然后点击小眼睛,图层一 可见,在时间轴里面就会显示初始位置第一帧图片,图层一

photoshop 旋转动画gif制作 超详细步骤原理解说

4、选中图层一副本,此时图层一副本是不可见的,隐藏的

photoshop 旋转动画gif制作 超详细步骤原理解说

5、然后在时间轴里面新建帧,由于图层一可见,图层二不可见,所以新建的帧是与第一帧一样,此时进行下一步

photoshop 旋转动画gif制作 超详细步骤原理解说
photoshop 旋转动画gif制作 超详细步骤原理解说

6、在第二帧里,我们需要隐藏不可见图层1,可见图层1副本,这样图层1副本才会是第二帧

photoshop 旋转动画gif制作 超详细步骤原理解说

7、选择副本2,副本2是不可见的,所以新建帧是图层1副本的样子,我们需要将新建的帧显示副本2的图,隐藏图层1副本,显示副本2

photoshop 旋转动画gif制作 超详细步骤原理解说
photoshop 旋转动画gif制作 超详细步骤原理解说

8、原理解释,我们需要将我们做的一帧帧的图片都放在时间轴里面。所以必须在新建的帧里面显示当前“选择”的图层,条围泠惶底件是当前图层不可见,之前的图层是可见的,新建的帧显示的是之前的图层,新建帧后“隐藏不可见”之前的图层,显示当前的图层

9、步骤说明选择当前不可见图层N,然后新建帧动画,隐藏下面的可见图层N-1,可见当前图层N选择不可见图层N+1,新建帧动画,隐藏不可见图层N,可见当前图层N+1这样的重复

10、我现在已经做到可最后一个图层,最后一帧与最后一个图层一样的

photoshop 旋转动画gif制作 超详细步骤原理解说

11、最后一帧,也就是我这里的12帧是选中的,然后按住shift件,鼠标点击一下第一帧,全选

photoshop 旋转动画gif制作 超详细步骤原理解说
photoshop 旋转动画gif制作 超详细步骤原理解说

12、点击一下随便哪个帧的倒三角,弹出选择秒。我这里选择0.1秒

photoshop 旋转动画gif制作 超详细步骤原理解说

13、播放次数我选择永远,中间的按钮是播放和暂停

photoshop 旋转动画gif制作 超详细步骤原理解说

14、最后存储一下就可以了,存储为web格式播放效果图,选择gif格式,然后存储

photoshop 旋转动画gif制作 超详细步骤原理解说
photoshop 旋转动画gif制作 超详细步骤原理解说
photoshop 旋转动画gif制作 超详细步骤原理解说
© 手抄报圈