Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >如何在 Photoshop 中制作 GIF 动画

如何在 Photoshop 中制作 GIF 动画

原创
作者头像
西门吹雪1997
发布于 2023-10-10 08:37:13
发布于 2023-10-10 08:37:13
6520
举报

您可能已经使用过一些在线 gif 生成器来快速生成 gif 图像,但这些在线生成器无法提供与 Photoshop 相同的灵活性和结果。

gif 就像您可以在 Photoshop 中创建的迷你动画。当你制作 gif 时,你正在创建图层的运动。您可以从照片、矢量或从头开始制作动画 GIF。

在本教程中,我将向您展示如何在 Photoshop 中从头开始创建矢量 GIF。例如,我要制作一个圆形动画。同样的方法可以用来创建任何形状。

让我们开始步骤吧!

第 1 步:创建一个新文档。选择RGB颜色模式,因为 gif 是供数字使用的。您可以根据自己的喜好设置大小,但我建议您在图像背景中保留尽可能少的空白。

步骤2:使用椭圆工具创建一个完美的圆形。您将看到 Photoshop 为圆圈创建了一个新的形状图层。

第3步: 复制图层,然后单击眼睛图标隐藏原始图层(椭圆1)。

第四步:从工具栏中选择钢笔工具,转到顶部菜单,然后选择减去正面形状

使用钢笔工具在圆上画一个三角形,就像切蛋糕一样。

第5步:复制图层并隐藏其他图层。使用直接选择工具通过拖动三角形角来使切口更大。

重复步骤 5,直到形成半圆。

第6步:转到顶部菜单“窗口” > “时间轴”。时间线动画工作面板应该出现。

选择选项“创建动画帧”。单击该按钮,您将看到显示的可见图层。

步骤7:将时间更改为0.5秒,并选择永远重复选项。

步骤 8:单击“时间轴”面板上的加号图标添加新帧。

选择第一帧并打开第一层(红色圆圈)。选择第二帧并打开第二层(第一个三角形剪切),对所有帧重复此步骤。

注意:一次只能打开一层。当到达半圆时,向后再次添加帧。 

单击播放按钮查看其外观并进行相应调整。如果您对结果感到满意,请转至顶部菜单“文件” > “导出” > “另存为 Web(旧版)”来保存 GIF。您应该看到这个窗口。

将预设更改为 GIF 选项,然后单击“保存”。现在您可以为其命名、选择保存位置以及格式等其他设置。

第 9 步:点击并保存按钮,恭喜您,您已经创建了一个 gif 动画!

如果您想对图像进行动画处理,请查看我们的教程。

结论

