 |
1. Create a new document with the following properties:
Width: 0.98 inches
Height: 3.3 inches
Resolution: 300 pixels/inch
Color Mode: RGB Color 8 bit
Background Contents: Transparent
|
|
 |
2.
Use the Rounded Rectangular tool with a radius of 35 pixels to draw a
rectangle from the top left corner to the bottom right corner. Be
precise. If you've made a mistake with the size, undo and start over;
don't use the Transform tool to fix the size. |
|
 |
3. Create a new layer (Shift+Ctrl+N). |
|
 |
4. Select the Elliptical Marquee tool with the following properties:
Feather: 0 px
Anti-alias: Checked
Style: Fixed
Width: 0.9 in
Height: 0.9 in
Click on the stage to create a selection and fill the selection with black.
|
|
 |
5. Duplicate the current layer (Ctrl+J). |
|
 |
6. With the new layer selected, use the Transform tool (Ctrl+T) to apply the following properties:
Width: 0.55 in
Height: 0.55 in
|
|
 |
7.
Create a selection from the top layer (Ctrl+click on the layer
thumbnail), select the middle layer and press delete to clear the
selections' area. |
|
 |
8. Ensure that Snap is enabled (View> Snap). Use the Move tool (V) to move the contents of the middle layer to the top right. |
|
 |
9. Apply an Offset filter (Filter> Other> Offset) with the following properties:
Horizontal: 0 pixels right
Vertical: 135 pixels down
|
|
 |
10.
Create a selection of the canvas (Ctrl+A) and align the layer to the
horizontal center (Layer> Align Layers to Selection> Horizontal
Centers). |
|
 |
11. Select the top layer and use the Move tool (V) to position the layer in the middle of the ring. |
|
 |
12.
Select the bottom layer and add a Gradient Overlay layer style
(Layer> Layer Styles> Gradient Overlay) with the following
properties:
Blend Mode: Normal
Opacity: 50%
Graident: Black to White
Reverse: Unchecked
Angle: 0�
Scale: 150%
|
|
 |
13. Add a Bevel and Emboss layer style (Layer> Layer Style> Bevel and Emboss) with the following properties:
Style: Inner Bevel
Technique: Smooth
Depth: 100%
Direction: Up
Size: 5 px
Soften: 0 px
Angle Light Source: 120�
Use Global Light: Checked
Angle Light Source Altitude: 30�
Gloss Contour: Half Round
Anti-aliased: Unchecked
Highlight Mode: Screen
Highlight Color: White
Highlight Opacity: 75%
Shadow Mode: Multiply
Shadow Color: Black
Shadow Opacity: 75%
|
|
 |
14. Select the middle layer and Invert (Ctrl+I). Select the top layer and Invert (Ctrl+I). |
|
 |
15.
With the middle layer selected, add a Bevel and Emboss layer style
(Layer> Layer Style> Bevel and Emboss) with the following
properties:
Use Global Light: Checked (Apply this property first)
Style: Inner Bevel
Technique: Smooth
Depth: 100%
Direction: Up
Size: 35 px
Soften: 16 px
Angle Light Source: 0�
Angle Light Source Altitude: 50�
Gloss Contour:
Gloss Contour Left Point Input: 0%
Gloss Contour Left Point Output: 37%
Gloss Contour Right Point Input: 100%
Gloss Contour Right Point Output: 75%
Anti-aliased: Unchecked
Highlight Mode: Screen
Highlight Color: White
Highlight Opacity: 75%
Shadow Mode: Multiply
Shadow Color: Black
Shadow Opacity: 75%
|
|
 |
16. Add a Drop Shadow layer style (Layer> Layer Style> Drop Shadow) with the following properties:
Use Global Light: Unchecked (Apply this property first)
Blend Mode: Multiply
Color: Black
Angle: 0�
Distance: 2px
Spread: 0%
Size: 5px
Contour: Linear
Anti-aliased: Unchecked
Noise: 0%
Layer Knocks Out Drop Shadow: Checked
|
|
 |
17.
Select the top layer and add a Gradient Overlay layer style (Layer>
Layer Style> Gradient Overlay) with the following properties:
Blend Mode: Normal
Opacity: 15%
Gradient: Black to White
Reverse: Unchecked
Style: Linear
Align with Layer: Checked
Angle: 0�
Scale: 100%
|
|
 |
18. Select the Text tool (T) with the following properties:
Font: Lucida Console
Font Size: 9 pt
Anti-aliasing: Strong
Color: #808080
Copy and paste this character into the text area: ?
Type in a space followed by a semicolon (;), highlight the semicolon and change the font to Webdings with a font size of 9 pt.
Use the Move tool (V) to position the text to the middle of the circle.
|
|
 |
19. Use the Text tool (T) to add the following text with the following properties:
Text: +
Font: Lucida Console
Font Size: 9 pt
Anti-aliasing: Strong
Color: #808080
Use the Move tool (V) to position the text to the top middle of the ring.
|
|
 |
20. Use the Text tool (T) to add the following text with the following properties:
Text: ? (Copy and paste)
Font: Lucida Console
Font Size: 9 pt
Anti-aliasing: Strong
Color: #808080
Use the Move tool (V) to position the text to the bottom middle of the ring.
|
|
 |
21. Use the Text tool (T) to add the following text with the following properties:
Text: 9
Font: Webdings
Font Size: 10 pt
Anti-aliasing: Strong
Color: #808080
Use the Transform tool (Ctrl+T) to reduce the height to 50% then use
the Move tool (V) to position the text to the middle left of the ring. |
|
 |
22. Use the Text tool (T) to add the following text with the following properties:
Text: :
Font: Webdings
Font Size: 10 pt
Anti-aliasing: Strong
Color: #808080
Use the Transform tool (Ctrl+T) to reduce the height to 50% then use
the Move tool (V) to position the text to the middle right of the ring.
|
|
 |
23. Use the Rectangular Marquee tool with the following properties to create a selection on the top of the canvas:
Feather: 0 px
Style: Fixed Size
Width: 100%
Height: 3 px
|
|
 |
24. Create a new layer (Shift+Ctrl+N) as the top layer and fill the selection with the following color:
#d5d5d5
|
|
 |
25. Use the Offset filter (Filter> Other> Offset) to apply the following properties:
Horizontal: 0 pixels right
Vertical: 825 pixels down
|
|
 |
26. Reduce the opacity of the current layer to 50%. |
|
 |
27. Canvas size (Image> Canvas Size) with the following properties:
Relative: Checked (Apply this property first)
Width: 0.5 inches
Height: 0.5 inches
Anchor: Center
|
|
 |
28. Canvas size (Image> Canvas Size) again but with the following properties:
Relative: Checked (Apply this property first)
Width: 0 inches
Height: 1 inches
Anchor: Top Center
|
|
 |
29.
Now we'll create a reflection for a sense of space. Create a selection
of the canvas (Ctrl+A), copy merged (Shift+Ctrl+C) and paste (Ctrl+V).
Move the new layer to the top. |
|
 |
30. With the top layer selected, Flip Vertical (Edit> Transform> Flip Vertical). |
|
 |
31. Use the Move tool (V) to position the current layer under the iPod Shuffle. |
|
 |
32. Add a layer mask (Layer> Add Layer Mask> Reveal All) to the current layer. |
|
 |
33.
With the layer mask selected, use the Gradient tool (G) with the
following properties to create a gradient from the top of the ipod to
the bottom:
Gradient: Black to White
Style: Linear
Mode: Normal
Opacity: 100%
Reverse: Unchecked
|
|
 |
34. Change the opacity of the current layer to 50%. |