How to Create a Glassy Logo In Photoshop

How to Create a Glassy Logo In Photoshop
7
Jun

[vc_row][vc_column][vc_column_text]Create a new canvas with a black background. You can also choose a background color of your choice, but will have to make some changes in the color of the inner/outer glows for the subsequent layer to get the best effect. I will be using black for illustration purposes. The size of the canvas I have used is 985 x 575 px, Resolution 72 px.

Select the Ellipse Tool by right-clicking the shape tool.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11465″ img_size=”large”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Go the top-left corner in the canvas or the top-left position from where you would like to start. Press Shift and drag your mouse to make a perfect circle. Use the Move tool to re-position your shape.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11466″ img_size=”large”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]This will create a new Shape Layer.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11467″ img_size=”large”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Now double click the shape layer or right click and select Blending Options… This will open the Layer style window. Check the Inner Glow option. Adjust the size to 27 px.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11468″ img_size=”large”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Click on the color picker to change the color. For this part, I have picked light gray.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11469″ img_size=”large”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Now go to Outer Glow. Change the color, Size to 117 px, and lower the Opacity to 47%. This will make the circle look like what is in the background then click OK.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11470″ img_size=”large”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Now duplicate the Shape1 layer by pressing Ctrl + J while the layer is selected or right-click on the layer and select Duplicate Layer. I will rename the new layer to Shape 2.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11471″ img_size=”large”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Now press Ctrl + T or go to Edit > Free Transform Path. Press Ctrl + Alt + Select A Corner to resize the object smaller from all sides while keeping the center point in the place.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11472″ img_size=”large”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]After resizing, press Enter.

Now double click the shape layer or right click and select Blending Options… This will open the Layer style window. Check the Inner Glow option. Adjust the size to 54 px, Opacity to 79%. Select the Gradient Color and click on it to change the color.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11473″ img_size=”large”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Click on the right color and change it. Do the same with the left if required and add more if you prefer. After adjusting the colors, press OK.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11474″ img_size=”large”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Now, select the Outer Glow and change the Opacity to 100%, the Color to light gray and Size to 30 px.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11475″ img_size=”large”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Let’s insert text now. For this select the Type tool. Select and drag your text tool and Enter your text.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_single_image image=”11476″ img_size=”large”][/vc_column][vc_column width=”1/2″][vc_single_image image=”11477″ img_size=”large”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Change the font settings by selecting the font, size & other options.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11478″ img_size=”large”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Now press Ctrl +T to free Transform the text to center and rotate. My example looks like this:[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11479″ img_size=”large”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Now right-click on Shape 1 and select Copy Layer Style.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11480″ img_size=”large”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Now right-click on the Text layer and select Paste Layer Style.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11481″ img_size=”large”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]This will paste the styles to the Text Layer. Now double click on the layer to open Layer Style window. Uncheck the Inner Glow and select Outer Glow. Change the Opacity to 100%, Spread: 24% & Size: 24 px.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11482″ img_size=”large”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]To Place the Gloss:

Create a New Layer.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11483″ img_size=”large”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Select the Elliptical Marquee Tool.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11484″ img_size=”large”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Draw an oval, then select the Gradient tool and draw the line from bottom –to-top.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11485″ img_size=”large”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]This will create a gradient as the following. Make sure it is black-to-white and the 1st gradient style.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11486″ img_size=”large”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Change the layer style to Screen and lower the Opacity to 43%.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11487″ img_size=”large”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Now press Ctrl + T and rotate & resize the oval to fit your circle.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11488″ img_size=”large”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]The final output will look like this[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11489″ img_size=”large”][/vc_column][/vc_row]