How to Create a Pixel Art Portrait in Photoshop [Tutorial]

[Squeakybird]

Anybody know how to get the pixel grid in Photoshop Elements 9? I am greatly puzzled :/

[Sartsa951]

Awesome video!

So you are using mac like me..... so how do you video this?

[kllsoa]

what size was the original pic???

[Ma6ro0osha]

Zelda <3

[BraeDoktor]

I have no pixel grid option

[BraeDoktor]

I have no Pixel Grid on...

[ridiculousleetv]

Tyler's hawt!

[Virur]

nice video

[EleventhHourPower]

This isn't really creating a pixel art portrait as much as it is lowering the resolution of an image, then sharpening certain features to not make it look like a garbled mess. Not to sound like a dick or anything, but I kinda clicked on this video for some tips to help me get a result sort of like what iloveui does from the ground up, and this video more of just toying with the pencil tool and tracing a photograph.

[VelaScarlet]

Excelent!! you help me a lot! thanks, luv ya! :D

[yatowtful]

you are an effective teacher! the way you talk, your voice, oh lovely! :) btw i like the background music too! tnx XD

[11pianokid]

how do i resize the image after pasting it onto the document?

[middaylatte]

@11pianokid ⌘ + T (Mac) or Ctrl + T (Win) to free transform!

[masterflamewing234]

OOO yeah time for some minecraft

[strikaru]

Great!!



[Veehmot]

You are creative, beautiful, smart and play videogames... You must be a dream.

[middaylatte]

@Veehmot Thank you. :)

[middaylatte]

For those asking about Photoshop CS3, go to View > Show > Grid and ensure your grid is turned on. Then I think you can customize the grid here:

(Windows) Choose Edit > Preferences > Guides, Grid, Slices & Count

(Mac OS) Choose Photoshop > Preferences > Guides, Grid, Slices & Count

And choose a gridline every 1px. This should mimic the effect of a pixel grid.

[TheCssFan]

Woah, thank you so much. Your voice is amazing and it helped me alot :)

[middaylatte]

@TheCssFan Oh, thank you! So happy it helped. :)

[TheCssFan]

@middaylatte By the way, I have CS5.1, and I cannot find the Pixel Grid. I'd really need that. Do you know what to do? :)

[middaylatte]

@TheCssFan I have the same version—Pixel Grid is under View > Show > Pixel Grid, right above the 3D section of the menu.

[TheCssFan]

@middaylatte Hmm, wierd. It says "Notifications" or something =/. I'll try to fix it. I have the Swedish version, I don't know if that has something to do with it. Wierd thing though is that I haven't already subscribed to you :o!

[TheCssFan]

@middaylatte Nevermind, I fixed it :)

You're amazing, thank you so much :D

[middaylatte]

@TheCssFan No problem! How did you fix it? A few other viewers seem to have the same issue, so your solution may help them. :)

[TheCssFan]

@middaylatte I'll send you a PM when I get home, I'm at school at the moment :)

[middaylatte]

@TheCssFan Just post it here! That way others can see. :)

[TheCssFan]

@middaylatte Yeah I could just do that. Though I had too many homeworks yesterday :/

I'll post it today, I promise :)

[TheCssFan]

@middaylatte Okay, steps:

This is for windows only.. I think.

1) View > Show

2) Click the one that says "Grid" on it.

3) When you've done that, go to Prefrences. (Edit > Preferences). I don't know how to do with MAC.

4) Click the one that says "Guides, Grids, & Slices"

5) Then on the Grid section, where it says "Gridline every ..." type in 1.

6) Where it should probably say cm, change that to pixels.

Congratulations, you now have a pixel grid :)

[evildork1515]

Not only can this also be done in GIMP, a free and open source alternative to photoshop, you can also save that hour of coloring in with a helpful feature. Create your palette of colors as a palette within the program. Go to Image>Mode>Indexed and choose "Use Custom Palette." You'll get the hour long re-coloring step done in seconds.

