Page 1 of 1

Tutorial: Create your own Avatar in MS Paint

PostPosted: February 24th, 2008, 2:14 pm
by Qyzbud
This is a simple tutorial for anyone wanting to make a DKC Atlas Forum Avatar in MS Paint.

A tutorial for making avatars in GIMP is available here.


I will improve this MS Paint tutorial when time permits.


Note: Avatars are to be 96 pixels wide and 72 pixels tall.

All you need is for this tutorial is a screenshot from any DKC game (easy to capture using an emulator), the 'frame' file attached to this post, and of course MS Paint.

You will turn a screenshot like this:
diddy-win.png
diddy-win.png (36.63 KiB) Viewed 91490 times


Into an Avatar like this:
avatar-diddy-win.png
avatar-diddy-win.png (3.93 KiB) Viewed 91487 times



Before you start, please save this file:
frame.png
frame.png (246 Bytes) Viewed 91486 times



On with the tutorial!

1. Open a DKC screenshot of your choice in MS Paint.

2. Open the frame file you saved (frame.png) in a new instance of MS Paint. (this means you'll have two MS Paints open at the same time - one with your screenshot, and one with 'frame.png')

3. Select all of frame.png, copy it, and paste it into the MS Paint window that your screenshot is in.

4. At the base of the toolbar are two icon that look like a collection of coloured shapes on a yellow background. Click on the bottom one of these, and the frame you pasted in should now become transparent.

5. You can now click on the frame and drag it until it outlines the section of your screenshot which you want to use as your avatar.

6. When it's where you want it, click View > Zoom > Large Size (you may need to scroll until the framed section is on screen, you may not) and click and drag to select everything inside the frame's grey outline (without selecting any of the grey outline itself). Now copy, and paste this into another new instance of MS Paint.

7. If there is white canvas area beneath/to the right of your newly pasted avatar, resize the canvas area until the status bar says 96x72.

8. If things look right, save your file as a PNG with a name of your choice.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: February 24th, 2008, 2:26 pm
by cfh
Neat. So you will add the effects?

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: February 25th, 2008, 2:52 am
by Jomingo
Thanks, this will come in handy.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: February 25th, 2008, 11:10 am
by Qyzbud
I don't think there is any way to create decent scanline effects in Paint, but I'm sure the GIMP can handle it! I'll have a chance to try out the GIMP and write a tutorial on Wednesday or Thursday this week, so hopefully this MS Paint tute is good enough for the time being.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: February 25th, 2008, 11:12 am
by cfh
OK, then. I'll wait for the GIMP tutorial.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: February 26th, 2008, 6:44 am
by Jomingo
Can't wait. Should be very interesting.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: February 28th, 2008, 2:53 pm
by cfh
I found out how to do scanlines in GIMP when I made my Picture Thread picture. Just go to Filters > Distort > Video. :D

But I don't know if it's the same looking :|

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: February 28th, 2008, 7:07 pm
by Kowbrainz
cfh wrote:I found out how to do scanlines in GIMP when I made my Picture Thread picture. Just go to Filters > Distort > Video. :D

But I don't know if it's the same looking :|



You'll have to do it with a larger image first, then resize it afterwards in this case I think.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: February 28th, 2008, 9:42 pm
by cfh
Qyzbud, you should make a tutorial for the program you use.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: March 1st, 2008, 12:43 pm
by Qyzbud
Okay, I've been teaching myself to use the GIMP. I think that's the best approach, as it's freely available to everyone. I personally use Photoshop, but that's a very expensive package. I use it because I'm a web & digital graphics designer by trade, but I'm starting to appreciate how capable the GIMP is. Not quite as slick as Photoshop, but it's certainly the better option if you don't have cash to splash around.

Besides, anyone who's invested in a copy of Photoshop... I'd expect they'd be serious enough about graphics that they could easily work out how to crop, border and filter a screenshot!

I'll create a new thread for the GIMP tutorial when it's ready.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: March 1st, 2008, 12:45 pm
by cfh
Sounds good. Does this mean you found a way to make the scanlines look the same?

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: March 1st, 2008, 1:46 pm
by Qyzbud
More or less.

The scanlines effect is essentially just a looping pattern two white pixels above two black pixels, which when repeated, appears as 1px thin horizontally layered white and black lines. This pattern is then faded to an opacity of say... 6%, to give subtle but visible 'scanline' effect.

Could be done quite easily in any program with layers and opacity.

The only thing Paint can't do is opacity. Oh, and layers. ;)


EDIT: Okay guys, the new GIMP tutorial can be found here: Tutorial: Create your own Avatar with the GIMP!

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 22nd, 2008, 10:19 am
by Kiddy14
I've made my own one with this tuto, thanks Qyz! =) What do you think of it? I don't think I'll get rid of it in a long time =)

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 22nd, 2008, 10:43 am
by Jomingo
I like it! It's awesome!

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 22nd, 2008, 11:13 am
by Kiddy14
Thks! :)

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 23rd, 2008, 8:07 am
by Diddy_Gal
Nice avatar, Kiddy14!
But how did you added the DKC2-like letters on yours?

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 23rd, 2008, 9:11 am
by Qyzbud
Yeah, good work Kiddy. Very nice looking, clear and distinctive.

