How To Make a Moonlost Style Pixel Avatar!

This is the place to request an avatar, get opinions on your signatures ... anything involving forum art!
Forum rules
Be respectful of others or else. Read the details.
User avatar
Moonlost
Illustrious Master Hunter
Illustrious Master Hunter
Posts: 3888
Joined: Fri Feb 05, 2010 5:47 am
Realm: Wyrmrest Accord (Horde), Moonguard (Alliance)
Gender: Fembot
Location: Satellite of Love

Re: How To Make a Moonlost Style Pixel Avatar!

Unread post by Moonlost »

Agreed, very nice work, I like it alot! :D

Image

User avatar
Daranara
Artisan Hunter
Artisan Hunter
Posts: 691
Joined: Tue Feb 02, 2010 11:57 pm
Realm: Lightbringer
Gender: Female

Re: How To Make a Moonlost Style Pixel Avatar!

Unread post by Daranara »

As I was unsatisfied with that one, I tried it once more, and am posting it here because... y'know, why not?

Image

And with that, I think I surrender from this sort of thing, 'cause damn, y'all. Pixel work is crazy.

Image
Daranara - Night Elflet Huntar - Lightbringer US
Gearfeathers on FR

User avatar
Lupis
Petopia Artist
Posts: 11049
Joined: Sat Jan 23, 2010 10:43 pm
Realm: Moon Guard
Gender: Agender [They-them]

Re: How To Make a Moonlost Style Pixel Avatar!

Unread post by Lupis »

That looks awesome, Dan!!

Tumblr ~ Flight Rising
Avatar by Kamalia, signature by me!

Image

User avatar
Daranara
Artisan Hunter
Artisan Hunter
Posts: 691
Joined: Tue Feb 02, 2010 11:57 pm
Realm: Lightbringer
Gender: Female

Re: How To Make a Moonlost Style Pixel Avatar!

Unread post by Daranara »

Haha, thanks!

Oh! And by the by, it is alright I use it, yeah? I've been on forums where people get huffy about this kind of thing (no, really. Avatars are serious business), and I just don't want to step on any toes by having it up...

Image
Daranara - Night Elflet Huntar - Lightbringer US
Gearfeathers on FR

User avatar
Lupis
Petopia Artist
Posts: 11049
Joined: Sat Jan 23, 2010 10:43 pm
Realm: Moon Guard
Gender: Agender [They-them]

Re: How To Make a Moonlost Style Pixel Avatar!

Unread post by Lupis »

Of course you can use it. ^.^

Tumblr ~ Flight Rising
Avatar by Kamalia, signature by me!

Image

User avatar
Daranara
Artisan Hunter
Artisan Hunter
Posts: 691
Joined: Tue Feb 02, 2010 11:57 pm
Realm: Lightbringer
Gender: Female

Re: How To Make a Moonlost Style Pixel Avatar!

Unread post by Daranara »

Woo!

I figured as much, since we're so much more chill around here than in other places, but I figure is better to ask if in doubt!

That said, man y'all have my respect to keep enjoying it time and time again. It's not exactly a quick and easy thing, is it? :P

Image
Daranara - Night Elflet Huntar - Lightbringer US
Gearfeathers on FR

User avatar
Lupis
Petopia Artist
Posts: 11049
Joined: Sat Jan 23, 2010 10:43 pm
Realm: Moon Guard
Gender: Agender [They-them]

Re: How To Make a Moonlost Style Pixel Avatar!

Unread post by Lupis »

Nope, not quick at all. Usually takes me two hours per avatar, though some are faster than others. Gondria has got me stumped and that's taken a bit of thought, though.

Tumblr ~ Flight Rising
Avatar by Kamalia, signature by me!

Image

User avatar
Daranara
Artisan Hunter
Artisan Hunter
Posts: 691
Joined: Tue Feb 02, 2010 11:57 pm
Realm: Lightbringer
Gender: Female

Re: How To Make a Moonlost Style Pixel Avatar!

Unread post by Daranara »

Erf, I can imagine. Semi-transparent pixels are not easy D:

Image
Daranara - Night Elflet Huntar - Lightbringer US
Gearfeathers on FR

User avatar
Xella
Artisan Hunter
Artisan Hunter
Posts: 681
Joined: Mon Mar 14, 2011 11:53 pm
Realm: Skywall-US
Gender: Female
Contact:

Re: How To Make a Moonlost Style Pixel Avatar!

Unread post by Xella »

If you shaded your image like usual, but then removed the base colouration, that should give you a pretty good semi-transparent base to work from, yea? You may need to take a low-opacity eraser to the center (or better, use a layer mask so you can adjust it in both directions, not just one), and having your outline be a colour other than black may enhance the impression of transparency (and also make it easier to see both on the lighter backgrounds and on Lucid Lime, which looking at the browsing options, seems to be the dark-backgrounded option for these forums). Um, something like so:

Image
(Superquick example that looks better on a dark background than a light one, but it looks okay on light too, I think!)

