Welcome to No Doubt Community Sign in | Join | Faq

The Waiting Room

Started by Grim_Syndicate at 11-05-2005 7:34 PM. Topic has 34 replies.

Print Search
Sort Posts:    
   11-05-2005, 7:34 PM
Grim_Syndicate is not online. Last active: 2/7/2008 4:13:27 AM Grim_Syndicate



Top 500 Posts
Male
Joined on 09-11-2005
New Jersey
Posts 802
Movie [~] Tutorial: How to make animated signatures/avatars/pictures.
Reply Quote
You should know this is easy only if you're willing to take the small amount of time and effort to learn.  If you get fustrated easily or don't have much patience this may be a bit hard.  Im goin to try to go through how to do this step by step for the people who have some trouble with these things.  I can't gaurantee you'll be able to do this when im done but ill try my best to set you on the right path.

First off, we need our 2 programs to do this.  If you already have a program like Paintshop Pro or Adobe Photoshop than you dont have to download the first program below.

Jasc Paintshop Pro 9
This is the program i use to edit and make images for my annimations.  I believe this is only the 30 day trial version but if you like it and you dont like the little "Hey @sshole we let you try this for 30 days now buy it!" pop up, private message me.

Animation Shop 3
This is the program that will be used to make the annimated .gif image(s).  This is also trial i believe and if you like it after w/e the time period is, private message me.

These programs may take you some time to download depending on your connection speed, but you have these forums to chill on while you wait for the dl!  Once you have them instaled, hopefully you have no instalation or dl problems >.<, follow the steps below.

Step #1
If you have a different program besides the one i gave you, you can skip this step because you probably know how to use it. Open up Jasc Paint Shop Pro 9, if its the first time its gona ask it what type of files youll be working with, just check them all for the hell of it.  Now see the toolbar at the top that just about every program has.  Click on File and hit New.  For now since this is an example, make sure for Units: you have it set to Pixels.  Then make the Height 150 and the Width 300.  After you have done this click Ok.  Now with this New File you can copy and paste any image you want into it by coping the image from a website or something then go to Edit->Paste->Past as a New Selection.  Now that you have the image in your 150by300 file you will probably need to adjust it so it fits.  Look to the tool bar to the left of the screen, under the little white hand button (which says Pan Tool when you scroll over it) there is a lil square looking icon with dots on the corners and a dot in the middle.  Click that button and you can adjust the image by dragging the little squares on the image in your file with your mouse.  After you have adjusted the image go to Selections-Select None.  Next you may want to add some text to your image.  To do this look at the left toolbar again and click the button that is an A.  Now click where you want the text to go, once you do this a box will come up, adjust the font size etc. on the toolbar above your file, then type in the text you wish in your picture.  After you typed in the text and hit ok you can move the text where ever you want on the image and edit it if you want.  If you want now you can explore the other tools and play around with your file, if you just want to move on go to File and Save(Save As) the file as a .jpg or a .gif (and if you want the best quality save it as a .tga)  To make the annimated image you will need several images like this one you have made, so repeat this process acouple of times so we have images to work with in Animation Shop 3.

Step #2
Now that you have your images made we can "combine" them into a little slideshow like thing in Animation Shop.  So now open up Animation Shop 3 and go to File on the top toolbar and hit New and set the Height to 150 and Width to 300--then click the Ok button.  Now you should have a box labeled Animation 1.  Right click in the black part of this box and select Insert Frames->From File.  Now start Adding Files to the list in the order you wish them to go in the slideshow/animation.  Be sure they are the same size as this animation file(150x300). When you have finished adding your files click the Ok button.  Now you should have a line of photos in the order you added them from left to right.  Next, we want to delete frames that are blank which we dont want in the annimation.  So use the arrows to browse through your frames and click on any frames that are empty and then hit the Delete key on your keyboard.  After this, we need to adjust the speed of each frame.  This is very simple, just right click the frame and hit Frame Properties and there should be a box with "Display Time (in 1/100th sec): #."   Put in how long you want the slide to be displayed for in your annimation, note that every 100 units equals 1 second.  Do this for every other frame in your file/box.  After this, you are pretty much done!  Go to View and click Animation to few it before saving to see if anything is wrong.  Now go to File and Save As. You will have to adjust a little bar for Size and Quality, i always just push mine up to Best Quality and you should too. =P  Then just hit Next about 3 times and YOU JUST MADE A ANIMATED .GIF YOUR SO FUGGIN COOL!

