Tomislav Mihajlovic (Toma) | SEO and Internet marketing Consultant » Graphics

[How to] Create animation in photoshop

toma — Thu, 31 Dec 2009 15:07:04 +0000

Hi, i am sure that you were wondering at least once how to make some animation. The best program for this would be Adobe Flash were you can get small files with good animations.

But, in case you don’t have Adobe Flash, and you have Adobe Photoshop installed on your computer, you will be still able to do it.

Couple days ago i found this very usefull tip on http://creativetechs.com/tipsblog/build-animated-gifs-in-photoshop/, and i will be free to use their pictures.

Example:

This is the animation that we created in Photoshop and we will show you how to do it.

This simple animation combines the two most common animation techniques in Photoshop: Turning layers off and on, and using the Tween command to animate the movement of an object on a layer.

Step 1: Make all the layers

The first thing that you need to do is to make all the layers that are planing to use. I this example 7 layers are used: background, 4 layers of text and 2 for the rocket (rocket and flame)

You can download photoshop file here: ExampleAnimation.psd

Step 2: Choose the visible layers for every frame

Chose Windows > Animation to show Photoshop’s animation palette.

On the first frame, turn off visibility for all layers you do not want visible at the start of your animation. Then add one frame at a time, and turn on the layers you want to be visible for each step in the animation.

Changing layer visibility one frame at a time is a classic Photoshop animation technique that covers a wide variety of needs.

In this example, continue this pattern to reveal the countdown and the flame at the bottom of the rocket.

Step 3: Creating animation frames using Tween

Now that the countdown is complete, we need to create the illusion that our rocket ship is taking off. Add one more frame, and this time select the group called “Rocket” in layers and move your rocket off the top of your image window.

Then choose “Tween…” from the Animation palette’s pop-out menu.

Set how many frames to add, and Photoshop spreads the movement of your layer across those extra frames.

Step 4: Set your timing

Finally, go back through and adjust the delay for each frame of your animation. That time is shown in seconds below each frame.

Tip: You can hold down the Shift-key to select a range of frames (such as the 9 frames we added for the rocket’s takeoff) and change them together.

Step 5: Export the animated GIF

Finally, to export your animated GIF choose:

In Photoshop CS3: File > Save For Web & Devices…

In Earlier Photoshops: File > Save For Web…

Make sure the image type is set to GIF, feel free to experiment with some of the other options, and save your file.

By reducing number of colors you can reduce size of your file.

To see the results you can open your newly created file in your browser.

As a final reference, you can download finished Photoshop file here:

ExampleAnimation-Final.psd

Thank you for reading. Soon i will post how to make objects disappear in photoshop

Check http://creativetechs.com/tipsblog/

Logo Design Ideas: 61 Awesome Logo Designs

toma — Thu, 05 Nov 2009 14:02:47 +0000

A Logo is a graphical element that, together with its logotype (a uniquely set and arranged typeface) form a trademark or commercial brand. Typically, a logo’s design is for immediate recognition. The logo is one aspect of a company’s commercial brand, or economic or academic entity, and its shapes, colors, fonts, and images usually are different from others in a similar market. Logos are also used to identify organizations and other non-commercial entities.

I found this great article about logos at

http://www.instantshift.com/2009/11/20/logo-design-inspiration-61-awesome-fresh-designs/

These types of corporate identities are often developed by large firms who specialize in this type of work. However, if you want to save some bucks and want to design your logo then there are many sources to get logo design inspiration. Infect, we might able to help you by presenting this showcase of Highly beautiful, original and exceptional logo designs for your design inspiration.

All of these logos are very creative and following different trends like PhotoFill, Concealed, VariDots, Candy Stripe, Flip Flop, Sequential, but most importantly Texting which is a common element among all of them. Also, try to catch how they created using specific colors combination, typography adjustments and font selection.

You may be interested in the following design inspiration related articles as well.

Please feel free to join us and you are always welcome to share your thoughts even if you have more reference links related to design inspiration that our readers may like.

Awesome Logo Designs For Design Inspiration

Convert Bitmap Images to Vector Online – Vector Magic

toma — Sat, 08 Aug 2009 14:43:29 +0000

Vector Magic allows you to convert bitmap images to vector directly from their website. The process is fully automated, so for those who don’t have a Photoshop or Illustrator, converting images into
vector format is not a problem now.

Vector Magic is extremely easy to use. Upload your image, select your configuration and let the system handle the rest. When it’s done, just download the
vector output of your image. Click here to read more about using
Vector Magic.