Quantcast

Jump to content

» «
Photo

Pixel Car Tutorial

22 replies to this topic
WhoooMan
  • WhoooMan

    wut.

  • Members
  • Joined: 03 Aug 2002

#1

Posted 28 December 2006 - 08:48 AM Edited by WhoooMan, 16 February 2008 - 04:45 AM.

Tracing Pixel Car Tutorial
Requires Adobe Photoshop! and lot of time to kill. smile.gif
Stage One: Blueprint
The first thing to do is load up a image of the car you're going to pixel out. It can be a real car, or a screenshot from any GTA games (as long it's not too blurry). Size does matter because when you shrink it down, it WILL become blurry(pixel-wise) so choose careful. Also, make another layer beyond the image and make it white to preview your trace work.
user posted image
Here I've picked Corvette ZR1, long live the king!
Stage Two: Trace
Next step is easy; make a new layer above the car image and name it "trace" and zoom in on the image by 300%-500%. Now to trace, use the pencil tool ( 1 pixel size, black ) and start at a point on an edge and work your way around it using holdshift+clicking instead of freestyle drawing which would end up messy, eh?
user posted image
user posted image
How to holdshift+clicking:
user posted image
If you've mastered connecting the dots when you were a kid, this should be a breeze for you. When you click in a spot with pencil tool, hold shift and then click on other spot- behold! you made a straight line. You have to pay attention to the edges on the image and pretend there's dots there. You can download this image and practice on the bottom part.
Optional Stage: Gradient tool
For the windows, headlights, or anything that contains glass or whatever you think would be hard to trace, use gradient tool to cover it.MAKE A COPY OF THE TRACE LAYER AND NAME IT "WINDOW"

Here's how:
user posted image

Here's a lolcar, use magic tool and select the window.

Use the gradient tool and use whatever color suits your taste.

user posted image
Ta-da!
Stage Four: Basic Coloring
Colors! Colors!MAKE A COPY OF THE TRACE LAYER AND NAME IT "COLOR". This is very simple; use the paint bucket tool and fill in everything, you can use the pencil tool if you missed some area (This will occur often!)
user posted image

WhoooMan
  • WhoooMan

    wut.

  • Members
  • Joined: 03 Aug 2002

#2

Posted 28 December 2006 - 08:49 AM Edited by WhoooMan, 16 February 2008 - 03:14 AM.

Stage Five: Shading
After you're done with coloring, time to do some shading! (Lighter color for shiny surface and darker color for shades and such!)
user posted image
How to Shade
Basically the idea is to use lighter shade of the color for reflections and darker shade of the color for shadows. Have fun!

user posted image




jarjar
  • jarjar

    Boss

  • BUSTED!
  • Joined: 07 Aug 2005

#3

Posted 29 December 2006 - 12:48 PM

As I said already, awesome tutorial icon14.gif . Added to the GFX Tutorial Archive, sadly, I was limited to 5 stars, I wanted to give 6 though smile.gif .

/rated good

CCPD
  • CCPD

    Boss

  • Members
  • Joined: 01 May 2006
  • None

#4

Posted 29 December 2006 - 01:25 PM

Good job on the tutorial WhoooMan!

Canoxa
  • Canoxa

    Woosh.

  • Zaibatsu
  • Joined: 08 Oct 2004

#5

Posted 29 December 2006 - 02:08 PM

Stand up job, WhoooMan! I was able to take some handy tips from here, thanks!

-/TNT\-
  • -/TNT\-

    not like any other rainbow.

  • Members
  • Joined: 06 Aug 2006

#6

Posted 29 December 2006 - 03:13 PM

Very good tutorial, I must try it!

/rates good

WhoooMan
  • WhoooMan

    wut.

  • Members
  • Joined: 03 Aug 2002

#7

Posted 29 December 2006 - 06:02 PM

Glad you guys liked the tutorial. smile.gif

