Photoshop makes text animations

Source: Internet
Author: User
Tags copy
This tutorial is about using Photoshop (PS) with ImageReady (IR) to make a beating text effect, first in Photoshop to make a layer of effect, and then open the IR, in the IR in accordance with each frame of the hidden changes to the layer to make the beating effect, hope to bring you help!

This tutorial is about using Photoshop (PS) with ImageReady (IR) to make a beating text effect, first in Photoshop to make a layer of effect, and then open the IR, in the IR in accordance with each frame of the hidden changes to the layer to make the beating effect, hope to bring you help! The old tutorial on the Internet, he used the English version, I use Photoshop CS3 V9.0 Chinese version and make changes. Now let's take a look at the final effect:


Effect chart

Open a gorgeous picture, create a new layer filled with black, Text tool input text to get the text layer.


Figure 1

Double-click the text layer to add a layer style to the text layer, set the fill opacity to 0, and knock out the light (here the shallow and deep effects are the same, don't believe you can try.) If the current layer in the layer group, the depth of the effect is different, dig deep into the background layer and shallow only to dig out the layer group set stroke effect to enhance text recognition.


Figure 2


Figure 3


Figure 4

Pull the animation panel from the window and click to copy the selected frame.


Figure 5

Press the Ctrl+t key, deform the text, click on the Envelope button. Select the deformation style and adjust the amount of deformation.


Figure 6


Figure 7


Figure 8

Copies the selected frames.


Figure 9

Repeat the text transformation step, but the transform setting is the opposite of the previous step. Select the first frame, copy two frames, and place the following:


Figure 10

Select the second frame, click the Frame Transition button in the animation panel, and set the following:


Figure 11


Figure 12


Figure 13

Click the Play button to see the effect.

Finally, a picture in GIF format that is stored in the Web format.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.