鬼吹灯 发表于 2018-8-3 17:22:20

教你用Photoshop制作小动画


大家都知道PS强大,但是你知道PS也是可以做动画的吗?视频、三维都可以。
今天就给大家介绍一下怎么用PS制作动画。比较简单,适合广大初学者,如下是效果图。
http://p1.qhimgs4.com/t014039a7163edc770c.gif
下面开始教程部分。
1、打开PS,新建画板,宽度和高度全部设为800像素,分辨率72,背景内容为透明,然后点击确认。
http://p0.qhimgs4.com/t01100f5d9b3f41fec6.webp
2、在右侧选择椭圆工具(默认是矩形工具,只要长按图标,就会出现下拉菜单了),双击画板,讲椭圆的宽度和高度设为600像素,确认即可。
http://p2.qhimgs4.com/t014273fdc8aaea3950.webp
3、当然了,默认我们的圆是不居中的。我们要先选择移动工具,依次点击我红色箭头标注的图标,进行水平和垂直居中,这样我们的圆就在中心了。
http://p1.qhimgs4.com/t01fbe4506fec075608.webp
4、在图标面板中,按Ctrl+J,复制我们的椭圆图层,然后按Ctrl+T自由变换我们后复制的椭圆,并将宽度和高度的像素设300,如图所示,然后按回车确认。
http://p0.qhimgs4.com/t014cb3e2d10a7a93e8.webp
5、将黑色椭圆对齐到大椭圆的左侧,然后继续Ctrl+J复制一层黑色椭圆,将颜色设为白色(双击图层图标,即可设置颜色),靠右侧对齐,如图所示。
http://p1.qhimgs4.com/t014e089e66781fac04.webp
6、在左侧选择矩形工具,创建一个矩形,将宽度设为800像素,高度设为400像素。
http://p1.qhimgs4.com/t01859e005eb1c2e90e.webp
7、利用前面教过的方法,将矩形居中对齐和顶部对齐。
http://p1.qhimgs4.com/t01b85611ffd96e2efb.webp
8、按快捷键Crtl+Shift+G,创建剪切蒙板,这样我们的白色就只会在椭圆上显示,如图所示。
http://p0.qhimgs4.com/t01e24c5b31f22fbc0b.webp
9、当然了,我们的太极还没做完,还差2个点,这里我们按Ctrl+J复制黑色小椭圆,将宽度和高度设为60像素,按回车确认。
http://p0.qhimgs4.com/t010033f724ee367fcc.webp
10、用同样的方法制作右侧小椭圆,接着选择最上方图层,按快捷键Ctrl+Shift+Alt+E,这样我们所有的图层会合并成一个新图层,如图所示。
http://p2.qhimgs4.com/t014ec7f40562303c44.webp
11、这样我们的图片就制作好了,下面开始制作动画。在上方菜单中,选择“图层”-“时间轴”或者叫“动画”,打开时间轴面板。
http://p0.qhimgs4.com/t0112410ed87f7789a2.webp
12、在我们合并的图层右上侧,有个箭头,点击它,会出现“动感”面板,接着选择旋转,如图所示。
http://p2.qhimgs4.com/t0196d0ad5337719c66.webp
13、点击最左侧三角图标,展开我们的面板,会发现在“变换”那一行还出现2个关键帧,这里要把最后的一个删掉,我这里已经删除了。
http://p1.qhimgs4.com/t015ab90bb30c4ff451.webp
14、这里我的动画时长设为了4秒(在时间轴面板,将鼠标放置到图层右侧,鼠标图形会变,就可以将时间拉长或者缩短了),将时间选择到第一秒,然后按Ctrl+T,将图形顺时针旋转90°,按回车确认,我们时间轴就会出现一个新的关键帧,下图所示。
http://p0.qhimgs4.com/t01f77969891bafa16f.webp
15、选择到第二秒,继续将图形顺时针旋转90°,第三次也是如此,最后到第四秒,继续旋转90°,图形便和第一帧重合了,下图所示。
http://p0.qhimgs4.com/t012ad02fd7ad2e5eb0.webp
16、选择时间轴面板上方齿轮图标,将“循环播放”勾选,点击左侧播放按钮就可以看到效果啦。
http://p1.qhimgs4.com/t018f941646f9195e73.webp
17、这里还可以在我们的太极图形下方新建一个灰色图层,方便区分我们的白色。
http://p2.qhimgs4.com/t01c5148ea1f076cec2.webp
18、动画做好了,当然是导出啦,这里选择“文件”-“存储为Web所用格式”,打开我们的保存面板。
http://p0.qhimgs4.com/t01072846c0f7216eea.webp
19、在右侧预设下,选择“gif”,其余默认,在下方“循环选项”中,选择“永远”,然后点击存储,大功就告成了。
http://p0.qhimgs4.com/t01265b57b95cc0dc54.webp
-END -
页: [1]
查看完整版本: 教你用Photoshop制作小动画

请大家牢记南瓜园网址 www.nan2008.com