friendsterTalk - Friendster Forum

friendsterTalk - Friendster Forum

Welcome guest! Please Login or Register.

#1  2008-09-04 11:10:05

ilovekhym
» FriendsterNewbie
Registered: 2008-05-25
Posts: 13
Last visit: 2008-10-29
Reputation: ~

How to Create Simple GIF Animation






1. Create a new Photoshop Document by pressing Ctrl + N. Then set the width to 400 pixels and Height to 200 pixels. Changing other options values is not necessary for this project. Just set its width and height only.



2. Now were gonna change first its background color to black or any other color you want. Right click the Gradient Tool and select the Paint Bucket Tool.



3. Change the color by clicking on the Foreground Color and choose the color you want to use. I prefer using black so I dont need to change its cause its already set to black.



4. Then click the Paint Bucket Tool again (Note that the icon Gradient Tool is now change to Paint Bucket Tool icon) and click on your document to fill its content with Paint Bucket.



5. Then click on the Horizontal Type Tool and click on your document to type in the text you want to display. I type "Simple GIF". If you want to change the text size, font color and font style, just set its values on the menubar on the top of your screen. See the image. I set the font to Monotype Corsiva with the size of 62px and its color is white.



6. Then click on the Jump to Image Ready icon or press Ctrl + Shift + M. Your Application will now transfer from Adobe Photoshop to Image Ready. There we will start creating the animation for that image. If you cant click the icon, check if your selection is still on the horrizontal type tool. If its is, the click on the Move Tool first then click now to the Jump to Image Ready.



7. Now that were on the Image Ready, There are situations that our document has blue lines on it. Just like I encounter, Just ignore it cause I dont know whats the cause of that. Under your monitor, you will see the Animation window. Click on the Duplicate current frame icon, its the icon that looks like a paper. Click it to duplicate the frame.



8. The animation window will now add new animation frame. Then set its time to 1 seconds by clicking the "0 sec." caption of the new frame you created.



9. And then, on the Layer window, "right click" on the Text Layer (with an icon of "T") and select "Layer Style" then select the Outer Glow. Your text will now have the glowing effect. If you want to change the color and other options for that, you can modify it on the "Outer Glow" window. I prefer not changing any other effects other than that cause I intend to teach only the basics for the Photoshop Noobs. See the image.



10. Then on the Animation Window again, then click on add new frame (the paper icon under it).



11. We will clear the third layers syle so that the third frame will display the text without effects. With the third frame selected, right click on the Text Layer (on the Layer window) and select the "Clear Layer Style".

12. The last step is at "http://www.ehow.com/how_4497855_simple-gif-animation.html".

Last edited by ilovekhym (2008-09-04 11:12:59)


Please invite me on Friendster
kimagcaoili@gmail.com
thanks

DOTA Overlays view my profile at www.friendster.com/gabby546

Shoutout is added. Mirana, Mercurial, Naga Siren and Invoker now available

#2  2008-09-08 09:18:50

ayumi_99
» FriendsterTalker
ayumi_99's display avatar
Indonesian Ftalkers
Location: Another World
Registered: 2008-07-05
Posts: 176
Last visit: 2008-10-23
Reputation: 4
Friendster

Re: How to Create Simple GIF Animation

thx for sharing !! ;)



"I will Grant your Wish"

#3  2008-09-09 13:37:00

hottie_sammy08
» FriendsterNewbie
hottie_sammy08's display avatar
[[ labyu ]]
Skyline
Location: in front of wer u
Registered: 2008-06-28
Posts: 77
Last visit: 2008-11-15
Reputation: ~
Friendster

Re: How to Create Simple GIF Animation

w0ow! that's awesome! thanks for sharing..
some more..




siz rizz.chan for my siggy, thanks alot...
comment at her premades here rizz.chan

#4  2008-10-22 10:04:41

diannemay_02
» FriendsterTalker
diannemay_02's display avatar
Registered: 2008-08-20
Posts: 126
Last visit: 2008-10-29
Reputation: -1

Re: How to Create Simple GIF Animation

..wow... nice tutorial...

..keep sharing...

..it help me so much...


#5  2008-10-23 06:06:38

airatotzkie
» FriendsterAddict
airatotzkie's display avatar
FIGHTING!!!
Singles Goes HOT!
Location: hyun bin's heart
Registered: 2008-01-24
Posts: 302
Last visit: 2008-11-26
Reputation: 1
Friendster

Re: How to Create Simple GIF Animation

:redface: wow..
thanks for sharing..

im gonna try it later..

FIGHTING!!!;)

#6  2008-10-23 06:10:16

mG
» FriendsterGeek
mG's display avatar
Rockstars
Location: LP city
Registered: 2008-04-02
Posts: 1134
Last visit: 2008-12-03
Reputation: 23
Friendster

Re: How to Create Simple GIF Animation

:D waAaAw Thanks for ds..
=):thumbsup:


#7  2008-10-23 07:33:56

ARINE
» FriendsterFreak
ARINE's display avatar
</3 BROKEN HARTED
Friendstertalk University
Location: aLabang :)
Registered: 2007-06-24
Posts: 1640
Last visit: Today
Reputation: 113
Friendster

Re: How to Create Simple GIF Animation

thanksie :)
for the tut. :D





siggy made by ME :) hoho

iLURVE.MOi.BEBiZ

Search Friendstertalk

Board footer

FriendsterTalk is not affiliated with Friendster.com
Copyright © 2002–2008 PunBB

[ 15 queries - 0.501 second ]

Pay Per Click Ads by pay per click advertising by Kontera

FriendsterTalk.com x

Welcome to FriendsterTalk! You'll need to login in order to fully use all the features and view all the sections of this site.

Please register if you're not yet a member. =)