Image
^ for future reference ^

Blends elements of DKC2/3 nicely, but nothing from the original? I would have thrown in a butterfly from Jungle Hijinxs if I was you. Don't go stealing my great idea now! :D

By the way, what a cheeky grin that young ape has... It would make a great smiley... *begins scheming*

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 23rd, 2008, 9:53 am
by Stone
I also think Kiddy's avatar is a nice composition.
Kiddy, do you still have something like a bmp or psd version of your avatar? I'm sure it would look even more wonderful by saving it as png instead of jpg.

Edit: I've just noticed that the frame.png has an extra 1 pixel grey line, is this done on purpose Qyz? It makes the whole picture 1 pixel bigger on each side than the example pic ;)

Edit2: Can anyone explain why GIMP uses less kb for the same png than Photoshop?
And here's Kiddy's avatar in jpg and png, thanks to GIMP the png is 3,4 kb (Photoshop was about 7,2 kb, which couldn't be uploaded to DKC-Atlas):
Image Image

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 23rd, 2008, 11:10 am
by Jomingo
Gnawty.png
Gnawty.png (16.3 KiB) Viewed 91197 times

I was bored, and noticed that the "gallery" for avatars in the control panel has very few avatars that aren't already taken. So I decided to try out this editor.
What do you think?

EDIT:
butterfly.png
butterfly.png (16.23 KiB) Viewed 91172 times

I made another one.

EDIT2:
Gnawtyfalling.png
Gnawtyfalling.png (17.07 KiB) Viewed 91197 times

DKonRambi.png
DKonRambi.png (16.73 KiB) Viewed 91192 times

Two more. By the way, all four of these are from the same screenshot. Are they good? This is kinda fun.

EDIT3:
DKandDiddy.png
DKandDiddy.png (16 KiB) Viewed 91186 times

RambiCrate.png
RambiCrate.png (16.34 KiB) Viewed 91181 times

Here's two more.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 23rd, 2008, 3:57 pm
by Qyzbud
Those are okay, Jomingo (although some are missing, and the others are unusually 'smooth' looking...), but I'm finding myself liking the more creative 'composite' style ones that people are making for themselves. They are just more interesting and unique... I might work on a few, using that approach. It would be great to have a bit more of a gallery for new (and current) users to choose from.

Stone wrote:I've just noticed that the frame.png has an extra 1 pixel grey line, is this done on purpose Qyz?

Yeah, that grey border is to help keep the black border visible when using dark screenshots. The grey border is supposed to be cropped off when you're done. I should edit step 7 of the tutorial to make this more clear... in fact I'll do so now. ;)

Stone wrote:Can anyone explain why GIMP uses less kb for the same png than Photoshop?

I should probably answer this in the GIMP avatar tutorial thread, but since you asked here I'll do my best to answer here this time. Are you saving as PNG-8 or PNG-24? That might be what's responsible for such a difference in file size. Saving with 8-bit colour is fine for SNES graphics; 24-bit is overkill, and will increase the file size significantly with (generally) no improvement in appearance.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 24th, 2008, 1:40 am
by Jomingo
I fixed them. Sorry you don't like them, it's my first time. What do you mean "smooth looking"?

EDIT:
Diddyon Rambi.png
Diddyon Rambi.png (17.34 KiB) Viewed 91148 times

DKCMAP.png
DKCMAP.png (17.87 KiB) Viewed 91146 times

Ellie.png
Ellie.png (18.29 KiB) Viewed 91149 times

Dixie and Kiddy.png
Dixie and Kiddy.png (15.63 KiB) Viewed 91145 times

I'm bored, so I keep making these. Use them if you want to, doens't matter to me.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 24th, 2008, 7:56 am
by Jomingo
Kroolnstein.png
Kroolnstein.png (16.16 KiB) Viewed 91140 times

lostworld.jpg
lostworld.jpg (3.08 KiB) Viewed 91141 times

Krow.png
Krow.png (18.32 KiB) Viewed 91135 times

Quawks.png
Quawks.png (15.49 KiB) Viewed 91132 times

Zinger.png
Zinger.png (15.7 KiB) Viewed 91132 times

Koin.png
Koin.png (15.71 KiB) Viewed 91129 times

Some more. Finally something kinda productive to do with my time.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 24th, 2008, 10:46 am
by Kiddy14
Diddy_Gal wrote:But how did you added the DKC2-like letters on yours?

I used a sprite sheet of the letters I found on the net :D
Qyzbud wrote:...but nothing from the original?

I didn't think of it you know, I had a little poor space to work on, that's why =)
Stone wrote:I'm sure it would look even more wonderful by saving it as png instead of jpg.

I stupidily forgot to change Paint's saving preferences to png :(
Can I use Image instead of my actual one? I also think it looks better like a png.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 24th, 2008, 11:36 pm
by Stone
No problem, it's your Avatar at last ;)
And it is also a png. Oh I see, it's already in use. Nice!

