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:
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:
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:
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:
Similarly, you create 3 more text layers for the text “mien“,”Africa“,”.VN“And put these words next to each other as shown:
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:
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:
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:
Step 4: Visibility settings of layers to animate:
You left click to select Frame 1:
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:
Similarly, select Frame 2 and to display the background layer and the first text layer with the word “ear”:
Frame 3 is displayed Background The same 2 text layers of the word “Ear“And”mien” same picture:
Frame 4 is displayed Background The same 3 text layers of the word “Ear“,”mien“And”Africa”:
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:
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:
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:
Similarly choose the display time for the remaining 4 frames, for example, all these frames Taimienphi selects for 0.21 seconds:
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:
Finally you choose File> Save for web Or press “Alt + Ctrl + Shift + S“To save the animated image file:
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.
And here are the animated results that Taimienphi just demonstrated for you, so we have finished creating animations in Photoshop CS6.
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.