Step 4
Back with the Rounded Rectangle tool, draw a black shape to represent the LED screen. Drag guides onto the canvas and align the screen centrally.

Step 4
Back with the Rounded Rectangle tool, draw a black shape to represent the LED screen. Drag guides onto the canvas and align the screen centrally.

Step 6
Next, add an Outer Glow using the colour swatch of #d8d8d8. Adjust the spread and size to create the impression of a bevelled edge around the screen to give the sense of depth.

Step 7
Finally, add a tiny Inner Shadow using a light grey colour (#848484). Adjust the settings so that the shadow is just 1px in size to leave a thin highlight scross the top rim of the screen.

Step 8
Draw a triangle using the Polygonal Lasso Tool and align it with the center of the canvas. Add a layer mask to the screen layer to knock out this triangular shape from the screen area.

Step 9
Use the Type Tool to mock up some stats and figures. Use a range of type sizes and weight to provide focus to the important elements.

Step 10
Double click the layer of the large number to add some Layer Style options. Start by adding a Color Overlay of a bright green (#00ffcc).

Step 11
Next, add an Outer Glow using the same fill colour. Adjust the size of the glow to give an illuminated appearance.

Step 12
Open up a new document at 4px by 4px. Zoom right into the document and use the Pencil tool to draw two horizontal lines across the canvas. Go to Edit > Define Pattern and give it a name of LED lines.

Step 13
Press CMD (or CTRL) key while clicking the screen layer’s thumnail in the layer palette to load the selection. Create a new layer then fill the area using the Paint Bucket Tool. Remember to select Pattern from the options dropdown, then select the LED lines pattern we’ve just created.


0 Response