+ Reply to Thread
Results 1 to 17 of 17

Thread: Tutorial: Making Pixel Cars (No 56k)

  1. #1
    Weapon of Mass Affection TrueSlideXL's Avatar
    Join Date
    Jul 2002
    Location
    Manhattan
    Posts
    3,777

    Tutorial: Making Pixel Cars (No 56k)

    First off, I am new to this. I just got into making it because it was something new and because I plan on making a flash site soon and I would like to use these cars as part of those future animations.

    Don't expect to read this and make it look amazing in 10 minutes. I can do that, I have experience that helped me out a little. You will need to get used to the way pictures react to the program you are using.

    To use this tutorial you will need either Photoshop, Aperture, Fireworks, or one of the later versions of Paint. To make sure whatever program you are using is suitable, make sure you can do the following things;


    Eye Dropper tool
    - Imaging tool that lets you "pick up" or select all the pixels/areas in a picture with that color surface.

    Non contiguous eraser- It's just the paintbucket set to erase
    all the areas of the color you choose without having to have the areas touch.

    Define custom colors
    - You will need to be able to replace/create gradients of colors to simulate the shading. Older versions of MS Paint may not have this. You will know if you have it because you opened this thread.

    http://www.the-blueprints.com

    Okay so if you are still reading you have all of the above. Now we need a subject. You can start with a picture or with a blueprint. We will start with a blueprint because it is harder. I have choosen an Escalade for this tutorial. It's a big picture, it's a boxy truck, and it has alot of straight lines. Perfect to start off with. Feel free to choose another car but remember that we are learning how to do this the hard way to make the easy way even better. You will appreciate getting comfortable with what you're doing this way.

    So now we have our blue print here;

    Open the document. Go to IMAGE then go to MODE then go to RGB COLOR whenever you start off with a file other than a JPEG. This will let us duplicate the layer in photoshop. You people on MSpaint can skip this step.




    Simplify the lines, remove anything that makes the truck look too rough when you zoom out. We are not going to need every single detail from the blueprint. This blueprint however is pretty good, nothing has to be removed. If you would like to remove things like emblems and doorhandles do it now. I will remove both. Start to erase what you don't want. Make it a convertible, pickup, or whatever else.



    Now here is where having MSPaint complicates things. I feel this blueprint has shallow lines, and they aren't thick enough to see with good detail when we zoom out. As a result you will have to trace the blueprint and make the lines darker. Feel free to skip this step and let me know how it goes.


    Trace the blueprint with the pen tool, or line tool if you think you would like to. In this case I just turned up the contrast to make it simple.

    Now I will begin to fill in the easy areas. Color things like the headlights, tailights, or windows.

    What happened? The blueprint is not smooth, you will have to fill in those areas LAST. Usually such small imperfections cannot be seen at the size the final image will be.

    Okay, now it's starting to look like a real Escalade.

    Now we move on to coloring the body. Start with the median color. What? It means you start with the color the majority of the car should be, leave some room for it to have some lighter highlights and darker shadows in the same hue.


    Choose your color and use that paint bucket to color the areas.

    I will not paint the lower end of the truck because I don't need that to be a light color. I will also leave the fenders white to add highlights later.

    Now let's move on to adding shadows and darker color where we want it.


    More color. (I decided I hated the blue I chose before and changed it.)

    Now we need to start shading. Add a new layer FOR EVERY COLOR YOU ADD. I did not do that because I didn't think I would need it, I was wrong. Use the eye dropper to select an area. Now go in with a hard paintbrush, pencil or line tool and shade the area around where you want it with a lighter or darker color.




    Repeat that last step everywhere you want shaded. Choose an area and lift it's color with the eye dropper tool. Then enter the color selection list and choose the next lightest or darkest color to the one you picked up with the eye dropper. Then apply the light/shadow where you need it. Try to make smooth gradients.

    Zoom out and decide how many additional layers of color you want to add. People who have been doing this much longer ask why theirs cannot achieve the layer of detail I get. It is because I add more gradients. Whether you use MSpaint or photoshop, keep adding lines of lighter/darker color where a real car would have them. Play around with LEVELS, HUE/SATURATION, and the amount of colors/layers you add.


    Now just zoom in and add little details with the pencil or paintbrush to fill in those little areas that were there from the beginning.

    When you're done is entirely up to you.

    I will go over the picture method where the pixel car is made from a jpeg of the actual car sometime after the weekend.
    Last edited by TrueSlideXL; 11-17-2006 at 10:27 AM.

  2. #2
    Weapon of Mass Affection TrueSlideXL's Avatar
    Join Date
    Jul 2002
    Location
    Manhattan
    Posts
    3,777
    Here are some examples of other cars I have modifed.





    Cars I have remade completely.


  3. #3
    SupraForums Member mavisky's Avatar
    Join Date
    Nov 2001
    Location
    Greater Atlanta Area
    Age
    31
    Posts
    1,165
    Nice work. Using almost the exact same methods I've been playing around at work too.

    -Kyle
    '95 Black Mustang GT - H/C/I 5.0, 3.73's, suspension mods
    '11 Milano Red Honda CR-Z EX w/ Navi - daily fuel sipper
    '10 Black Forester XT - 17" Enkei's, axle back exhaust - wife wagon

  4. #4
    SupraForums Member
    Join Date
    Aug 2006
    Location
    Orange County
    Age
    30
    Posts
    6
    So cute!

  5. #5
    SupraForums Member
    Join Date
    Mar 2004
    Location
    NorCal
    Age
    25
    Posts
    130
    Woo mad props, cartoon cars FTW. Gonna have to fire up photoshop and see if I can do it too... =)

  6. #6
    Custom LED Tail Lights SupraGodTT's Avatar
    Join Date
    Jan 2005
    Location
    S. NJ & N. Tx
    Posts
    3,304
    sweet bro .. im gonna try this .. with some luck and time ill see what i can do ..

  7. #7
    Banned SykoCerebral's Avatar
    Join Date
    May 2005
    Location
    Los Angeles
    Age
    27
    Posts
    531
    hey, i did some of the mods for SupraNicolai's pic!

    you just threw some more together..

    i havent made any myself, but i've modded a bunch..

    the thing you need to remember the MOST, is you dont need alot of detail, cause once you zoom out, you lose alot of it...

  8. #8
    i recorded mark7m001.mp3 Mark 2JZ's Avatar
    Join Date
    May 2002
    Location
    So Cal
    Age
    31
    Posts
    1,673
    Quote Originally Posted by mavisky
    Nice work. Using almost the exact same methods I've been playing around at work too.

    hey man my little bro did that parking lot background, so make sure you give him some credit. Btw, if you see anyone named 'Kalome' on those pixel car forums that's him.

  9. #9
    SupraForums Member
    Join Date
    Oct 2006
    Location
    La Mirada
    Posts
    295
    DAmn That's cool...Your good

    Do you think that you can make one for me..?

    CAn you put my supra and corolla together..?

    I'd really like that Thanks..!






  10. #10
    SupraForums Member mavisky's Avatar
    Join Date
    Nov 2001
    Location
    Greater Atlanta Area
    Age
    31
    Posts
    1,165
    Sorry man, but there's so many people's parts on that one I did that it'd be a nightmare to keep them all straight. Suffice it to say that none of it would have been possible without some help from alot of people out there.

  11. #11
    Super Moderator Craig King's Avatar
    Join Date
    Dec 2001
    Location
    Pittsburgh, Pa ... Pullman, Wa
    Age
    30
    Posts
    7,401
    Stickied.

  12. #12
    SupraForums Member zmydust's Avatar
    Join Date
    Mar 2003
    Location
    Mississippi
    Age
    31
    Posts
    602
    Can one of you do a bike for me?

  13. #13
    Banned
    Join Date
    Sep 2008
    Location
    COLUMBIA
    Posts
    156
    very helpful

  14. #14
    7JZ-GTTTTE RogueSteel's Avatar
    Join Date
    Aug 2008
    Location
    Arizona
    Age
    20
    Posts
    219
    Nice, but im too impatient lol
    Othello Taylor
    TOUGE DISTRIBUTION AGENT
    need hard to find JDM parts? Email me at: othello.taylor@tougedistribution.com

  15. #15
    will work for supra crx378's Avatar
    Join Date
    Sep 2006
    Location
    Colorado Springs
    Age
    32
    Posts
    43
    i was wondering how this was done. thanks for the write up. i just started to mess with cs3 and have no idea what im doing.

  16. #16
    SupraForums Member
    Join Date
    Nov 2004
    Location
    DUUUUUUUVAAAAAAAL
    Age
    15
    Posts
    2,471
    sorry, got a little carried away with the ricey colors... didnt spend a lot of time with the bezier corners but you get the idea:

  17. #17

+ Reply to Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts