PS自带的动画场景制作gif动态图片-PS Tutorial-php.cn

Home

Web Front-end

PS Tutorial

PS自带的动画场景制作gif动态图片

PHP中文网

Jun 01, 2016 pm 02:26 PM

gifpsdynamic

这篇教程是像PHP中文网的朋友介绍PS自带的动画场景制作gif动态图片方法，教程比较简单，很适合新手来学习，推荐到PHP中文网，喜欢的朋友一起来学习吧

大家都知道PS是专业的作图修图工具，那能不能发掘一些它的不太为人所知的功能呢？今天小编就为大家介绍一下如何用PS自带的动画场景功能制作并成功的保存为gif动图格式的方法，希望能对大家有所帮助！

方法/步骤

首先新建画布，画布大小将作为之后生成动图的图像大小，调整好分辨率、颜色模式以及画布底色，可以选择透明，都是没有问题的

PS自带的动画场景制作gif动态图片

然后打开我们的素材，分别是一个地球和一双手的图片，再点击一下“移动工具”(也就是左上角那个鼠标形状)

PS自带的动画场景制作gif动态图片

将素材名字对应的标题条拖下来，形成下图所示的状态

PS自带的动画场景制作gif动态图片

把图像拖到我们刚开始新建的那个画布上，调整好位置，按照同样方法将手也拖动进去

PS自带的动画场景制作gif动态图片

稍微修改一下，把黑色背景去掉，并且加上需要的效果，也就是在对应图层上单击右键，选择“混合选项”，弹出下列窗体

PS自带的动画场景制作gif动态图片

修改好后，存储一下为png格式

PS自带的动画场景制作gif动态图片

然后移动一下需要位置移动的图层的位置，在存储一遍未png，反复几次，得到几个背景透明的单一图像

PS自带的动画场景制作gif动态图片

将图层全部删除，然后点击“窗口-动画”

PS自带的动画场景制作gif动态图片

按住 Ctrl+O（字母O，open），打开第一张图，排列在第一个图层，直到打开到最后一张图片放置到最后一帧，然后为了没有断片的感觉，要反序继续添加一遍，得到的图层排列如下

PS自带的动画场景制作gif动态图片

单击动画窗体右上角的“选项”图案，选择“从图层建立帧”，可以看到动画窗体就出现了排列出来的图像了，从这里可以看出来，建立帧的顺序时候是从图层面板自上而下的建立，所以根据您想要的效果按此规律排列吧

PS自带的动画场景制作gif动态图片

这时候可以点击动画窗体下面的播放按钮进行试放，并且可以调整是不是循环播放(选“永远”即为循环播放)；还可以调整每一帧的要持续多少秒，如图

PS自带的动画场景制作gif动态图片

调整好您的参数之后就可以进行发布了，不是通常的保存，而是点击“文件-存储为Web和设备所用格式”

PS自带的动画场景制作gif动态图片

弹出下列窗体，按图调整好参数

PS自带的动画场景制作gif动态图片

然后点击“存储”，选择好存储位置，点击“保存”，我们的gif动画就新鲜出炉了~打开查看一下，的确是透明的哦

PS自带的动画场景制作gif动态图片

至此，我们的“如何使用PS制作动图”就圆满完成了，鼓掌！！

Statement

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

Beyond Editing: Photoshop's Creative CapabilitiesMay 03, 2025 am 12:12 AM

Adobe Photoshop goes beyond simple editing and becomes a creative tool for artists and designers. 1) It provides a wealth of tools such as brushes, stamp tools, blend modes and layer styles, supporting adjustments from basic images to complex digital paintings and 3D designs. 2) These tools implement functions through pixel-level operations, allowing users to create unique visual effects.

Photoshop: Exploring Pricing Models and OptionsMay 02, 2025 am 12:12 AM

Photoshop offers two pricing models: single purchase and subscription service. 1. Single purchase: Pay $699 in one lump sum, permanent use, but no updates and cloud services. 2. Subscription service: $20.99 per month or $239.88 per year, and the latest version and cloud services are available. 3. Enterprise plan: $33.99 per user per month, including team management and additional cloud storage. 4. Educational Offer: Students and teachers are $19.99 per month, including multiple CreativeCloud applications.

Photoshop: Mastering Layers and CompositionMay 01, 2025 am 12:05 AM

The method to create a new layer in Photoshop is: 1. Click the "New Layer" button at the bottom of the layer panel; 2. Use the shortcut keys Ctrl Shift N (Windows) or Command Shift N (Mac). The layers are like transparent sheets on canvas, allowing design elements to be managed separately, non-destructive editing and experimenting, and improving design levels.

Photoshop Applications: From Photo Editing to Digital ArtApr 30, 2025 am 12:10 AM

Photoshop is widely used in the fields of image processing and digital art, and is suitable for photo editing and digital art creation. 1. Photo editing: Adjust brightness and contrast Use the "Brightness/Contrast" tool. 2. Digital art: Use brush tools to create paintings. 3. Basic usage: Use the "Red Eye Tool" to remove red eyes. 4. Advanced usage: Use layers and masks for image synthesis. 5. Debug: Recover the lost layers by checking the layer panel. 6. Performance optimization: Adjust memory usage to improve running speed.

Photoshop's Core Function: Image Editing and ManipulationApr 29, 2025 am 12:17 AM

Photoshop's core functions are image editing and operation, including adjusting the color, brightness, contrast of images, applying filter effects, cropping and adjusting image size, performing image synthesis, etc. 1. Adjust brightness and contrast: Open the image, select the "Adjust" option in the "Image" menu, select "Brightness/Contrast", and adjust the slider. 2. Use the color level adjustment layer and layer mask: Click the "Create a new fill or adjust layer" button, select "Scale", adjust the color level, add a layer mask, and use the brush tool to control the adjustment effect.

Photoshop: The Power of Raster Graphics EditingApr 28, 2025 am 12:13 AM

Photoshop is a powerful tool for handling raster graphics, and its core functions include layers and masks, filters and adjustments. 1. Layers and masks allow independent editing and non-destructive modifications. 2. Filters and adjustments can quickly change the appearance of the image, but they should be used with caution to avoid affecting the image quality. By mastering these functions and advanced skills, you can greatly improve your image editing and creative abilities.

Photoshop: A Versatile Tool for Image ManipulationApr 27, 2025 am 12:13 AM

Photoshop is so powerful in the field of image processing because of its versatility and intuitive operating interface. 1) It can handle various tasks from basic adjustment to complex synthesis, such as adjusting brightness and contrast. 2) Working based on layers and masks allows non-destructive editing. 3) Examples of usage include adjusting color balance and creating layer masks. 4) Common errors such as excessive editing can be avoided through the History panel. 5) Performance optimization suggestions include the use of smart objects and shortcut keys.

Photoshop Trials and Alternatives: Exploring Free AccessApr 26, 2025 am 12:23 AM

Photoshop offers a free 7-day trial period. To maximize the use of the trial period, 1) sign up for multiple Adobe accounts, 2) use the student or education version, and 3) subscribe to Adobe CreativeCloud. Free alternatives include: 1) GIMP, 2) Photopea, 3) Krita, these software can meet daily image editing needs.

See all articles