使用PhotoShop制作gif动画全过程

记得去年的时候我会了,今年想做发现又全忘了,记录于此。

1,准备好大小相同的n个图片,然后打开ps。

2,点击文件-打开,将准备好的图片全部全中,打开:

打开完毕后就是这个样子:

3,我们把所有图片都拖到图片1里面去。拖的方法有很多种,最方便的是选中一个图片,如图片2,然后点图层--复制图层,将目标选择为图片1,然后改下自己的名字,省的乱:

上面这种方法是最笨最不容易出错的方法,还有一种方法是这样的:

a,先把图片4拖出来成为一个独立窗口:

然后左侧工具栏,选定 移动 这个:

然后拖动图片4往图片1里拖,就成了这个样子:

红框里是拖进去的图片4,然后再拖下它,使它与图片1对齐,最终的效果:

也可以有其他方法搞成上图所示的效果,弄成就行。

4,点击 窗口--时间轴,时间轴那里选择帧动画。然后选中右边的四个图,再点击 创建动画,时间改成0.5秒,如下:

明明选择了4个图,结果只出来一个,别急!点击最右边的那个小矩形,选择:从图层建立帧,就可以了:

可以一次选中所有图,然后设置时间。之后就可以点击下面中间的箭头进行播放了。

5,点击文件--存储为web所用格式,格式选择gif,然后选择存储就OK了。看看制作的gif吧:

时间: 2024-11-05 09:25:53

使用PhotoShop制作gif动画全过程的相关文章

PhotoShop制作gif动态广告效果示例

本文将通过三个示例介绍gif制作广告,gif 动态广告网页展示效果 米扑博客:开业了 https://blog.mimvp.com/article/1.html 本示例需要用到的软件环境: MacOS High Sierra  Version 10.13.4 PhotoShop CS6 13.0.6  x64 示例1:制作 gif 文字广告动图 1. 新建 180 * 60 透明背景图 2. 窗口 - 时间轴 - 创建帧动画 3. 默认第一帧,添加字体格式,输入"米扑" 4. 点击下方

如何用PhotoShop制作网站的favicon.ico

所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站.当然,这不仅仅是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到网站的快捷方式:除此之外,标签式浏览器甚至还有不少扩展的功能,如Fir

用MATLAB将照片合成视频或者GIF图片、以及Photoshop制作GIF图片

用MATLAB将照片合成视频或者GIF图片.以及Photoshop制作GIF图片 一.用MATLAB将照片合成视频(我使用的MATLAB是2015版本的) (1).你需要需要合成视频的图片. 所有照片放在一个文件夹里面因为是使用Matlab的dir函数读取照片,所以读取时,你要先设置好文件名:图片名称按照"001.002.003..."排列.否则图片显示顺序就会出错. 如果图片是用matlab在循环里使用saveas(gca,[Path,num2str(i)],'jpg');自动保存的

用svg制作loading动画

首先说明:由于各浏览器对svg动画事件支持不统一,此loading动画在Firefox,Opera,Chrome中均没有问题,IE和Safari中有问题,可能是不支持SIML写动画的语法, 但是用Canvas写的话,在颜色的渐变方面会有问题: 线性渐变需要传递四个参数 xstart:渐变开始点x坐标       ystart:渐变开始点y坐标       xEnd:渐变结束点x坐标       yEnd:渐变结束点y坐标 这样画出来的渐变只能用于矩形之类的图形,无法应用在诸如扇形内,此loadi

PPT制作线条动画

0.小叙闲言 今天在用PPT做动画的时候小有心得,百度了一下线条动画制作,有一个贴子里面的讨论,也给了我一些灵感,贴子地址:http://www.rapidbbs.cn/thread-24577-1-1.html.但是还是没有做下图这样的效果的动画,这是自己纯想出来的,分享一下,或许对大家有点帮助.文章中的PPT下载地址:http://files.cnblogs.com/files/endlesscoding/PPT_Line_Animations.zip 1.PPT简单线条动画 平时做线条动画

go制作gif动画

今天看了golang中国社区翻译的"go语言圣经",在第一章1.4节讲到用go制作gif动画,感觉非常有意思,分享给大家 package main import (     "image"     "image/color"     "image/gif"     "io"     "math"     "math/rand"     "os" )

3D Grid Effect – 使用 CSS3 制作网格动画效果

今天我们想与大家分享一个小的动画概念.这个梦幻般的效果是在马库斯·埃克特的原型应用程序里发现的??.实现的基本思路是对网格项目进行 3D 旋转,扩展成全屏,并呈现内容.我们试图模仿应用程序的行为,因此创建了两个演示,分别演示垂直和水平旋转网格项. 温馨提示:为保证最佳的效果,请在 IE10+.Chrome.Firefox 和 Safari 等现代浏览器中浏览. 您可能感兴趣的相关文章 创意无限!一组网页边栏过渡动画[附源码下载] 真是好东西!13种非常动感的页面加载动画效果 你见过吗?9款超炫的

Adobe edge animate制作HTML5动画可视化工具(一)

Edge Animate for mac是Adobe最新出品的制作HTML5动画的可视化工具,简单的可以理解为HTML5版本的Flash Pro.在之后的文章中,我会逐一的介绍这款新的HTML5动画神器.这篇文章先说一说如何把Edge Animate制作的HTML5动画作品嵌入到Wordpress中. Adobe Edge Animate的目的是帮助专业设计师制作网页动画乃至简单游戏.目前该工具的重点放在动画引擎上,将增加更多HTML5功能,比如Canvas.HTML5音频/视频标签等.支持An

Photoshop制作仿等高线着色图

起因是最近玩游戏The Long Dark,看到贴吧还是Steam上有人放了等高线图,看起来非常炫酷,于是想自己折腾下. 解包了游戏高度图 Matlab绘制如下 自己瞎写的量化+颜色映射如下,Shader好像有错误,总之就是个大概效果,有时间换算法再写一下. Photoshop制作如下,在此特别感谢F大佬指点如何用PS实现这种功能,我有预感PS可以做,但是具体怎么做完全没头绪,平时PS用的少,功能不熟. 1.首先Ctrl + Shift + U变成灰度图,虽然本身看起来是灰色,但是如果不再去色做