Wiek Luijken Aviation Art Gallery Simmers Paint Shop Forums
Go Back   Simmers Paint Shop Forums > Tutorials > General Tutorials

» Site Navigation
Home
Tutorials
Colour swatches
Downloads
Forums Index
» Main Category
» Profiles & CG Art
» Graphics Editors
» Color Discussions
» Flight Simulators
» Land combat Sims
Blog
About us
Link to us
» Friends

Modelling the aircraft of the VVS

Phoenix Art

Simulation France Magazin

Airwarfare

Flying Legends

Flying Legends

Flying Legends

» Ads
» Gallery
Toggle Random Thumbs
Ju 52 french meeting Messerschmitt Bf 110 Spitfire & Zero Douglas XBT2D-1 Dauntless II Curtiss JN-4HG "Jenny" damals in der ehemaligen Sowjetunion McDonnell F2H Banshee Brewster B339 Buffalo McDonnell F2H Banshee

General Tutorials

Gauges & Vectored Paths


Comment
 
LinkBack Tutorial Tools Display Modes
Gauges & Vectored Paths
Gauges & Vectored Paths
Creating unique fonts in Photoshop
Published by BLOWHARD
23rd December 2006
<< <    Next Page: Page 2 (Page 1 of 5)    >  >>

Introduction

This is an updated and expanded version of the earlier tutorial of the same subject. It is specifically for Photoshop but can by used in general for any application that uses vectored paths.
If you are not familiar with using paths please see this tutorial-
Vector Tutorial
(wasn't there a pen tool tutorial here at Simmer's?)
Also, before you begin here, make sure you see Adlabs gauge making tutorial here-
Making Gauge Art
So, now you know a bit about using the pen tool to make vectored paths and have an idea of how to build gauges. Now comes the hard part, duplicating strange and often hand painted numbers and letters found on real aircraft gauges. These unique fonts are very important to the look and feeling of these vintage instruments. If you want an accurate look, you'll just have to do the extra work and give up on available fonts. It doesn't matter how many fonts you have, you never find a font EXACTLY like what you'll see in most WW1 and WW2 aircraft gauges.
One solution to this problem is to use the pen tool and draw the fonts by tracing around an actual photo. But even easier is to find a font that is close and then convert it to paths. That path can then be infinitely modified until it is as close as you feel necessary.

Step 1
Starting with a good image, make sure it is centered and roughly squared up.
Finding good images can be tough. This one isn't 100% square or centered but I'll deal with that later.
Name:  1.jpg
Views: 5574
Size:  224.4 KB

Step 2
Find a font that's close. Type out what numbers or text you'll need. In this case 0, 1 and 5 are all I'll need. Get them roughly sized.
Name:  2.jpg
Views: 5547
Size:  232.6 KB

Step 3
Create a work path as shown.
Name:  3.jpg
Views: 5449
Size:  233.1 KB
*Note a work path IS NOT permanent, if you've got a work path already on your file and you create another work path, the new path will replace your old path. This can be very bad for you if you've spent a lot of time modifying the path only to lose it :P REMEMBER to save the paths by naming them as you go. You do have history but if you've done this without realizing it your history might have gone past the point of return.

Contents

Tutorial Tools

Featured Tutorials
<< <    Next Page: Page 2 (Page 1 of 5)    >  >>
  #1  
By adlabs6 on 23rd December 2006, 18:17
Re: Gauges & Vectored Paths

Blowhard... great article. Thank you.

Your screenshots show so many interesting features over my PS Elements 2. Someday I'll have to save towards a copy of that, or maybe I'll consider the more full featured PaintShop Pro... much easier to afford. Plus I can give better support to the many PSP questions we receive.
Reply With Quote
  #2  
By Tex-Twil on 8th June 2011, 13:28
Re: Gauges & Vectored Paths

Thanks for the tutorial. Would you mind sharing the layer .psd so that we can play around with it ? How did you actually created the bezel ?
Last edited by Tex-Twil; 8th June 2011 at 18:15.
Reply With Quote
  #3  
By BLOWHARD on 8th June 2011, 18:02
Re: Gauges & Vectored Paths

Nope, not for a for profit deal, sorry. I created the bezel in Photoshop the same way as all of us create our profiles. I'll be glad to help but I won't do the work for you
Reply With Quote
  #4  
By Tex-Twil on 8th June 2011, 18:15
Re: Gauges & Vectored Paths

quote start
Quote: Originally Posted by BLOWHARD View Post
quote end
Nope, not for a for profit deal, sorry. I created the bezel in Photoshop the same way as all of us create our profiles. I'll be glad to help but I won't do the work for you
sure no problem. Another questions: when you apply the "noise" effect you actually lose the "vectors" and the file becomes rasterized, doesn't it ?
Reply With Quote
  #5  
By BLOWHARD on 8th June 2011, 20:06
Re: Gauges & Vectored Paths

Well, yes and no. The vectors are used to select areas for fills, the vectored path still exists but once you fill that selection on a layer that layer with the shape is rasterized already.
I think if you wanted non-rasterized files, you would probably be better off working in Illustrator and using effects on those shapes.
Does that help? If you're worried about quality or resizing larger at a later point you could work much larger if you are using Photoshop.
Reply With Quote
  #6  
By Tex-Twil on 8th June 2011, 20:07
Re: Gauges & Vectored Paths

quote start
Quote: Originally Posted by BLOWHARD View Post
quote end
Well, yes and no. The vectors are used to select areas for fills, the vectored path still exists but once you fill that selection on a layer that layer with the shape is rasterized already.
I think if you wanted non-rasterized files, you would probably be better off working in Illustrator and using effects on those shapes.
Does that help? If you're worried about quality or resizing larger at a later point you could work much larger if you are using Photoshop.
ok. I actually started a new thread about this it would be maybe offtopic talking about it here
Reply With Quote
Comment

Tutorial Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

» Random Tutorial
Enhancing screen shots
Enhancing screen shots
Two Basic Photoshop tutorials that show how to edit screen shots.
Rivets with rippled effect
Rivets with rippled effect
Based on the original tutorial by Kamikuza
Start Here! - Tutorial Submission Tips
Start Here! - Tutorial Submission Tips
Luftwaffe Outlined Numbers with Gimp 2.6 [UPDATED]
Luftwaffe Outlined Numbers with Gimp 2.6 [UPDATED]
Powered by vBadvanced CMPS v3.0.1

All times are GMT +2. The time now is 16:44.


gamma bar
Powered by vBulletin® Version 3.7.3
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.2.0

Tutorial powered by GARS 2.1.8m ©2005-2006
Artwork used with kind permission of Wiek Luijken and Héctor Pérez González
Hosted by Altsi