Added: 7 August, 2007
Group: Photoshop
Create Your Own Mile Marker Tutorial
Author: Jason
page: 1

Create Your Own Mile Marker Tutorial

You’re not a pointers man but you are keen on miles markers. This simple example is a product of the followed steps you can search in here. Once you find the base start drawing the mile marker form and read carefully tips & tricks.


Tutorial Create Your Own Mile Marker Tutorial 1

Note: This tutorial works for Photoshop 7 + up, including Photoshop CS3 (the latest version of Photoshop). In fact, this tutorial was done on Photoshop CS3 but I have started using Photoshop since Photoshop 7 and this should work just fine with it.

Note: Some screen shots will have highlighted region(s) just to attract your attention to certain things. Don’t be surprised and wonder why your Photoshop doesn’t have such conveniently highlighted regions :).

Terms
Layer thumbnail

Tutorial Create Your Own Mile Marker Tutorial 2

Vector mask thumbnail

Tutorial Create Your Own Mile Marker Tutorial 3

Step 1. Create a new document with size 300px x 200px. Set the usual: RGB, 8 bit, transparency, resolution to 72px per inch, etc.

Tutorial Create Your Own Mile Marker Tutorial 4

Step 2. First you might want to refresh your mind on what a mile marker looks like. Search Google Images or something similar. I would also copy & paste one image you like in your Photoshop document – just as a reference.

Tutorial Create Your Own Mile Marker Tutorial 5

Step 3. Let us finally get started on actually drawing the mile marker form. Notice that mile markers have a white border – we can add this in later so don’t worry about it. To draw the form we’ll be using the “Rounded Rectangle Tool”.

Tutorial Create Your Own Mile Marker Tutorial 6

Tutorial Create Your Own Mile Marker Tutorial 7

A radius of 10px works just fine.

Now create a new layer, Ctrl + Click on the vector mask thumbnail, and select the color in the image of the mile marker copied and pasted onto the Photoshop document.

Tutorial Create Your Own Mile Marker Tutorial 8

Press “Alt” + “Backspace” to fill the select with the greenish color. Now feel free to just drop that rounded rectangle layer (the one we drew – not the greenish one) onto the trash can icon to delete it.

Step 4. It’s time to add the white outline. Double-click our mile marker layer to access the “Blending Options…” or access it by right-clicking then selected “Blending Options…”. Check the box next to “Stroke”, change the color to white, and then make sure the size is at 3px or 4px (choose whatever looks best to you).

Tutorial Create Your Own Mile Marker Tutorial 9

Step 5. Before we add in the text, let us do the reflection/glossiness first. Ctrl + Click the mile marker layer (or rather click the layer thumbnail) and then click on the “Create a new layer” icon to create a new layer above the mile marker layer while retaining the selection (selection is the moving dashes/dots). Press “D” to reset the foreground and background to black and white respectively. We want it the other way around so press “X”. Now fill the selection (Alt + Backspace) and lower the opacity of the layer to something like “45%”.

Tutorial Create Your Own Mile Marker Tutorial 10

Make a marquee selection like such (A-->B).

Tutorial Create Your Own Mile Marker Tutorial 11

Make another selection while holding down “Shift” (A-->B).

Tutorial Create Your Own Mile Marker Tutorial 12

Press Del.

Step 6. Using a font of your choice and using the type tool, type the “mile” and “#” on separate layers.

Final:

Tutorial Create Your Own Mile Marker Tutorial 1
Tutorial Create Your Own Mile Marker Tutorial 1

GO to: Page 1 : Create Your Own Mile Marker Tutorial


TechTut.com This tutorial is copyrighted. Partial duplication or full duplication is prohibited and illegal. Translation or usage of any kind without author�s permission is illegal.