Templates by BIGtheme NET
Home / Basics / Photoshop Tutorials: design company or website symbols or monogram

Photoshop Tutorials: design company or website symbols or monogram

Generally enterprises or websites owners have needed a beautiful emblem which denote their organization aims and goals. So immense corporations spend huge expenses for this purposes. A number of people who are working their websites and have needed always a label so they use others companies logos without authorization. They consider that designing a Logo is a difficult work. They don’t know emblems can be created easily by using Photoshop. They don’t try their own just they copy other company’s symbols or monogram. This act is dishonorable so left it and build your mind as inspired tasks it will bring fruits. Here we will design company or website symbols or monogram in Photoshop. You can make eye-catching labels For your websites or company with informative steps of this tutorial. If you are newbies and don’t aware from usual mistakes during designing a logo see here http://www.smashingmagazine.com/2009/06/10-common-mistakes-in-logo-design/.

Be attentive and try to do exercise with us you’ll able to create brand symbol after reading this tutorial. In below all details have been mentioned step wise, so read it complete.

Design Company or Website Symbols or Monogram

Step 1: Create New Document For Emblem

The First step in designing a logo is that to determine a size in your mind and create a new document from menu bar File -> New.

Make New File for Logo from Main Menu file Option. Image © reserved 2015 Photoshop Helps.com

After that, a dialog box will appear containing particular details. First of all change the layer name as “Logo” with default name Untitled-1 and fix Preset as Custom.

Enter New File Name and Preset value Custom. Image © reserved 2015 Photoshop Helps.com

Set the values of Width and Height for an emblem in next option. Hang on mind Width measure as horizontal and Height takes as vertically. Set Width 1 Inch and Height .5 Inch.

Logo New Document Width and Height in Inches. Image © reserved 2015 Photoshop Helps.com

Now set the resolution it is a vital feature and associated to your logo graphic results. If you’ll set low-resolution than logo graphics seem blur and don’t give worthy results. Establish always good resolution for clear graphics. Now set 200 pixels / Inch with RGB 8 bit color mode.

Option of Resolution and Color Mode for Logo Document. Image © reserved 2015 Photoshop Helps.com

Select the Background Content, for logos use always Transparent Background Content because it’s show only main text without extra background. Always keep in mind Transparent Sheet save in PNG Format.

 Select Background Contents Transparent item for Logo. Image © reserved 2015 Photoshop Helps.com

Now Transparent Sheet is ready for work and first it looks like same to beneath picture.

First look of Logo Transparent sheet in Photoshop window. Image © reserved 2015 Photoshop Helps.com

Step 2: Add Shape For Emblem

For designing an emblem, you have to keep some ideas in your mind. You must know what you want in the logo although it may icon, text or image etc. Let’s construct a shape with Custom Shape Tool just select tool and select the figure from shape drop down menu and draw it in logo sheet.

 Pick a figure from Custom Shape Window for Logo Sheet. Image © reserved 2015 Photoshop Helps.com

A shape has created with black color at this moment some modifications are required to obtain the desired trademark. For modifications use Pen Tool technically. Now choose a Pen Tool, press Ctrl key and click on the diagram some transformations appear on diagram edges.

 Embedment of Shape like with help of Pen Tool. Image © reserved 2015 Photoshop Helps.com

Just moderate little bit bend the diagram from the square box by pressing Ctrl Key with Left Click. If you want to round the certain edge of the diagram then hold Ctrl key with Left Click at the dots and move it by the mouse. Manipulate the curve and round the edges similar to a Petal shape.

Make the Shape like Petal look with Pen Tool. Image © reserved 2015 Photoshop Helps.com

One shape has arranged appropriately now need to some other shapes same to same so for this resolve, must create a duplicate layer of the first shape. Hold Alt key and press Left Click then move the mouse to make a duplicate layer. Here two more similar layers have been shaped in below.

Make two more Duplicate figures Layers in Logo Sheet. Image © reserved 2015 Photoshop Helps.com

Step 3: Add Text in Emblem

After adjusting shapes, now it is a necessity to insert Company Name Text below the shape. Pick up healthier colors and format for text to inscribe company name. I’ve created 2 text layers and give diverse colors to company & name. Add text under the diagrams which are looking so stunning.

Final design company or website symbols or monogram is ready. Image © reserved 2015 Photoshop Helps.com

Now emblem is ready just save it in PNG Image Format in your computer. I hope you can make more good-looking logos now, it is so simple to design trademarks or  in Photoshop.

Our final Logo has been ready for Website or Company. Image © reserved 2015 Photoshop Helps.com

Final Results


We have learned that how to design a company and website emblem in Photoshop step by step. First we created new layer with width 1 Inch and Height .5 Inch for upright graphic results set Resolution 500 Pixels / Inch. After that with the support of Custom Shape Tool draw a diagram and manipulated like a Petal shape with Pen Tool. Then 2 more duplicate layer created by holding Alt and Left Click and gave a red color to all diagrams. Underneath the diagrams enclosure text in two colors which is a “Company Name” which contain two text layers. Now the logo is ready, I hope you will have understood in a better way after reading just 3 steps above.

About Ali Imran

Howdy! I’m + Ali Imran and CEO of Photoshophelps.com. I have passed BS Computer Science degree in the year of 2013. I’ve a great experience in Content Writing, Photoshop, Graphics Designing, SEO, Web Developing and Web Designing.

Leave a Reply

Your email address will not be published.