XP Style Playback Controls |
| Start by creating a small rounded rectangle. |
 |
| Double click the layer and apply layer style as shown. |
 |
 |
 |
 |
| Using custom shape tool draw a triangle ( preferable shape sign3 as it has rounded edges ) . Rotate so that it points to the right like a play button sign. |
 |
| Apply following layer styles to the triangle layer. |
 |
 |
| The play button will like this after applying the layer styles. |
 |
| Create a duplicate of the play button layers and replace the triangle with two vertical rectangles to create pause button. Just copy layer style from triangle layer and paste on pause shape. |
 |
| Similarly create other buttons for rewind, forward and stop using basic shapes and pasting layer style copied from triangle layer. |
 |
Warning: include() [function.include]: URL file-access is disabled in the server configuration in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 85
Warning: include(http://www.fierydarts.com/ads.php) [function.include]: failed to open stream: no suitable wrapper could be found in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 85
Warning: include() [function.include]: Failed opening 'http://www.fierydarts.com/ads.php' for inclusion (include_path='.:/usr/local/lib/php') in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 85
XP Style Playback Controls
Warning: include() [function.include]: URL file-access is disabled in the server configuration in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 85
Warning: include(http://www.fierydarts.com/ads.php) [function.include]: failed to open stream: no suitable wrapper could be found in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 85
Warning: include() [function.include]: Failed opening 'http://www.fierydarts.com/ads.php' for inclusion (include_path='.:/usr/local/lib/php') in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 85
Creating a Web Forum Navigation Header
Creating a Web Forum Navigation Header |
| Start by creating a rounded rectangle using rounded rectangle shape tool. |
 |
| Press Ctrl+T. Right click the layer and select distort. Adjust the nodes to get a shape like this. |
 |
| Double click the layer to open layer style window. Apply layer style with the settings shown. |
 |
 |
 |
| Duplicate the layer. Press Ctrl+T. Right click the layer and select flip horizontal. |
 |
| Select both layers. Duplicate the layers. Press Ctrl+T. Right click the layer and select flip vertical. Scale down as shown in the image. |
 |
| Create an ellipse using elliptical shape tool. |
 |
| Double click the layer to open layer style window. Apply layer style with the settings shown. |
 |
 |
 |
| Create a line divider shape using pen tool. |
 |
| Duplicate and place as shown. |
 |
| Similarly create line dividers for the other side. |
 |
| Type button links above the dividers. Rotate to align with the dividers. |
 |
| Place company logo in the center ellipse and forum name in the lower wings. |
 |
Warning: include() [function.include]: URL file-access is disabled in the server configuration in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 85
Warning: include(http://www.fierydarts.com/ads.php) [function.include]: failed to open stream: no suitable wrapper could be found in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 85
Warning: include() [function.include]: Failed opening 'http://www.fierydarts.com/ads.php' for inclusion (include_path='.:/usr/local/lib/php') in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 85
XP Style Camera Icon
XP Style Camera Icon |
| Create a rounded rectangle using rounded rectangle shape tool. |
 |
| Double click the layer to open layer style window. Apply settings as shown. |
 |
 |
 |
 |
| Create a circle for the lens using elliptical shape tool. |
 |
| Double click the layer to open layer style window. Apply settings as shown. |
 |
 |
 |
| Duplicate the circle layer. Remove layer style. |
 |
| Double click the layer to open layer style window. Apply settings as shown. |
 |
 |
 |
| Create a vertical rectangle using rectangular shape tool. |
 |
| Double click the layer to open layer style window. Apply settings as shown. |
 |
 |
 |
| Create a rectangle using rectangular shape tool. Move this layer below lens layer. |
 |
| Double click the layer to open layer style window. Apply settings as shown. |
 |
 |
| Change layer mode to hue. |
 |
 |
| Create a small square for button using rectangular shape tool. |
 |
| Duplicate this layer. Offset a few pixels and fill with lighter shade. |
 |
| Similarly create more buttons and place below each other. |
 |
| Create a few rectangles of varied sizes on top. |
 |
 |
 |
| Select the top thin rectangle layer. Double click the layer to open layer style window. Apply settings as shown. |
 |
 |
| Select all layers. Press Ctrl+E to merge the layers together. Double click the layer to open layer style window. Apply settings as shown. |
 |
 |
Warning: include() [function.include]: URL file-access is disabled in the server configuration in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 112
Warning: include(http://www.fierydarts.com/ads.php) [function.include]: failed to open stream: no suitable wrapper could be found in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 112
Warning: include() [function.include]: Failed opening 'http://www.fierydarts.com/ads.php' for inclusion (include_path='.:/usr/local/lib/php') in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 112