Repainting Tutorial Lesson #1

Discussion of rolling-stock creation & re-painting.

Repainting Tutorial Lesson #1

Unread postby styckx » Thu Oct 14, 2010 3:16 pm

So it's raining, and work is slow and decided to write this up. As I've seen a lot of questions over time on asking how to do this and that, I will do what I can to help others learn how to do this yourselves. I will start with the basics and over time work up to more complex areas. The real point of this is to get people used to using layers and away from shortcuts disguised as "easier ways" that a lot of times paints you into a corner.


Contributions are encouraged:
As with real life painting every artist has their own way to do a task. You could have 50 artists all able to paint the same exact thing using 50 completely different techniques. No one is right, no one is wrong, it's just what works for you is the best one. If you are going to contribute with a tip please understand this is meant to be read by novices so please sound it out, include some pictures if you want so that a novice understand what you are talking about.

Tools needed: Unfortunately I can not stand The Gimp or I would use that because it is free. I just plain can't use it and it's 1998 XWindows feel drives me insane. I will strictly be using Photoshop CS5, from the little I've used The Gimp the basics between the two seem similar so someone with knowledge of it might be able to pick up on it.

Assumptions I'm making:
I am assuming anyone reading this already knows how to export textures to DDS and open them in Photoshop and then save them back for use in the game and knows the file structure well enough to make their own repaint folders. That's an entire different tutorial I'm not prepared to write yet if you do not know this part yet.

Lesson #1 Objective: Changing colors of a basic piece of rolling stock
Lesson #1 overview: This is the first thing most users might want to do and it's the easiest way to get someone familiar with the basic tools in Photoshop. Before repainting rollingstock I had used Photoshop for years doing basic stuff like editing pictures of my friends and Photography. It was a completely different ball game for me when I had to learn repainting textures. The Red Caboose was the very first thing I ever repainted and it is what I learned `the ropes' with. So, it worked for me, I hope it works for you.

-------Lesson Start--------

If you don't have the red caboose texture loaded in Photoshop please do so and duplicate the background layer. [Never ever, ever edit the background copy]

Image

Now, we're going to color it blue. There are two methods to do this depending on the texture and the complexity of what you are trying to do. With the caboose model the easiest way to do this is as follows. (Citation: Technically color balance or hue adjustments on the background layer is easier, but in my opinion is a terrible habit to form therefore not bothering to show it)

With your background COPY highlighted go to: image/adjustments/Black and white and just click OK on the dialog that pops up. Your Background Copy layer should now be 100% black and white.

Image

