Enjoy Pixel Art? Learn how to make it here- (with MS Paint!)

Discussion in 'Graphics Resources and Discussion' started by riipped, Sep 18, 2008.

Enjoy Pixel Art? Learn how to make it here- (with MS Paint!)
  1. Unread #1 - Sep 18, 2008 at 9:31 PM
  2. riipped
    Joined:
    Dec 29, 2007
    Posts:
    874
    Referrals:
    0
    Sythe Gold:
    0

    riipped Apprentice

    Enjoy Pixel Art? Learn how to make it here- (with MS Paint!)

    Pixel art is pretty fun to look at.
    Most people think it's damn near impossible. Well, it's not. And all you need is a little bit of artistic talent, a mouse and MS Paint.

    Yup, Microsoft Paint. Even the shittiest of shit computers have it.

    [​IMG]
    -Sigs-
    Here's some things you can create with this simple way of making graphics.

    [​IMG]

    [​IMG]

    Let's get started.

    [​IMG]
    Seriously.

    1) Open a new MS Paint document. (For this tutorial, I'll be making a simple avatar. So the size will be very small.)
    [​IMG]

    2) ALWAYS zoom the image way larger. This way you can draw much more precise.
    [​IMG]

    3) Omfg, congrats. Your ready to start drawing.
    Your shit should now look something like this.
    [​IMG]

    4) The MAIN tool you will use is the STRAIGHT LINE tool.
    Many straight lines put together can make curved lines.
    The significance of using the straight line tool is that it
    reduces the messyness of using a mouse to freehand draw.
    [​IMG]

    5) Now draw your first line to start off whatever image you will be creating.
    I'll be making the letter "R" for my name Riipped.
    [​IMG]

    6) Like I said earlier, many straight lines put together make curved lines.
    My completed "R" looks like this.
    [​IMG]

    But the actual lines I made are shown here.
    [​IMG]

    Like connect the dots, only with invisable dots.
    Draw one line, then from that end point start another line.
    Make sure your straight lines are somewhat short so the edges aren't looking straight (unless you want them to).

    7) Now that we have our image outline, we can start the coloring process.
    This is the hardest part. The more detail in color, the better it will look.
    Firstly, use the paintbucket tool to fill empty space(s) you have that you want colored.
    [​IMG]

    For this tutorial I'll be using a dark grey.
    To find specific colors, go to top of the program like this.
    [​IMG]

    Then a window will come up, and select "Define custom colors."
    [​IMG]

    You'll come up with a pallet of colors to select from.
    Chose your color, then return to your image.
    [​IMG]

    8) Now that you have your image filled with the color of your choice,
    we will want to add some shading effects to make it look nice.
    A cool trick to get the ideal color for shading is to first find the "eye dropper" tool.
    Select that then click the color on your image that you want to shade.
    Then repeat the above color steps until you've reached this window again.
    [​IMG]
    Once you are here, move that little arrow on the far right down (or up)
    to the shade of your liking. This is an easy way to match your color exactly,
    for the perfect shade. (I chose a slightly brighter color)
    [​IMG]

    9) Sweet. So now that you've learned the basics on color finding, etc,
    we can get started on the actual shading. Shading is similar to the actual drawing.
    We use the straight line tool again.
    [​IMG]
    What you do now is to OUTLINE the area that you want to be shaded.
    Make sure there are NO OPENINGS.
    It must be an enclosed area or else the filling step won't work out.
    Here's my example of how to outline your shaded area.
    [​IMG]

    10) Once you have your outlined area, go back to the paintbucket tool.
    Fill in the empty space you just enclosed with the straight line tool.
    I've gone a little ahead and shaded all my spots I wanted, and filled them.
    Here's what it looks like now.
    [​IMG]

    11) Cool, huh? We're basically done. I brought you through the simple steps
    on how to make pixel art. Now you have to take these steps and go in detail with them.
    For shading, here's what I did.
    [​IMG]
    As you can see, I did some advanced shading. This may take some practice,
    but once you get the hang of it, it's fucking awesome.
    It makes your pixel art look 10 times better.

    12) Another nice thing I use sometimes is the "Select" tool.
    It lets me move some stuff around if I messed up on the placement slightly.
    For example, now that I finished my shading, I might want to add some cool effect.
    So I'll move my image a little bit, giving me room to add something.
    [​IMG]

    13) Now that my image is all in place and looking good,
    I can do the cool effects which make ALL the difference.
    The effects take some artistic talent, but they look amazing.
    Here's what I came up with.
    [​IMG]

    Hey, look. We are done<3

    I hope this guide helped you, and good luck with your pixel art making! :)

    NOTE: REMEMBER TO ALWAYS SAVE YOUR WORK AS A .PNG,
    IF YOU DON'T YOUR IMAGE WILL LOSE QUALITY AND LOOK BAD.

    Completed form:
    [​IMG]

     
  3. Unread #2 - Sep 18, 2008 at 9:44 PM
  4. terrif
    Joined:
    Jun 21, 2008
    Posts:
    1,451
    Referrals:
    0
    Sythe Gold:
    0

    terrif Guru
    Banned

    Enjoy Pixel Art? Learn how to make it here- (with MS Paint!)

    wow that is freakin awesome but...some people just don't have the drawing talent for this =[
     
  5. Unread #3 - Sep 18, 2008 at 9:48 PM
  6. riipped
    Joined:
    Dec 29, 2007
    Posts:
    874
    Referrals:
    0
    Sythe Gold:
    0

    riipped Apprentice

    Enjoy Pixel Art? Learn how to make it here- (with MS Paint!)

    It takes little talent to do it successfully. Try it, you'll find it much easier than it looks.
     
  7. Unread #4 - Sep 18, 2008 at 10:01 PM
  8. 5w33t p00p3r
    Joined:
    Mar 25, 2006
    Posts:
    1,853
    Referrals:
    0
    Sythe Gold:
    0

    5w33t p00p3r Guru
    Banned

    Enjoy Pixel Art? Learn how to make it here- (with MS Paint!)

    ahh thats how you do it

    i thought you did it pixel by pixel >.<

    im going to try soonzzz
     
  9. Unread #5 - Sep 18, 2008 at 10:06 PM
  10. Evon
    Joined:
    Jul 28, 2008
    Posts:
    869
    Referrals:
    4
    Sythe Gold:
    5

    Evon Apprentice
    Banned

    Enjoy Pixel Art? Learn how to make it here- (with MS Paint!)

    Dude. Thanks soooo much. When I have time I'm going to do this finally. +1000 for Riipped.
     
  11. Unread #6 - Sep 18, 2008 at 10:11 PM
  12. duopperi
    Joined:
    Mar 30, 2008
    Posts:
    288
    Referrals:
    0
    Sythe Gold:
    0

    duopperi Forum Addict
    Do Not Trade

    Enjoy Pixel Art? Learn how to make it here- (with MS Paint!)

    You are one of my favorite artists on Sythe, riipped. All of your work is astounding. Excellent guide.
     
  13. Unread #7 - Sep 18, 2008 at 10:12 PM
  14. terrif
    Joined:
    Jun 21, 2008
    Posts:
    1,451
    Referrals:
    0
    Sythe Gold:
    0

    terrif Guru
    Banned

    Enjoy Pixel Art? Learn how to make it here- (with MS Paint!)

    lol thats exactly what i thought, im now trying to make my name, will post later :p
     
  15. Unread #8 - Sep 18, 2008 at 10:53 PM
  16. X_Deity_X
    Joined:
    Apr 13, 2008
    Posts:
    852
    Referrals:
    1
    Sythe Gold:
    0

    X_Deity_X Apprentice
    Banned

    Enjoy Pixel Art? Learn how to make it here- (with MS Paint!)

    thanks for this i might give it a shot when i get my computer back
     
  17. Unread #9 - Sep 19, 2008 at 1:58 AM
  18. TDD
    Joined:
    Nov 20, 2005
    Posts:
    3,191
    Referrals:
    2
    Sythe Gold:
    0

    TDD Web Design Expert
    Do Not Trade

    Enjoy Pixel Art? Learn how to make it here- (with MS Paint!)

    add in something about dithering too, to make the gradient transition between light and dark better... assuming you know what it is.. :)
     
  19. Unread #10 - Sep 19, 2008 at 3:24 AM
  20. Haunted
    Joined:
    Jan 21, 2007
    Posts:
    980
    Referrals:
    0
    Sythe Gold:
    0

    Haunted Apprentice
    $25 USD Donor

    Enjoy Pixel Art? Learn how to make it here- (with MS Paint!)

    The dimensions are wrong in all you pixel sig when trying to make a pixel look 3d example: the phats on one of your work and the R
     
  21. Unread #11 - Sep 19, 2008 at 6:08 AM
  22. riipped
    Joined:
    Dec 29, 2007
    Posts:
    874
    Referrals:
    0
    Sythe Gold:
    0

    riipped Apprentice

    Enjoy Pixel Art? Learn how to make it here- (with MS Paint!)

    I will once I get back from school. ;)



    But umm, decent guide overall? This is, afterall, the first tutorial I've ever made.
     
  23. Unread #12 - Sep 19, 2008 at 8:11 AM
  24. Leo.
    Joined:
    Aug 29, 2008
    Posts:
    506
    Referrals:
    0
    Sythe Gold:
    0

    Leo. Forum Addict
    Banned

    Enjoy Pixel Art? Learn how to make it here- (with MS Paint!)

    GREAT GUIDE! im gonna have to try when i get back from school.
    i hav like a shaky hand so my is gonna look like some on crack did it but oh well
     
  25. Unread #13 - Sep 19, 2008 at 3:59 PM
  26. Ballin Boi
    Joined:
    Apr 28, 2008
    Posts:
    1,536
    Referrals:
    3
    Sythe Gold:
    0

    Ballin Boi Guru

    Enjoy Pixel Art? Learn how to make it here- (with MS Paint!)

    Nice Riip, now I don't have to keep paying you to do it.
     
  27. Unread #14 - Sep 19, 2008 at 4:04 PM
  28. riipped
    Joined:
    Dec 29, 2007
    Posts:
    874
    Referrals:
    0
    Sythe Gold:
    0

    riipped Apprentice

    Enjoy Pixel Art? Learn how to make it here- (with MS Paint!)

    Haha, that is if you're good enough at it.
     
  29. Unread #15 - Sep 20, 2008 at 11:57 AM
  30. Quittung RS Made My Day
    Joined:
    Jan 19, 2008
    Posts:
    912
    Referrals:
    0
    Sythe Gold:
    0

    Quittung RS Made My Day Apprentice
    Banned

    Enjoy Pixel Art? Learn how to make it here- (with MS Paint!)

    wow very good, thanks!
     
  31. Unread #16 - Sep 21, 2008 at 1:02 AM
  32. insanosky
    Joined:
    Jul 4, 2008
    Posts:
    1,505
    Referrals:
    1
    Sythe Gold:
    0

    insanosky Guru
    Banned

    Enjoy Pixel Art? Learn how to make it here- (with MS Paint!)

    i agree ! i love mspaint, its really ez to use adn u dont need to learn nothing about graphix =P
     
  33. Unread #17 - Sep 21, 2008 at 2:12 AM
  34. Clank
    Joined:
    Mar 21, 2008
    Posts:
    1,608
    Referrals:
    2
    Sythe Gold:
    0

    Clank Guru
    Banned

    Enjoy Pixel Art? Learn how to make it here- (with MS Paint!)

    Yay!
    You tutted it! Tyvm, heres my attempt:
    (I know the shading on him is a bit weird, but I'm learning.)
    [​IMG]

    Kind of added some text, hand drawn:
    [​IMG]
     
  35. Unread #18 - Sep 21, 2008 at 4:28 AM
  36. Clank
    Joined:
    Mar 21, 2008
    Posts:
    1,608
    Referrals:
    2
    Sythe Gold:
    0

    Clank Guru
    Banned

    Enjoy Pixel Art? Learn how to make it here- (with MS Paint!)

    Another one:
    [​IMG]
     
  37. Unread #19 - Sep 21, 2008 at 9:31 AM
  38. hampe-92
    Joined:
    Jul 10, 2008
    Posts:
    328
    Referrals:
    0
    Sythe Gold:
    0

    hampe-92 Forum Addict

    Enjoy Pixel Art? Learn how to make it here- (with MS Paint!)

    OMFG! that's amazing dude! i never thought it was possible to make that nice sigs just in Paint! XD i'll try it some time :p
     
  39. Unread #20 - Sep 21, 2008 at 11:19 AM
  40. Zygomatic
    Joined:
    Aug 17, 2008
    Posts:
    216
    Referrals:
    1
    Sythe Gold:
    0

    Zygomatic Active Member
    Banned

    Enjoy Pixel Art? Learn how to make it here- (with MS Paint!)

    Amazing, I thought it would be hard but it was fairly easy.. I tried uploading my jpeg from paint to photoshop to add background and stuff and it degraded the quality horribly. I will have to stick to the eyedropper next time =P
     
< Looking for a free Sign W/ Links and Avatar Will vouch | Can someone split this into 2 or 3 images? >

Users viewing this thread
1 guest


 
 
Adblock breaks this site