Draw a Stargate Timer in Photoshop

30

Step 5 – Power meters

This is what you will make.
30a
Make a new group (Meter Group) and new layers (meter 1, bar, bar shadow, background). Make a selection with a width of 50 and a height of 315. Fill it with #262626. Then set the “Bevel and Emboss” to the settings below.
  • Inner Bevel: Smooth
  • Depth: 100%
  • Size: 2px
  • Direction: down
Then set the “Inner Glow” preferences to the image shown below.
31
Make a selection like the one below.
32
Fill the selection with #FF2F00 and use the Bevel and Emboss settings below.
33
Set some gridlines at the bottom of the bar and 5px from the bottom of the first bar.
33a
Use the Action function to duplicate the red bar into a power meter. Push ALT+F9 and make a new action.
34
Call the New Action “Hue & Position” and click Record.
35
First duplicate the red rectangle layer. Then change the Hue/Saturation (Image > Adjustments > Hue/Saturation) to the settings below.
36
Nudge the duplicated layer 5px down. Then hit the stop button to stop recording. When you hit play, you will see that you make a new rectangle that becomes greener every time.
37
Hit play until there is a nice green rectangle at the bottom.
38
Merge the coloured bars together into one layer and label it “bars.” This metre is at full capacity and will serve as a template. Duplicate the layer “bars” and label it “bars shadow.” Drag the “bars shadow” layer below the “bars” layer. Duplicate the group of bars to create three other groups. See below for the ordering of layers and groups. Note that I have created groups for Meters 2, 3, and 4.
39
Select the “bars shadow” layer and desaturate it (Image > Adjustments > Desaturate). Then right click to get to Layer Style and adjust the “Bevel & Emboss” settings to the following.
  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 100%
  • Direction: Down
  • Size: 0
  • Soften: 0
Delete some coloured bars from the “bars” layer and you will end up with something like this. Do this for the other coloured bars.
40
In the same group as your lines and text, draw a 1-2px line under the text from the Turn_buttons. You can hold the Shift key to create a straight line.
40a
Your picture should look something like this.
41

Step 6 – Cool push buttons

This is what you will make.
41a
Create a new group called “Push Button” and a new layer called “background.” Here is an example of what it would look like (note that I have added other groups and layers in).
42
Create horizontal gridlines at 390 and 435 and vertical gridlines at a 240 and 320. Then create a selection with a width of 80px and a height of 45px. Fill the selection with a Radial Gradient with #585858 as the outside colour and #252525 as the inside colour.
43
Give the selection the following Bevel and Emboss options.
44
Give the selection the following Outer Glow options.
45
Give the selection the following Brush Strokes options.
46
Create a new layer and use the Text Tool to type “TRANSMIT” with the following settings.
  • Font Face: Myriad Pro
  • Size: 14px
  • Type: Regular
47
This button will be duplicated several times.

Step 7 – Active Lights

The active lights show whether the buttons are active or not. Create a group called “Active Ligths” and a subgroup called “Active Light_1”. Create a new layer and call it “Active Light.” Type “ACTIVE” with the following settings.
  • Font Face: Tenby Five
  • Size: 14px
  • Color: #FD0000
Duplicate this layer and call it “Deactive.” Give the text a duller colour (#800000). Put this layer below the “Active Light” layer.

Pages: 1 2 3 4 5

2 comments on “Draw a Stargate Timer in Photoshop”

Leave a Reply

Your email address will not be published.

cross