Friday, 15 March 2013

How to create a cool Y web logo

image0421.jpg
This project will show you how to create a web logo for your site using Y as an example




This Photoshop tutorial teaches you to create a Logo for your web pages. The dimensions used in this tutorial is : width 200px, height 200px and resolution 72px. This tutorial demonstrates the use of Elliptical Marquee Tool and the Add to Selection Option for this tool. At the end of this tutorial you will be able to create your own logos like the one shown below using some simple techniques.

1. Creating Shape for the Logo.Start by creating a new document of dimension 200 x 200 px with resolution 72px and background color white. First draw a circle using the Elliptical Marquee Tool (M) image00113.jpg
image00122.jpg
in the Layer options palette click on Add to Selection option.
image00131.jpg
Draw the second circle next to the first one with their sides just touching each other.
image00141.jpg
Then draw the third circle below the first and the second. The 1/4th of the top part of the third circle should touch the first and the second circles like shown in the image below.
image00151.jpg
Press Alt + Backspace to fill the circles with any foreground color and press Ctrl +D to deselect the layer. Name the layer as Shape.
image00162.jpg
Double click on the Shape layer in the layers palette or right click on the Shape layer in the layers palette and select Blending Options. From the Layer Style window select the Stroke option. Set the fill type to color, stroke color to #0d1a65, size 2px and position outside.
image00171.jpg
Select the Color Overlay option and set the Blend mode to normal, Color to #48689e and opacity to 100%.
image00181.jpg
Select the Satin Style and set the Blend mode to Normal, Opacity 50%, angle -45, color #748692, Distance 11px and Size 14px.
image00191.jpg
Select the Inner Glow and set the Blend Mode to Screen, Glow color to #9b9eaf, choke 4% and size 40px.
image0110.jpg
Select the Bevel and Emboss Style and set the style to Inner Bevel, depth 1px, size and soften 10px, Shading angle to 90 and altitude to 37. Set the Highlight and the shading color to #ffffff.
image0111.jpg
2. Duplicate the Shape layer.
image00217.jpg
Right click on the Shape Copy layer in the layers palette and select Clear Layer Style.
image00222.jpg
Double click on the Shape copy layer. In the Layer style window select the Color Overlay style. Set the color to #314c81, Blend mode Normal and opacity 100%.
image00231.jpg
Then select the Inner Glow style. Set the Blend mode to screen, glow color to #1f6780 and size 13px.
image00241.jpg
Select the Elliptical Marquee Tool (M)image00113.jpg and draw an oval and position it as shown in the image below.
image00251.jpg
Select the Shape copy layer from the Layer palette and press del.
image00261.jpg
3. Select the Text toolimage0037.jpg from the Tool Bar and Type the letter ‘Y’. I have used the text options : font family : Elementary SF Black, font size : 60px and color : #fff500.
image00322.jpg
image00331.jpg
Double Click on the Y layer and in the Layer style window, select the stroke. Set the stroke color to #bbe71e, size to 2px and position as centre.
image00341.jpg
Duplicate the Y layer and place the new layer below the Y layer
image00351.jpg
Double click on the Y copy layer and from the layer style window select the Stroke option. Set the stroke color to #364a6b, size to 3px and position outside.
image00361.jpg
Select the Outer Glow option. Set the Blend mode to normal, opacity 60%, glow color #738caa, technique Precise and size 13px.
image00371.jpg
Make a another duplicate copy of Y layer and position it above the Y Layer.
image0038.jpg
Set the foreground color to #b6e316 and press Alt + Backspace to change the text color of the new layer.
image0039.jpg
Right click on the Y copy 2 layer and select Rasterize Type.
image00310.jpg
Select the Elliptical Marquee Tool (M) ) image00113.jpg draw an oval and position it as shown in the image below:
image00311.jpg
Select the Y copy 2 Layer and press del. The Logo should appear like the one shown below.
image00312.jpg
4. Next we will create the bubbles. Create a new layer, name it as bubbles1 and place it below the Shape layer in the Layers
palette. Select the Elliptical Marquee Tool (M)image00113.jpg and also click on the Add to Selection in the Tool Options bar.
image0046.jpg
Draw some circles as shown in the image below.
image00422.jpg
Set the foreground color to #84bc35 and press Alt + Backspace to fill the bubbles.
image00431.jpg
Double click on the bubbles layer in the layers palette and select the stroke option. Set the stroke color to #5b8510, size to 1px and position as centre.
image00441.jpg
5. Repeat the step 4 and create the layers bubbles2 and bubbles3 and position it as shown in the image below:
image00513.jpg
6. Select the Elliptical Marquee Tool (M) image00113.jpgfrom the tool bar. Create a new layer and name it as mask. Draw the circle using the Elliptical Marquee tool, set the foreground color to #61952e, press Alt + Backspace to fill the circle and press Ctrl + d to deselect the layer.
image0066.jpg
Select the Mask layer and press Ctrl and click on the bubbles3 layer to load the selection.
image00622.jpg
Press Ctrl + Shift + I to inverse the selection and press del. Press Ctrl + D to deselect.
image00631.jpg
7. Finally create the Name for the company. Select the Text tool , set the font family to Elektra, font size to 24px and color to #345387 and type the text Yera.
image0079.jpg
image00722.jpg
Double click on the Year layer and open the layer style window and select the stroke option. Set the stroke color to #0f1c65, size to 1px and position to outside.
image00732.jpg
Select the Text Tool and set the font family to Elementary and color to #61952e, type the text Designs.
image00741.jpg
Double click on the Designs layer and open the layer style window and select the stroke option. Set the stroke color to # 3f620d, size to 1px and position to outside.
image00751.jpg
The Final Logo should look like:
image0421.jpg
Thank you for visit our blog.
Hope you can learn something new from this tutorial. For your valuable suggestion please put your comment below.
Get brilliant qualities clipping path, clipping path service & image masking service from Clipping Design. Clipping Design always assures photo editing at quick turnaround time with guaranteed client satisfaction on top quality photoshop masking .
You can also discover 100% handmade clipping path&clipping path service in reasonable price.
Thank you…
Reference: ooglewindowblinds
 
 

No comments:

Post a Comment