Home Web Front-end PS Tutorial ps gif动态图片制作图文教程

ps gif动态图片制作图文教程

Mar 19, 2017 pm 02:24 PM
dynamic gif ps

下面小编为大家分享ps gif动态图片制作图文教程,其实这个原理也很简单,就是在不同的时间显示出不同的画面。就这么简单,下面就来讲讲我们具体的步骤。

方法/步骤

1、首先把你需要显示的图片全部在ps中打开,并且不同的图片放在不同的层中,放图要有顺序方便后期制 如图:

ps gif动态图片制作图文教程

2、然后点窗口,选择时间轴,如图:

ps gif动态图片制作图文教程

3、接下来设置第一帧显示,也就是初始画面。先点击时间轴上的第一帧 如图:再把图层一左边的框点一下出现一个眼睛(显示),其他图层全部去掉眼睛(隐藏),初始画面就出来了。如图所示:

ps gif动态图片制作图文教程

ps gif动态图片制作图文教程

4、然后设置第二帧,还是先点击时间轴上的第二帧。在图层中把刚刚点上的第一层的眼睛去掉,第二层的眼睛点出来,也就是这个时间只显示第二层的图片,其他都不显示。如图:

ps gif动态图片制作图文教程

5、然后是同样的步骤,在第三帧上,隐藏一二层点出显示第三层,如图:

ps gif动态图片制作图文教程

6、第四帧、第五帧、第六、七、、、、、、后边的帧数都一样的步骤以此类推,完成所有的帧之后,你可以点击播放看看你制作的效果如何。

ps gif动态图片制作图文教程

7、如果觉得显示的时间不对可以选择自己设定每一帧的显示时间及间隔(点击每一帧的下面那个小三角箭头既可以设置)如图:

ps gif动态图片制作图文教程

8、接下来当然就是保存了,保存时注意。要选择储存为(web所用格式)如图:

ps gif动态图片制作图文教程

9、最后选择gif格式,保存就ok了。

ps gif动态图片制作图文教程

注意事项

在设置帧的时候一定要细心

以上就是ps gif动态图片制作图文教程,希望能够对大家有所帮助!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

ps serial number cs5 permanently free 2020 ps serial number cs5 permanently free 2020 Jul 13, 2023 am 10:06 AM

PS serial numbers cs5 permanent free 2020 include: 1. 1330-1384-7388-4265-2355-8589 (Chinese); 2. 1330-1409-7892-5799-0412-7680 (Chinese); 3. 1330-1616-1993 -8375-9492-6951 (Chinese); 4. 1330-1971-2669-5043-0398-7801 (Chinese), etc.

What to do if ps installation cannot write registry value error 160 What to do if ps installation cannot write registry value error 160 Mar 22, 2023 pm 02:33 PM

Solution to error 160 when ps installation cannot write registry value: 1. Check whether there is 2345 software on the computer, and if so, uninstall the software; 2. Press "Win+R" and enter "Regedit" to open the system registry, and then Find "Photoshop.exe" and delete the Photoshop item.

How to delete selected area in ps How to delete selected area in ps Aug 07, 2023 pm 01:46 PM

Steps to delete the selected area in PS: 1. Open the picture you want to edit; 2. Use the appropriate tool to create a selection; 3. You can use a variety of methods to delete the content in the selection, use the "Delete" key, use the "Healing Brush Tool" , use "Content-Aware Fill", use the "Stamp Tool", etc.; 4. Use tools to repair any obvious traces or defects to make the picture look more natural; 5. After completing editing, click "File" > in the menu bar "Save" to save the editing results.

What should I do if the PS interface font is too small? What should I do if the PS interface font is too small? Dec 01, 2022 am 11:31 AM

How to fix the PS interface font that is too small: 1. Open PS, click the "Edit" button on the top menu bar of PS to expand the editing menu; 2. Click the "Preferences" button in the expanded editing menu, and then click "Interface. .." button; 3. In the interface settings, set the user interface font size to "Large", set the UI scaling to "200%" and save the settings, then restart PS to take effect.

Introduction to the process of extracting line drawings in PS Introduction to the process of extracting line drawings in PS Apr 01, 2024 pm 12:51 PM

1. Open the software and import a piece of material, as shown in the picture below. 2. Then ctrl+shift+u to remove color. 3. Then press ctrl+J to copy the layer. 4. Then reverse ctrl+I, and then set the layer blending mode to Color Dodge. 5. Click Filter--Others--Minimum. 6. In the pop-up dialog box, set the radius to 2 and click OK. 7. Finally, you can see the line draft extracted.

How to automate tasks using PowerShell How to automate tasks using PowerShell Feb 20, 2024 pm 01:51 PM

If you are an IT administrator or technology expert, you must be aware of the importance of automation. Especially for Windows users, Microsoft PowerShell is one of the best automation tools. Microsoft offers a variety of tools for your automation needs, without the need to install third-party applications. This guide will detail how to leverage PowerShell to automate tasks. What is a PowerShell script? If you have experience using PowerShell, you may have used commands to configure your operating system. A script is a collection of these commands in a .ps1 file. .ps1 files contain scripts executed by PowerShell, such as basic Get-Help

Complete list of ps shortcut keys Complete list of ps shortcut keys Mar 11, 2024 pm 04:31 PM

1. Ctrl + N: Create a new document. 2. Ctrl + O: Open a file. 3. Ctrl + S: Save the current file. 4. Ctrl + Shift + S: Save as. 5. Ctrl + W: Close the current document. 6. Ctrl + Q: Exit Photoshop. 7. Ctrl + Z: Undo. 8. Ctrl + Y: Redo. 9. Ctrl + X: Cut the selected content. 10. Ctrl + C: Copy the selected content.

What is the ps curve shortcut key? What is the ps curve shortcut key? Aug 22, 2023 am 10:44 AM

The ps curve shortcut key is Ctrl+M. Other curve shortcut keys: 1. Convert to point control curve, Alt+Shift+Ctrl+T; 2. Automatically align the curve, Alt+Shift+Ctrl+O; 3. Restore the default curve, Ctrl+Alt+Shift+R; 4. Copy the curve, Ctrl+Alt+Shift+C; 5. Paste the curve, Ctrl+Alt+Shift+V; 6. Adjust the curve slope, Shift+up and down arrows; 7. Adjust the curve brightness, Shift+left and right arrows

See all articles