Sleek Blue Logo
With the internet going in the direction of easily accessible and aesthetically pleasing websites, updating your logo is a must. This tutorial will step you through creating a web 2 style logo in Adobe Photoshop in about 10 minutes. By having a clean style logo, your visitors should be more likely to stay at, visit, and purchase from your site.
Create a new document that is 500px wide and about 80px high. Make sure the mode is RGB Color and the background is white.
Add your text to the image. For this demonstration, we used Impact font at 48pt with a stretch setting of 100. Position the text near the top.
Double click on your layer to bring up the Layer Style menu and apply an outer glow of Normal, 75, 0, 7E7E7E, Softer, 0, 5, 50, 0.
Now apply an inner glow of Normal, 75, 0, DADADA, 0, 3, 50, 0.
Next, we need to apply a gradient overlay of Normal, 100, 0048CB to 007DF2, Linear, Align with Layer, 90, 100.
To top of the effects, add a stroke with 1, Outside, Normal, 100, FFFFFF as the settings.
Now, right click on the main layer and select duplicate layer.
Click on the duplicated layer to select it. Now go to Edit –> Transform –> Flip Vertical.
Now, move the duplicated layer so it mirrors the original layer (this will be our reflection). Create a new layer (shtf + ctrl + n) and use the selection tool to make a box around the duplicate layer.
Make a gradient tool (located underneath the paint bucket in the main toolbar), and create a white overlay starting 1/2 way up the selection box.
Now make a box over the top layer that covers the top half. Make a new layer (shft + ctrl + n) and fill it with FFFFFF using the bucket tool. Set the opacity to 12.
And there you have it. The final logo should look similar to the one below.