Advanced photoshop techniques

From FSDeveloper Wiki
Revision as of 19:26, 2 March 2016 by MichaelCox (talk | contribs) (minor updates)
Jump to: navigation, search


Introduction

It's been a while since I wrote my last tutorial here and for the last couple of months I said to myself: you REALLY have to write some more tutorials but I never found time. Yesterday I received a really nice thank-you-message from one of the developers who appreciated the tutorial on how-to-build-a-instrument-background-from-scratch[1]. Reason enough to recap a couple of new techniques which I developed over the last years and share the thoughts with you.

In this tutorial I try to explain a couple of steps that hopefully will enhance the overall look of all your textures. The methods described can be used for basically every part of your model. I am using an old photoshop version for my project, but most of the steps can be done in almost any other image processing tool.

Photoshop tut fsxheadset.jpg

I chose an 1930th headset of my Electra as an example. It's not a model that is particularly well done, but it's a good example for what I want to show you because it consists of many different materials and yet is a small and simple part. I won't go into the details of modelling here as the focus is on the work in photoshop.


Step 1 - gettin' started

What you always should start with is a blank texture, and for this part I am using a 512x512 pixel image. You will need a 'mesh' layer - by that I mean a representation of the UV mapping. If you are using Gmax, you can follow Bill L. advice and create this layer using lilithunwrap, I still do this manually by taking screenshots of the uv unwrap window in gmax and paste, mask and rescale it in photoshop. To make the layer more visible I usually add a background layer with some color, that also shows you empty sections of your texture for later. To help you identify the different parts I imposed a description layer to the screenshot.

Photoshop tut step1.jpg


Step 2 - the base

Let's give the parts some color! Select one area at the time and fill it with an appropriate color. At this stage it's not important to exactly match what you intend to do, it's more like a rough sketch. It can be beneficial to have ONE layer for each part you are working on, but that's up to you.

Photoshop tut step2.jpg

Note that I also added two dark lines and a dotted white line at the place of the leather headband. That'll be the stitching later on. I always like to apply a slight noise filter on these layers. It'll give you some basic structure.

Photoshop tut step3.jpg


Step 3 - the first magic trick

A really, really, REALLY nice trick is to add white lines along the hard contours of your 3d part. This will improve all your textures 10 fold! There are a couple of ways to do this. For instance you can paint some highlights manually - but it's very likely that you can't paint a straight line by hand (coffee and or beer consumption I suppose), therefore I recommend you use paths. If you haven't used paths before STOP RIGHT HERE! Paths are such a great tool in photoshop and you need to get your head around it! It'll help you draw these freakin' panel lines and rivets, differently colored sections on the fuselage, scratches aaaaaaaand these beautiful white lines we are making now.

Therefore: if you have no idea how paths are being used, read some tutorials on this topic before you continue with this tutorial [2].

What we want to achieve in step 4 are these highlighted edges for all sharp objects. That is one of the reasons why we need a very precise "mesh layer" - you need to know were these edges are in order to draw the lines. Lets get started and draw some paths along the edged of the mesh.

Photoshop tut step4a.jpg

Remember that you want to have a path around every visible edge. The Ctrl-, Shift- and space keys are your friend, use them constantly, it'll save you a looooot of time! Once you finished that it'll look like this:

Photoshop tut step4b.jpg

One of the good things about paths is of course that you can always come back and modify your lines if you're missing some edges or if you had drawn a line were there shouldn't be one. But for now it's OK and the obvious step is to get the highlights drawn. So create a new layer, deselect the last path you were working on (otherwise only this path gets stroked), Select a 1 px brush, white as foreground-brush-color and click on the little "stroke path".

Photoshop tut step4c.jpg

You can hide the path afterwards by pressing Ctrl+Shift+h. In the following picture I also hid the mesh layer to show the result.

Photoshop tut step4d.jpg

Here comes the next secret: make good use of the layer-blending-modes!

