8.怎么用PS做动态图片篇1
用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、到了最后的保存步骤啦!先在“窗口”菜单中勾选“优化”,在弹出的“优化”窗口中设置:设置:“GIF128仿色”,损耗:“0”,颜色:“128”,仿色:“88%”,然后再选择“文件”菜单中的“将优化结果保存为”,保存既可!一个属于自己的动态图片就完成啦!虽然是一个比较简单的动画,但是亲手完成,是不是很有成就感呢!马上打开欣赏一下吧如果上传时发现文件超过100k,可以在刚才提到的“优化”窗口中,将“损耗”值改为“30”(数据不要太大,否则图片效果会有较明显的损失),然后重新保存既可。楼主也可以去他的BLOG看看/langzi_4616082/blog/static/。
如何用photoshop做GIF动态图片篇2
用photoshop制作gif动画图片指导只要是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文件前,先设下优化值!在预设一项将其值改为GIF128仿色然后选择文件菜单里的“将优化结果存储为”选择文件名后,按好!就OK了。
ps如何做动态图片篇3
动态图片有若干、无数种图像,每一个动图都有不同的制作方法,现在制作文篇篇
用PS做出gif动态图的方法是:
1、新建文档,文档大小及颜色根据需要。
2、制作第一个图层。
3、新建图层,制作第二个图层。
4、依次制作各个图层,如下图:
5、关闭上面两个图层,如下图:
6、进入动画编辑界面,如下图:
7、复制一个桢,显示倒数第二个图层。
8、复制一个桢,显示倒数第三个图层。(如再有更多的图层,依次操作)如下图:
9、文件--存储为Web和设备所用格式,如下图:
10、点击存储,如下图:
如何用photoshop制作动图篇4
用photoshop制作动图的方法如下:1、以Photoshopcc2015为例,在PS中新建一个文档。
2、为新建文档设置一个合适的宽和高。3、点击上方的“窗口”选项,选择“时间轴”。
4、将准备好的素材放入PS,直接拖动图片进入PS即可。5、将所有素材放入后,在时间轴部分点击“创建视频时间轴”旁边的箭头,选择“创建帧动画”。
6、点击下方的“复制所选帧”(图标是一个折叠的纸张),有几次变化就复制几次。7、在每一帧动画中关闭其他不需要显示的图层(在图层选项中点击眼睛图标即可)。
8、将设计好的动图导出,选择“存储为web所用格式”。
ps怎么做动态图片篇5
动态图片可以表达出更加丰富的内容,具有很强的表现形式。
实现动态图片的基本原理是多张静态图片按时间顺序交替显示形成的。制作动态图片的方法很多,其中最简单的方法就是用PhotoShop软件来制作。
下面就来看看如何利用PS制作动态图片。打开PS,创建500*500像素,背景色为白色的背景图层选择“自定义形式”工具,创建一个“心形”路径,将后将路径转化为选区。
新建一图层,选择一种橙色进行填充。从“选择”菜单中选择“变换选区”,调整选区如图所示的大小,按下键盘上的回车以确认,接着按“Delete”删除当前选区中的内容,最后取消选区。
双击图层一,打开“图层样式”对话框,为当前图层添加“斜面和浮雕”效果,具体设置参数如图所示。在“心形”内部添加内容。
用钢笔工具在“心形”上划出一个包围“心形”内部的闭合路径,如图,然后将该路径转化为选区,选择填充一种前景色,例如粉色,删除形状图层,并新建一图层,填充选区为粉色。最后添加一种“半调图案”滤镜,然后将该图层置于图层1的下方。
合并所有图层,效果如图所示。新建一名称为“参考”的图层,填充为黑色,再新建图层1,绘制一个“300*6”像素的选区,填充白色渐变,复制图层1为图层1副本,最后将这两图层图形变换,如图所示,最后合并这两个图层。
如何用PS制作简单的动态图片篇6
用PS制作简单的动态图片:
打开一张图片。
复制一张背景图片,在背景副本上进行操作。
新建一个图层。
在新建的图层上面使用画笔工具画一个图像。画笔大小可以进行调整。画笔颜色也可以进行调整。我用画笔画了一棵树上去。(注:你也可以不用画笔工具画,可以在选择其他的照片或者用钢笔工具进行绘制,都不影响)
现在进行最关键的一步。窗口---------动画,进入动画窗口。如下图所示
然后我们添加一帧。
使用移动工具移动图层上面那棵画好的树的位置。
然后添加过渡帧。选中第一帧,然后点击过渡帧按钮。添加的帧数可以自己设定,这里我添加的是8帧。得到的动画窗口是这样的。
此时我们可以点击空格键播放。你会发现运行速度很快,这时我们需要设置过渡的时间。选中所有的帧,然后点击0秒下的三角形,选择过度的时间,我选择的是0.1秒。然后再按空格键,你会发现此时的动画效果已经达到你的要求了。
然后我们需要保存图片。文件------储存为-------web模式。
注意事项
在制作过程中一定要注意不同的图片放置在不同的图层,就像我画的那棵树,一定要新建一个图层来放置,如果单纯的在背景图层上面放置的话在你移动的时候整个背景图层也会跟着移动!
怎样用PS制作动态图片篇7
PS制作动态图片就是用photoshop制作gif动画要是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文件前,先设下优化值!在预设一项将其值改为GIF128仿色然后选择文件菜单里的“将优化结果存储为”选择文件名后,按好!就OK了!(如果在“将优化结果存储为”中只有jpg没有gif,则关闭此窗口,从菜单“窗口”中打开“优化”面板,调整一下“预设”,并将“格式”设为“gif”,就可以了。
如果帧数较多,则输出过程会有点慢,这是正常现象。)GIF文件格式(GIFfile)GIF文件格式采用了可变长度的压缩编码和其它一些有效的压缩算法,按行扫描迅速解码,且与硬件无关。
它支持256种颜色的彩色图像,并且在一个GIF文件中可以记录多幅图像。包括文件头(HeadBlock)、注释块(CommentBlock)、循环块(LoopBlock)、控制块(ControlBlock)、GIF图像块(ImageBlock)、文本块(PlainTextBlock)、附加块(ApplicationBlock)。
用photoshop制作gif动画图片指导只要是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文件前,先设下优化值!在预设一项将其值改为GIF128仿色然后选择文件菜单里的“将优化结果存储为”选择文件名后,按好!就OK了!(如果在“将优化结果存储为”中只有jpg没有gif,则关闭此窗口,从菜单“窗口”中打开“优化”面板,调。