Step #3
Now you have this cool animation you will have to upload it onto a site in order for it to be displayed in your signature.  After you have uploaded just get the link and put it between [ img ] and [ /img ] in your signature box and BICKITY BAM, you did it!


If you have any questions, additions, or edits to this tutorial dont hesitate to post or private message me.


FAQ

Q: There is a box in upper right hand corner that says lines and it has a series of different lines like barbed wire etc. and it is running it through the text and I cant seem to figure out how to stop it from doing  that.
A:  The lines for the type of line you want are NOT for like underlining but they are for like the kind of line the letters will be made from.  It is best just to keep the line a normal line.






"You're Pro or you're a noob. That's life."
   Report 
   11-06-2005, 1:26 AM
GorgeouslyJealousExGirl is not online. Last active: 1/16/2009 11:17:29 AM GorgeouslyJealousExGirl



Top 500 Posts
Female
Joined on 09-01-2005
Sacramento
Posts 2,042
Re: Tutorial: How to make animated signatures/avatars/pictures.
Reply Quote
I used to have those programs on my old computer!! I miss them. I don't want only a 30 day trial.


http://www.myspace.com/gorgeouslyjealous
   Report 
   11-06-2005, 8:34 AM
Grim_Syndicate is not online. Last active: 2/7/2008 4:13:27 AM Grim_Syndicate



Top 500 Posts
Male
Joined on 09-11-2005
New Jersey
Posts 802
Re: Tutorial: How to make animated signatures/avatars/pictures.
Reply Quote
I know how to "fix" the 30 day trial lock. And you only have to "fix" it once.


"You're Pro or you're a noob. That's life."
   Report 
   11-06-2005, 12:56 PM
GorgeouslyJealousExGirl is not online. Last active: 1/16/2009 11:17:29 AM GorgeouslyJealousExGirl



Top 500 Posts
Female
Joined on 09-01-2005
Sacramento
Posts 2,042
Re: Tutorial: How to make animated signatures/avatars/pictures.
Reply Quote
Ok, I will download it later, i don't have time right now.


http://www.myspace.com/gorgeouslyjealous
   Report 
   11-06-2005, 4:26 PM
SkaCrazedFool is not online. Last active: 1/15/2009 6:12:14 PM SkaCrazedFool

Not Ranked
Male
Joined on 09-01-2005
16686
Posts 29
Re: Tutorial: How to make animated signatures/avatars/pictures.
Reply Quote

So what you're saying is -- if I download the trial version, you can help me cheat to keep it?

I'd really like to make an animated icon, but I'm poor right now and can't even afford PSP.


Michael
   Report 
   11-07-2005, 11:43 AM
Grim_Syndicate is not online. Last active: 2/7/2008 4:13:27 AM Grim_Syndicate



Top 500 Posts
Male
Joined on 09-11-2005
New Jersey
Posts 802
Re: Tutorial: How to make animated signatures/avatars/pictures.
Reply Quote
*cough* yes *cough*


"You're Pro or you're a noob. That's life."
   Report 
   11-08-2005, 4:49 AM
Raquelface is not online. Last active: 3/17/2010 12:41:08 AM Raquelface



Top 50 Posts
Female
Joined on 09-01-2005
music obsessed
Posts 13,686
Drinks [D] Re: Tutorial: How to make animated signatures/avatars/pictures.
Reply Quote
you should be an honorary mod...

   Report 
   02-19-2006, 4:34 PM
Grim_Syndicate is not online. Last active: 2/7/2008 4:13:27 AM Grim_Syndicate