Blending modes are brilliant for merging two or more different graphics into one while reserving all details you want. If you have no idea what the different blending modes are for, take some time of NOW and read this tutorial [3]. We'll need this knowledge later on as well. [4]

Let's apply this new knowledge to our edges. Select the white-edge-layer and set the blending mode to "Soft Light".

Photoshop tut step5.jpg

You can (and should!) improve the look of the edges by various means. I like to apply Gauss filters with different settings a couple of times to smooth the transition, I also like to give the edges some detail by applying my most beloved Noise-filter. You can also change the highlight by using a soft eraser tool to decrease the effect for the matte materials (leather, plastic, etc). I don't want to go into detail about that here so let's leave it and just move on.


Step 4 - the dark side!

Assuming you work with low-tech modelling programs like Gmax, you don't have the chance of "baking" a shadow layer to your texture. Therefore, in order to give your part some depth you have to draw the shadows manually. This can be a very tedious work if you want it to look right. For now we just create a rough draft.

Create a new layer and set the blending mode to "Hard Light". Take a smooth brush, set the opacity to about 20-30% and start drawing the shadows wherever you feel like it. Eventually you'll end up with something like this:

Photoshop tut step6.jpg

Again, you can further improve the looks by applying a noise filter.


Intermezzo

Before we continue with the tutorial I want to give you a rough idea what we want to accomplish here. When I started with 3d modelling and texturing a couple of years ago, I basically used photographs of the objects I modeled for the textures. And when I look at some of the aircrafts around - no matter if it's payware or freeware - ... \n

private label cosmetics, custom made cosmetic, custom made cream, custom lip stick lip balm

Offers private label cosmetics with custom design. We produce lip balms, serum, creams and more. Easy to buy with eshop. Private label cosmetics, custom made cosmetic, custom made cream, custom lip stick lip balm

[private label cosmetics, custom made cosmetic, custom made cream, custom lip stick lip balm]

[private label cosmetics, custom made cosmetic, custom made cream, custom lip stick lip balm]

private label cosmetics, custom made cosmetic, custom made cream, custom lip stick lip balm

Offers private label cosmetics with custom design. We produce lip balms, serum, creams and more. Easy to buy with eshop. Private label cosmetics, custom made cosmetic, custom made cream, custom lip stick lip balm

[private label cosmetics, custom made cosmetic, custom made cream, custom lip stick lip balm]

[private label cosmetics, custom made cosmetic, custom made cream, custom lip stick lip balm]

private label cosmetics, custom made cosmetic, custom made cream, custom lip stick lip balm

Offers private label cosmetics with custom design. We produce lip balms, serum, creams and more. Easy to buy with eshop. Private label cosmetics, custom made cosmetic, custom made cream, custom lip stick lip balm

[private label cosmetics, custom made cosmetic, custom made cream, custom lip stick lip balm]

[private label cosmetics, custom made cosmetic, custom made cream, custom lip stick lip balm]

private label cosmetics, custom made cosmetic, custom made cream, custom lip stick lip balm

Offers private label cosmetics with custom design. We produce lip balms, serum, creams and more. Easy to buy with eshop. Private label cosmetics, custom made cosmetic, custom made cream, custom lip stick lip balm

[private label cosmetics, custom made cosmetic, custom made cream, custom lip stick lip balm]

[private label cosmetics, custom made cosmetic, custom made cream, custom lip stick lip balm]

private label cosmetics, custom made cosmetic, custom made cream, custom lip stick lip balm

Offers private label cosmetics with custom design. We produce lip balms, serum, creams and more. Easy to buy with eshop. Private label cosmetics, custom made cosmetic, custom made cream, custom lip stick lip balm

[private label cosmetics, custom made cosmetic, custom made cream, custom lip stick lip balm]

[private label cosmetics, custom made cosmetic, custom made cream, custom lip stick lip balm]