Now we need to make a new layer and name it `Body Color'. Naming the layer is not 100% required or needed but it is a VERY GOOD HABIT to form as not naming your layers will without a doubt cause headaches for you in your future projects.

Image

Now, we're painting this blue, so you need to make your foreground color blue (Do that now). Once you have selected your color, make sure your new blank layer is the highlight one, right click on the picture, FILL. Use foreground color, and click ok.

Image

You should now see nothing but a solid color of blue. Next thing to do is change the blending option for your Body Color layer to Multiply. The blending option you choose can vary. There is technically never a right or wrong blending option to choose. The one you choose all comes down to the one that gives the best results you are looking for. Statistically though, Multiply and Overlay are the two I find do the jobs the best about 70% of the time.

Image

Ok. So we have a blue caboose, but the problem is now the stuff that should be white and gray also has a blue tint to it. That needs to be fixed and for this one there are two things we will do to make this happen.

First the easy stuff like the window and body side labels. With the Body Color layer active use the square marquee tool to highlight the area, then cut. This will essentially cut the blue away so the base black and white layer can poke through. Now do this for the other body label and the window.

Image

At this point yours should look exactly like this.

Image

Now, let's start getting those fine spots that you can't simply highlight an area and cut out. Again (I know I'm repeating myself) make sure your body color layer is the active one for editing. Let's start with the tiny writing on the side. Grab the marquee tool, doesn't matter if it's square, round or whatever and just select an area immediately around it like so. I have selected a big area around it for the purpose of the screenshot, tighter the better though.

Image

Now from the top menu choose: Select/Color Range. Use the eyedropper to click on a spot in the writing. Preferably a bright area. Adjust the fuzziness until only the text is white and the rest is black.

It should look similar to this when right. (hey where did my layer name go? !*roll-laugh*! )

Image

Click ok when you feel you got it. Then press ctrl-x (same as going to edit/cut). Now you should have your nice white text back. If it's anything but like the image shown below, step backwards (ctrl-alt-z) to revert it like it was before and try it again.

Image

If you need to reference the black and white or color layer picture to see what is white/gray click the EYEBALL next to your Body Color/body color AND Background Copy layer to disable them to see the black and white image or color image for reference. Click the same spots to turn the layer back on.

Now using the two techniques above and a little eraser tool in some spots you should be able to see something like this in about only 5 minutes.

Image

Save as PSD, then save as DDS to send back to game. DO-NOT-SAVE-AS-THE-SAME-DDS FILE NAME AND OVERWRITE THE ORIGINAL YOU EXPORTED. Always keep a clean backup handy.

That is all for this tutorial.

I'll let this fest for a bit, but the next one will be more complicated and take some time to write.

Preview for next: Dealing with multiple colored sections and converting it to a workable base gray layer to be able to color the way you want. Simply converting to Black and White does not work for something like this.

Image
User avatar
styckx
 
Posts: 992
Joined: Wed Jun 30, 2010 5:27 pm

Re: Repainting Tutorial Lesson #1

Unread postby Hawk » Fri Oct 15, 2010 6:16 am

I moved this to the Rolling-Stock design forum.
I think that's a more appropriate forum for this topic. !*salute*!
Hawk
 

Re: Repainting Tutorial Lesson #1

Unread postby hokitika67 » Mon Oct 25, 2010 4:22 pm

Many thanks Styckx for your helpful tutorial. I've got PSP Elements 7...., which I've only just installed after seeing your post. The interface is different but hopefully it can achieve the same results.....I'm just trying to remove the yellow warning panel from the default Cl 37. By the way, do you need to Flatten the layers before saving and converting back....? I'd also hoped to edit the alpha channel...make darker to reduce shine a little...however I'm not clear about where to access this in the program menu etc? Thanks again and hopefully you can continue when your time allows.
hokitika67
 

Re: Repainting Tutorial Lesson #1

Unread postby CSX2057 » Sat Jul 23, 2011 3:55 pm

I have photoshop cs3 and my question is this: Will this work the same way with photoshop cs3?

Thanks

P.S. I do repaints too and im learning. I have gimp and its been giving me a hard time.
Hi! I'm Daniel (37). A casual Train Simulator Streamer and Railfanner. 4+ hours of Fun and Adventure with Laughter, Reactions and SoundFX.
CSX2057 YOUTUBE CHANNEL
User avatar
CSX2057
 
Posts: 1383
Joined: Tue Jun 07, 2011 11:18 am
Location: Georgia

Re: Repainting Tutorial Lesson #1

Unread postby Kali » Sat Jul 23, 2011 4:05 pm

Yes, it will.

I like the tutorial, other than it using destructive editing; however using adjustment layers and masks has to wait until you know how they work, which is a bit much to expect of a total novice. ( that is a small hint for directions for future learning, yes :) )
Kali
 
Posts: 1600
Joined: Mon Mar 14, 2011 1:00 am
Location: England-by-Sea

Re: Repainting Tutorial Lesson #1

Unread postby CSX2057 » Sun Jul 31, 2011 12:15 pm

Thanks Kali
Hi! I'm Daniel (37). A casual Train Simulator Streamer and Railfanner. 4+ hours of Fun and Adventure with Laughter, Reactions and SoundFX.
CSX2057 YOUTUBE CHANNEL
User avatar
CSX2057
 
Posts: 1383
Joined: Tue Jun 07, 2011 11:18 am
Location: Georgia

Re: Repainting Tutorial Lesson #1

Unread postby CSX2057 » Sun Aug 07, 2011 10:44 pm

Works perfectly. *!!thnx!!*

Cheers
!*cheers*!
Hi! I'm Daniel (37). A casual Train Simulator Streamer and Railfanner. 4+ hours of Fun and Adventure with Laughter, Reactions and SoundFX.
CSX2057 YOUTUBE CHANNEL
User avatar
CSX2057
 
Posts: 1383
Joined: Tue Jun 07, 2011 11:18 am
Location: Georgia

Re: Repainting Tutorial Lesson #1

Unread postby styckx » Wed Aug 17, 2011 7:08 pm

Let's say I decide to continue this.

What subject matter would you like to see done? (forget where I said I'd start next)
User avatar
styckx
 
Posts: 992
Joined: Wed Jun 30, 2010 5:27 pm

Re: Repainting Tutorial Lesson #1

Unread postby PapaXpress » Wed Aug 17, 2011 8:11 pm

Lettering.... I have been banging my head trying to get nice smooth lettering on textures that will unfortunately get stretched. I've tried a few things already which I don't have time to list right now, but I would like to hear if you have a trick to it.

Also vectors. I *think* I know what they are (essentially drawn objects like using SVG). I have seen them in some repaint kits, but I don't know how to make them in CS3.
Image
"Just post some random unrelated text. We have members here who can help you with that." ~ Chacal
"When all else fails, read the instructions... if that doesn't work either, try following them." ~ Old Prof
Image
The Grade Crossing - Atlanta North Project - Virtual Rail Creations
User avatar
PapaXpress
 
Posts: 5147
Joined: Sat Oct 23, 2010 10:30 pm
Location: that "other" timezone

Re: Repainting Tutorial Lesson #1

Unread postby styckx » Wed Aug 17, 2011 8:18 pm

Oh you mean that layer some developers provide that shows you the outline of each and every item on a texture? Yeah, don't think you can make those in Photoshop.. Probably wrong but I think those are part of the exporting process when modeling.
User avatar
styckx
 
Posts: 992
Joined: Wed Jun 30, 2010 5:27 pm

Re: Repainting Tutorial Lesson #1

Unread postby PapaXpress » Wed Aug 17, 2011 8:46 pm

No, not that, though I admit I would like to know how to do that as well. I may be getting it mixed up with what another Adobe tools does. I'll study this some more.
Image
"Just post some random unrelated text. We have members here who can help you with that." ~ Chacal
"When all else fails, read the instructions... if that doesn't work either, try following them." ~ Old Prof
Image
The Grade Crossing - Atlanta North Project - Virtual Rail Creations
User avatar
PapaXpress
 
Posts: 5147
Joined: Sat Oct 23, 2010 10:30 pm
Location: that "other" timezone

Re: Repainting Tutorial Lesson #1

Unread postby Kali » Wed Aug 17, 2011 10:52 pm

You probably mean shapes; they're either drawn with the pen tool, or loaded into the shape tool, or I think you can load them straight from Illustrator. I use shapes as vector masks a lot, enough that I should probably paint in Illustrator rather than Photoshop.
Kali
 
Posts: 1600
Joined: Mon Mar 14, 2011 1:00 am
Location: England-by-Sea

Re: Repainting Tutorial Lesson #1

Unread postby PapaXpress » Wed Aug 17, 2011 10:58 pm

I think that is where I am getting it from. I am getting chummy with my UX team where I work and they use Illustrator a lot.
Image
"Just post some random unrelated text. We have members here who can help you with that." ~ Chacal
"When all else fails, read the instructions... if that doesn't work either, try following them." ~ Old Prof
Image
The Grade Crossing - Atlanta North Project - Virtual Rail Creations
User avatar
PapaXpress
 
Posts: 5147
Joined: Sat Oct 23, 2010 10:30 pm
Location: that "other" timezone

Re: Repainting Tutorial Lesson #1

Unread postby Kali » Thu Aug 18, 2011 1:55 am

Drawing shapes with the pen tool is easy enough; I posted a quick how-to here about doing it with GIMP not long ago, Photoshop is even easier.

* Layer->add vector mask, and click the vector mask
* Select the "new path" pen tool
* Start clicking to lay out your shape corners
* Click back on the first point to close it.

Now you want the pen tool option that looks like an arrowhead, which converts point types; click on a point and drag the mouse away, and you'll see the bezier handles growing from the point. If you want to move points around or to move *both* handles around ( which effectively rotates the corner ) you need the white arrow tool ( which I think you can get just by holding Ctrl down ), and there's other tool options for adding & removing points. If you just want to move one handle then you can use the arrowhead tool.

There's lots of buttons to control how your shape relates to the mask and so on, but they're not terribly hard to work out.
Kali
 
Posts: 1600
Joined: Mon Mar 14, 2011 1:00 am
Location: England-by-Sea

Re: Repainting Tutorial Lesson #1

Unread postby Marleyman » Mon Aug 29, 2011 6:41 am

Hi,

I have just been following this tutorial for a Class 47 Loco. I am wondering if a step or 3 are not missing so I have questions;
1. Do I flatten the layers I have before savings as a DDS again?
2. Should I be deleting the Grey Layer I created?
3. Does lesson 2 exist?

thanks.

(EDIT; Answer to 1 and 2 Yes I do)
My Railworks 2 Catalogue; http://www.railworks.marleyman.co.uk/
and My RWTS2013 Download Store http://www.railworks.marleyman.co.uk/store/
User avatar
Marleyman
 
Posts: 357
Joined: Fri Dec 10, 2010 4:46 pm
Location: UK

Next

Return to Rolling-Stock Design

Who is online

Users browsing this forum: No registered users and 3 guests