Top 500 Posts
Male
Joined on 09-11-2005
New Jersey
Posts 802
Re: Tutorial: How to make animated signatures/avatars/pictures.
Reply Quote
Bump, i had people pmin me about my sig again thought id bring this back into view.


"You're Pro or you're a noob. That's life."
   Report 
   02-20-2006, 1:15 AM
shelbyo17 is not online. Last active: 1/28/2010 8:36:53 AM shelbyo17

Top 75 Posts
Joined on 09-18-2005
0
Posts 7,574
Re: Tutorial: How to make animated signatures/avatars/pictures.
Reply Quote
thanks so much for those, but before I download them will it work on a mac?
   Report 
   02-20-2006, 1:25 PM
Grim_Syndicate is not online. Last active: 2/7/2008 4:13:27 AM Grim_Syndicate



Top 500 Posts
Male
Joined on 09-11-2005
New Jersey
Posts 802
Re: Tutorial: How to make animated signatures/avatars/pictures.
Reply Quote
Im afraid im not sure.


"You're Pro or you're a noob. That's life."
   Report 
   02-20-2006, 1:57 PM
shelbyo17 is not online. Last active: 1/28/2010 8:36:53 AM shelbyo17

Top 75 Posts
Joined on 09-18-2005
0
Posts 7,574
Re: Tutorial: How to make animated signatures/avatars/pictures.
Reply Quote
ok, i'll try to download it anyways.
   Report 
   02-20-2006, 2:05 PM
Grim_Syndicate is not online. Last active: 2/7/2008 4:13:27 AM Grim_Syndicate



Top 500 Posts
Male
Joined on 09-11-2005
New Jersey
Posts 802
Re: Tutorial: How to make animated signatures/avatars/pictures.
Reply Quote
If it works let me know.


"You're Pro or you're a noob. That's life."
   Report 
   02-20-2006, 3:19 PM
shelbyo17 is not online. Last active: 1/28/2010 8:36:53 AM shelbyo17

Top 75 Posts
Joined on 09-18-2005
0
Posts 7,574
Re: Tutorial: How to make animated signatures/avatars/pictures.
Reply Quote
nope i downloaded the painshop one, and it told me it can't open it :(
   Report 
   02-25-2006, 7:50 PM
nodoubtrox2 is not online. Last active: 9/11/2008 2:46:30 AM nodoubtrox2



Top 50 Posts
Female
Joined on 09-01-2005
Gwen brought me onstage
Posts 10,107
Re: Tutorial: How to make animated signatures/avatars/pictures.
Reply Quote

thanks for posting this!!! <---thats what you guys should be saying!!

It won't work for my comp either way, but thanks for taking your time and effort to give us this tutorial



Thank you NikkiWongJing for the awesome sig!
   Report 
   02-26-2006, 4:18 PM
VintageDisposition is not online. Last active: 2/18/2010 1:39:26 AM VintageDisposition



Top 500 Posts
Female
Joined on 09-14-2005
The Lou'
Posts 1,406
Re: Tutorial: How to make animated signatures/avatars/pictures.
Reply Quote

Question:

I have Photoshop CS, so I shan't be needing the first program. I plan to download Animation 3 from your recommendation and will PM you about a possible fix if I decide I like it.

But I have a few general questions before I go downloading

1. Is GIF the only animated picture format and have you experienced limitations on where you can post GIFs? I would think animated pics would be very cute for say facebook, xanga and myspace icons and since JPEG is the primary format of internet photos I'm curious to know how pervasive GIFs are.

2. Also, your animation is quite long, how many pictures can you fit in your animation and how big is that file when you are uploading it?

Thanks very much for this post, it excites me that there are people that are this helpful for people like me who only dabble with computers.



   Report 
  Page 1 of 3 (35 items) 1 2 3 >
No Doubt Commun... » No Doubt » The Waiting Roo... » Tutorial: How to make animated signatures/avatars/pictures.

Terms and Conditions | Privacy Policy