Yatesyz
  • Yatesyz

    Homie

  • BUSTED!
  • Joined: 23 Oct 2007

#8

Posted 18 February 2008 - 08:14 PM

Fantastic tutorial, I am going to make a Toyota Supra! biggrin.gif

Ronnyboy
  • Ronnyboy

    Blind leading the deaf, leading the socially inept.

  • Members
  • Joined: 09 Nov 2007

#9

Posted 02 March 2008 - 06:30 AM

I tried it and I failed. Anyone want to help me on it?

But great tutorial man, this is pretty fun to try when you dont fail confused.gif

Skyline_Mad
  • Skyline_Mad

    supercalifragilistic when we drop we go ballistic

  • Members
  • Joined: 10 Nov 2004

#10

Posted 04 March 2008 - 01:04 AM Edited by Skyline_Mad, 04 March 2008 - 01:06 AM.

Great Tutorial icon14.gif ,

I had a go myself, its not finnished yet, i have a bit of a problem doing the tyres, they are too dark, hqard to see edges, and sum parts the edges are completly dark so i have to guess where to go, i wont have another go till tomoro, heres mine:

user posted image

Can you guess wat it is?

(am i allowed to post pics here? or is it just for the tutorial? its my first time in this part of the forum, i followed the link in ur sig)

As you can see the wheels arn't completed yet and i have to do the shades and reflections etc, thanks to your tutorial i know a few extra things about Paint Shop smile.gif .


Edit: i just noticed you said Adobe Photoshop is needed, whats the difference between that and Jasc/ulead Paint Shop Pro?

Deuce Deuce
  • Deuce Deuce

    -

  • Andolini Mafia Family
  • Joined: 12 Apr 2006

#11

Posted 04 March 2008 - 03:59 PM

QUOTE (Skyline_Mad @ Mar 4 2008, 01:04)
Edit: i just noticed you said Adobe Photoshop is needed, whats the difference between that and Jasc/ulead Paint Shop Pro?

Photoshop wins all.

T-Cipp
  • T-Cipp

    GTA's Most Wanted

  • Members
  • Joined: 28 Jun 2006

#12

Posted 05 March 2008 - 12:14 AM

Very well done and easy to follow!
I would love to see you do other cars, man and maybe have a collection of them. icon14.gif icon14.gif

@ Deuce: indeed.

WhoooMan
  • WhoooMan

    wut.

  • Members
  • Joined: 03 Aug 2002

#13

Posted 05 March 2008 - 06:53 AM Edited by WhoooMan, 05 March 2008 - 07:49 AM.

QUOTE (Ronnyboy @ Mar 1 2008, 23:30)
I tried it and I failed. Anyone want to help me on it?

But great tutorial man, this is pretty fun to try when you dont fail confused.gif

Which part do you need help with?

@Skyline: That's looking good mate. icon14.gif If you made that in different program other than photoshop then I gotta give you some props for pulling that off.

I guess there's no harm in posting in here, at least it's related to the tutorial. colgate.gif

@T-Cipp: I could start a request topic where people could post the cars they want me to pixel out, I guess. turn.gif

EDIT: Here's some unfinished stuff:

user posted image
user posted image
user posted image

Skyline_Mad
  • Skyline_Mad

    supercalifragilistic when we drop we go ballistic

  • Members
  • Joined: 10 Nov 2004

#14

Posted 09 March 2008 - 04:03 AM Edited by Skyline_Mad, 09 March 2008 - 04:11 AM.

I've done a little more to the GTR, more detail but still no shaders, i'l do that soon:
user posted image

This is the original image of the Skyline if you wanna compare:
http://www.desktopma...11479&size=1024

I also did a cartoon version of a San Andreas (while playing SAMP with the Claude skin) screen i took a while ago, i used exactly the same method i used for the GTR, i have also not done the shaders for this one yet, probably wont:

http://i246.photobuc...AMPWangCars.jpg

