请教,用photoshop制作gif动态图片的具体步骤
发布网友
发布时间:2022-04-22 21:40
我来回答
共3个回答
热心网友
时间:2022-05-07 17:45
用photoshop建立gif动画简易教程:
首先当然是先建立文档:
2.把所需要的图片拖入文档内,注意你要几个动画表情或动作就建立几个图层,把所需要的图片拖入相应的图层。
图片全部拖好后,先保存一下,格式为:psd。
(需要注意的是文档的模式一定要RGB的)
然后按工具栏最下方的按钮,转入ImageReady
转入ImageReady后你就会发现基本的模式没变,下面多了一个动画编辑器的
工具。
在编辑器中新建动画格!你刚才建了几个层这里就建几个动画格。
动画格和图层是相对应的。你要在哪个动画格中显示什么就把这张图片的层的前面的眼睛打开,其余的关闭(如上图:显示蓝头发的女生便点中这个动画格,图层那边把此女生对应的层前的眼睛打开,其余的关闭。)
把所有的动画格和层对应的放好后,即可以编辑了。比如选择图片之间变换的时间。选择好后,可以按下面的play键,进行预览播放。
播放后觉得可以了,我们便完成99%。
最后一步,储存为gif的动画。选择文件-将优化结果储存为?.
注意储存的选项:格式为:仅限图像。
这样一个简单的gif动画就完成了。
1、打开PS,在“文件”菜单中选“新建”,在弹出的“新建”窗口设置名称为:“mylogo”,宽“100”象素,高“100”象素,分辨率“72”,模式“RGB”的文件。
2、打开一张自己喜欢的图片。然后用“工具栏”中的“裁切工具”将图片切成正方形,选择“图象”菜单中的“图象大小”,在弹出的窗口中,将象素大小下面的宽和高改成“100象素”,按“确定”键。这是图片尺寸就变为和“mylogo”文件一样大小了。
3、点“选择”菜单里的“全选”(键盘快捷键“Ctrl”+“A”),这时图片四边出现流动的虚线框,选择“编辑”菜单中的“拷贝”(快捷键 “Ctrl”+“C”),就将图片复制出来了。然后激活刚才建的“mylogo”文件(用鼠标点击“mylogo”文件,文件上方的灰色条变成蓝条,即为激活),然后选择“编辑”菜单中的“粘贴”(快捷键“Ctrl”+“V”),此时“图层”窗口自动新建“图层1”(如“图层”窗口没有显示,请在“窗口” 菜单中找到并勾选)。
4、重复2、3步骤,将需要的图片分别拷贝粘贴到“mylogo”文件中(不要贴太多,4、5张图片既可,太多会影响以后做动画的文件大小)。最后可将店铺logo也粘贴进去。如果没有店铺logo,先用鼠标点击“工具栏”下面的“设置前景色”,
在弹出的“拾色器”窗口中择喜欢的颜色。
用鼠标点击“工具栏”的“文字工具”(快捷键“T”),在“mylogo”文件中点击一下,出现一个闪动的竖条,这时就可以输入店名或者ID名了,如需要修改文字的尺寸和字体,全选住刚才输入的文字,(快捷键“Ctrl”+“A”),然后在“窗口”菜单中勾选“字符”,就可在“字符”窗口中修改文字的尺寸和字体了。
修改好后用鼠标点击“工具栏”的“移动工具”,可用鼠标拖动调节文字在画面中的位置。
5、鼠标点击“工具栏”最下面的“跳至ImageReady”(快捷键“Ctrl”+“Shift”+“M”),这时“mylogo”就跳转到 Imageready软件中(如果安装的不是正式版PS,将无法跳转至Imageready)。软件最上方一排文字:文件、编辑、图象...这是菜单。左边为“工具栏”,下方有“动画”窗口,右边是“图层”窗口(以上窗口如未显示,请在“窗口”菜单中找到并勾选)。
6、开始做动画吧!
首先点击“动画”窗口第一帧下面的“0秒”,改为“0.2秒”(也可选择“其它”,手动输入时间),再点击“动画”窗口的“复制当前帧”,“动画”窗口中就会出现第二帧,将第二帧也改为“0.2秒”。鼠标点击“图层”窗口中最上面一层的“指示图层可见性”,眼睛图标消失了,即表示关闭了这层的可见性,这时第二帧的显示就变成另外一张图片了。点击“动画过渡帧”,在弹出的窗口中设置:过渡:“上一帧”,添加帧:“3”,图层:“所有图层”,参数:“不透明度”、“效果”。
确定后你会发现在原来的2个帧之间自动生成了3个过渡帧。
7、继续上面的“复制当前帧”、再关闭一个图层的可视性、做“动画过渡帧”,将我们在PS里粘贴的图片全部做成动画帧。现在我们就可以按“动画” 窗口中的“播放/停止”键来预览效果啦!如果觉得动画过渡的时间太单一,可以将第1、5、9、13、17帧(这是几个原始图片帧),改为1秒试试。是不是效果更理想一些了?也可以按照个人喜好调整每帧的时间。
8、到了最后的保存步骤啦!先在“窗口”菜单中勾选“优化”,在弹出的“优化”窗口中设置:设置:“GIF 128 仿色”,损耗:“0”,颜色:“128”,仿色:“88%”,然后再选择“文件”菜单中的“将优化结果保存为”,保存既可!
一个属于自己的动态图片就完成啦!虽然是一个比较简单的动画,但是亲手完成,是不是很有成就感呢!马上打开欣赏一下吧
如果上传时发现文件超过100k,可以在刚才提到的“优化”窗口中,将“损耗”值改为“30”(数据不要太大,否则图片效果会有较明显的损失),然后重新保存既可。
呃,这也是在网上找到的,其实做这个挺简单的!
热心网友
时间:2022-05-07 19:19
菜单栏中选择“窗口—动画”调出动画面板,然后单击“复制选帧(相当于新建一帧)”把你想加进去的图片可由图层的控制面板中由可见不可见(开眼闭眼)记录每帧的图片。设置好每帧图片的播放的时间,最后在菜单栏中选择“文件—存储为web所用格式”设置以gif格式保存图片。。
热心网友
时间:2022-05-07 21:11
我的空间里有这方面的知识
http://hi.baidu.com/bnmzxcv