photoshop设计GIF动画图片制作教程
发布时间:01/15 来源: 浏览:
关键词:
今天小编在这里就来给各位photoshop的这一款软件的使用者们来说下设计GIF动画图片的制作教程,各位想知道具体动画图片制作方法的使用者们,那么大家就快来跟着小编来看一下制作教程吧。
给各位photoshop软件的使用者们来详细的解析分享一下设计GIF动画图片的制作教程。
教程分享:
先看看效果:
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S12a110-21329.gif)
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S131160-392a.jpg)
第一步当然是点击文件~新建文件夹
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S1325630-43647.jpg)
设置好自己需要或者喜欢的画布大小,然后确定。
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S134T30-51027.jpg)
于是我们得到了PS标准页面。
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S13B330-A034.jpg)
点击窗口~时间轴。
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S13Ra0-N9B.jpg)
点击创建帧动画。
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S1409260-U563.jpg)
效果如下:
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S14L3F-9A17.jpg)
新建图层。
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S149DP-109234.jpg)
在新建的图层1上画出你的角色
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S151G10-119218.jpg)
新建图片2,降低图层1的透明度。再画上角色的下一个动作。
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S153K20-1211O.jpg)
重复上面的步骤,直到动作完成
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S1560310-139159.jpg)
给图片上色
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S15N410-143340.jpg)
上完色。
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S15c950-15T22.jpg)
把其它组隐藏起来,显示第一帧的图层。然后新建帧。
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S161a50-1621V.jpg)
于是我们得到第二帧,但它跟前面一样怎么办?
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S1639520-1M4G.jpg)
解决办法:隐藏组1,显示组2
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S1A6060-1R246.jpg)
重复上面的步骤,直接所有帧都弄好。
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S1C63Z-1c141.jpg)
按SHIFT选择(点击)第一帧和最后一帧进行全选。然后设置帧的时间。
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S1EJ50-201A0.jpg)
各帧的时间设置如下,可以自己修改其它数值。
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S1H110-215524.jpg)
保存。
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S1J0Y0-224O4.jpg)
数值设置:
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S1LW0-233338.jpg)
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S1Nb40-241412.jpg)
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S1PW40-251Z4.jpg)
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S1R1540-263343.jpg)
保存一下源文件,方便以后修改。
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S1S950-2I914.jpg)
![动画教程,PS如何制作GIF动画图片](/uploads/allimg/c170115/14T45S12a110-21329.gif)
好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的设计GIF动画图片的制作教程解析分享的全部内容了,各位看到这里的软件的使用者们,小编相信你们现在那是非常的清楚动画图片制作的方法了吧,那么大家就快去按照小编上面给大家分享的教程自己去尝试着制作下GIF动画图片吧。
热门标签:dede模板 / destoon模板 / dedecms模版 / 织梦模板
责任编辑: