Showing posts with label Adobe Photoshop CS6. Show all posts
Showing posts with label Adobe Photoshop CS6. Show all posts

Thursday, 31 May 2012

4 Different Effects You Can Add to Your Logos and How to Do it Well

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 made even easier by the swatch libraries available in Adobe Illustrator. You can pick a collection of colors that go well together and just click around until it looks right. For this example I used the “Cool” color palette.

Tones

Gradients
You can use gradients in a number of 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:
First you lay out your text and images:

Gradients
 
Then you choose the gradient mesh tool:

Mesh Tool

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:

Shape Tool
 
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.

The Bunny Ranch

While making logos is easier in Illustrator, mostly because they are vectors that can be sized at will, gradient treated logos are better in Photoshop. Again we’ll start with our text:
Startiing Picture
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 have a version of Photoshop earlier than CS2 you won’t have this button). That button will bring up this screen:


Gradient Effects
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 gave me this:

Ghosteck
 
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 your image, the whole thing is an overlay so if you wanted to retype your wording or change you logo from a oval to a triangle, you wouldn’t have to start again from scratch.

Shadows
Shadows can 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 little 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 then 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.

Shadow Effects

And that gave me this…

Ghosteck Mirror Effect

Glow
Glow can do a lot of things and is considered a 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.

Glow Effects

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.

Layer Styles

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.
Paul Adrian Gonzalez 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.




Wednesday, 30 May 2012

How to Make Animated Signature Using Adobe Photoshop, Imageready


Creating an animated is one of the unique way to grab attention of the reader. Signatures play a vital role in email and other social network in modern days. See to that you make a unique and pleasant signature. Please avoid using irritating colors it will surely spoil your readers mood. In this tutorial I will explain in detail how to create Animated signature using Adobe photoshop and Imageready software.
1. The signature consist of an animated object.
2. Its moving ,yeah thats what it makes look like animated.
3. Observe more carefully the signature consist of frames.
4. After each frame the body moves.
5. Note the speed its uniform.
6. Frames are interlaced and transparent that what cause moments if its stuck the sig wont look nice.

What you Need?
  • Photoshop CS3 (recommended by me)
  • Adobe Imageready
Steps for Creating signature in Photoshop
1. Open Photoshop and create a new image file measuring 100 by 100 pixels. Set the resolution to 72 pixels per inch and the mode to RGB color.
2. Choose Show Layers from the Window menu. This will bring up the Layers floating palette.
3. Select the pencil tool. Use it to draw a picture.
4. Click on the Layer palette’s submenu arrow and select Duplicate Layer.
5. Click on the eyeball icon to the left of the bottom layer on the Layer palette. Use the pencil tool to add to the image on the top layer. Select the erase tool to remove part of the image.
6. Under the file menu, select Jump to, and then Adobe ImageReady . Save when prompted.

Steps for Creating signature in image ready
1. Choose Show Animation from the Window menu. This will bring up the Animation floating palette.
2. Click on the Animation palette’s submenu arrow and select Make Frames from Layers.
3. Use Save Optimized As to save the animation under a new name.

Imageready Tips and Warnings
1. You can draw directly in ImageReady, which has nearly identical tools.
2. Preview your animation by pressing play on the Animation palette.
3. Add more unique frames for a richer animation.
4. Click on the time values at the bottom of each frame to adjust how long it will remain visible.

Note
For orkut signs make sure you keep the background as transparent. If u think that u are more advanced in doing all those add special effects like shadow blur,apply filters etc..
Remember each frame has its own importance make sure the require time is constant

once a gif image is created.
Upload it On photoshop or using picasa or imageshack or on orkut using add photo.Save the image location for embedding it inside use
< img src = your image >

I hope you understood by that and i tried my level best to explain all this things to u with out omitting any steps. 



 
Blogger Gadgets