Internet3 years ago

Add Simple Photoshop Effects to Logos, Fonts for Modern Look, Design

Tones Using tones is one of the easier ways to make your logo attractive while keeping a simple modern look. […]

Tones

Using tones is one of the easier ways to make your logo attractive while keeping a simple modern look. All you have to do is decide on a color scheme based on what your logo stands for and choose 2 or more variation on a single color. In the example below, we have the fictional company AirThread. I chose blue as the main color and used a dark and light variant to create an understated look. Using tones is even easier by the swatch libraries available in Adobe Illustrator. You can pick colors that go well together and just click around until it looks right. For this example I used the “Cool” color palette.

Simple Design Effects to Add in Logos, Fonts for Better Modern Look

Gradients

You can use gradients in a many ways on your logo design depending on whether you’re using Illustrator or Photoshop. When using Illustrator, the gradient mesh tool is the best way to go. That simple tool gives you a lot of options for getting your logo the way you want it. Let’s take a closer look:

Simple Design Effects to Add in Logos, Fonts for Better Modern Look

First you lay out your text and images:

Then you choose the gradient mesh tool:

Simple Design Effects to Add in Logos, Fonts for Better Modern Look

That will create an arrow that will allow out to add points to the object you click, creating a mesh around the shape that looks like this:

Simple Design Effects to Add in Logos, Fonts for Better Modern Look

You can click as many times as you want to add as many different colors as you want but to make something look round you really only need 2 to 4. Decide whether you want to cast your light from the left or the right then place your highlights and shadows accordingly to give your object dept. Using lighter or darker shades of your main color will make your end product more realistic than using just grey and white. In our finished product, you can see that the eggs are a little shiny because we added one area of dark and one area of light to each.

While making logos is easier in Illustrator, mostly because they are vectors which you can re-size at will, gradient treated logos are better in Photoshop. Again we’ll start with our text:

Simple Design Effects to Add in Logos, Fonts for Better Modern Look

And instead of using the standard gradient tool in Photoshop, we’re going to use the “FX” button on your layers tab (note if you use Photoshop earlier than CS2 you won’t have this button). That button will bring up this screen:

Simple Design Effects to Add in Logos, Fonts for Better Modern Look

You choose how much transparency you want in the “Opacity” field, what colors you want from the “Gradient” drop down, which direction you want the gradient to slant in the “Angle” box and how big or how small you want the gradient to appear on your objects or letters from the “Scale” bar. Selecting the above options and adding a black background.

Not super high-tech but it accomplishes the feel I was going for. The reason Photoshop is better in this arena is that handy little window. You can edit and change and tweak without really altering the image, the thing is an overlay so if you wanted to retype your wording or change you logo from an oval to a triangle, you wouldn’t have to start again from scratch.

Shadows

Shadows will be more than just drop shadows, they can also serve as reflections. For the next example, we’ll start with our Ghosteck logo and add a bit of a shadow to show how something small can take a good logo to better.

The first thing you need to do is make a copy of your layer than turn it upside down and flip it so it’s a mirror image. Then you fade it. Basically I reversed all the settings I had in that handy window then tweaked it till I thought it looked right.

Simple Design Effects to Add in Logos, Fonts for Better Modern Look

Glow

Glow can do a lot of things and is a useful lighting effect. Basically what it does is create an edge around your object or text that softly disperses color. You can control the color, how far from your object it goes out and whether or not the cloud is smooth or looks like static. For this example I went with a smooth glow for a semi haunting look.

Simple Design Effects to Add in Logos, Fonts for Better Modern Look

Accomplishing this look was easy, again the handy “FX” window helped me choose the right glow settings to make Ghosteck a little less plain. I just moved the sliders bask and forth until I found a medium I could be happy with.

Simple Design Effects to Add in Logos, Fonts for Better Modern Look

There is one caution though; too many effects will have people staring at your logo for the wrong reason. Subtlety and moderation are the key in making a dressed up logo look effortlessly powerful.

Guest Post by Paul Adrian Gonzalez who writes for Impact Logos, Australia’s premiere logo design company. Visit Paul’s little nook to learn more how to create a high-impact business logo for your startup company.

Tip : Generate, Create CSS Sprite Single Image & CSS Code Online