哪里有ps画ps制作gif动画教程的教程

当前位置: >
如何用Photoshop做动画的图文教程
阅读工具:字体:
1,点&文件&----&打开&你想编辑的图片
2,再打开另一幅图片
3,按&CTRL&+&A&键选取第二次打开的图片,然后点&编辑&---&拷贝&将第二幅图粘贴在第一幅图里
4,在第一次打开的那幅图里建立两个图层
5,把两个图层的图片调整一样大小后,点击&文件&---&在IMAGEREADY中编辑&
6,会进入&Adobe ImageReady&界面
7,点击&窗口&---&动画&
8,会出现下图这个对话框
9,点击对话框下的一个小图标,鼠标移在上面会出现&复制当前帧&
10,复制出一幅图
11,在每幅图下方&<font color="#秒&旁的小三角点一下是调动画时间的
12,在电脑右下角的图层对话框里,有两个图层,关闭一只眼睛
13,动画对话框里的图片将出现两张画面
14,点&播放&看效果
15,完成,点&文件&---&存储优化结果&就可以了!!!
(责任编辑:大宝库)
------分隔线----------------------------
1,点 文件 ---- 打开 你想编辑的图片 2,再打开另一幅图片 3,按 CTRL + A 键选取第二次...
最终效果 第一步 第二步 第三步 第四步 第五步 第六步 第七步 第八步 完成最终效果...
本例介绍使用 PS CS3 制作旋转和缩放的花动画特效两例,主要讲解逐帧动画的制作。 简...
烟霄微月澹长空,银汉秋期万古同。几许欢情与离恨,年年并在此宵中。还有两个星期,八...
先看下效果: 现在我们来讲解一下上节课的作业。比起以前石器时代的作业,它的难度有...
在网页设计扩展教程中也包含对图像格式的叙述,但不会再重复介绍本课中关于GIF的知识...
赞助商链接
赞助商链接求图网素材点击即下,无需注册无需积分,无广告不会下成其他东西
+ 加关注&&
求图网素材点击即下,无需注册无需积分,无广告不会下成其他东西
用PS制作动画必须要了解的时间轴教程
发布时间: 02:45
然后大致说下时间轴选项的用法【不知道能不能一次发完(#&Д&) 】
首先是打开啦 这个不用我说吧= =
设置帧速率为8fps[因为是做小动画 所以不用太多帧]
下拉列表看一下
接下来是开始一些小动画【很小很小( ̄▽ ̄&) 】的制作
一.文字渐显渐隐
2.然后点击不透明度前面的小图案【w(?Д?)w大概是秒表吧。。。】 这时黄色小菱形【即关键帧】开始出现&
3.选中字体图层 把不透明度改为0
4.移动拉杆到02:00f处 选中字体图层把不透明度变为100 >▽<是不是发现黄色小菱形自动出现了呢~那就是自动记录关键帧的作用
5.依此类推,之后的透明效果也是这样 可以来回移动拉杆或者用播放键查看效果
6.保存 文件-存储为web和设备所用格式【如果弹出什么XXX符号的窗口 勾选不再提示 然后按确定就可以了】
二.文字晃动【像翘翘板一样0.0】
1.接着刚刚的 因为要告诉你们怎么删除关键帧 &&& 选中关键帧 右键选删除即可
2.在变换前面的小图案点一下 启用秒表 记得现在不透明度是100了
3.拖动拉杆到02:00f ctrl+T调出变形框 倾斜文字图层 依此类推做其他效果
三、文字变形
1.依旧删除之前的关键帧 然后选中文字图层 右键 文字变形 自己挑个喜欢的效果
2.依旧是拖动拉杆改变数值 这里就不上截图了
四、图层样式变化
1.打字 样式前面的小图案点一下 双击字体图层弹出样式窗口 勾选渐变叠加【其他效果也可以 这里选了这个做例子】设置为角度渐变 角度为0
2.拉动拉杆到02:00f处 双击弹出样式窗口 改变角度为180
3.依此类推 移动拉杆到04:00f处 双击弹出样式窗口 改变角度为0 保存即可
五、旋转图层
1.自定义形状工具 按住shift键拉一个形状
2.再拉一个小的 为了方便区别 颜色改成其他颜色
3.按住ctrl键选中两个形状图层 按下垂直居中和水平居中使得两个形状中心点重合
4.分别把两个图层转换为智能对象 这里可以看一下转换前后下拉列表参数的区别
5.选中形状图层1 点击变换前面的图案
6.拖动拉杆到02:00f ctrl+T调出变形框 顺时针旋转180度 置入
7.拖动拉杆到04:00f ctrl+T调出变形框 顺时针旋转180度 置入
8.选中形状图层2 点击变换前面的图案
9.拖动拉杆到01:00f处 ctrl+T调出变形框 逆时针旋转90度【这里不用180度是因为这个是轴对称图案 顺时针旋转180度和逆时针旋转180度是同样的图案 时间轴过渡时会默认为顺时针转动】
10.依此类推 02:00f、03:00f、04:00f处分别逆时针旋转90度
11.这里我们的动画只做到04:00f 而时间长度是05:00f 那么我们就要改变工作区域的结尾
六、图层蒙版位置
1.画一个矩形 添加图层蒙版
2.选中蒙版图层 填充黑色 此时矩形条消失 点击类似于锁链的小图案 取消蒙版链接
3.移动拉杆到04:00f处 选中全黑的蒙版图层 使用移动工具向右移动 矩形条重新出现
关于图层蒙版启用:
所谓启用就是指蒙版的有效性,即开启或关闭。可以用来控制物体的出现或消失,但不能带有过渡效果。也就是说要么就完全有,要么就完全没有,而不能在两者间过渡。实用价值不是很大,因为同样的效果我们直接使用图层不透明度和&保留插值&就可以实现。
至于矢量图层蒙版位置和矢量图层蒙版启用 它们和图层蒙版的使用一样 我这里就不说了【所谓矢量蒙版 是用路径来控制蒙版的 添加矢量蒙版的方法有很多 最快捷的就是按住ctrl键点击添加图层蒙版】
教程就到这了 有什么不对的地方 大家要指出来 毕竟我也是自己摸索 并没有学过特别专业的
看不懂的同学是因为ps基础没学好,去看
学习中遇到困难怎么办,去 求助吧会有很多同学帮助你
PS出的作品不知如何,去 让专业的老师给你点评
评论 | 分享到:
推荐类似专辑
她加入的小组
Copyright &怎么使用Photoshop制作漂亮的Gif动画图片
作者:郑州_乐彩科技
字体:[ ] 来源:百度经验 时间:09-16 11:48:58
本教程是向脚本之家的朋友介绍如何用Photoshop制作漂亮的Gif动画图片,方法不是很难,不过需要很多图片。推荐给脚本之家的朋友,一起来看看吧
本教程是向脚本之家的朋友介绍如何用Photoshop制作漂亮的Gif动画图片,展示Photoshop强大的图像处理能力。教程很不错。新手也可以过来学习一下。推荐给脚本之家的朋友,一起来看看吧!
1、至少图片4、5张连续动作的图片,当然越多越好
2、Adobe Photoshop CS6软件
3、笔记本电脑一台或者台式电脑一台
1、首先,需要我们准备足够多的制作Gif动画图片的原图,准备的越多越好,如果原图越多,制作出来的gif动画格式的图片也就越精美。Gif越精美,当然也就越能得到用户的喜爱&&
看下面这个Gif动画是使用了80个图片组合成的&&
2、接下来,我们需要将准备好的静态的图片用Photoshop CS6软件打开,需要注意的是,我们打开的时候需要将一连续动作的图片排列好顺序,这一点对于动画的实现效果非常重要。如下图所示,第一张图片的现实效果,右侧是排好的一系列动作的拍照图:
3、然后,我们就要开始最重要的操作了:1、在最顶部的菜单栏中找到&窗口&&&&动画&,调出&动画&操作框;2、接着,将右侧图层框中的图片文件,依次按顺序拉入&动画&操作框里面;
4、接下来,我们进行Gif动画制作最核心的部分:1、点击&动画(帧)&框中的第一张图,选中,然后在右侧的&图层&一框中,将图层名称为&1&的图层显示,将其他的隐藏起来;2、对于&动画(帧)&一框中的第二张图执行同样的操作,选中第二帧,让右侧&图层&一框中的名称为&2&的图层显示,将剩余其他图层进行隐藏;3,同上操作,对剩余的所有图层和动画帧进行操作,直至将所有的图层都进行了动画制作直至全部完成。
5、然后,我们需要对以上步骤进行必要的检查,检查无误后,还需要进行一个比较特殊的操作,就是设置两个图片之间的切换时间,方法为:在&动画(帧)&一框中,每张图片&右下角处&都会有一个数字,这个数字就是设置动画的切换时间的,也就是所谓的时间间隔,相对来说间隔越小动画会越细腻。间隔时间也要根据现实情况来设置,设置过低会很快,感觉不真实;设置过高就成了&慢动作&版的动画了,也不切合实际。所以建议大家结合实际进行操作。如何真的不能确定设置多大的间隔,大家也可以尝试着进行设置。
6、接下来,还需要提醒大家的是,你是想让你制作完成的动画只循环一边,还是一直循环着动呢,想必大家肯定不愿意动画只循环一次吧,那就需要进行设置动画的循环次数,我们可以设置为循环&1&次、&2&次、&3&次、&永远&等等,一般我们会设置为&永远&,这样才能称之为真正的Gif动画。
7、最后,我们制作完成了我们的动画,需要将之导出为我们想要的格式:执行&文件&&&&存储为Web和设备所用格式&&,然后选择格式为&gif格式&。需要查看一下最下面有个&动画循环选项&是否为&永远&,如果不是将其设置为&永远&,这样就可以点击&存储&选项将其保存为gif动画格式的图片了。这样一个完整的Gif动画就制作好了。如果你还是感觉设置的有点不对劲,你可以按下面的播放选项进行测试一下,看是否有瑕疵,以便后续的更改。具体如下图所示:
8、这样,我们想要实现的Gif动画图就制作好了,制作好之后,你可以使用看图软件打开查看,如果还是不满意可以再进行用Photoshop打开进行更改操作。希望大家能从我这里学会制作Gif格式动画图片&&
注意1:要设置好正确的图片切换顺序,不然会明显看出瑕疵的
注意2:要想实现更好的动画效果,要将循环选项设置为&永远&,这一点对于Gif动画很是重要。
注意3:如果制作完成感觉不满意,也是可以直接用Photoshop打开进行设置编辑的,切勿直接删除重新再制作,这样会严重浪费您的宝贵时间的。
原作者:徐永波/乐彩3D打印机
以上就是怎么使用Photoshop制作漂亮的Gif动画图片教程,希望对大家有所帮助,谢谢大家阅读本篇教程!
大家感兴趣的内容
12345678910
最近更新的内容Photoshop绘制动画片中的绿色村庄场景
如果不坚持,何必当初那么努力
帖子152302&缘分币493364 Y&阅读权限255&注册时间&
11:43&#160;
Photoshop绘制动画片中的绿色村庄场景
本教程原创卡通画的创作流程及技巧。学习的时候我们不仅要学会作者的鼠绘及上色方法,更重要的是要学会如何从创意开始,直至作品完成的过程中需要注意的细节操作。
1、首先,确定整个场景的地平线位置,视角,以及大致的透视关系,并安排好各个主要部件的位置。
2、大致布局完成了,开始将它们细化。因为这张图色彩关系较复杂,直接上色不好掌握,所以前期我们先画黑白稿。通常黑白稿画起来会比较轻松,因为不用考虑色彩关系,造型上可以轻松变化,直到满意。
3、黑白稿完成了,开始上色。
用曲线工具调整整个画面的冷暖关系。这张图我准备画成夕阳西照的感觉,亮部会明显的偏暖,暗部则偏冷。于是我用曲线工具,对红色通道做了以下调整。
4、分大块处理不同物体的颜色关系。
分大块,就是把大面积的东西选出来先上色。比如这张图,我先给植物部分上色。首先选择喷枪,把笔刷模式调成颜色属性(如下图)。然后选择黄绿色将植物部分大致涂一次。
5、用艳丽一些的黄色将亮部涂出来。
6、接着把天空涂成蓝色,并且把它的亮部涂上淡淡的紫红色。
7、然后是房屋和石头小路。由于房屋块面结构较复杂,所以我们先做一下简单的颜色区分。同样的,给它们的亮部加上暖色。在这里要注意一下,房屋是硬性边缘的实体,亮部和暗部会有明显的不同,所以不需要柔和的过度,而需要将他们果断的区分开来。总之要让受光面有被暖光照射到的感觉,而暗部则是相对阴冷的。
8、紧接着我将让草地上开出各种颜色的花,当然,它们得按已经营造出来的光照体系来变化颜色,比如黄色的小花,受暖光照射,亮部颜色饱和度很高,甚至可以有些发红,但暗部,特别是被笼罩在树阴下的部分,就偏蓝了。
为什么是偏蓝色而不是绿色或者别的颜色呢?因为蓝色是黄色的互补色,在暗部加一些蓝色可以更好的衬托亮部黄色的艳丽。但注意控制蓝色的纯度,要灰一些,否则就是在画蓝色的花了。
补充一点,这时我使用的是正常属性的圆头硬边半透明画笔。这种笔刷用来画小东西很方便。
9、分重点区域细画。
重点区域,就是整张图重要的几个看点。当一张图要表现的东西比较多的时候,我喜欢把重点要表现的几个区域裁减出来细画。因为裁减后的图较小,不会有太多潦草的东西扎眼,我可以耐心地把重点画细致。当然要注意在裁减边缘处不要做改动,以免拼接回去不方便。
这张图我裁减出了三个区域,就是远景的小洋楼区,中景的便利商店区,以及近景的花丛区。接下来我将以小洋楼区域为例说明一下细画的过程。
首先,我把颜色冷暖变化的原理继续贯彻,甚至更夸张明确地表达出来。这时我想向大家推荐叠加属性的笔刷,这种属性的笔刷在提亮颜色上有事半功倍的效果。
10、同时要注意,尽量用合适形状的笔触画出各种物体。比如画房子的时候,用硬边笔,下笔要肯定,边缘清晰。画草地和树叶时,下笔可轻柔些,灵动些,这样有利于塑造丰富的层次变化。
11、三张小图完成以后拼接回去,这是个相当有成就感的过程,本来灰头土脸的小村变得清晰鲜活了。
12、后期调整。
后期调整是个不断对比着前进的过程。一张图往往快画完了还会有各种问题跳出来,PS强大的调整功能可以弥补这一切。但有调好的时候,也有调过头的时候,我经常会通过历史记录,进行反复比较,然后在比较的过程中精进。
有朋友认为画面右边的树太挡视线了,把它移开些可能会让视野更开阔,我试着改了下,效果是好些,我采纳了他的建议,并且利用挪开的空间把小洋楼后面的牧场画的更精彩了。
13、接着我感觉小路应该更加漂亮,因为它在画面中间。虽然它不是重要的看点,但是如果潦草了事还是会影响整个画面的完成度,所以我重新规划了组成小路的石头形状。
14、然后加上大树阴影和点点班驳的光。这样看上去好多了。
15、整张图基本完成,我喜欢在最后把整张图颜色调艳一些,这样会更有力度。
16、几天以后,我重新审视这张图,发现左边两栋房子中间的小路不太合理,于是我把它去掉,取而代之以茂盛的花草,并将左边小屋的结构做了调整,让它看起来更科学更有情调。当一个东西放在画面边角不重要的地方时,我们常常对它不够用心,实际上它的剪影也能给观者带来更宽广的想象。另外,我感觉小路上的树影不够明确,于是我给树影做了选区,对它的形状进行了更加明确的概括。好的,一张满意的图终于跃然眼前啦!
来源:友基科技& &作者:千里鱼
如果您在做图或者看教程(PHOTOSHOP方面),遇到任何问题请到问题交流区提问,地址:;我们会在第一时间帮助您解决问题,如果在教程后面跟帖,一律不给予解决!~
UID1&精华&积分466852&威望25990 F&回复币50674 B&警告0 次&贡献2117557 &金币2 个&学分0 点&性别男&来自上海&最后登录&
{制图IDMeng}
红豆冰的徒弟
帖子16299&缘分币39650 Y&阅读权限50&注册时间&
效果很漂亮的
UID561169&精华&积分19219&威望287 F&回复币1003 B&警告0 次&贡献161 &金币0 个&学分0 点&性别女&来自上海&最后登录&
当前时区 GMT+8, 现在时间是

我要回帖

更多关于 ps做动画教程 的文章

 

随机推荐