您可以使用上面的方法来创建切蛋糕、切披萨等的 gif。您所要做的就是将红色圆圈替换为您想要制作 gif 的对象。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
如何将flash制作的动画存成高质量的GIF
喜欢用flash制作GIF动画的同学有个疑惑就是flash直接导出的GIF质量不高无法达到我们对动画的色彩要求,所以下面教大家如何将flash制作的动画存成高质量的GIF 1、 在flash里选择“导出影片” 2、 选择“PNG序列” 3、 弹出导出png面版 4、 打开photoshop,选文件-脚本-将文件载入堆栈,之前的序列图片就会按顺序出现在层里 5、 打开时间轴面板,在右上角的菜单中选择“从图层建立帧” 6、 此时的动画方向是反向的。时间轴菜单里点选“反向帧”
用户1730674
2018/05/02
1.7K0
如何将flash制作的动画存成高质量的GIF
是的!Figma也可以用时间轴做超级流畅的动画了
静电说:继昨天我们发布了Figma下的一款超神奇的抠图插件后,今天静电再次为大家带来一款Motion插件,它可以在Figma中做帧动画。在通常情况下,Figma中是没有时间轴的,因此只能使用Smart Animate做一些补间过渡动画,而要做一些更流畅且具有更多细节的动画,Figma则显得有点无奈。不过没关系,今天,我们为大家介绍使用Motion插件在Figma中来完成超流畅动画的案例。一起来看Pavel Babkin的这篇文章。
用户5009027
2021/03/15
21.1K0
是的!Figma也可以用时间轴做超级流畅的动画了
Ps图像处理:Photoshop 2023
Photoshop 2023是一款功能强大的图像处理软件,Photoshop 2023可以让摄影师对照片进行后期调整、修复和优化,以获得最佳效果。 是许多设计师创建海报、插图、广告和其他视觉设计作品的首选软件。可以让美术家创建数字绘画作品,并进行各种颜色和纹理效果的调整。 Photoshop 可以用来创建和编辑网站的图像和图标。 Photoshop 可以用来创建广告素材和商业宣传品,如海报、杂志广告和电视广告等。利用Photoshop 软件在桌面上的强大功能,您可以在灵感来袭时随时随地进行创作。
用户10520003
2023/04/21
1.1K0
SketchBook Pro2021激活版SketchBook2022免费版SketchBook2023下载安装教程
AutodeskSketchBook Pro 2021是一款专业的数码画画插图软件,它拥有一个极其优美的界面,可以在每个设备上最大化地显示空间,让用户可以享受到出色的绘画体验。这款软件是专门为平板电脑或手写笔写板设计的,提供专业水平的绘图和插图工具,并配有丰富的命令选项、参数,提供灵活高效的插图设计和绘图功能,干净整洁的软件环境,友好的图形界面,可以快速地找到您所需要的工具,涵盖从简单的草图到最终精美插图的所有工具,可以帮助用户自由地发挥自己的想象力,在进行绘画创作时,还有超多类型的可自定义笔刷,综合的纹理和形状,流畅的笔触和精确度以及速度,让这款软件独具优势!
知识兔
2022/10/22
1.3K0
使用Photoshop画一个圆锥体
一、准备工作 软件环境:PhotoshopCS6 实验目的:通过运用变换和选区工具,画出一个圆锥体 二、实验步骤 1,新建文件 2,前景色设置为黑色,并进行填充(快捷键 Alt+Delete) 3,创
Zoctopus
2018/06/04
9450
CorelDRAW 2019 软件应用项目(一)
今天我们聊聊 cdr 这个绘制矢量图的软件,这个软件是我最近才接触到的,一个和 AI 一样,能够制作矢量图的软件,并且学习它的一个非常重要的绘制曲线的功能。
设计者
2022/12/20
1.2K0
CorelDRAW 2019 软件应用项目(一)
Macromedia flash制作落叶飘下动画
2.选中引导层,在左侧工具栏中设置笔触颜色为黄色,填充颜色为无,在舞台上绘制一条路径。并锁定引导层。
全栈程序员站长
2022/08/18
1.5K0
Macromedia flash制作落叶飘下动画
PS制作GIF
昨天写了篇博客,是关于CSS实现图片旋转的,群里的小伙伴跟我说博客里看不到效果让我做个GIF。。。那我今天就来写篇如何用PhotoShop制作GIF
阿超
2022/08/16
1.5K0
PS制作GIF
如何用Scratch 3绘制矢量图形 【Gaming】
Scratch是一种流行的用于创建视频游戏和动画的可视化编程语言。它还具有矢量绘图工具,任何人都可以使用它来创建独特的游戏和艺术。
五月Rambo
2019/11/10
5.8K0
如何用Scratch 3绘制矢量图形 【Gaming】
「图层基础知识」Photoshop 图层面板概述
Photoshop 中的“图层”面板列出了图像中的所有图层、图层组和图层效果。可以使用“图层”面板来显示和隐藏图层、创建新图层以及处理图层组。可以在“图层”面板菜单中访问其他命令和选项。
IT胶囊
2021/05/28
1.4K0
《边学边做Photoshop图像制作案例教程》
3.单击“矩形选框工具”-绘制-编辑-按<Alt+Delete>键-按<Ctrl+D>键
裴来凡
2022/05/29
5650
《边学边做Photoshop图像制作案例教程》
PhotoShop制作gif动态广告效果示例
6. 复制第二个图层“米扑2”为“米扑3”,输入文字“米扑科技公司”,调节字体颜色
阳光岛主
2019/02/18
1.9K0
PhotoShop制作gif动态广告效果示例
Photoshop软件应用项目(一)
今天我们在 PS 软件上,制作一个简单的帧动画,方便以后和 Flash 动画效果,做对比,我们会多做几个案例,更加熟练的掌握 PS 帧动画原理,这样在接触 flash 动画时,就能够很明显的区分两个软件在动图领域的优缺点。
设计者
2022/12/20
8210
Photoshop软件应用项目(一)
数据可视化之下发图实践
随着互联网的快速发展,数据维度越来越广,呈现形式也越发丰富,具有多维度数据特点的相关业务实践都能通过可视化图表来展示,比如个推的下发图,从时间和区域两个维度,可以即时、直观地展现个推数据下发的过程。
个推
2019/04/18
9210
数据可视化之下发图实践
Android 自定义标签 ViewLayout
自定义viewLayout实现标签View,UI的效果图如下: 如图,我们要自己实现带描边的,带花括号的,带三角形,带对勾的这样一个layout ,并且对勾和中间的虚线我们都要用最基础的API绘制出
非著名程序员
2018/02/02
1.3K0
Android 自定义标签 ViewLayout
Photoshop软件2020软件下载安装教程-PS全版本最新版本软件安装包
Photoshop软件是一款非常强大的图像处理软件,可以帮助用户进行各种图片处理、编辑、设计等工作。
用户8187027
2023/04/08
5050
html遮罩层动画制作,flash简单制作遮罩动画效果[通俗易懂]
flash简单制作遮罩动画效果QQ空间的开机动画大家应该都有,从最初的出现的一点到后面全部出现,如此神奇的效果到底是怎么做的呢,一起来看看吧!遮罩特效: 由于百度只能上传500k以内的照片,所以效果图片质量不是很好,当然,我们一般做的特效是.swf,这里是为了方便大家观看,所以做成了gif.
全栈程序员站长
2022/08/14
3.7K0
html遮罩层动画制作,flash简单制作遮罩动画效果[通俗易懂]
【01】AE特效开发制作特技-Adobe After Effects-AE特效制作快速入门-制作飞机,子弹,爆炸特效以及导出png序列图-优雅草央千澈
优雅草央千澈所有的合集,系列文章可能是不太适合完全初学者的,因为课程不会非常细致的系统的去教一些很基础不过的东西,这种需要系统学习的同学建议需要去看很详细的几十集,几百集课程的那种,央央的博文以及内容分享是针对于有一定计算机基础,而且有一定的编程能力的同学,并且是学习能力会比较强的观看比较适宜,因为有些地方是比较跳跃的,但是针对有一定基础的同学没问题,零基础可能会卡在某些很小的问题地方,不过这些都不是事,只要你愿意努力学习,我相信都是小问题,而且不是还可以评论吗?
卓伊凡
2025/01/11
2110
大学课程 | 计算机图形学,基于MFC和二维变换的画图软件
本文描述了二维复合变换的基本方法和思想,根据鼠标位置坐标获取起始点pStart和终止点pEnd的坐标,设计实现每个基本图形的画图方法,根据pStart和pEnd即可确定基本图形的控制点,进而绘制对应图形。规范化齐次坐标以后,图形几何变换可以表示为图形控制点点集合的规范化齐次坐标矩阵与二维变换矩阵相乘的形式,分别设置二维变换矩阵的参数信息,设计实现对应的方法,即可实现图形的二维变换功能。
Justlovesmile
2021/12/14
2.5K0
大学课程 | 计算机图形学,基于MFC和二维变换的画图软件
Building a clean model tutorial
本教程将逐步指导您构建机器人或任何其他物品的清晰仿真模型。这是一个非常重要的课题,为了有一个漂亮的外观,快速显示,快速模拟和稳定的仿真模型。
六四零
2020/08/04
1.4K0
推荐阅读
相关推荐
如何将flash制作的动画存成高质量的GIF
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档