Welcome to Virtual Pet List

Would you like to become a member of the largest and most successful virtual pets & sim games community on the internet today? We've been opened since 2011 and we're getting very close to having over 9,000 members .who are fans of pet games and sims just like you are. So if playing a pet site or a sim game interests you, then we'd love to have you become a member of our flourishing online community.

  1. An upcoming virtual pet site that's owned by one of our moderators, Pepper-headAn upcoming virtual pet site that's owned by one of our moderators, Pepper-head sim game where you can breed your very own cats Kaylune, a virtual pet site Grophland.com : Breed virtual pets, Play, Explore
    VigLink badge
    Novilar

    Find New Virtual Pet Sites, Sim Games or Role Playing games to Play.
    Please help us expand by Promoting us - advertise on vpl
    Other Websites that we own: Virtual Pets Blog - The Admin Effect

Making avatars

Discussion in 'Art/Writing General' started by rontifu, May 24, 2012.

  1. Soooooooo.... I tried my hand at an animated avatar for the first time ever.

    I'd be curious to knows some tips and tricks people might have for avatar making. It's one thing that I wanted to do for a long time, and I guess now I learned the (VERY LOW) basics XD So of course, I want to improve myself. I'm using GIMP (BTW, anyone knows how to write in GIMP with different fonts? Couldn't find it o_O )

    Here's the one I did this morning. It's Ichumon related, yeah :p

    [​IMG]
     
    Your banner/button can be located here for an entire month or year, please see our advertising on virtualpetlist thread for more information.

  2. @rontifu ,
    I will be updating this for you.

    Make 4 layers and label them like soo.

    Inner Border : Right Click > Select > All >THEN Select > Shrink> 1 (Fill with a darker shade of the background) > THEN Select > Border > 1 (Fill with white, layer opacity :40%ish)
    Border : Right Click > Select > All >THEN Select > Border > 1 (Fill with a darker shade of the background)
    IMAGE : INSERT AVATAR IMAGE HERE
    Effect : I used Noise, for a nice effect (filter, noise, Hurl ) (Randomization = 100%) (Opacity 12%)
    Background : Fill with a gradient for example use these colours (#4d2287 / #7144ae)

    Then MERGE ALL layers.
     
    #2 Rj, May 24, 2012
    Last edited: May 24, 2012
  3. If you have the text tool active there should be a button right to "Font:" in the lower half of the toolbox. Click that to select a new font.
     
  4. *facepalm*

    Holy heck, now I feel REALLY stupid XD

    thanks for pointing this out :D
     
  5. @rontifurontifu
    Here is some of my recommendations:

    Use the 04b03 font for avatars, 8px and instead of 'strong' replace it with 'none'.
    When making a border, it's always better to do it with the pencil tool. Use it at 1px though.
    If you place a white border inside the first one, then place it as overlay.
    Never merge layers, instead place them in groups individually.. as then if you mess up, it can be fixed easily.
    If your image has a white background, then use the magic wand tool and refine it.. so that it blurs the white dots on the item.

    That's how you end up with this - [​IMG] c:
     
    #6 Martyn, May 24, 2012
    Last edited by a moderator: Oct 16, 2013
  6. There are tons of pixel fonts that work well. You just have to find the right size for them to look nice. You shouldn't limit yourself to one font.
     
  7. Well, I know NOW that little fact. XD

    I didn't actually USE a font for my first avatar. it's letters that I put there with the pencil tool, because of my stupidness in not finding the text tools XD


    Thanks @LionLion and @MartynMartyn for your ideas. Those will be useful for me :D
     
    #8 rontifu, May 24, 2012
    Last edited by a moderator: Oct 16, 2013
  8. Or you could draw them yourself using the pencil tool, like I do.
     
  9. An easy way to make inner and outer borders is to make a base, then use the layer effects "stroke" and "inner glow." Set the stroke to 2px inside black (or a dark color.) You can set it to multiply if you have a texture that you want shown through, or change the opacity. For the inner glow, set the size to 1px and the choke to 100%. Again, mess with the blending modes if you want, I use overlay usually.

    The cool thing about this is that then you can erase to make funky looking borders and stuff without having to ever manually draw your outlines. If you make a mistake, you can just pencil in the base color again and the layer effects will redraw the outlines.

    The result:
    [​IMG]

    BooPets obviously needs spinning toothbrushes everywhere >_>:... but the borders, those are the important part.
     
  10. @rontifurontifu - Mine was more directed at Martyn. There are a lot of nice pixel fonts that you can use and some are quite stylized. If you can't find some that you like you can even use premade ones and edit them.

    You don't even need to put a border on the font. You just have to make sure that people are able to read it. Ignore the flashing green background that I didn't remove in the editing process haha.

    [​IMG]


    You can also use webdings/wingdings to make special pixel characters.

    [​IMG]



    [​IMG][​IMG]


    Also you don't have to stick to simple images with flashy text. Look at the item/pet/world you're using and build off of that. For this one the avatar featured a ghost so I though "Oh let's make it go transparent!" The other one was kind of spooky as well so I did the same thing.



    [​IMG] [​IMG]

    This one was just dots on a page and I made the animation look like the puzzle was being completed/coloured in. You can even tell short stories with the avatars like the second one (although the file size can get pretty big).

    Of course avatars can look great with no animations/simple text animations (even no text animations). It all depends on what the subject is. In yours Alice's eyes could have glowed, or you could have had a binary code background that moved, or you could stick with your text animation.

    Like @DreaDrea said textures are good to use as well. You can use simple line/pixel textures (diagonal lines, circles, etc.) or premade textures. I sometimes like to use the Screen effect with a texture of various colours which can give you a similar effect to my current avatar.​
     
    #11 Aesop, May 24, 2012
    Last edited by a moderator: Oct 16, 2013
  11. Thanks for all your tips everyone.


    I've been fiddling with GIMP and learning it's basic features. Came up with 2 creations for Alice (again, yeah). Think I improved a bit :) Tell me what you think:)



    [​IMG]
    Tried a non-square border here.

    [​IMG]
    Fiddled here with the font effect, increased sharpness of image and made the eye twinkle a bit :)
     
  12. They're looking pretty good so far! :O
    lawd I'm using ImageReady to do my avatar animations. I'll have to find some other alternative sooner or later.

    On the issue with fonts, there are times some of the fonts don't work in my fancy. Have you guys tried drawing the letters out yourself?

    And, if you don't mind drawing some effects out yourself, especially a shine animation, it can look pretty good if you know how to break it up. In these avatars, layer after layer with a brush, set to Overlay or Screen to make the "shine" effect.
    [​IMG][​IMG]
     
    #13 jakdacrowe, May 26, 2012
    Last edited: May 26, 2012
  13. Sure. : ) I don't usually find that I need to, though. I've got so many different fonts that they generally do the job. If I hand-write it's usually for custom block script with lowercase "i's", "e's", etc.
     
    #14 Drea, May 26, 2012
    Last edited: May 26, 2012
  14. I found out how to make ALL fonts work now. If you download the .ZIP file, then EXTRACT the fonts to a folder on your DESKTOP, when you have collected ALL the fonts you want, DRAG and DROP them into the FONTS (official) folder.
    ;)
     
  15. Nice work. Avatar making used to be a huge market. I wonder if it still is.
     

Share This Page

  • About VPL

    Our community has been around for many years and pride ourselves on offering unbiased, critical discussion among people of all different backgrounds. We are working every day to make sure our community is one of the best.
  • Like VPL on Facebook!

  • Support VPL

    We have to face that the site doesn't run for free sadly. If it did, we would be all set but unfortunately the costs are getting higher and higher as we grow. We offer members a Supporter premium usergroup. If you donate to VPL you are joined to this group and you get many perks that members do not get.

    Donate to VPL!