How to create and customize a logo

One of the most important and complex processes in managing a website is logo designing. However, once you come up with the concept behind the logo, the rest doesn't seem to be that hard. Website logotype requires a good bunch of consideration as it is the main carrier of your company's brand and idea. When a user visits a website or any resource in which a logo is displayed, the first thing that hits them should be the logo. That's why put your best effort into making logo design perfect both in concept and technical implementation.

This article might be helpful in your logo design attempts. Learn how to easily customize a logotype and apply it within our website builder. In order to practice in logo designing you may download free logo example which was used in the following tutorial. The folder includes .PSD file, so you may simply tailor this logotype to your project needs.

Let's try to customize the chosen logo and make it fit one of the site2you turnkeys.

1. First of all we need to remove the title of the logo and hide the background: open the logo file in Adobe Photoshop, then go to the Layers list on the right menu and turn off three layers by clicking on their visibility indicators. Necessary layers are highlighted in red in the picture below. 

2. Now we have to change the background of the logo to make it suit the header. To do this, make logo's background layer visible, go down the tools menu and set background color by clicking on the back square (highlighted in red below). Click on the Gradient tool and select the Paint Bucket tool in the drop-down menu. Now click on the empty space around the logo and it will turn to black. 

3. Let's add some effects to our logo to make it different from the current one. Double click on Layer 14 on the right menu. In the opened layer window select options Outer Glow, Bevel&Emboss, Contour and Texture. Double click on each option to set the properties. 

4. The current logo is colored in green and blue. To change this, click on the foreground square down the tools menu and pick up the color. Select Pain Bucket tool and click on any logo element to change its color to the one you need. 

The logo colors must not be out of the website general color scheme. So we made our logo appropriate for the chosen web turnkey design. Here is the result: 

5. Since we've got our new logo, let's embed it into the website. Log in to the admin panel of your web turnkey. Choose "Edit Content" tab and click the button “Edit highlighted content” right in the logo area.

6. Click "Browse" and chose the logotype file you want to insert. Set this logo as default, using the field below. Click "Save" to update the element. Check the change by clicking on the "Preview" tab. 

7. If you want to resize the default logotype, choose the tab “Advanced Content Editing” on the admin panel. You will see elements menu on the left side of the window. Go to "Static content" --> "Site Logotype" --> "Logotype settings" --> "default". Here you can set width and height of your logotype. Save the updated element. Press "Site Preview" tab to check the updates. 

Here is the final result. 

To make an advanced logo from scratch you certainly need some web design experience. But you can always buy some simple logotype, cusomize it and make it look unique. Besides, you may contact our webmasters anytime - they will offer professional logo solutions right for your business needs. Remember that interesting concept and accordance to website theme are things that make your logo remarkable. Once you have a solid logo, you won't have any problem with uploading it to you website within our site builder. So keep practicing and good luck in your projects!