Learn how to make simple professional looking menu, with anti-aliased round corners, for your website.
Create new image 300x400 in size.
Fill the background with #EEEEEE color.
Draw a round rectangle shape 0.4 in radius.
Click on Paths tab -> right click Work Path -> Make selection...
Create New Layer and name it Main.
Fill the selection with white color.
Select following layer styles. (stroke color is #999999)
Create New Layer and name it Top.
Make oval selection.
Use gradient tool on selection Foreground: #DDDDDD Background: #FFFFFF
Create New Layer and name it Line. (do not loose selection)
Select->Modify->Expand the selection by 4 pixels.
Fill the selection with black color.
Select->Modify->Contract the selection by 2 pixels and cut the selection.
Use the Eraser (100px radius 0% hardness) until you get something like this.
Go to main layer and use Magic Wand on the white round rectangle in middle.
Contract the selection by 1px and the Inverse selection.
Select the Top layer (do not loose selection) and then cut selection.
Create New Layer and name it Lines.
Draw a thin black line.
Use Eraser (50px radius, 0% Hardness) to soften edges.
Copy paste that line 8 times. Make sure that distance remains same.
Reduce opacity of Lines layer to 20%.
Create New Layer and name it Selection.
Select rectangle like this and fill it with #52ADBE color.
Filter->Blur->Motion Blur.
Cut the extra parts.
Create New Layer and name it Arrow.
Use the Polygon tool to draw a small triangle.
Click on Paths tab -> right click Work Path -> Make selection...
Fill the selection with black color.
Reduce Opacity to 70%.
Add some text, I used Bank Gothic font, #0097AF and black color.
Fill the background with #EEEEEE color.
Draw a round rectangle shape 0.4 in radius.
Click on Paths tab -> right click Work Path -> Make selection...
Create New Layer and name it Main.
Fill the selection with white color.
Select following layer styles. (stroke color is #999999)
Create New Layer and name it Top.
Make oval selection.
Use gradient tool on selection Foreground: #DDDDDD Background: #FFFFFF
Create New Layer and name it Line. (do not loose selection)
Select->Modify->Expand the selection by 4 pixels.
Fill the selection with black color.
Select->Modify->Contract the selection by 2 pixels and cut the selection.
Use the Eraser (100px radius 0% hardness) until you get something like this.
Go to main layer and use Magic Wand on the white round rectangle in middle.
Contract the selection by 1px and the Inverse selection.
Select the Top layer (do not loose selection) and then cut selection.
Create New Layer and name it Lines.
Draw a thin black line.
Use Eraser (50px radius, 0% Hardness) to soften edges.
Copy paste that line 8 times. Make sure that distance remains same.
Reduce opacity of Lines layer to 20%.
Create New Layer and name it Selection.
Select rectangle like this and fill it with #52ADBE color.
Filter->Blur->Motion Blur.
Cut the extra parts.
Create New Layer and name it Arrow.
Use the Polygon tool to draw a small triangle.
Click on Paths tab -> right click Work Path -> Make selection...
Fill the selection with black color.
Reduce Opacity to 70%.
Add some text, I used Bank Gothic font, #0097AF and black color.
