Animation in Photoshop CS6, make GIF in CS6

Animation in Photoshop CS6, make GIF in CS6


Not only is it one of the most powerful and effective photo editing software available today, Photoshop also has special abilities in image processing that not everyone knows. In this article, Taimienphi will guide you how to create animations on Photoshop CS6 in the fastest and most detail.

Related posts

  • Instructions to install Photoshop CS6 on the computer
  • Red-eye correction in photos using Photoscape on PC
  • Write text on images in Photoshop CS6
  • How to create an animation in Photoshop, make a Gif image simplest
  • Create black and white photos using PhotoScape


Adobe Photoshop is one of the most famous applications of Adobe, one of the most famous graphic design software companies in the world today. In addition to editing, creating effects for photos, Photoshop CS6 can also create impressive animations like Easy GIF Animator, One of the professional gif creation software today, you can use Easy GIF Animator to have a comparison of the animation function on Photoshop CS6.

How to Create Animations in Photoshop CS6:

In this illustration, Taimienphi will make a concrete example by animating with the text “ElectrodealPro“. You can also create an animated image from the photos in your gallery in a completely similar way, just replace the words “Tai”, “mien”, “phi”, “.vn” below. with your pictures is fine.

* First you need to Download and install Photoshop: Download Photoshop

Photoshop CS6 version here: Download PhotoShop CS6

Step 1: Create a new Photoshop file:

You click File> New Or press “Ctrl + N “ To create a new Photoshop file:

I work in photoshop

In the new window that appears, enter the following basic file information:

Name: File name
– Width: Width
– Cao: Height
– BackgroundContents: Background color

Then click “OK “ to continue:

I work in photoshop

Step 2: Create 4 different text layers for the words “Tai”, “mien”, “phi”, “.vn”:

You left click on the T-shaped icon in the toolbar or press the keyboard shortcut “T“On the keyboard:

I work in photoshop

Next, you click in the design area and enter the word “Ear“. At this point a text layer corresponding to this text will appear on the right:

I work in photoshop

Similarly, you create 3 more text layers for the text “mien“,”Africa“,”.VN“And put these words next to each other as shown:

I work in photoshop

Step 3: Create Frames:

You choose Windows> Timeline on the menu bar or double click directly on the box where “Timeline ” in the lower left corner as shown:

I work in photoshop

Attention: If your computer uses Photoshop 10.0 or higher, go to the menu Windows> Animation to open the Animation instead of the Timeline. If you use Photoshop 9.0 and earlier, you just need to use the key combination “Ctrl + Shift + M “ to open Image Ready.

At this time, the Frame containing the Frames will display:

I work in photoshop

You click the icon 4 times dulicates selected Frames Square shape fold a corner right next to the trash can icon as shown to create 4 frames similar to the current Frame corresponding to the 4 text layers just created above:

I work in photoshop

Step 4: Visibility settings of layers to animate:

You left click to select Frame 1:

I work in photoshop

Then you turn off all visibility (turn the eye icon off) of the text layers in the right layer frame, just to show the layer. Background:

I work in photoshop

Similarly, select Frame 2 and to display the background layer and the first text layer with the word “ear”:

I work in photoshop

Frame 3 is displayed Background The same 2 text layers of the word “Ear“And”mien” same picture:

I work in photoshop

Frame 4 is displayed Background The same 3 text layers of the word “Ear“,”mien“And”Africa”:

I work in photoshop

Frame 5 with all 5 layers shown below. At this point, you have completed the installation, showing the text layers corresponding to the frames for the animation process:

I work in photoshop

Step 5: Set the display time of frames:

Click the downward triangle and choose the default display times or choose “Other “ to enter an arbitrary other time:

I work in photoshop

For example, here Frame 1 is selected by Taimienphi to display 0.4 seconds. This timing is set depending on whether you want the animation to run fast or slow:

I work in photoshop

Similarly choose the display time for the remaining 4 frames, for example, all these frames Taimienphi selects for 0.21 seconds:

I work in photoshop

To get the Background fit the size of the text you type, you use a tool Crop Tool. Use the left mouse button to select the crop area and press “Enter “ To crop the background to match the text:

I work in photoshop

Finally you choose File> Save for web Or press “Alt + Ctrl + Shift + S“To save the animated image file:

I work in photoshop

You choose the type of picture is GIF and select the desired image size.

In part Looping Options:

Forever : Let the animation run forever.
Other : Let the animation run on a specific number of repetitions.

I work in photoshop

And here are the animated results that Taimienphi just demonstrated for you, so we have finished creating animations in Photoshop CS6.

I work in photoshop

https://thuthuat.taimienphi.vn/tao-anh-dong-tren-photoshop-cs-6-cach-tao-anh-dong-gif-12360n.aspx
Above, Taimienphi showed you how to create animations on Photoshop CS6 from simple text. Through this article we have better understood the remarkable capabilities of Photoshop not only editing the images in JPG, PNG, … but also can create impressive animation files. . In addition, you can also create gif images with photoshop CS5 or other Photoshop versions. Taimienphi also has instructions for creating animations with websites or other software such as Makeagif or PhotoScape, you can refer to the instructions on how to Online animation with Makeagif and another article also related to designing GIF images with that software is how create GIF animations with PhotoScape to understand more.

.

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *