search
HomeWeb Front-endPS TutorialPS制作像素图GIF动画教程

PS制作像素图GIF动画教程

Mar 20, 2017 am 09:15 AM
gifPixelanimation

当我们画好一副像素图时,总是希望能让它动起来,使画中的人物或动物更加生动活泼,赋有生命力 当我们画好一副像素图时,总是希望能让它动起来,使画中的人物或动物更加生动活泼,赋有生命力。
  那么今天我就介绍两种做GIF动画的工具和制作的方法给大家。
  NO 1. ImageReady 3.0
  ImageReady 3.0 是Photoshop6.0 自带的一个图像处理软件
  所以在Photoshop(以下简称PS)里画好的图片就可以直接进入ImageReady(以下简称IR)去处理。
  首先要在PS里将图片画好
  这次制作的是一个看到了漂亮MM的便便
  我把便便的眼睛画成了两颗爱心,来表达它对漂亮MM的一见钟情
  要有心跳的感觉,就要分别画一副小眼睛和一副大眼睛的图
  先画好小眼睛的

PS制作像素图GIF动画教程

  然后选择菜单Windows中的Layers面版

PS制作像素图GIF动画教程

  在这副图上新建一个层

PS制作像素图GIF动画教程

  在新建的层上画上大一点的眼睛,遮住原来的小眼睛

PS制作像素图GIF动画教程

  最后将这个层设置为隐藏

PS制作像素图GIF动画教程

  接下来就是GIF动画的制作了,点击工具面板上的Jump to ImageReady键,进入IR的界面。

PS制作像素图GIF动画教程

  选择菜单Windows中的Animation面版

PS制作像素图GIF动画教程

  新建一个帧,选择该帧。

PS制作像素图GIF动画教程

  将刚才图片上隐藏的那一层显示

PS制作像素图GIF动画教程

  点击每一帧的右下角,就可以选择这一帧显示时间的长短,也可以自定义。

PS制作像素图GIF动画教程

  最后,点击菜单File中Save Optimized As...将图片保存为gif格式。

PS制作像素图GIF动画教程

  好了,一个简单的GIF动画就制作成了^^

PS制作像素图GIF动画教程

  NO 2. Animagic GIF
  这个软件是我最早学做GIF图片时用的,操作起来非常简单,比较适合适合初学者使用。
  首先我们在PS里将刚才画的图片,分别另存为两张眼睛大小不一样的图。

PS制作像素图GIF动画教程
PS制作像素图GIF动画教程

  图片 1

PS制作像素图GIF动画教程

  图片 2
  然后在Animagic GIF中将<图片1>打开,再点击菜单File中的Instert frames...将<图片2>插入

PS制作像素图GIF动画教程

  点击Animation中的Frame rate...调节帧的速度

PS制作像素图GIF动画教程
PS制作像素图GIF动画教程

  最后将图片另存就OK了^^

PS制作像素图GIF动画教程
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
Photoshop: Investigating Free Trials and Discount OptionsPhotoshop: Investigating Free Trials and Discount OptionsApr 14, 2025 am 12:06 AM

You can get the access to Photoshop in the most economical way: 1. Experience the software features with a 7-day free trial; 2. Find student or teacher discounts, as well as seasonal promotions; 3. Use coupons on third-party websites; 4. Subscribe to Adobe CreativeCloud's monthly or annual plan.

Photoshop for Designers: Creating Visual ConceptsPhotoshop for Designers: Creating Visual ConceptsApr 13, 2025 am 12:09 AM

Creating visual concepts in Photoshop can be achieved through the following steps: 1. Create a new document, 2. Add a background layer, 3. Use the brush tool to draw basic shapes, 4. Adjust colors and brightness, 5. Add text and graphics, 6. Use masks for local editing, 7. Apply filter effects, these steps help designers build a complete visual work from scratch.

Is Photoshop Free? Understanding Subscription PlansIs Photoshop Free? Understanding Subscription PlansApr 12, 2025 am 12:11 AM

Photoshop is not free, but there are several ways to use it at low cost or free: 1. The free trial period is 7 days, and you can experience all functions during this period; 2. Student and teacher discounts can cut costs by half, and school proof is required; 3. The CreativeCloud package is suitable for professional users and includes a variety of Adobe tools; 4. PhotoshopElements and Lightroom are low-cost alternatives, with fewer functions but lower prices.

Photoshop's Value: Weighing the Cost Against Its FeaturesPhotoshop's Value: Weighing the Cost Against Its FeaturesApr 11, 2025 am 12:02 AM

Photoshop is worth the investment because it provides powerful features and a wide range of application scenarios. 1) Core functions include image editing, layer management, special effects production and color adjustment. 2) Suitable for professional designers and photographers, but amateurs may consider alternatives such as GIMP. 3) Subscribe to AdobeCreativeCloud can be used as needed to avoid high one-time spending.

The Core Purpose of Photoshop: Creative Image DesignThe Core Purpose of Photoshop: Creative Image DesignApr 10, 2025 am 09:29 AM

Photoshop’s core use in creative image design is its powerful functionality and flexibility. 1) It allows designers to transform creativity into visual reality through layers, masks and filters. 2) Basic usages include cropping, resizing and color correction. 3) Advanced usages such as layer styles, blend modes and smart objects can create complex effects. 4) Common mistakes include improper layer management and excessive use of filters, which can be solved by organizing layers and using filters reasonably. 5) Performance optimization and best practices include rational use of layers, regular saving of files, and using shortcut keys.

Photoshop for Web Design: Advanced Techniques for UI/UXPhotoshop for Web Design: Advanced Techniques for UI/UXApr 08, 2025 am 12:19 AM

Photoshop can be used in web design to create high-fidelity prototypes, design UI elements, and simulate user interactions. 1. Use layers, masks and smart objects for basic design. 2. Simulate user interaction through animation and timeline functions. 3. Use scripts to automate the design process and improve efficiency.

Newbie's article: Use the ps brush to add crack effects to the font (share)Newbie's article: Use the ps brush to add crack effects to the font (share)Apr 07, 2025 am 06:21 AM

In the previous article "Teaching you step by step to add printing effects to plate images using ps (Favorites)", I introduced a small trick to use ps to add printing effects to plate images using ps. The following article will introduce to you how to use the ps brush to add crack effects to the font. Let’s take a look at how to do it.

Photoshop Advanced Typography: Creating Stunning Text EffectsPhotoshop Advanced Typography: Creating Stunning Text EffectsApr 07, 2025 am 12:15 AM

In Photoshop, you can create text effects through layer styles and filters. 1. Create a new document and add text. 2. Apply layer styles such as shadows and outer glow. 3. Use filters such as wave effects and add bevel and relief effects. 4. Use masks to adjust the effect range and intensity to optimize the visual impact of the text effect.

See all articles

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

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
1 months agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

SublimeText3 Linux new version

SublimeText3 Linux new version

SublimeText3 Linux latest version

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Integrate Eclipse with SAP NetWeaver application server.

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools

DVWA

DVWA

Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software