How to make animated pictures. 07-06-2011, 03:17 PM
#1
Okay, I'm gonna share some tutorial about Animated Sig's/Picture. Dang, cus im lazy at making requested signature and it really depends on my mood, So i will just share my lil` knowledge about making an animated *moving* signature/picture.
Hope This Tutorial will help you a lot.
ESP. For Beginners.
2 Things You Need.
1.Adobe Photoshop ( For Your image editing )
2.Adobe Image Ready ( For our Moving picture )
Let's start-----
1. Firstly, You need to Provide your Picture's.
-if you want it Transparent Save it as .GIF/.PNG
-if not Transparent better save it as .JPG for smaller file size.
I picked 3 images here *SEE BELOW*
Example:
![[Image: Untitled-1copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-1copy.jpg)
<!--SAVED AS .PNG--!>
im an RO players. so i chose RO chars.
2. The images you picked must be save in One Folder Only.
*if ya dont have a folder yet then better make one*
Example:
![[Image: Untitled-2copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-2copy.jpg)
3.Then Open Your Adobe ImageReady.
--START > ALL PROGRAMS > ADOBE IMAGE READY
( Depends on your Location )
EXAMPLE:
![[Image: Untitled-3copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-3copy.jpg)
4.Now After Opening Your Image Ready.
Follow This Steps..
FILE > IMPORT > FOLDER AS FRAMES...
5.Then a Window will Pop Up After clicking The FOLDER AS FRAMES...
-You need to Select The Folder Where you Chosen Images are located.
EXAMPLE:
![[Image: Untitled-5copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-5copy.jpg)
6.Then after Opening your Folder Frames.
Go to the Animation Layer.
Then Duplicate your First Image *CLICK THE ICON*
EXAMPLE:
![[Image: Untitled-7copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-7copy.jpg)
7.After Clicking the Duplicate Icon, You will see the Copy of the 1st Image You Select to Duplicate.
![[Image: Untitled-8copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-8copy.jpg)
8.Drag the Duplicated Image to the last Frame.
![[Image: Untitled-9copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-9copy.jpg)
9.Select the Second Frame/Picture Then Tween it by Clicking the Tween Icon Below Your Frames [ o o o o ]
![[Image: Untitled-9copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-9copy.jpg)
10.A window will pop up after clicking thee TWEENEY icon.
SET UP MUST BE:
Tween with: NEXT FRAME;
Frames to Add : Depende upon you *i picked 3 slides*
Layers: All Layes
Paremeters: [Check]Position,Opacity,Effects.
![[Image: Untitled-13copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-13copy.jpg)
11.You will see The Animation Layer Frames became 7.
THE OLD FRAME : is 4.
THE Tween : is 3 *At the set up*
![[Image: Untitled-12copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-12copy.jpg)
12.Then Select Your Last Frame and Tween it Like Step 11 Does.
![[Image: Untitled-13copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-13copy.jpg)
<!--Note: You must be Familiar with your Original Pictures From First to Last Step. *So the Scenario != Misleading/Puzzled*--!>
13.As what Step 12 is, The Tween You picked at Step 13 Will be added automatically.
Click The Play Icon at the animation layer Below The Frames. [ > ]
To See the output of yer moving image.
15.Then if your now contented with your Moving Image's.
Let's Now Optimized it.
Do the steps below.
![[Image: Untitled-15copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-15copy.jpg)
.A window will Pop Up
= Just Check Both
-Bounding Box
-Redundant Pixel Removal.
Then do this..
FILE>Save Optimized As...>YOURIMAGENAME.GIF *automatically saved as .GIF*
![[Image: Untitled-17copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-17copy.jpg)
KABOOOOM! Find your Optimized Image Then View it. Upload it! Host it!
OUTPUT:
![[Image: anna2.gif]](http://i1191.photobucket.com/albums/z475/SwordHack/anna2.gif)
YALA. Hope This Helps a Lot. -.-
&& Apology for my Grammar *if wrong* made this for about 2hours, so i hope you at least appreciate it.
and the largest number of frames that i did was 684(not to brag, just to say that you can increase the number of your frames)
hope to see your outputs![Biggrin Biggrin](https://sinister.ly/images/smilies/set/biggrin.png)
Hope This Tutorial will help you a lot.
ESP. For Beginners.
2 Things You Need.
1.Adobe Photoshop ( For Your image editing )
2.Adobe Image Ready ( For our Moving picture )
Let's start-----
1. Firstly, You need to Provide your Picture's.
-if you want it Transparent Save it as .GIF/.PNG
-if not Transparent better save it as .JPG for smaller file size.
I picked 3 images here *SEE BELOW*
Example:
![[Image: Untitled-1copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-1copy.jpg)
<!--SAVED AS .PNG--!>
im an RO players. so i chose RO chars.
2. The images you picked must be save in One Folder Only.
*if ya dont have a folder yet then better make one*
Example:
![[Image: Untitled-2copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-2copy.jpg)
3.Then Open Your Adobe ImageReady.
--START > ALL PROGRAMS > ADOBE IMAGE READY
( Depends on your Location )
EXAMPLE:
![[Image: Untitled-3copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-3copy.jpg)
4.Now After Opening Your Image Ready.
Follow This Steps..
FILE > IMPORT > FOLDER AS FRAMES...
5.Then a Window will Pop Up After clicking The FOLDER AS FRAMES...
-You need to Select The Folder Where you Chosen Images are located.
EXAMPLE:
![[Image: Untitled-5copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-5copy.jpg)
6.Then after Opening your Folder Frames.
Go to the Animation Layer.
Then Duplicate your First Image *CLICK THE ICON*
EXAMPLE:
![[Image: Untitled-7copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-7copy.jpg)
7.After Clicking the Duplicate Icon, You will see the Copy of the 1st Image You Select to Duplicate.
![[Image: Untitled-8copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-8copy.jpg)
8.Drag the Duplicated Image to the last Frame.
![[Image: Untitled-9copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-9copy.jpg)
9.Select the Second Frame/Picture Then Tween it by Clicking the Tween Icon Below Your Frames [ o o o o ]
![[Image: Untitled-9copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-9copy.jpg)
10.A window will pop up after clicking thee TWEENEY icon.
SET UP MUST BE:
Tween with: NEXT FRAME;
Frames to Add : Depende upon you *i picked 3 slides*
Layers: All Layes
Paremeters: [Check]Position,Opacity,Effects.
![[Image: Untitled-13copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-13copy.jpg)
11.You will see The Animation Layer Frames became 7.
THE OLD FRAME : is 4.
THE Tween : is 3 *At the set up*
![[Image: Untitled-12copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-12copy.jpg)
12.Then Select Your Last Frame and Tween it Like Step 11 Does.
![[Image: Untitled-13copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-13copy.jpg)
<!--Note: You must be Familiar with your Original Pictures From First to Last Step. *So the Scenario != Misleading/Puzzled*--!>
13.As what Step 12 is, The Tween You picked at Step 13 Will be added automatically.
Click The Play Icon at the animation layer Below The Frames. [ > ]
To See the output of yer moving image.
15.Then if your now contented with your Moving Image's.
Let's Now Optimized it.
Do the steps below.
![[Image: Untitled-15copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-15copy.jpg)
.A window will Pop Up
= Just Check Both
-Bounding Box
-Redundant Pixel Removal.
Then do this..
FILE>Save Optimized As...>YOURIMAGENAME.GIF *automatically saved as .GIF*
![[Image: Untitled-17copy.jpg]](http://i1191.photobucket.com/albums/z475/SwordHack/Untitled-17copy.jpg)
KABOOOOM! Find your Optimized Image Then View it. Upload it! Host it!
OUTPUT:
![[Image: anna2.gif]](http://i1191.photobucket.com/albums/z475/SwordHack/anna2.gif)
YALA. Hope This Helps a Lot. -.-
&& Apology for my Grammar *if wrong* made this for about 2hours, so i hope you at least appreciate it.
and the largest number of frames that i did was 684(not to brag, just to say that you can increase the number of your frames)
hope to see your outputs
![Biggrin Biggrin](https://sinister.ly/images/smilies/set/biggrin.png)
(This post was last modified: 07-06-2011, 03:24 PM by charlie.)
![[Image: iKn1f.jpg]](http://i.imgur.com/iKn1f.jpg)