IT之家网友分享:教你用Photoshop制作小动画

2017-07-27 11:36IT之家 - C4Disigner
感谢IT之家网友 OctaneRender 的线索投递!

感谢IT之家网友 C4Disigner 的原创投稿

大家都知道,网上很多照片都是PS处理过的,否则简直不能见人,大家都知道PS强大,但是大家知道PS也是可以做动画的吗?现在视频、三维都可以了……

IT之家网友C4Disigner今天就给大家介绍一下怎么用PS制作动画。比较简单,适合广大初学者,下面就开始教程部分。

1、首先打开PS,新建画板,宽度和高度全部设为800像素,分辨率72,背景内容为透明,然后点击确认。

2、然后在右侧选择椭圆工具(默认是矩形工具,只要长按图标,就会出现下拉菜单了),双击画板,讲椭圆的宽度和高度设为600像素,确认即可。

3、当然了,默认我们的圆是不居中的,所以这样我们要先选择移动工具,依次点击我红色箭头标注的图标,进行水平和垂直居中,这样我们的圆就在中心了。

4、然后在图标面板中,按Ctrl+J,复制我们的椭圆图层,然后按Ctrl+T自由变换我们后复制的椭圆,并将宽度和高度的像素设300,如图所示,然后按回车确认。

5、接着将黑色椭圆对齐到大椭圆的左侧,然后继续Ctrl+J复制一层黑色椭圆,将颜色设为白色(双击图层图标,即可设置颜色),靠右侧对齐,如图所示。

6、接下在左侧选择矩形工具,创建一个矩形,将宽度设为800像素,高度设为400像素。

7、利用前面教过的方法,将矩形居中对齐和顶部对齐。

8、然后按快捷键Crtl+Shift+G,创建剪切蒙板,这样我们的白色就只会在椭圆上显示,如图所示。

9、当然了,我们的太极还没做完,还差2个点,这里我们按Ctrl+J复制黑色小椭圆,将宽度和高度设为60像素,按回车确认。

10、用同样的方法制作右侧小椭圆,接着选择最上方图层,按快捷键Ctrl+Shift+Alt+E,这样我们所有的图层会合并成一个新图层,如图所示。

11、这样我们的图片就制作好了,下面就是制作动画了,在上方菜单中,选择“图层”-“时间轴”或者叫“动画”,打开时间轴面板。

12、在我们合并的图层右上侧,有个箭头,点击它,会出现“动感”面板,接着选择旋转,如图所示。

13、点击最左侧三角图标,展开我们的面板,会发现在“变换”那一行还出现2个关键帧,这里要把最后的一个删掉,我这里已经删除了。

14、这里我的动画时长设为了4秒(在时间轴面板,将鼠标放置到图层右侧,鼠标图形会变,就可以将时间拉长或者缩短了),将时间选择到第一秒,然后按Ctrl+T,将图形顺时针旋转90°,按回车确认,我们时间轴就会出现一个新的关键帧,下图所示。

15、然后选择到第二秒,继续将图形顺时针旋转90°,第三次也是如此,最后到第四秒,继续旋转90°,图形便和第一帧重合了,下图所示。

16、然后选择时间轴面板上方齿轮图标,将“循环播放”勾选,点击左侧播放按钮就可以看到效果啦。

17、这里还可以在我们的太极图形下方新建一个灰色图层,方便区分我们的白色。

18、动画做好了,当然是导出啦,这里选择“文件”-“存储为Web所用格式”,打开我们的保存面板。

19、在右侧预设下,选择“gif”,其余默认,在下方“循环选项”中,选择“永远”,然后点击存储,大功就告成了。

效果如下:

这里我把PSD也分享给大家,大家也可以看下我的工程文件,参考一下。

下载地址:点击这里,密码:kequ。

广告声明:文内含有的对外跳转链接(包括不限于超链接、二维码、口令等形式),用于传递更多信息,节省甄选时间,结果仅供参考,IT之家所有文章均包含本声明。

文章价值:
人打分
有价值还可以无价值
置顶评论
    热门评论
      文章发布时间太久,仅显示热门评论
      全部评论
      一大波评论正在路上
        取消发送
        软媒旗下人气应用

        如点击保存海报无效,请长按图片进行保存分享