首頁 web前端 PS教程 如何用PS制作GIF动画图 PS制作GIF动画图文教程

如何用PS制作GIF动画图 PS制作GIF动画图文教程

May 21, 2016 am 09:13 AM

ps的功能非常强大,不仅可以修改我们的照片以及一些设计,它还可以进行gif动画的设计和制作,那么如何用ps制作gif动画呢,这里脚本之家小编给大家一个简易的教程

ps的功能非常强大,不仅可以修改我们的照片以及一些设计,它还可以进行gif动画的设计和制作,那么如何用ps制作gif动画呢,这里脚本之家小编给大家一个简易的教程,一起学习吧!

开始之前,我们首先要了解的是PS有5种类型的图层,按顺序依次为像素图层、调整图层、文字图层、形状图层以及智能对象。而对应的时间轴里面,各种类型的图层都有对应时间轴的动作属性,如图所示:

如何用PS制作GIF动画图   PS制作GIF动画图文教程

可以得知所有的动作属性有:位置、不透明度、样式、图层蒙版位置、图层蒙版启用、变换、文字变形、矢量蒙版位置、矢量蒙版启用。

如何用PS制作GIF动画图   PS制作GIF动画图文教程

位置:像素图层中元素移动的位置,也可以理解成位移,它不包含旋转和缩放,并且对形状图层无效。

不透明度:图层的透明度,而调整填充则无效。

样式:图层样式,产生动画的是各种样式参数变化(即颜色、角度、大小、不透明度等参数)。

图层蒙版位置:暂不描述。

变换:动作最多的一个属性,其中包含移动、缩放、旋转、斜切、翻转,因此很多情况下需要把图层类型转换为智能对象才能做。

矢量蒙版位置:形状图层中元素移动的位置。

制作一个动画的基本步骤

(1)创建一个500px×500px的画布,调出时间轴面板(窗口—时间轴)。

如何用PS制作GIF动画图   PS制作GIF动画图文教程

点击创建时间轴按钮,等一下!!!因为当前只有一个图层,所以最好先新建一个图层再点击这个按钮,当然如果是要做背景透明的可以直接点击(事实上要做透明背景的只需隐藏背景图就行了),否则在制作动画的时候会有很繁琐的事等着你。

如何用PS制作GIF动画图   PS制作GIF动画图文教程

额外话:本人建议,当你要做一个设计的时候,新建带背景图层的文件(切图及少部分特殊的情况下可以新建透明背景的~),保留原生态纯正的背景图层,当你不需要的时候可以隐藏。否则,就算你新建一个背景图层,加上任何锁定,并且把它改为同样的ID,它始终不是纯正的背景图层,聪明的你看字体就知道啦。

做一个颜色变化的动画

首先思考,要做一个图层的颜色变化的动作,是属于时间轴上的哪个动作属性,我们可以很轻易的知道是样式,而如果改变图层图像本身的颜色,则无法产生动画。

先用形状工具画一个圆,然后到时间轴面板点击样式旁边的一个小钟启用关键帧(出现棱形)动画→给图层加上图层样式→颜色叠加打上勾并任意给个颜色。

如何用PS制作GIF动画图   PS制作GIF动画图文教程

然后回到时间轴拖动时间线到想要的位置→双击图层调出图层样式→在颜色叠加设置另一种颜色

如何用PS制作GIF动画图   PS制作GIF动画图文教程

这个时候已经制作好颜色变化的动画了,接下来你可以调整关键帧的位置,动画的长度,剪辑的长度(导出的时候生效)

如何用PS制作GIF动画图   PS制作GIF动画图文教程

如果你想要调整帧速率,点击时间轴右上角→设置时间轴帧速率

如何用PS制作GIF动画图   PS制作GIF动画图文教程

最后导出动画,文件→储存为web所用格式→选择gif格式→循环选项,如果文件太大,你可以再确保画面的质量的情况下减少颜色值→导出

如何用PS制作GIF动画图   PS制作GIF动画图文教程

没错,就是这么简单,只要会这几步就能举一反三,把你的照片制作成GIF了!

如何用PS制作GIF动画图   PS制作GIF动画图文教程

以上内容是小编给大家介绍的 PS制作GIF动画图文教程,大家可以参考下,有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对脚本之家网站的支持!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它們
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

如何使用Photoshop創建社交媒體圖形? 如何使用Photoshop創建社交媒體圖形? Mar 18, 2025 pm 01:41 PM

本文使用Photoshop詳細介紹了社交媒體圖形,涵蓋設置,設計工具和優化技術。它強調圖形創建的效率和質量。

如何使用Photoshop(優化文件大小,分辨率)準備Web圖像? 如何使用Photoshop(優化文件大小,分辨率)準備Web圖像? Mar 18, 2025 pm 01:35 PM

文章討論使用Photoshop優化Web的圖像,重點關注文件大小和分辨率。主要問題是平衡質量和加載時間。

PS一直顯示正在載入是什麼原因? PS一直顯示正在載入是什麼原因? Apr 06, 2025 pm 06:39 PM

PS“正在載入”問題是由資源訪問或處理問題引起的:硬盤讀取速度慢或有壞道:使用CrystalDiskInfo檢查硬盤健康狀況並更換有問題的硬盤。內存不足:升級內存以滿足PS對高分辨率圖片和復雜圖層處理的需求。顯卡驅動程序過時或損壞:更新驅動程序以優化PS和顯卡之間的通信。文件路徑過長或文件名有特殊字符:使用簡短的路徑和避免使用特殊字符。 PS自身問題:重新安裝或修復PS安裝程序。

PS導出PDF有哪些常見問題 PS導出PDF有哪些常見問題 Apr 06, 2025 pm 04:51 PM

導出PS為PDF時常見問題及解決方法:字體嵌入問題:勾選"字體"選項,選擇"嵌入",或將字體轉換成曲線(路徑)。顏色偏差問題:將文件轉換成CMYK模式,並進行校色;直接用RGB導出需做好預覽和顏色偏差的心理準備。分辨率和文件大小問題:根據實際情況選擇分辨率,或使用壓縮選項優化文件體積。特殊效果問題:導出前將圖層合併(扁平化),或權衡利弊。

如何使用Photoshop(分辨率,顏色配置文件)準備打印圖像? 如何使用Photoshop(分辨率,顏色配置文件)準備打印圖像? Mar 18, 2025 pm 01:36 PM

該文章指導在Photoshop中準備用於打印的圖像,重點介紹分辨率,色譜和清晰度。它認為300 ppi和CMYK配置文件對於質量印刷至關重要。

PS執行操作時一直顯示正在載入如何解決? PS執行操作時一直顯示正在載入如何解決? Apr 06, 2025 pm 06:30 PM

PS卡在“正在載入”?解決方法包括:檢查電腦配置(內存、硬盤、處理器)、清理硬盤碎片、更新顯卡驅動、調整PS設置、重新安裝PS,以及養成良好的編程習慣。

如何使用Photoshop的視頻編輯功能? 如何使用Photoshop的視頻編輯功能? Mar 18, 2025 pm 01:37 PM

本文介紹瞭如何使用Photoshop進行視頻編輯,詳細詳細介紹了導入,編輯和導出視頻的步驟,並突出了時間表面板,視頻層和效果等關鍵功能。

PS導出PDF如何設置密碼保護 PS導出PDF如何設置密碼保護 Apr 06, 2025 pm 04:45 PM

在 Photoshop 中導出帶密碼保護的 PDF:打開圖像文件。點擊“文件”>“導出”>“導出為 PDF”。設置“安全性”選項,兩次輸入相同的密碼。點擊“導出”生成 PDF 文件。

See all articles