Insimenator.org

Simmers' Paradise => Contests & Challenges => Topic started by: puppetfish on November 12, 2008, 09:59:25 am



Title: Avatar Making with the Gimp
Post by: puppetfish on November 12, 2008, 09:59:25 am
Hi!  Kielen inspired me to fiddle around with the Gimp, and as I am not very patient ~ LOL ~ I managed to stumble on the way to make an Animated Avatar using the Gimp!!

Step 1 -  Open up the Gimp and make a new picture, size 100 by 100 (or whatever size your website specifies, as each one has different sizes allowed)

(http://i277.photobucket.com/albums/kk79/puppetfish1/avatar/1.jpg)

 (also, click on Dialogs / Create New Dock / Layers, Channels & Paths  -  so that you can see your layers)

Minimize this New Pic

(http://i277.photobucket.com/albums/kk79/puppetfish1/avatar/2.jpg)

Step 2 - Import your desired pictures!  (most of you know how to do this next part, for those who don't, please follow along)

Go to File / Open / choose whatever pic you want

Once it's open, go to Tools / Transform Tools / Scale  ~  then scale your pic to the wanted size.

(http://i277.photobucket.com/albums/kk79/puppetfish1/avatar/3.jpg)

Then go to Edit / Cut and cut pic, then close image without saving

Then go back to your New Pic and choose Edit / Paste  then go to Layer / New Layer and there you go, you've created a layer!

 (http://i277.photobucket.com/albums/kk79/puppetfish1/avatar/4.jpg)

Step 3 -  Repeat Step 2 for each added layer

Step 4 - *optional*  you can add any flashy extras to each layer at this stage from you filters bar.  

Step 5 - Now you are ready to make the Avatar!

Go to File / Save   & under 'Select File Type" choose  Gif Image  ~  make sure you give your avatar a cool name and press save

This box will pop up ~ click on the highlighted buttons ~ press Export

(http://i277.photobucket.com/albums/kk79/puppetfish1/avatar/5.jpg)

Then this box will pop up ~  leave it marked the way I have it, except for the "Delay between frames where unspecified"  Just remember, the higher the number, the slower your frames will change.  Press Save

(http://i277.photobucket.com/albums/kk79/puppetfish1/avatar/6.jpg)

Step 6 -  Enjoy your new Avatar!!

(http://i277.photobucket.com/albums/kk79/puppetfish1/avatar/testavatar.gif)

I hope this helped, and that I didn't confuse you!!

**To change / edit / add on to existing Avatars***

1. First, open up your Avatar with the Gimp

2. Second, Click Add New Layer
(http://i277.photobucket.com/albums/kk79/puppetfish1/avatar/1a.jpg)

3. Put whatever graphic / text you want on your new layer

4. Then click on Save As  - NOT SAVE
(http://i277.photobucket.com/albums/kk79/puppetfish1/avatar/2a.jpg)

5.  Give your Avatar a new name
(http://i277.photobucket.com/albums/kk79/puppetfish1/avatar/3b.jpg)

6.  Follow Step 5 from above and then enjoy your Newest Avatar!
(http://i277.photobucket.com/albums/kk79/puppetfish1/avatar/testavatar2.gif)

(just to let you know, you will need to replace the old Avatar with the new, edited one on whatever web site you've all ready put it on)


Title: Avatar Making with the Gimp
Post by: Netra on November 12, 2008, 10:11:59 am
Nice tut puppetfish! This should really help some people with avie making. :)


Title: Avatar Making with the Gimp
Post by: EKozski on November 12, 2008, 10:40:07 am
I've been waiting for this.

Thank you.

If I wanted to add a picture to an avatar after it's been made, can I modify/edit it or do I have to make a whole new one?


Title: Avatar Making with the Gimp
Post by: puppetfish on November 12, 2008, 12:19:19 pm
Quote from: Netra;1453247
Nice tut puppetfish! This should really help some people with avie making. :)


Thanks!  I always wanted to learn this, and when Kielen :worship:suggested it could be done with Gimp, I was so excited!!

Quote from: EKozski;1453259
I've been waiting for this.

Thank you.

If I wanted to add a picture to an avatar after it's been made, can I modify/edit it or do I have to make a whole new one?


Your welcome!

I've updated the tutorial with the information you'll need!  Have fun!:blob6:


Title: Avatar Making with the Gimp
Post by: Kielen on November 12, 2008, 10:38:44 pm
Yay!!! I'm so glad you were able to put this up. Work has just been ludicrous, and I haven't even had time to get Gimp reinstalled. *hugs* Thanks!


Title: Avatar Making with the Gimp
Post by: Pilotpigen on November 13, 2008, 02:49:07 am
Thank you so much for this!


Title: Avatar Making with the Gimp
Post by: EKozski on November 13, 2008, 03:28:35 am
I'm curious about something. When I make the avatar and save it, there's this one empty white square. Is that a layer or......?

I'm thinking I should delete something, I just don't know what.


Title: Avatar Making with the Gimp
Post by: puppetfish on November 13, 2008, 10:47:06 am
Quote from: EKozski;1454286
I'm curious about something. When I make the avatar and save it, there's this one empty white square. Is that a layer or......?

I'm thinking I should delete something, I just don't know what.


Hmmm, I'm not sure.  Can you post your Avatar here?  Seeing it might help me figure it out!  :wave:


Title: Avatar Making with the Gimp
Post by: EKozski on November 13, 2008, 04:12:44 pm
Here you go:


Title: Avatar Making with the Gimp
Post by: AlbinoBambi on November 13, 2008, 05:02:11 pm
EKozki, I'm suspecting that you forgot to merge one layer with the background.
When you're viewing all your layers, is your background just white? because that would mean that you need to merge on of the three other layers with the background-layer, so that there are only 3 layers.

I'm not sure though, but that's my first guess after having some GIMP and avatar-making experience myself. :)


Title: Avatar Making with the Gimp
Post by: EKozski on November 13, 2008, 05:03:33 pm
I'll have to try that out.

Thank you.


Title: Avatar Making with the Gimp
Post by: EKozski on November 13, 2008, 09:43:45 pm
I think I finally got it after about seven different tries.

I don't even remember what I did.......


Title: Avatar Making with the Gimp
Post by: puppetfish on November 13, 2008, 10:28:20 pm
:worship:Thank you AlbinoBambi for helping Ekozski out!  That's exactly what I would have said!!


Title: Avatar Making with the Gimp
Post by: Trepie22 on November 14, 2008, 05:29:16 am
EKozski it looks like you've got an extra frame (a duplicate I mean) of the brown haired guy (sorry I don't know his name) - maybe you pasted that over the frame that was showing up blank?

Looks good though! :)


Title: Avatar Making with the Gimp
Post by: EKozski on November 14, 2008, 07:26:06 am
Thank you.....

I just noticed it. I saw the lag in the pictures changing.

Oh well, back to the drawing board.......


Title: Avatar Making with the Gimp
Post by: puppetfish on November 14, 2008, 11:34:38 am
EKozki -  try merging those two layers together, the one that is lagging.  Maybe that will help!


Title: Avatar Making with the Gimp
Post by: EKozski on November 14, 2008, 09:36:28 pm
I'll give that a try.


Title: Avatar Making with the Gimp
Post by: MaAlet on November 24, 2008, 12:06:49 pm
O wow this is certainly worth trying! Thank you very much for this tutorial!


SimplePortal 2.1.1