I know at least on Karoma/the Grimtotem Spirit Guide, the edges of the, um... parts, are the parts that have semi-opacity, while the centers of each piece grow more and more transparent, with another layer of fur being more opaque on the edges and transparent towards the center of the body again. Having the highlighting and shading on its own, away from a base, offers a similar look of transparency. Gondria seems a bit more consistently transparent, but you might be able to get a good effect by applying the same principle.

Also, I didn't see this mentioned in this thread so maybe it's new (or maybe it's been discussed elsewhere, or you already know about it, or whatever!), but at least in Photoshop CS1+, there's an option to have two windows of the same image open at the same time, and any changes to one will be reflected in the other, so you can have your actual-size image open at the same time as your zoomed in one, saving you from having to zoom in and back out to make changes. I find it's super-helpful when doing pixelly things like the avatars you folks are so good at :D

Under Window -> Arrange, there should be an option for "New Window for [your filename here]." If there's not, go into Window -> Workspace and choose your Workspace from the dropdown. If you haven't set up a workspace, hit "Save Workspace" and name it. You might be able to skip that step in later versions of CS, but since I'm using the original CS (8.0), I can't be sure. Also if I've just confused the snot out of you, uh... oops ._. Have a visual guide instead n_n;;
User avatar
Lupis
Petopia Artist
Posts: 11049
Joined: Sat Jan 23, 2010 10:43 pm
Realm: Moon Guard
Gender: Agender [They-them]

Re: How To Make a Moonlost Style Pixel Avatar!

Unread post by Lupis »

Dang, Xella, you draw an awesome Karoma! Looks much better than mine. xD Love that pose.

Tumblr ~ Flight Rising
Avatar by Kamalia, signature by me!

Image

User avatar
Xella
Artisan Hunter
Artisan Hunter
Posts: 681
Joined: Mon Mar 14, 2011 11:53 pm
Realm: Skywall-US
Gender: Female
Contact:

Re: How To Make a Moonlost Style Pixel Avatar!

Unread post by Xella »

Aw, ty! (though I think your Karoma is pretty gorgeous ;3 and super-accurate!) I used the grey wolf as a reference, since I don't have modelviewer (wish the Mac version was still updated! Oh, the brief period of time we had one was so heavenly!) so that kind of feels like cheating... but it's the same model in the end so I suppose it's all right!
User avatar
Lupis
Petopia Artist
Posts: 11049
Joined: Sat Jan 23, 2010 10:43 pm
Realm: Moon Guard
Gender: Agender [They-them]

Re: How To Make a Moonlost Style Pixel Avatar!

Unread post by Lupis »

*Whispers*
I'm mostly looking reallllllyyy closely at reference screenshots I take and taking the pose/color from that.
So you're not cheating. ^.^
Sometimes I take liberties (as with Gondria) but mostly I'm just trying to make it look like the in-game model. I'm not that creative...

I use a mac too, so I really wish the Mac WMV was updated too! Argh, I loved that thing!

Tumblr ~ Flight Rising
Avatar by Kamalia, signature by me!

Image

User avatar
Moonlost
Illustrious Master Hunter
Illustrious Master Hunter
Posts: 3888
Joined: Fri Feb 05, 2010 5:47 am
Realm: Wyrmrest Accord (Horde), Moonguard (Alliance)
Gender: Fembot
Location: Satellite of Love

Re: How To Make a Moonlost Style Pixel Avatar!

Unread post by Moonlost »

Xella wrote:Also, I didn't see this mentioned in this thread so maybe it's new (or maybe it's been discussed elsewhere, or you already know about it, or whatever!), but at least in Photoshop CS1+, there's an option to have two windows of the same image open at the same time, and any changes to one will be reflected in the other, so you can have your actual-size image open at the same time as your zoomed in one, saving you from having to zoom in and back out to make changes. I find it's super-helpful when doing pixelly things like the avatars you folks are so good at :D

Under Window -> Arrange, there should be an option for "New Window for [your filename here]." If there's not, go into Window -> Workspace and choose your Workspace from the dropdown. If you haven't set up a workspace, hit "Save Workspace" and name it. You might be able to skip that step in later versions of CS, but since I'm using the original CS (8.0), I can't be sure. Also if I've just confused the snot out of you, uh... oops ._. Have a visual guide instead n_n;;
That... is a really cool tip, thank you! :D
Hehe, I'm still learning how to work Photoshop truth be told. My layout isn't much more than the basic setting and I'm only just learning how to work with the variant layer types. (Overlay!) So I'll take all the help I can get.
Also, I love your ghost wolf :3

Image

User avatar
Royi
 
Posts: 3688
Joined: Tue Jul 27, 2010 12:08 pm
Realm: Ysera
Location: Under a Rock

Re: How To Make a Moonlost Style Pixel Avatar!

Unread post by Royi »

wow, you crazy artists and your art.

Nuts how you make those Moon (and everyone else). Super talent indeed :)
:) ~ Formally known as Royi ~
User avatar
Daranara
Artisan Hunter
Artisan Hunter
Posts: 691
Joined: Tue Feb 02, 2010 11:57 pm
Realm: Lightbringer
Gender: Female

Re: How To Make a Moonlost Style Pixel Avatar!

