Aces High Bulletin Board

General Forums => Custom Skins => Topic started by: Citabria on November 12, 2005, 10:30:18 PM

Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: Citabria on November 12, 2005, 10:30:18 PM
skuzzy might wanna sticky this for new skinners. I will add to it with more tutorials as well.

You have decided to start skinning your first plane or maybe your a vet: heres some tips and techniques that may help you along the way!
-------------------------------------------------------------------------------------
RESEARCH!!!!!

do not trust artists drawings and do not rely on default skin drawings for your panel and rivet lines. It is best to research this for yourself with pictures from http://www.webshots.com, http://www.airliners.net or http://www.google.com etc. (search for your plane ie: P-51, B-24 etc) get as many pics from every angle as you can find and get as many artists drawings from different artists as well. get books and magaziens anything you can find. Research makes the difference between a great skin and a mediocre one.
-------------------------------------------------------------------------------------
ANTIALIASED BLACK PANEL LINES LAYER!!!!!

Once you have the research start drawing panel lines in a new layer named "panel lines black" using obviously black as your color to draw them.

most people use the pencil and a single pixel size brush.
for angled lines I use a straight 1 pixel wide line and rotate it to the angle I need to get an antialiased smoother line than just clicking from 1 point to the next with the pencil can create. better methods may be available but thats my method :)

curved lines:
I use the polygonal lasso tool and draw one side of the curved line with it fill it with black with the paint bucket and using the dashed box selection (not the arrow) I move the dashed selection box up and over or down and over and delete the excess giving a very good antialiased precisely curved 1 pixel thick line.

the circle marquee tool is also good for making rounded corners using the add and subtract marquees and paint bucket.

all lines are drawn and made at 100% opacity and fill and colored with black.
-------------------------------------------------------------------------------------
ANTIALIASED BLACK RIVETS LAYER!!!!!

making rivets anitaliased is the same procedure as making panel lines.

just delete a 2 pixel wide section every other pixel of a strait or angled or curved line :)

I like to draw my rivet lines in two separate layers: vertical rivets layer & horizontal rivets layer. I draw all the rivet lines as solid lined for each layer and since they are separate layers I can go back after I am done using the marque tool and delete two pixel sections rapidly using 2 pixel wide marque tool added together multiple times.

also keeping the rivet layers separated this way allows easy modification if placement adjustment is needed.