This image i made is slightly off-topic, but i thought i'd post it anyway:

http://i246.photobuc...anner/Final.jpg

its a sig/banner i made a few weeks ago (its the one i'm currently using).

WhoooMan
  • WhoooMan

    wut.

  • Members
  • Joined: 03 Aug 2002

#15

Posted 09 March 2008 - 06:19 AM

Looking great! icon14.gif

I like the GTA cartoon style one. colgate.gif

G MONEY $$$
  • G MONEY $$$

    Moneybaggz

  • The Connection
  • Joined: 31 May 2002

#16

Posted 09 March 2008 - 07:01 AM

This was done almost completely free hand:

user posted image

WhoooMan
  • WhoooMan

    wut.

  • Members
  • Joined: 03 Aug 2002

#17

Posted 09 March 2008 - 05:43 PM

That is one truly epic artwork. cookie.gif

Deuce Deuce
  • Deuce Deuce

    -

  • Andolini Mafia Family
  • Joined: 12 Apr 2006

#18

Posted 23 July 2008 - 01:52 PM

I'm actually gonna have a go at this, I'll post it once done. icon14.gif

drift4ever
  • drift4ever

    Mark Chump

  • Members
  • Joined: 10 May 2008

#19

Posted 01 August 2008 - 04:46 AM

when i am done tracing, i cant get the layer out. i use move tool. but i move the whole image, not just the layer. plz help sad.gif

Deuce Deuce
  • Deuce Deuce

    -

  • Andolini Mafia Family
  • Joined: 12 Apr 2006

#20

Posted 05 August 2008 - 07:08 PM

QUOTE (drift4ever @ Aug 1 2008, 05:46)
when i am done tracing, i cant get the layer out. i use move tool. but i move the whole image, not just the layer. plz help sad.gif

You've probably traced ontop of the source image. You need to create a new layer for the trace in order to seperate them.

drift4ever
  • drift4ever

    Mark Chump

  • Members
  • Joined: 10 May 2008

#21

Posted 05 August 2008 - 10:18 PM

QUOTE (Deuce Deuce @ Aug 5 2008, 19:08)
QUOTE (drift4ever @ Aug 1 2008, 05:46)
when i am done tracing, i cant get the layer out. i use move tool. but i move the whole image, not just the layer. plz help sad.gif

You've probably traced ontop of the source image. You need to create a new layer for the trace in order to seperate them.

how can i create a new layer?! im soo noob in photoshop

Deuce Deuce
  • Deuce Deuce

    -

  • Andolini Mafia Family
  • Joined: 12 Apr 2006

#22

Posted 05 August 2008 - 10:25 PM

QUOTE (drift4ever @ Aug 5 2008, 23:18)
QUOTE (Deuce Deuce @ Aug 5 2008, 19:08)
QUOTE (drift4ever @ Aug 1 2008, 05:46)
when i am done tracing, i cant get the layer out. i use move tool. but i move the whole image, not just the layer. plz help sad.gif

You've probably traced ontop of the source image. You need to create a new layer for the trace in order to seperate them.

how can i create a new layer?! im soo noob in photoshop

user posted image

drift4ever
  • drift4ever

    Mark Chump

  • Members
  • Joined: 10 May 2008

#23

Posted 06 August 2008 - 03:52 AM

QUOTE (Deuce Deuce @ Aug 5 2008, 22:25)
QUOTE (drift4ever @ Aug 5 2008, 23:18)
QUOTE (Deuce Deuce @ Aug 5 2008, 19:08)
QUOTE (drift4ever @ Aug 1 2008, 05:46)
when i am done tracing, i cant get the layer out. i use move tool. but i move the whole image, not just the layer. plz help sad.gif

You've probably traced ontop of the source image. You need to create a new layer for the trace in order to seperate them.

how can i create a new layer?! im soo noob in photoshop

user posted image

thank you sooo much! i love u XD




1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users