Unread post by Daranara »

Xella wrote:...Also, I didn't see this mentioned in this thread so maybe it's new (or maybe it's been discussed elsewhere, or you already know about it, or whatever!), but at least in Photoshop CS1+, there's an option to have two windows of the same image open at the same time, and any changes to one will be reflected in the other, so you can have your actual-size image open at the same time as your zoomed in one, saving you from having to zoom in and back out to make changes. I find it's super-helpful when doing pixelly things like the avatars you folks are so good at :D

Under Window -> Arrange, there should be an option for "New Window for [your filename here]." If there's not, go into Window -> Workspace and choose your Workspace from the dropdown. If you haven't set up a workspace, hit "Save Workspace" and name it. You might be able to skip that step in later versions of CS, but since I'm using the original CS (8.0), I can't be sure. Also if I've just confused the snot out of you, uh... oops ._. Have a visual guide instead n_n;;

...This is kind of a fantastic thing I did not know, right here. How interesting! (this may mean I might have to try it a -third- time. Erf.)

Image
Daranara - Night Elflet Huntar - Lightbringer US
Gearfeathers on FR

User avatar
Lupis
Petopia Artist
Posts: 11049
Joined: Sat Jan 23, 2010 10:43 pm
Realm: Moon Guard
Gender: Agender [They-them]

Re: How To Make a Moonlost Style Pixel Avatar!

Unread post by Lupis »

Xella wrote:Also, I didn't see this mentioned in this thread so maybe it's new (or maybe it's been discussed elsewhere, or you already know about it, or whatever!), but at least in Photoshop CS1+, there's an option to have two windows of the same image open at the same time, and any changes to one will be reflected in the other, so you can have your actual-size image open at the same time as your zoomed in one, saving you from having to zoom in and back out to make changes. I find it's super-helpful when doing pixelly things like the avatars you folks are so good at :D

Under Window -> Arrange, there should be an option for "New Window for [your filename here]." If there's not, go into Window -> Workspace and choose your Workspace from the dropdown. If you haven't set up a workspace, hit "Save Workspace" and name it. You might be able to skip that step in later versions of CS, but since I'm using the original CS (8.0), I can't be sure. Also if I've just confused the snot out of you, uh... oops ._. Have a visual guide instead n_n;;
Oooh, thanks for pointing this out, by the way. I'm loving this "having two open" thing. xD I don't have to zoom out every few minutes now! <3

Tumblr ~ Flight Rising
Avatar by Kamalia, signature by me!

Image

User avatar
Victorelle
Master Hunter
Master Hunter
Posts: 1254
Joined: Sat Jan 23, 2010 1:23 am
Realm: Kilrogg (US)
Gender: Female Wolf-lynx
Location: Jojo Land

Re: How To Make a Moonlost Style Pixel Avatar!

Unread post by Victorelle »

ok some how my Photoshop doesnt have a pencil option... where could I find it?
User avatar
Saturo
 
Posts: 18809
Joined: Sun Jan 10, 2010 5:21 pm
Gender: Mortally impaired geekgirl
Location: My secret lair on Skullcrusher Mountain.

Re: How To Make a Moonlost Style Pixel Avatar!

Unread post by Saturo »

Click and hold down over the paintbrush for a little bit and you should get a menu.

I also exist on DeviantArt.
"I'll probably be some kind of scientist, building inventions in my space lab in space!"

Moderation note: Saturo is banned from all forums except the RP forum, and only allowed there until the current RP thread ends.

User avatar
Xella
Artisan Hunter
Artisan Hunter
Posts: 681
Joined: Mon Mar 14, 2011 11:53 pm
Realm: Skywall-US
Gender: Female
Contact:

Re: How To Make a Moonlost Style Pixel Avatar!

Unread post by Xella »

Image
(You can also hit Shift-B to cycle through the choices)

If you're using a much, much older version of Photoshop, it's also possible that your brush and pencil tools are actually the same tool; if you don't have the menu, look for a "brush detail" option while you have the brush tool selected (google says double-clicking on the brush in the palette will bring this up), and uncheck "anti-alias" and you should get the pixellated pencil tool. Chances are Saturo's right, though... I dunno if anyone has a computer that can even load the older versions of Photoshop (I think it's like 4 and prior) anymore, haha :x
Current main: Xella-Skywall | Art Stuffs | Brains.
User avatar
Litlemouse
Master Hunter
Master Hunter
Posts: 1158
Joined: Mon Nov 29, 2010 11:59 am
Realm: Vashj, Whisperwind
Gender: No
Location: Not-so-sunny California

Re: How To Make a Moonlost Style Pixel Avatar!

Unread post by Litlemouse »

Well, I don't have Photoshop atm (hoping to get it soon :) ), so I used MS Paint for mine. Now I know it's not gonna be that good but.. my first try at this.

Image
Something I did for practice to check out the technique and make sure I didn't screw the 'real' one up XD

sabercat.png
sabercat.png (26.63 KiB) Viewed 2884 times
The original saber-cat (I'm giving a clicky link because it's big >.> )


Image
And the modified version :)

Image

Post Reply