after you are finished your skin will look somthign like this (pic 350% origional size, each straight rivet dot is one pixel)...
(http://members.cox.net/p38fester/tutorial%20pic1.jpg)


-------------------------------------------------------------------------------------
PANEL LINES WHITE LAYER!!!!!

once you are completely finished laying down panel lines and rivets now is the time to make your white panel line layer. its easy. duplicate your black panel line layer and invert it.

now for each portion of your skin use the marquee tool and select each area of the white layer and offset it down and back 1 pixel. the white line should be below and behind the black line. and on areas (like on top wings) move the white line outboard of the black line to give the correct effect from the cockpit view. this give the illusion that the panel lines are recessed.

if you want to go the extra mile delete the portions of the white layer that intersect with the black layer.
-------------------------------------------------------------------------------------
RIVETS WHITE LAYER(s)!!!!!

since you are finished with your rivets and you are certain everything is accurate and no more changes are needed you can add aduplicate layer of white rivets. use the same methodology as the recessed panel lines if you are making flush rivets. if you are making raised rivets put the white rivet pixel in front of and above the black rivet pixel.

keep in mind to do everything from pilots point of view on surfaces visible from the cockpit.

now with the white layers added your skin should look somthing like this(pic 350% origional size, each straight rivet dot is one pixel)...
(http://members.cox.net/p38fester/tutorial%20pic2.jpg)
-------------------------------------------------------------------------------------
SETTING LAYER OPACITY!!!!!

this part is subjective and will depend on your own individual skin. In this example skin (P38G 14FG/37FS) I will tell you the settings I used in this particular skin. I used no effects on this skin all layers are set to normal. If you make layer groups (as I did for each layer set on this skin) you can only modify opacity and fill stays 100%. so this example shows the basics very well without any excess steps...

BLACK PANEL LINES LAYER: 17% opacity, 100% fill
WHITE PANEL LINES LAYER: 8% opacity, 100% fill

BLACK RIVETS LAYER(s) 7% opacity, 100% fill
WHITE RIVETS LAYER(s) 4% opacity, 100% fill

now with the panel line and rivet layers opacity set your skin should look somthing like this(pic 350% origional size, each straight rivet dot is one pixel)...
(http://members.cox.net/p38fester/tutorial%20pic3.jpg)
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: Citabria on November 12, 2005, 11:44:26 PM
CAMOFLAGE LAYERS!!!!!

so far this grey background is very boring and since all basic rivet and panel lines and highlights are in place its time to add some camoflage and markings.

use separate layers for each color you use ie:
OLIVE DRAB LAYER
NEUTRAL GREY LAYER

you get the Idea. I will explain why I do this later. :D
you can find these colors on the web and in pictures and sometimes you have to use your own judgement as to what the correct color should really be.
-------------------------------------------------------------------------------------
MARKINGS LAYER(s)!!!!!

Nose Art! Stars! Crosses! Stencils! Kills!
I make these in there own separate photoshop files in ultra large scale!!! basically I will take a 1024x1024 blank pallate and create a nose art or star insignia layer that fills the whole thing. then once I am finished drawing it I will copy it and paste it into my 1024x1024 PSD skin file and scale it down as needed.

NOTE! do not rescale it twice as it looses detail. using trial and error and multiple copies keep scaling it down until you get it just where you want it at the size you need.

now heres a trick about making the marking blend in wiht the plane:
don't make them transparent. instead adjust the saturation, brightness and contrast and levels as needed of each marking individually to make it part of the plane and not a bright glob sittign on top of it.

don't be afraid of contrast and color though! contrast and color is what makes a good skin but to much will make it look unrealistic and too little will make it look bland and grey.



-------------------------------------------------------------------------------------
PAINT CHIPS AND SCRATCHES LAYER!!!!!

I make a separate scratches and chipping layer and leave it at 100% opacity. I start out with a 1-2 pixel paint brush and a grey color with a tiny bit of blue and add scratches in varying amounts along the leading edges of the wings mostly where the prop blows gravel and dirt into the wing and much less outboard of this  area. then I use the dodge and burn tools to get a metalic reflective effect and to blend the chips into the skin better.

access hatches ammo hatches get used by maintenance personel a lot so I add a little bit of scratchign around these areas too.

Walkways on the top of the inner wing!!!!
these areas get trampled! literally!

the metal starts to show along the rivet and panel linesand wears down to metal outward from these areas.
-------------------------------------------------------------------------------------
OLIVE DRAB FADED LAYERS!!!!! (example)

the sun fades the hell out of olive drab and all other colors as well.
in this example we will duplicate our olive drab camo layer and then change it!
go to the IMAGE MENU
select any of the following:

COLOR BALANCE
HUE /SATURATION
BRIGHTNESS/CONTRAST

use any of these to make the olive drab a bit lighter and even a tiny different color.
and since you still have the first layer of olive drab underneath this layer its time to use the eraser tool! use a larger fanned eraser brush on low opacity and flow and start erasing all vertical areas of this new olive drab faded layer!

aim for consistency with some variety. try to give the top surfaces a bit of a molted effect like the german planes but much more subtle to simulate the faded upper surfaces paint.

you can make as many duplicate layers of the origional olive drab layer as you want and use this process for any camo scheme. (I have 3 separate olive drab layers on this skin: OLIVE DRAB UNFADED, OLIVE DRAB MEDIUM FADING, OLIVE DRAB HEAVY FADING) I wussed out on varying the neutral grey color and have only one haha!
-------------------------------------------------------------------------------------
DIRT LAYER!!!!!

planes get dirty.
I make a separate weathering and dirt layer and using a dark brown color and several different paint brushes on light flow and opacity I add dirt and grime along the inner wings where people walk, behind the engine cowlings and landing gear doors etc. oil leaks everywhere out of the engines on these planes as well. you can put this layer above or below the paint chips depending on what works best for you.
-------------------------------------------------------------------------------------
DETAILS LAYER!!!!!

I add a separate layer for details like landing lights, nav lights, trim actuators, misc holes and bumps etc. etc.

now with camoflage, markings, paint chips & scratches, camoflage fading, dirt and details your skin should look somthing like this(pic 350% origional size, each straight rivet dot is one pixel)...
(http://members.cox.net/p38fester/tutorial%20pic4.jpg)
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: United on November 12, 2005, 11:57:37 PM
Thanks for posting Cit!  Some VERY good information here! :)
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: Citabria on November 13, 2005, 12:20:40 AM
PANEL SHADING DARK LAYER!!!!!

Now its shaping up ok but heres the thing about airplanes.
They arent smooth

they are fastened together with a thin sheet metal skin to spars and runners and these rivets stress the sheet metal and deform it. This sheet metal deformation is what you see more than you see the individual rivets especially on painted planes.

we want to simulate this in a basic way and since we do not have bump mapping in Aces High we will do it on the skin itself. remember this is all about lighting and light from in front and above looks best in most cases for this simulated shading.

do only one side of the fuselage and one wing then copy and paste and merge flip or rotate as needed to the other side/wing. its best to shad surfaces visible from cockpit form pilots perspective. ( dark outboard and rear)

setup:

create a new layer with 100% opacity and 100% fill called PANEL SHADING DARK LAYER.

use a small 2-3 pixel paitn brush set to 13% opacity and 13% flow.

in each little box made by the rivets and panel lines using black as your color and your small brush add some shading to the rear edge and lower edge of each square. make a couple swipes at each box with this light opacity and flow brush. I use about 3 strokes on each side of the square.

you can manually blur this layer too to get a more smooth deformed effect using the blur tool. and medium sized brush set to 50% blur as desired.

don't be afraid to lightly use the eraser tool with a fanned soft brush too!
-------------------------------------------------------------------------------------

PANEL SHADING LIGHT LAYER!!!!!

now on the top and front of each of these little squares using white instead of black repeat the above process. its best to shad surfaces visible from cockpit form pilots perspective. ( light inboard and front)
make sure to use the blur tool in varying amounts to give added variation and smooth contours. don't be afraid to lightly use the eraser tool with a fanned soft brush too!

also this effect needs to be faint!!! do not overdo it!!

doing this manually gives a varied effect to the skin that simulates the way the actual metal deforms in a varied pattern. the results are good and with practice and observation of real aircraft at airshows or at the airport or with High resolution pictures you can add more detail and variation and realism to this technique.

what I have shown so far is the very very basic deformation technique that I use :) its tedious as hell but it is night and day the amount of realism it adds. it makes rivets unimportant so you can make the rivets especially flush rivets much more realistic in terms of visibility. but it also makes having accurate panel and rivet lines very important.

so now with light and dark panel shading to simulate the deformation of the sheet metal caused by rivets your skin should look somthing like this(pic 350% origional size, each straight rivet dot is one pixel)...
(http://members.cox.net/p38fester/tutorial%20pic5.jpg)
-------------------------------------------------------------------------------------

here is an exadgerated pic of the dark black shading layer (duplicated the layer about 6 times for clarity!)
(http://members.cox.net/p38fester/tutorial%20pic6.jpg)


and here is an exadgerated pic of the light white shading layer (duplicated the layer about 6 times for clarity!)
(http://members.cox.net/p38fester/tutorial%20pic7.jpg)

note you can see the full skin offline under: P-38G 14FG/37FS by Fester

happy skinning all!
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: oboe on November 13, 2005, 12:50:50 PM
Thanks for putting this together Fester!
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: Greebo on November 13, 2005, 01:10:20 PM
Great job Fester, should definitely be a sticky.
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: United on November 13, 2005, 03:43:50 PM
Added it to my site.  Let me know if theres anything I missed or did wrong!

:)

http://www.ahskinning.netfirms.com
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: SkyChimp on November 13, 2005, 05:05:12 PM
Quote
Originally posted by United
Added it to my site.  Let me know if theres anything I missed or did wrong!

:)

http://www.ahskinning.netfirms.com




:p  U beat me lol u don't mind if i put on mine too do u? :D
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: Citabria on November 13, 2005, 06:01:01 PM
go for it I don't mind at all
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: mason22 on November 14, 2005, 10:25:07 AM
post a finished product for the example  :aok
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: Citabria on November 14, 2005, 11:59:55 AM
you can view the results in the Main arena just pull up either one of my P-51D's or P-38G's offline.

as for releasing the full texture files or templates... I did that with my P-40E and I am not going to do that again. It seemed good in theory but in practice it didn't have the results I expected.
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: Sniffle on November 17, 2005, 12:05:09 AM
Eh c'mon skuzz sticky it!:aok :eek:
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: SD67 on November 23, 2005, 05:54:33 AM
Excellent tutorial Cit.:aok
I'm referring it it to do my first skin (see il2 skin thread) and the techniques transfer well to PSPX. :D
I't's quite a learning experience for me as all my previous design work has been on real aircraft done with Rhinoceros 3D (CAD) and I've never before tried anything along these lines before.
Cheers.
Pete.
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: FTJR on December 16, 2005, 03:17:32 AM
bump
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: Nr_RaVeN on December 21, 2005, 12:17:29 PM
That's a really good post. It
hits on the key aspects for giving a skin its 3rd dimension it gives  life to the A/C.

I always do my panel shading with to thin of a line..
 your method really captures the  ripples in the metal
:aok
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: Citabria on December 27, 2005, 08:01:48 AM
I just hope skinners will attempt to simulate the metals deformed surface using this technique or a technique of there own design.

I came to notice this effect only because I work around aircraft all day and day in day out have come to the conclusion that the skin of an aircraft is not smooth like a car at all. on flush riveted aircaft with thick paint you can not even see the rivets but you can see exactly where the rivets are pulling down on the metal making ripples all over the fuselage and wings.

on worn and overused aircraft with thin and faded paint you can see the rivets pretty easy because the paint pops off the flush rivet heads often and you can see them anyway because as the paint wears down every nook and cranny and gap is visible again.

I hope the world war 1 tank rivet habit that seems to have been carried over from IL2 to AH will not be relied upon so much if skinners master more realistic techniques to give life to the aircraft surfaces.
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: Nr_RaVeN on December 27, 2005, 08:10:08 AM
whats the tank rivet Habit,
when they look raised?
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: Krusty on December 27, 2005, 10:31:40 AM
Quote
Originally posted by Citabria
I just hope skinners will attempt to simulate the metals deformed surface using this technique or a technique of there own design.


Well, that's nice, but consider that this deformity is the result of a manufacturing process, like putting a trillion rivets in close proximity to each other, and is dependent on the plane itself (it is not universal). Further, this warping can be caused by prolonged use over many many many years, and a new aircraft will most likely not have any of these deformities. It is only the stresses of many hours of flight time that cause this. Consider that most airplanes you might see this on were made in the '70s and are still flying today. More modern (recent) planes do not have these deformities (judging by the photos I've seen).

WW2 folks knew what they were doing. We don't give them enough credit sometimes. A bulky, deformed, surface would increase drag.

Also I've seen footage of P38 Glacier Girl from the documentary where they pulled her up. She had the same deformation areas (between the rivets) but once she was restored she had none of that.

I'm all for subtle shades, but in moderation, and it would have to depend on the plane (i.e. p47 would show this more than a 109).
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: Citabria on December 30, 2005, 11:26:26 AM
its visible on all aluminum aircraft in varying degrees. I work around the whole gamut of aircraft here and I see this on DC8's, 767's, 757's, there is even a frieght hauling c47 that comes in here and it definitely has this effect.

often you cant see rivets at all but you can see where they are pulling on the aircrafts skin and you can see this from a good distance.
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: Wrangled on December 30, 2005, 02:35:13 PM
Alot of wear and tear on planes were caused by the actual amount of use that these planes seen during WWII. A good example of this is a picture I found of the B-26 Big bellybutton Bird. The plane was only a couple years old, but after 145 missions, it looked like it had been sitting in the middle of a jungle for decades.

http://home.att.net/~ww2aviation/BobHope.html

As far as the Glacier Girl not having this fatigue visible because it was completely restored within the last few years.  Get a couple hundred hours of combat flight time on her and see how it looks....

Just like the automotive industry of today, the planes were massed produced, and yes I give the people credit for awsome work in the 40's, and there are flaws just as brand new vehicles today have flaws. Just adds a little something to the plane I think...
Title: Ill ASK AGAIN
Post by: Nr_RaVeN on December 30, 2005, 04:56:05 PM
Quote
Originally posted by Nr_RaVeN
whats the tank rivet Habit,
when they look raised?
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: JAWS2003 on December 30, 2005, 07:54:17 PM
Here you go Raven.


http://www.rcscalebuilder.com/Tutorials/panels_and_rivets/default.htm (http://www.rcscalebuilder.com/Tutorials/panels_and_rivets/default.htm)


Another good example here. Flush rivets on the cowling:


(http://www.russellw.com/planes/ryan/cowling/Riveted%20on%20plane%20right%20nose%20profile.jpg)
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: Nr_RaVeN on December 30, 2005, 09:10:15 PM
cool link jaws ty :)
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: Citabria on February 10, 2006, 04:17:06 PM
punt
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: B@tfinkV on February 10, 2006, 11:41:29 PM
another vote for STICKY THIS THREAD
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: gnubee on April 30, 2006, 09:24:43 PM
Sticky this plz... :aok
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: SkyChimp03 on October 09, 2006, 01:27:09 PM
punt



Anything else?:D

Sticky this please!! lol..
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: Citabria on October 12, 2006, 07:31:44 PM
it lost its pics not much to sticky :o
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: SkyChimp03 on October 12, 2006, 08:49:32 PM
Quote
Originally posted by Citabria
it lost its pics not much to sticky :o


but united still has them im sure :p:aok  sorry fester my website no longer exist :cry
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: United on October 15, 2006, 11:22:47 PM
I think I have them on my hard drive somewhere.  If you'd like them Im sure I could dig em up.
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: RATTFINK on October 29, 2007, 05:36:45 PM
PUNT!!!ONE!1!!
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: SuBWaYCH on October 29, 2007, 08:47:39 PM
And the Kick is up and the Field Goal is..............





 GOOD
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: hammer on November 01, 2007, 03:27:19 PM
Quote
Originally posted by United
I think I have them on my hard drive somewhere.  If you'd like them Im sure I could dig em up.


United,

If you have them, send them to me and, with Fester's approval, I'll put the tutorial up at netaces.

Regards,

Hammer
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: The Fugitive on November 01, 2007, 08:05:48 PM
I know I have them, I'll send them to ya Hammer
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: United on November 02, 2007, 11:32:44 PM
Oh man, sorry Hammer.  That PC is long gone now.  Hopefully The Fugitive can come through for you.  This tutorial is full of info and would be a great addition to netaces.
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: The Fugitive on November 03, 2007, 08:54:31 AM
I mailed it to his HTC address.....hope he got it!
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: Angrist on December 12, 2007, 12:19:34 AM
**BUMP**


STICKY?!?!?:aok
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: Citabria on December 12, 2007, 01:34:08 AM
fine by me. this was lost long ago when my old pc's hard drive went kaput.

I still use most of the techniques more or less but for flush rivets I only use 1 white dot with no shadow dot now. I let the deformation shading do the rest. previous versions were to much tank rivetlike for flush riveting.

the b25 high res default skins are a current example of my flush rivet methods for the moment. you can view the raw High Res b25H bitmap by saving the default skin while in game if you want a finished example of the shading techniques to examine.

(http://i185.photobucket.com/albums/x205/p38fester/b25h5.jpg)

(http://i185.photobucket.com/albums/x205/p38fester/b25h2.jpg)
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: Angrist on December 12, 2007, 01:38:39 AM
Well, regardless, it's still a good explanatory resource.

I'm just starting to take on skinning, with no graphics background, but it really interests me having done sketchwork most of my life.  So I just got a copy of Photoshop 7.0, as well as Gimp, and like to see what I can do.

Besides, I'm a big fan of your work Fester.  Like to see you get all the credit you can for the time you've put in:aok
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: Yeager on December 12, 2007, 09:16:11 AM
would a skilled technical illustrator with 20+ years experience OTJ in aerospace make a good skinner?

I have often wondered this.....reading Cits up front skin tutorial makes it look easy enough.
Title: Fester's Skinning Tutorial (Basic Techniques in PHOTOSHOP)
Post by: Avaro on December 12, 2007, 09:29:14 AM
Quote
Originally posted by Yeager
would a skilled technical illustrator with 20+ years experience OTJ in aerospace make a good skinner?

I have often wondered this.....reading Cits up front skin tutorial makes it look easy enough.


Well, It's not really hard you just need to know what looks good... That's something I can't do hah ;)