How to Make a Website Logo in Adobe Photoshop, for beginners

If you want to make a Logo for your Website, you read the right article. Because I want to share about How to make Logo in Photoshop CS6 tutorials. 

So what the function of Website Logo ?, The Logo in Website is to present the contents of that Website. The other reason is to make the Website more attractive, and to make the visitors remember our Website.

On the Website usually the Logo put on the Header of Website.

Actually, you can use any version of Adobe Photoshop Software, It's up to you. Because basically the function is same. And this Adobe illustrator Tutorials for Beginners are so easy. But before it, you need to understand about Pen Tool, Shapes tool, and the Type Tool. Because the three tools that will be used to Create the Website Logo.

I will share the basic of Logo Tutorial, then you can develop by your self, to make the result more attractive. And before it, I would share the result first. The picture below is our Website Logo.

The Result ( SOURCE : mahirphotoshop.com )

If you want to make the Website Logo like that picture, you can follow our Tutorial step by step, and be patient, to have the good result, and satisfying result.

How to Make a Website Logo in Adobe Photoshop, for beginners :

STEP 1

The First Step of Cool illustrator Tutorials is open your Adobe Photoshop Software. Then make the New Worksheet by clicking File menu > New. Or you can use Ctrl + N Shortcut, to more easy.  For the size logo, you can use the Size of theme or Template of your website. 

STEP 1 ( SOURCE : mahirphotoshop.com )

STEP 2

On that New Worksheet, you need to make Square shape by using Rectangular Shapes Tool. To make the perfect Square and not Rectangle Shape, press SHIFT on keyboard, while making that Square. For the color, I am using Blue Flat Color with code : #34495E. And for the color, you can  use other colors, as you want. 

STEP 2 ( SOURCE : mahirphotoshop.com )

STEP 3

The next step of illustrator Tutorials for Beginners Step by Step is, make the new Shape by using Pen Tool ( we are use the Pen Tool, to get more shape, or many variations of Shape ).

In that Logo, for this shape formed is the rectangular and pointed shape.

STEP 3 ( SOURCE : mahirphotoshop.com )

Before it you must change the Pen Tool mode to the Shapes, by enter to the Photoshop Toolbar , then search and click the Pen Tool. 

STEP 3.1 ( SOURCE : mahirphotoshop.com )

After that you need to enter to the Option Bar, then find the setting Mode. And choose Shape. 

STEP 3.2 ( SOURCE : mahirphotoshop.com )

STEP 4 

Then Duplicate the Shape Layer, and set the position by using Move Tool or Free Transform. And on the Duplicate Shape, you can set the Rotation to Upside Down, by using Edit > Transform > Flip Horizontal ( to make M alphabet ).

STEP 4 ( SOURCE : mahirphotoshop.com )

STEP 5

Make the other shape use a Pen Tool, to make it look M alphabet, and P alphabet. By using the third step. 

STEP 5 ( SOURCE : mahirphotoshop.com )

STEP 6

You can write your Website name, and use your Website slogan too, and other text beside the Icon Logo. It's up to you. 

To make the text you can use Horizontal Type Tool, and give the color from that text. It's up to you for using any color. And in here I am using Roboto for the font type, for the font type you can use the other type, it's up to you. And this is our result. 

The result ( SOURCE : mahirphotoshop.com )

OK, you can make the other type of logo, and change the position of the Icon and the slogan text, it's up to you. After, you are finish that Website Logo you can upload on your Template Website.

OK that is our illustrator Tutorials 2018, thanks for reading our article, visiting our Website, and follow our Tutorial step by step. And if you guys have any title Suggestion for the next Tutorial, you can Post in a comment. And just waiting for our next update. 

REFERENCE : https://mahirphotoshop.com/membuat-logo-website/