如何快捷制作动态图片！干货分享
最近这样的动态图片很流行，今天就来为大家分享一下动态摄影的种种.....
视频中是使用ps简单制作出动态图片，对于不会动态制作软件的童鞋，还是很实用的。由于自己最近实在是太忙了，教程更新的慢了一些。motion5的教程录制的都结束了，后面的一段时间里面，等我剪辑出来，就分享给大家吧。这几天我一直在网上看到好多这样的图片，就是动态摄影，其实这种图片在motion5中是非常好实现的，就是通过图层的遮罩来实现。那过程我就不再为大家详细讲解了，简单几句为大家讲解吧：为静止图片添加遮罩（贝塞尔曲线，修改边缘羽化）；在图片下面添加视频或序列帧（使影像和图片内容重合）那么这样，在一个画面中有静，有动的图片，就制作完成了，当然使用ps也可以实现，这一点对于摄影爱好者们非常的不错哦。这里再为大家分享一下一些教程和动效网站吧，希望童鞋们可以多学习，多交流。动图：& 国外的：www.dribbble.com & &www.tumblr.com（轻微博）这些网站都是很不错的内容原文中视频来源：& &另外呢，最近自己玩得两个好玩的玩具app，也推荐给大家吧：cinemagraph视频中也有推荐，Cinemagraph Pro for Mac是一款非常棒的专业现场秀照片墙制作工具，它具备多种摄影特效，允许你逐帧调整、编辑、设计你的照片效果，然后高清输出，并支持你分享作品。Cinemagraph Pro是专为创造高清直播照片设计的唯一的专业工具。凭借其独特的&活屏蔽&技术，艺术家可以实时输出高清（1080 ）和UHD （ 4K ）优质混合的图片预览他们的生活影像。一个直观的界面使导航便捷其中包括一套完整的编辑模式，只需点击几下，你的高清动态照片就能与世界分享。它从未如此容易创造美丽专业级的Cinemagraph图像Fyuse一款内置全景拍摄和陀螺仪的app。它拍出来的成品不是全景照，而是一段不仅具备 Live Photo 的特性，还会随着我们摇晃设备而改变视角，可触摸互动的 3D 动图。这个技术就是陀螺仪，还挺好玩的，大家可以下载试试。应用目前的缺点是，拍摄出来的图，清晰度不是很高。不过大伙儿可以用软件提供的丰富滤镜以及各种基础的修图工具，来对图的曝光度、亮度、对比度等等进行微调，还是蛮好玩的。
打开微信“扫一扫”，将本文章分享到朋友圈
快给朋友分享吧！
82人已收藏
Ctrl+Enter
你的打赏就是我的动力！
悄悄说，听说打赏的人收入都比我高，不信你试试。
注: 打赏金额随意，完成后，请手动关闭本窗口。
Ctrl+Enter
您将要删除您的编辑推荐大作
如何快捷制作动态图片！干货分享
在她入驻到UI中国的日子里
总共吸引了7639位设计师的驻足流连
总共收获了70位设计师的由衷赞赏
总共获得了82位设计师的悉心珍藏
总共引起了7位设计师的深入讨论
依然要删除吗？已关闭问题
如何制作好一张动态主题图片？
要怎么做？有高手可以指点一下吗？
悬赏值：10
浏览次数：2723
用手机阿里扫一扫
如何制作动画图片？
做动画的方法有很多种，我们为大家介绍如何用photoshop和imageready制作动画。 1）新建文件 点击&文件&-&新建&，设定宽度、高度、名称，&内容&处寻透明&，如果是形象展示图，则图片尺寸不超过 174(宽)& 108(高)即可，如果是公司标志，则图片尺寸不超过 80(宽)& 80(高)，具体尺寸可以按自己需要设定。例如制作形象展示图，新建一个174&108象素，分辨率为 72的文件，取名叫：&mylogo&，如图1
2）制作所需的图片 在photoshop里打开所需的图片，如图2
鼠标左键点击该图片，按& Ctrl+A&，商品图四周出现流动的虚线框，再 Ctrl+C拷贝该图片。鼠标左键点击刚才新建的&mylogo&文件，按&Ctrl+V&，就将图片粘贴进& mylogo&中了。（如果图片不是 174&108象素，那么还需要把图片制作成 174&108象素）
打开所需的第二张图片，按照上述操作步骤把图片粘贴到&mylogo&中。这时，图层显示如图3。粘贴图片的时候，新图层会挡住之前粘贴的图层，这并不妨碍或者冲掉之前粘贴的东东。因为软件只默认显示最上面图层里的图片。
反复刚才修改、拷贝、粘贴图片的步骤，就可将所有需要在动态店标中出现的图片，以及全部粘贴到
&mylogo&文件中。 大家可以在&图层&窗口中调整图层顺序（鼠标移动到&图层窗口&的图层上，鼠标变成一只小手，鼠标点击图层不放，小手就变成小拳头了，这个时候就可上下拖动），将动画里第一个出现的内容放在第一层，第二个出现的内容放在第二层，依次类推，方便以后的编辑。 Ctrl+S保存一下mylogo文件。记得保存时为 psd格式。
3）进入动画软件 点击photoshop的&文件&--&跳转到 Imageready&就自动进入Imageready软件,如图4。
如果这个步骤无法完成，表示您安装的是 photoshop迷你版本，请重新下载完整版的 photoshop。正常情况下， Imageready在左下角有个&动画窗口&，右下角有&图层窗口&。 如果找不到这 2个窗口，请在软件倒数第二个菜单&窗口&菜单中勾选显示出来。
4）编辑动画职动画窗口&的第一帧默认为最上面图层显示的内容。这时点击&动画窗口&的&复制&按钮，复制当前帧，就会出现第二帧，如图5
如果需要 4个图片，那你可以再次点击&复制&按钮，继续复制，直到 4个图片都复制完毕。 关闭&图层窗口&中最上一层的眼睛，则&动画窗口&动画窗口的第二帧出现的是第二层的图片，入图6。
图6反覆步骤４，把其它帧都编辑好。
５）修改帧时间 点击&动画窗口&中的&0秒&处，选择帧的延迟时间，按照个人喜好调整每帧的时间。
6）播放动画 每帧的时间都调整好后，点击动画播放按钮如图7，播放动画。查看效果，反复调整一下时间，直到达到理想效果为止。
7）保存动画 先&Ctrl+S&保存&mylogo&文件，便于以后编辑使用。然后就是最关键的一步，把你亲手做的动态店标保存为 gif格式，点击&文件&菜单 --&将优化结果存储为&。在弹出的保存窗口中，&保存类型&一定要选择 gif格式，写上文件名称，整个动画文件就可上传，展示在商铺招牌上了。 图9
下面就是最后的成品啦，希望大家都能把公司标志及形象展示图作成动画，把买家的眼球牢牢粘住
要有ps基础才行！其实就是静态图片结合，所以静态图要好。
Photoshop cs4中gif的制作过程：在菜单栏的窗口下拉菜单中勾选动画在弹出的动画面板中进行的制作将两张图片导入到ps中一个文本的两个图层中在的面板中我们将模式改为帧动画模式新建一帧在两帧上通过闭合和张开眼睛来显示两帧中所显示的图案，同时也可以改变两帧之间的播放和播放的模式你试试就知道了但最关键的是最后的保存一定要在菜单栏中的文件下拉菜单中选存储为web和设备...在弹出的对话框中选择存储格式为gif格式，你播放你做的动画亦可以预览最后点击保存选择存储路径保存即可以一定不能选择存储或存储为中的gif格式，那样保存的仅仅是一张图片是没有动画的
楼上为什么是一坨大。。。
正在进行的活动
生意经不允许发广告，违者直接删除
复制问题或回答，一经发现，拉黑7天
快速解决你的电商难题
店铺优化排查提升2倍流量
擅长&nbsp 店铺优化
您可能有同感的问题
扫一扫用手机阿里看生意经
问题排行榜
当前问题的答案已经被保护，只有知县（三级）以上的用户可以编辑！写下您的建议，管理员会及时与您联络！
server is ok时间轴，如何利用时间轴制作简单的动态图片
来源：站酷
作者：矢量人生
当PS有了时间轴功能以后，制作GIF动画变得轻而易举，相比帧动画，时间轴更灵活，更容易。今天就用一个简单的例子，让大家了解一下时间轴的应用。
我们首先要了解的是
PS有5种类型的图层按顺序依次为像素图层、调整图层、文字图层、形状图层以及智能对象。而对应的时间轴里面，各种类型的图层都有对应时间轴的动作属性，如图所示：
可以得知所有的动作属性有：位置、不透明度、样式、图层蒙版位置、图层蒙版启用、变换、文字变形、矢量蒙版位置、矢量蒙版启用。
位置：像素图层中元素移动的位置，也可以理解成位移，它不包含旋转和缩放，并且对形状图层无效。
不透明度：图层的透明度，而调整填充则无效。
样式：图层样式，产生动画的有角度、大小、不透明度。
图层蒙版位置：暂不描述。
变换：动作最多的一个属性，其中包含移动的位置，缩放，旋转，因此很多情况下需要把图层类型转换为智能对象才能做。
矢量蒙版位置：形状图层中元素移动的位置。
制作一个动画的基本步骤
1，创建一个500px&500px的画布，调出时间轴面板（窗口&时间轴），
点击创建时间轴按钮，等一下！！！因为当前只有一个图层，所以最好先新建一个图层再点击这个按钮，当然如果是要做背景透明的可以直接点击（事实上要做透明背景的只需隐藏背景图就行了），否则在制作动画的时候会有很繁琐的事等着你。
本人建议，当你要做一个设计的时候，新建带背景图层的文件（切图及少部分特殊的情况下可以新建透明背景的~），保留原生态纯正的背景图层，当你不需要的时候可以隐藏。否则，就算你新建一个背景图层，加上任何锁定，并且把它改为同样的ID，它始终不是纯正的背景图层，聪明的你看就知道啦。
2，做一个颜色变化的动画
首先思考，要做一个图层的颜色变化的动作，是属于时间轴上的那个动作属性，我们可以很轻易的知道是样式，而如果改变图层图像本身的颜色，则无法产生动画。
先用形状工具画一个圆，然后到时间轴面板点击样式旁边的一个小钟启用关键帧（出现棱形）动画&给图层加上图层样式&颜色叠加打上勾并任意给个颜色，
然后回到时间轴拖动时间线到想要的位置&双击图层调出图层样式&在颜色叠加设置另一种颜色
这个时候已经制作好颜色变化的动画了，接下来你可以调整关键帧的位置，动画的长度，剪辑的长度（导出的时候生效）
如果你想要调整帧速率，点击时间轴右上角&设置时间轴帧速率
最后导出动画，文件&储存为web所用格式&选择gif格式&循环选项，如果文件太大，你可以再确保画面的质量的情况下减少颜色值&导出
现在你已经掌握了制作GIF动画最基本的步骤，年后再跟大家分享进阶篇，希望大家多多支持！
最后，祝福大家猴年吉祥，身体健康，家庭幸福，在新的一年顺风顺水！
收拾行李回家过年了，年后见！全教程完，学完记得交作业。教程对您有所帮助，请推荐给你的朋友。如果学会了，可以尝试投稿给我们，跟大家分享你的学习经验：
打开ps，跟着教程做一遍，做完的图要到这里交作业：
教程有看不懂的地方，可以到论坛发帖提问：
加官方微信，随时随地，想学就能学：ps_bbs，或扫右侧二维码！
关注我们微博：
想学更多的同学，可以订阅我们邮件，每天都有新教程发给你：
欢迎投稿教程：
29627人学习过
关于我们：P教（PS教程自学网的简称）成立于,成立已超十年，目前网站的全球网站排名(Alexa排名)13331位，日IP稳定5~6万,微博35万粉，公众号22万粉，是国内人气最高的教程分享网站之一。
免责声明：本站文章均由网友原创投稿或由网友转载自第三方，其版权归原作者所有，如出现资料错误或侵权，请通过邮箱联系修正或删除：如何制作gif动态图片
我的图书馆
如何制作gif动态图片
&如果你有很多连续拍摄的图片，可以用来制作成GIF动态图片，就变成了有趣的图片动态预览了，不是连续拍摄的图片也可以制作成GIF动态图，可以自己制作成有趣搞笑的动态图，再配上一些文字，可以发送到微信，QQ等平台上使用，在聊天时增添了许多乐趣呢，不妨自己也来试试看吧~~&图片制作成gif动态图片 gif动态图片制作软件：&&&&&& 制作GIF之前，先看看效果图吧：&&&&&& 另一种效果：&&&&& 从上面下载地址里把软件下载下来，解压安装包，文件里面点击这款软件图标，打开软件时会弹出个启动向导界面，点击“动画向导”前的图标。&&&&&&& 动画向导-设置画布尺寸中，如果不知道要设置多少尺寸的动态图，那就可以打开你的图片，查看图片的尺寸是多大，小编的图片尺寸是320X320的，所以在宽度和高度重分别填写320，然后点击“下一步”。&&&&&&& 在这一步里，点击“添加图像”从电脑中把制作GIF所需要的图片选中，并添加进来。可以用鼠标选择图片，或者按住ctrl+a全选所有的图片。选好以后点击“打开”。&&&&&&& 添加完所有图像以后，点击“下一步”进行后续的操作。&&&&&&& 在动画向导-画面帧持续时间界面中，设置画面帧持续时间，就是你希望每个画面帧就是每张图片显示多久的时间。例如在延迟时间（在1/100th 秒）后填写“25”，按帧比率制定（帧每一秒）“4”。在“演示”处可以看到动态速度预览效果。觉得速度满意后，可继续“下一步”。&&&&&&& 上面点击了下一步之后，会到动画向导-完成界面，里面会有一段话，提示你GIF动画现在已经收集了足够的信息合并您的动画了。点击“完成”按钮处理动画。然后点击完成，就来到了软件的主界面中，里面就会显示你的动画信息，有多少张图片就有多少帧。点击帧面板左下方的小三角按钮，可以播放预览动态图。此外，想要GIF动态图更丰富的话，可以点击左侧工具栏里的“T”文本工具为GIF插入文字。&&&&&&& 选择了文本工具以后，在中间的编辑区图片上某位置点击一下，右下角会出现输入文字的框框，输入需要的文字，在编辑框中设置字体，大小，颜色等，设置完以后点击确定，文字就会出现在你的图片上了。若还要继续编辑文字，也可以双击选中的文字，下拉菜单中选择“编辑文本”，或按快捷键Shift+E可直接调出“编辑文本”窗口。&&&&&&& 你也可以在每一帧就是每一张图片上分别写上文字内容，到最后播放的时候文字就会连贯的。也可以文字始终在同一位置显示同一句话。如果需要在添加文字方面更加详细的教程的话，可以到这里参考：&。&&&&&&& 制作好GIF动态图之后要导出GIF动态图了。选择菜单栏“文件”下的“另存为”--“GIF文件...&”，快捷键为Ctrl+Shift+S。随后弹出“另存为”窗口，自定义输出路径和GIF图片名称，点击“保存”即可。&&&&&&& 以上就是怎么用多张图片制作成GIF动态图的教程内容了，一般是多张图片合成GIF动态图，一张的话就不是动态图了哦。这款gif动态图片制作软件可以制作出多种不同的GIF，插入现有的GIF也能进行编辑。如果在操作这款软件时，遇到什么问题，可以咨询狸窝在线客服，加QQ。&&&&&& 小编自己都玩的不亦乐乎呢，制作GIF图片太有趣了，一开始就根本停不下来。要发送给朋友们欣赏一下自己制作的GIF动态图才行，小编这就去啦！对了！多谢大家对这篇教程的支持！~(≧▽≦)/~
喜欢该文的人也喜欢如何制作动态图片
　　在网上，我们可以看到好多千奇百态的动态图片，似乎比静态图片更加栩栩如生，有了一种生机勃勃的感觉，那么如何制作动态图片?其实我们可以从多个方法制作，首先我们可以利用互联网的优势，在搜索引擎里面搜索关于制作动态图片的网站，直接上传图片，让网站自动生成动态图片。还可以利用图片制作软件，例如最专业的图片制作软件photo shop，这也可以帮助我们制作动态图片。gif系列软件最新版本下载解决方法与步骤：方法一：在线制作动态图片　　1.首先，打开在线制作GIF图片的网站，大家可以去百度搜索关键字&GIF在线制作&去寻找适合自己的网站。　　2.下面的&GIF图片工具&处，我们选择要作为GIF图片第一画面的图片，点击浏览。　　3.如图，在弹出的选择框呢找到该图片，点击确定。　　4.如图，同第二第三步，添加第二张图片。　　5.如图，点击&增加一张新的&，最多能加5张图片。&　　6.这样，第三张图片的选择框出来了，我们重复第二第三步，进行添加第三张图片。　　7.最后点击&生成图片&，等待网站制作成功。　　8.制作成功之后，图片下方可以选择查看该图片或者下载到电脑。方法二：利用制图软件制作动态图片　　1.首先在photoshop中打开图片jingyan，这里以百度经验9月份活动图片为例。　　2.打开图层面板，新建一空白图层1。&　　3.为了制作和简单，前将前、后背景色都改为白色。　　4.再单击工具箱中的&渐变工具&，再选用过渡渐变。&　　5.从弹出的窗口中，选择并设置前后透明的&透明－白色－透明&的过渡渐变效果。　　6.然后在新建的图层1中从左往右拖动鼠标，拉出一个小的白色渐变效果。　　7.再复制多个图层1，这里复制了3个。按住ALT键拖动图层1可快速复制。　　8.然后分别将各个图层从左上往右间隔摆放好。　　9.摆放好的效果好下图，我建立一黑色图层放在渐变图层之下以便看得清楚摆放的效果。　　10.然后单击窗口最下面的&动画&标签，弹出&动画&面板，单击&复制所选帧&按钮，并取消除底层&jingyan&图层外的所有图层前面的小眼睛，也就是所有的渐变效果图层。　　11.继续单击&复制所选帧&按钮，勾选&图层1&图层前的小眼睛，取消其它渐变效果图层前面的小眼睛。　　12.同样的，根据渐变效果图层的数量建立多个帧层，并勾选相应渐变效果图层的小眼睛，取消其它渐变效果图层前面的小眼睛。　　13.完成后，我们可以单击下面的&播放&按钮预览效果。　　14.最后，我们单击&文件&菜单，选择&存储为Web和设备所用的格式&命令。　　15.在弹出的窗口中选择格式为&Gif&，再单击&存储&即可。
最新更新栏目
您可能喜欢
大家都在搜}