Turn any photo into a dot grid artwork with these Photoshop actions. You'll get great results with dots that change size. They get larger in brighter areas and smaller in darker areas. Free download available.
While you have still both layers selected, go to Edit > Transform > rotate and add the rotation to the shape of about 35-45 degrees. That's it.
Merge the shape and paste it to the layout, then scale it down and add a bit of white shadow in blending options so it will get a bit of pressed effect.
Step 6 - Main menu
Our main menu will be very, very simple, but, we will add a call to action button next to it so actually the whole menu will pop. It's strongly vivid among grayscale colors so it will always grab attention. First off, let's make that call to action button. I will try to make its width the same as a search box, so you can add some guide there. I've created the shape with color #e55a21 and rasterize it right away.
Duplicate it and move copied layer (the one below) 1 pixel down (with arrow key on your keyboard), then go to Image > Adjustment > Brightness/Contrast and apply similar settings, so you will get simple shadow underneath the button. Also blur it with Filter > blur > Gaussian blur by 0.5 pixel.
Now we will create few clipping mask layers to bring some life into the button. Start with a gradient from bottom to top with color #ce4614. Change its opacity to 10-35% (adjust later) and blending mode to multiply.
It could be hardly visible for now, but we will make such color transformations that you will really consider its 10% opacity. From the top center make a small radial gradient with color #f9b242.
Make a selection from the main button's shape (CTRL+Click on the thumbnail in layers window) and fill it with #ffd47b. Then go to Select > Modify > Contract and apply 1px reduction. In the end hit DELETE on your keyboard so you will get 1px inside border around the button.
Reduce its opacity a bit, to about 80% and set blending mode to Overlay. It's a small detail, but actually gives a bit of contrast.
Also make a white rectangle with small opacity (10%) starting from below the center to the top.
Now we will apply a blending layer. You can set it as a clipping layer or with a mask. The matter is that you want to apply it only to the button, not to the whole layout. Click this icon to bring up the menu and choose Vibrance. Then slide the Vibrance value to the positive numbers until you'll get life, vivid colors.