[SteZooNeR]

i like the song! :P

[MrYouyada]

Is there away I could do this without using Photoshop?

[ChiiSan09]

holy shit! this is cool and oddly enough my bf ismael showed me this!

[DerCassedy]

I have cs5 and no pixel grid. is it because i have the german version or what?

[xMUKxm]

I like your voice :3

[middaylatte]

@xMUKxm Thank you! :3

[venessajr]

I don't have pixel grid option :/ I'm using cs3 :( help, please?

[eljugadorloco]

@venessajr Get new versions

[Arrahid]

this is much easier and much better youtube.com/watch?v=cY_1G5MTfv­Q&feature=related

[lowproductions13]

pardon me, but there is no option (pixel grid) in view. how can i enable this option?

[HabitsOfANewHome]

you drew some sort of grey chess pattern on his foreheads, cheeks and chin.

is this necessary? I don't think that there are shadows that should be there :S

oh, and thx a lot for this tutorial =) it's awesome. and very understandable ^^

[middaylatte]

@HabitsOfANewHome I can't remember if I mention it in the video, but the checkered pattern was because I didn't select my color palette well enough and ended up having to use that to mimic the effect of an in-between color. Totally my fault; it's something better reserved for shading. :) You're welcome for the tutorial! :D

[HabitsOfANewHome]

@middaylatte that makes sense, thx again, Allison.

[guvenman]

what song is that in the background?

[middaylatte]

@guvenman Chiptune-y Zelda theme. :)

[MecchaMatt]

Great tutorial, your explanation, your nice and happy voice, the background music, and most of all, the pixelated result, everything is really combining into a very interesting video that meets its goal. Thank you very much for sharing this with us! Take care and keep up the good work!

[middaylatte]

@MecchaMatt Yay! Thank you so much! So happy it helped. :)

[NickargRld]

Ty! This tut helped a lot! (Loved the Zelda BGM! :D)

[middaylatte]

@NickargRld Awesome!

[SebaCantaStorie]

middaylatte love youuuuuuuu thanks for this video I have need this tutorial great work :P

[middaylatte]

@SebaCantaStorie Aw, love! You're welcome!

[SebaCantaStorie]

middaylatte I love youuuuu thank for this video I have need great work :P

[TRIPLEZEDOFFICIAL]

Great work!

[middaylatte]

@TRIPLEZEDOFFICIAL Thanks! :)

[k1dpoison]

i dont see pixel grid in the options... :(

[suspekt29]

@k1dpoison Thats because shes using CS5, you probably have an older version of Photoshop

[k1dpoison]

@suspekt29 nope, im using cs5. and also when i use the pencil tool, it draws 2 pixels horizontally, not 1 :(

[suspekt29]

@k1dpoison No idea. I have CS5 and it was there and on CS3 it wasn't so I assumed it was a feature on a latest revision. I have Master Collection version. Maybe check to see if you need a app update?

[TeeMoneyBreezyx3]

is this cs5?

[middaylatte]

@TeeMoneyBreezyx3 Yep!

[Stinkisar]

Hey 8bit music in the back waah i did that :P

[middaylatte]

@Stinkisar You did that? What do you mean? :)

[Stinkisar]

@middaylatte i just the same type of music on my tut :3

[Stinkisar]

@Stinkisar lol put the same type of music on my milky tut

[middaylatte]

@Stinkisar Well that's just awesome!

[yerreh]

you sound like the kindest girl EVEEER! gj on the tut :)

[middaylatte]

@yerreh Aww, thank you very much!

[allegedman]

love the zelda music

have you seen the "You suck at photoshop" series?

[middaylatte]

@allegedman I answered you on Facebook, but yeah, I have! Thanks. :D

[PrekeshC]

Thanks Allison :D

[middaylatte]

@PrekeshC You're welcome. :)