[TUTORIAL] How to make Animation MSN Icons/Picture/ETC
Posted: Sat Dec 18, 2010 10:55 pm
How to make MSN Icon:
For this I take this as an Example:

Requirement:
- BannedStory (Offline/Online)
- Adobe Photoshop Portable
- WinRAR or WinZIP
DOWNLOAD
Adobe PhotoShop CS4 Portable.rar
- Adobe Photoshop CS4 Portable Link is not scanned for virus. I just simply Google it. I'm not responsible anything happen to your computer.
Adobe PhotoShop
1. Open Adobe Photoshop
2. Set it into 95 x 95 Pixels (MSN Icon Size) or 100 x 100 Pixels (Xemectrum Size) or Bigger.

3. Please Set Up Your Settings into the list below, Require Layers First.

Gardient Tool, Background (You Could use other Pictures too)
4. Set two colours, below

Light Blue - #57d3f7
Darker Blue - #5f95ef

5. Pull the Direction You Want The Primer to Secondary Colours to be.

Layers for Character
6. Open Up a New Layer

7. Copy and Paste all the images, in a set since it is (action)_(numbers)
Example: fly_0 to fly_1 , Heal_0 to Heal_2

8. Copy all actions into separate layers.

Animations
9. Now for animations, Click on Windows > Animations.

10. Remove the second action first, for the first Frame.

11. Press New Layer in Animation.

12. After you done the first frame, change back to opaque. And repeat it on the other layers,

13. Set the delay into 0.2 to 0.5 as for the delay. Suggested 0.3 seconds.


14. Save as GIF.

15. ONCE DONE:

For this I take this as an Example:

Requirement:
- BannedStory (Offline/Online)
- Adobe Photoshop Portable
- WinRAR or WinZIP
DOWNLOAD
Adobe PhotoShop CS4 Portable.rar
- Adobe Photoshop CS4 Portable Link is not scanned for virus. I just simply Google it. I'm not responsible anything happen to your computer.
Adobe PhotoShop
1. Open Adobe Photoshop
2. Set it into 95 x 95 Pixels (MSN Icon Size) or 100 x 100 Pixels (Xemectrum Size) or Bigger.

3. Please Set Up Your Settings into the list below, Require Layers First.

Gardient Tool, Background (You Could use other Pictures too)
4. Set two colours, below

Light Blue - #57d3f7
Darker Blue - #5f95ef

5. Pull the Direction You Want The Primer to Secondary Colours to be.

Layers for Character
6. Open Up a New Layer

7. Copy and Paste all the images, in a set since it is (action)_(numbers)
Example: fly_0 to fly_1 , Heal_0 to Heal_2

8. Copy all actions into separate layers.

Animations
9. Now for animations, Click on Windows > Animations.

10. Remove the second action first, for the first Frame.

11. Press New Layer in Animation.

12. After you done the first frame, change back to opaque. And repeat it on the other layers,

13. Set the delay into 0.2 to 0.5 as for the delay. Suggested 0.3 seconds.


14. Save as GIF.

15. ONCE DONE:
