PhotoshopForce.com
PhotoshopForce.com home tutorials forums downloads contact-us PhotoshopForce.com
PhotoshopForce.com
Tool Tip Tutorial Geometric Abstract Gradient Twirl Glossy Content Box Fresh Tutorials:
Last Update: 2.14.2007
Online: 82 Users
Adverts
Advetise on Photoshopforce.com For only $50 per month!
PhotoshopForce.com
PhotoshopForce.com Tutorials Drawing Modern Logo Design

Modern Logo Design

This tutorial will teach you how to create a great looking logo for that looks great on flyer's or standard press, or for website headers and signatures. This technique can be see in television commercial, newspaper advertisements and various magazines all over the world. This effect is rather simple to create if you know the tricks, but the end result is very impacting and draws the user eye to your company name, or event title.

Here is an example of the final result:

Page 1 of 1


Step # 1
Open an existing document of any size, or create a new one. For this tutorial l am using a 400x300 in size.

Fill the background with white (#FFFFFF)




Step # 2
Get out the Text tool () and select any font you wish. The font l'm using here is called Airstrip Four, and is available for free download in our download section


Set the your font up like so:





Step # 3
Press 'D' on your keyboard to reset your background and foreground colors to black (#00000) and white (#FFFFFF) respectively.

Click on the canvas area, and type out the name of your company, or the text you would like to apply this effect too:






Step # 4
Now press CTRL + J on your keyboard two times to duplicate this layer twice.

Your layer pallet should look similar to this:





Step # 5
Now move both of these layers below the original layer, by clicking on them and holding down the mouse button, and dragging them below the original layer.

Your layer pallet should look similar to this afterwords:






Step # 6
Now we will rotate these two layers slightly to create a very nice logo effect that is used all over the place on television and in news print.

To do this click on one of our two duplicate layers, and press CTRL + T on your keyboard to bring up the transform tool.

After you do this you'll notice that there are 6 small squares around our image these are called "nodes".



Place your cursor near one of the corner nodes, press and hold the mouse button and drag downward slightly to rotate the image.

Once finished press ENTER on your keyboard to finalize the transformation.

Result:


Double click this layer, and apply the following blending options, or use your own color:
Color Overlay:


Result:





Step # 7
Now click the 2nd duplicate layer, press CTRL + T on your keyboard, and rotate it using the same technique, only in the opposite direction:


Double click this layer, and apply the following blending options, or use your own color:
Color Overlay:


Result:


Another Example:





Step # 8
Now drop the opacity of each of the duplicate layers to 60 percent:


Do this for EACH of the duplicate layers:


Result:





Step # 9
Next we are going to create a little detail to our logo.
Go ahead and get out the Custom Shape Tool ()

Now select a custom shape that you like, in this case l am using a 10 point star which is a standard stock with photoshop.


Set your foreground color to white (#FFFFFF) by pressing 'D' on your keyboard to reset colors, and then press 'X' on your keyboard to swap foreground/background colors.


Select the Fill pixels setting for the custom shape tool:





Step # 10
Create a new layer above all other layers. Change the blending mode of the new layer to "Difference":


Finally draw your shape anywhere over top of your text that you like to get a very nice looking logo:


Here is how my final result came out after messing around with it for a few minutes:



Alternatively these look great on print ads, as well as on flyer's:

I hope you enjoined this tutorial, and found this effect useful. Thank you for reading!




Author: Frikandel
Discuss this tutorial on the PhotoshopForce.com Forums
Affiliates:
PSD HOUSE / Photoshop Tutorials Free online adobe Photoshop tutorials! Learn webdesign easy with our adobe photoshop CS2 and Adobe Photoshop CS tutorials HV-DESIGNS.CO.UK :: Version 15 :: Back To Basics
All Affiliates / Your Link Here
HOME   |   TUTORIALS   |   FORUMS   |   DOWNLOADS   |   CONTACT US
© 2007 - 2008 www.PhotoshopForce.com Duplication/Redistribution prohibited. Map
Top of Page