篇一:教你如何用PS制作出完美的GIF动画教程
作者:洋洋老师
Photoshop CC的功能是非常强大,不仅可以修照片、做设计,它还可以进行GIF动画的设计和制作,那么如何用PS制作GIF动画呢? 如何将图片设置成一个动画帧呢? 下面就给大家详细介绍一下:
1. 首先打开PS软件。
2.文件――打开――选择你要制作的几张图片。如图所示:
3.把图片统统打开,然后添加到一个文件中,童鞋们可根据自己的需求增加图层,初学者可以做简单点。如图所示:
4.
动画的顺序是按照图层从下网上依次显示,此时关闭其余小眼睛,修改”图层15”为“海洋星母婴生活馆”,以此类推,调整好位置后,这样做出的动画比较整齐不会窜位!也不会晕滴!如图所示:
5.接下来开始正式制作
GIF,打开 窗口—时间。如图所示:
6.我这里有17个图层,把这17个图层里的图片要全部拖到一个轴里。
7.
点击时间轴右上角按钮,转换帧――转换为帧动画。如图所示:
8.这里有17个图层,就有17帧,点击第17帧右下角按钮,就会弹出设置窗口,参数设置“0.6秒”,其余16帧设置“0.3秒”。如图所示:
9.左下角循环选项中我这里选择的是“3次”,可根据自己的设计调整循环次数。如图所示:
10.最后我们按图所示的选择,然后导出。文件
----存储为web和设备所用格。如图所示:
11.弹出存储窗口,注意选择GIF格式,在存储前可以先预览一下效果,如果有满意的地方可以调整好后再存储。如图所示:
12.至此教程结束~
篇二:最有用的用PS来做GIF的最全教程
如何制作
用photoshop制作gif动画图片指导
PHOTOSHOP CS6最新版gif超强动画功能,还能加音频[1]
第1步
新建Photoshop文档,选择File(文件)>New(新建)。在弹出的New Document(新建文档)对话框中,从Presets(预设)列表中选择Film&Video(影片及视频)。
第2步:
Size栏选择NTSC DV Widescreen(NTSC DV宽频),这用于设置文档尺寸,宽高比以及动画帧每秒以满足NTSC视频标准。
第3步:
“Layer(图层)”菜单中,选择Video Layers(视频层)> New Video Layer From File(从文件新建视频层)。找到视频Freemooiseoverwater.mov并单击Open。介于视频文件的大小,你可从下再
第4步
时间线面板中,你会发现视频层出现在时间轴中了。若没有,那从Timeline(时间线)面板中选择Create Video Timeline(创建视频时间线)就会出现。
第5步
现在呢,我们要调整视频画面大小以适应舞台。按Cmd+T(Windows系统则为Ctrl + T)来自由变换。此时将会提示警告说视频将转换成智能对象(Smart Object)。单击OK并调整视频尺寸使其适应舞台。按住Shift键来调整可以保持视频的宽高比。
在时间线面板的底部有一滑块,左右拖动将缩放时间线刻度使其展示动画帧数的变化。而通过Timeline面板顶部的帧数可以获晓此变化。 第6步
使用Type(文字)工具,在屏幕中央写下“Adobe”如下图大小。注意,一个新的动画层出现在时间轴上了,这样文字就能进行动画了。
第7步
时间线面板中,单击文字层旁边的小三角并单击Transform(变换)属性旁边的小秒表图标。这样您就可以变换文字效果如移动,缩放。
第8步
将时间轴的当前时间指示器移到帧号03:00f(表示动画第三秒)。 第9步
如下图放大文字并将其放置于屏幕中央。
第10步
将当前时间指示器移到帧号02:00f(表示动画第二秒)。
第11步
单击秒表图标旁边的Opacity属性。这将激活文字动画的透明度。 第12步
现在,将当前时间指示器移到文字动画的末帧,即03:00f。在“图层”面板中设置文本透明度为0。
第13步
再次将时间指示器移到帧号02:00f。这样在第一个文本淡出之时将创建一个新文本。
第14步
使用文字工具,创建个新的文本“Photoshop”。像之前那个步骤那样放置在屏幕中央并调整大小。
第15步
单击Transform属性层旁边的秒表图标。
第16步
将时间指示器移到帧号05:00f(表示动画第五秒)。如先前步骤那样放大文字。
第17步
将时间指示器移到帧号04:00f,单击Opacity(透明度)属性旁边的秒表。 第18步
再次将当前时间指示器移到文字动画的末帧05:00f。在“图层”面板中设置文本透明度为0。
第19步
将时间指示器移到帧号04:00f并新建文字层。在此层上添加字符“CS6”。 第20步
重复前面的步骤,放大和变换文字的透明度。这样我们就有三个文字动画在第七秒淡出。
第21步
将时间轴指标移动到视频动画层的末尾。
第22步
在时间线面板的左上方,选中剪刀图标旁边的方形过渡图标。此图标将打开一个浮动菜单显示可用的过渡效果。
第23步
选中淡出至黑屏效果(Fade to Black)并将其拖到视频动画层末尾,这样此效果将应用到动画末尾。按键盘上的空格键或单击时间线面板的“Play(播放)”按钮可预览动画效果。
第24步
现在我们要给动画添加音轨。时间线中的最底层名为音轨(Audio Track)。单击音频层右侧的音乐图标并选择 Add Audio(添加音频)。
然后,单击“Open(打开)”将其添加到时间线上。
第25步
在动画末尾,单击音频层的三角标,设置淡出的值为1秒。
拖动视频层末端可进行裁剪,这样结束时刻就能够与音轨同步。
至此我们已经完成了动画的创建。接下来的步骤,我们要将动画渲染成视频格式:
第26步
在时间线的帧编号的上方,你会在时间线层的开头和结尾发现两个括号。确保俩括号之间不含动画之外的帧,括号之间的帧即为将被渲染的帧。(十按,这就是出点跟入点啦,相信熟悉AE的孩纸一定知道,说的这么晦涩,爷翻得也很晕= =)
第27步
文件菜单中,选择 Export(导出)>Render(渲染视频)。
第28步
Render Video(渲染视频)对话框中,设置视频保存的名称与路径。 第29步
设置渲染格式为Adobe Media Encoder并选择QuickTime格式。Preset设为 High Quality(高品质),Size(尺寸)和frame rate(帧频)也要设置。 在range(范围)区块,将渲染区设置为Work Area(工作区),这样就只会渲染括号内部的帧了。
本教程我们综述了如何在Photoshop CS6里利用增强时间线面板创建视频动画。Photoshop中与动画相关的功能选项众多,本教程概述视频建设的过程,这样一来你可以自行探索Photoshop CS6其他的动画功能。
只要是photoshop6.0以上的就用自带ImageReady ,先找到你要做的原图 ,然后
第一步:
启动photoshop,并打开需要的两幅图!
第二步:
会弹出修改框,修改宽度和高度的像素。注意下面红线里的约束比例!要改成非比例的大小就把勾点去!然后将两副图片的大小调一致! 第三步
很多JPG格式的图在photoshop8.0里锁定的,所以双击图层里的背景项,会弹出一个选项框,选择好~将背景变为图层!(同理,另一幅图片也这么做。但注意在photoshop里通过点击图片来改变当前编辑的图片,所以改另一副图先点击一下)
第四步
选择左边工具条上面左边的工具! 然后点住一幅图片将它拖至另一副图片里! 这时在图层里应该是有两个图层! 将两个图片根据画面的大小对对好~按保存!
第五步:
这时启动ImageReady,打开你刚保存的图片!
第六步:
在动画工具条里点击“复制当前帧”,复制后,在动画里会显示有两个帧! 第七步:
点击动画工具里的“过度...”按扭! 点击后会出现过度对话框!在“要添加的帧数”里选择你希望的帧数,默认是5,这里我们也选择5,然后点击“好” 这时动画栏里会显示有7个帧!
第八步
这时看看图层里的当前图层是否为上面的图,不是的话点击来改变当前图层! (注意有兰色条显示的就是当前图层!) 选择好当前图层后,点击动画栏里第二个帧!点中后第二帧应该是兰色的! 然后在图层栏那边改透明度!将其从100%改为80%
第九步
接着选择第三个帧将其不透明值改为60%
第十步:
同样的方法点击第4帧!将其不透明值改成40%。
点击第5帧,将其不透明值改成20%
第十一步:
点击第1帧,点击“选择帧延迟时间”点击后会弹出个菜单!选择0.2秒延迟后,第1帧下面会变为0.2秒。当然可以根据你的喜好改变。 第十二步:
点击第7帧,和上面一样延迟0。2秒
第十三步:
点击“播放”按扭。就可以看到效果了
第十四步:
准备保存了,在转为GIF文件前,先设下优化值!在预设一项将其值改为 GIF 128 仿色 然后选择文件菜单里的“将优化结果存储为” 选择文件名后,按好!就OK了!(如果在“将优化结果存储为”中只有jpg没有gif,则关闭此窗口,从菜单“窗口”中打开“优化”面板,调整一下“预设”,并将“格式”设为“gif”,就可以了。如果帧数较多,则输出过程会有点慢,这是正常现象。)
GIF文件格式(GIF file)
GIF文件格式采用了可变长度的压缩编码和其它一些有效的压缩算法,按行扫描迅速解码,且与硬件无关。它支持256种颜色的彩色图像,并且在一
个GIF文件中可以记录多幅图像。包括文件头(Head Block)、注释块(Comment Block)、循环块(Loop Block)、控制块(Control Block)、GIF图像块(Image Block)、文本块(Plain Text Block)、附加块(Application Block)。
篇三:用photoshop怎么把几张jpg图片制作成gif图片
用photoshop怎么把几张jpg图片制作成gif图片? 工具/原料
?
? CS5软件安装好 几张jpg格式的图片
方法/步骤
1.打开CS5软件,打开要使用的4张jpg格式的图片
1. 2
2.分别把4张图片都修改成同样的尺寸大小,尺寸根据4张图片的大小取个中间值,尽量把所有的图片都能显示完全。放在一个文件里面。
2. 打开动画面板,窗口--动画
3. 另新建3帧
1. 选中第一帧,同时选中背景图层。
选中第二帧,同时选中、显示图层1,隐藏另外3个图层。 依次类推,设置好四帧。
设置每一帧的时间。
1. 保存成gif格式。文件--存储为Web和设备所有格式
《如何用photoshop做gif动态图片,怎么用PS做出gif动态图片》出自:百味书屋
链接地址:http://www.850500.com/news/30234.html
转载请保留,谢谢!