Kiddy14 wrote:I used a sprite sheet of the letters I found on the net :D

I think I've found the same site, because all the elements needed for recreating your Avatar were there, too.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 25th, 2008, 10:41 am
by Jomingo
diddy.png
diddy.png (12.11 KiB) Viewed 91077 times
Kritter.png
Kritter.png (13.26 KiB) Viewed 91052 times
Slippa1.jpg
Slippa1.jpg (3.32 KiB) Viewed 91052 times
Slippa2.png
Slippa2.png (18.01 KiB) Viewed 91052 times
Winky.png
Winky.png (15.63 KiB) Viewed 91050 times

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 25th, 2008, 10:48 am
by gamer_boy997
Nice avatars Jomingo! Diddy_Gal might like the first one.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 25th, 2008, 10:50 am
by Jomingo
Thanks! :D I think she just changed her's recently though.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 25th, 2008, 10:52 am
by gamer_boy997
Yeah, a couple days ago I believe. She might use it when she gets tired of her current avatar though.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 25th, 2008, 10:53 am
by Jomingo
Yeah, that or my Diddy on Rambi one.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 25th, 2008, 10:54 am
by gamer_boy997
Or the Diddy on Quawks one, :lol: .

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 25th, 2008, 10:56 am
by Kiddy14
Poor Diddy_Gal :roll:

Jomingo wrote:What do you mean "smooth looking"?

They look kind of smoothy and not pixelized =P Look:
ImageImage
See how Rambi looks kind of pixelized square-y while Diddy looks smooth spongy? =P
But the pictures are cool in my opinion =)

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 25th, 2008, 11:00 am
by Jomingo
Oh, I didn't know "smoothness" was a bad thing. I think they look better that way.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 25th, 2008, 11:06 am
by Simion32
Here's a clearer rendition of Jomingo's current avatar, done in MSPaint:
LostWorld.PNG
LostWorld.PNG (4.97 KiB) Viewed 91005 times
How it's done: Select an area, then hold Ctrl and press + and/or - on the numpad to scale the selected area in factors of 2.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 25th, 2008, 11:17 am
by Jomingo
It's cool, but I like mine better.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 26th, 2008, 3:45 am
by Kiddy14
I took Qyz's idea and added some stuff in my picture, I didn't add a butterfly though.

Original:
Image

With a tire:
kiddyconllanta.png
kiddyconllanta.png (3.96 KiB) Viewed 90948 times


With a level end sign:
kiddyconsenal.png
kiddyconsenal.png (4 KiB) Viewed 90946 times


I don't like neither, but, oh well, what do you think?

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 26th, 2008, 3:50 am
by Jomingo
I don't know, I think they look kinda cluttered that way. The level sign is kinda cool though.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 26th, 2008, 6:10 am
by Kiddy14
Maybe if I make it smaller, oh well, I made this one:

kiddymoneda.png
kiddymoneda.png (4.2 KiB) Viewed 90977 times

It adds a little bramble sprite and a DK Coin font.

EDIT: This is the bramble sprite solo:
kiddyconbramble.png
kiddyconbramble.png (4.11 KiB) Viewed 90968 times

I may use it.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 26th, 2008, 7:09 am
by Jomingo
I love that DK Coin one.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 31st, 2008, 10:44 am
by Malmo
Hey Qyzbud, is this the right place to approve new avatars? Sorry if I'm doing this wrong, I checked just about every relevant thread.

http://i44.photobucket.com/albums/f44/M ... ingers.jpg

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 31st, 2008, 10:51 am
by Jomingo
If you made it in MS Paint I don't see why not post it here, though I think we were using the Avatar/Signature Guidelines Discussion topic for this. I posted all of mine here, so it should be fine.


By the way, your current avatar of Cranky Kong is already taken by a moderator here, so you should change it. You shouldn't use the gallery because almost all of them are taken, so you should either make one of your own or use one somebody has made. That one you made there: I can't tell if it's the right size just by looking at it, but if it's 96x72 I think it's ready for you to use. It looks pretty cool by the way. :D

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 31st, 2008, 10:58 am
by Kiddy14
I like it too =)
Just change it from 86x70 to 96x72 ;) And be sure it's surrounded with 2 pixels wide lines, or use the frame Qyz posted at the beginning, just make sure the final file is 96x72.

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: July 31st, 2008, 11:36 am
by Malmo
Thanks. This should be okay, right?

(I'll take requests for any no animal signs, if anyone would like)

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: August 1st, 2008, 3:07 am
by Qyzbud
Malmo wrote:Hey Qyzbud, is this the right place to approve new avatars?

Thanks for checking - Jomingo's right that we were using a different topic for the submissions/approvals, but I must say we aren't really all that organised with the avatar side of things just yet. :roll: Your avatar is great, by the way. Very clever and well made. :D (although it may look nicer if saved as a PNG... JPG files tend to lose clarity)

Re: Tutorial: Create your own Avatar in MS Paint

PostPosted: August 1st, 2008, 2:24 pm
by FunkyKong
All these avatars are very nice! Great work! :D