Support Forums

Full Version: [TUT] Animated Custom Shape in Photoshop
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
CTRL + N to make a new file. Mien is 400 x 50 px. Background Transparent

[Image: a97532f43a083d891bbb80f1dbc3c86a.jpg]

Write your name, I wrote Support Forums

Layer > Rastrize > Layer

Blend your text, add colors to it. I blend this text as shown in the screenshots.

[Image: 3b08220b3218d5a2ff8da1a49c54fc8a.jpg]
[Image: 0fc06c21f14c576e82d24fed5935ad40.jpg]

Now make a new layer

Select custom shape tool and make your shape on that layer. I make an heart and adjust its settings as shown in the screenshot.
[Image: 595175efe7d796fd415421dfb5b6c441.jpg]

Select opacity of the custom shape to 75
[Image: f4ef996a1b37ba3a6d8bd85d1a7d0b06.jpg]

Now press CTRL + SHIFT + M to jump to Adobe Image Ready.

Press Duplicates Current Frame to duplicate the current frame.

Select Move Tool

Pick heart custom shape from the frame and drag to the right. Like as shown in the screenshot
[Image: 164d3b80764c20afd65324818dd3acdd.jpg]

Now select both frames and press Tween Animation Button and adjust the settings as shown in the screenshot.
[Image: a369dd15caaf11084e15438c638160d3.jpg]

For more enhancement, select the last frame (17th frame) and duplicates it, select Custom Shape from Layers Palet, and change its opacity to 50. Now again duplicates the last frame (18th frame), select its custom shape and change its opacity to 25. Repeat the same procedure again.

Now save the image by Save Optimized as.

FINAL IMAGE:
[Image: 50b788eb1ad41cd0ff12b98aa046603b.gif]

COMPLETED ! I hope that you will like it Smile
Thankyou very much , and always be happy Smile

This tutorial has been written by zone for www.supportforums.net . You can share this tutorial to your own website but please give credit to me. This will highly appreciated.

Very very good, thanks i new there must have been a easier way to do this.
(11-09-2009, 07:30 PM)SF Phantom Wrote: [ -> ]Very very good, thanks i new there must have been a easier way to do this.

Yes. Actually you can customize it to your own liking. In this tutorial I just used a simplest form of blending and editing. If you know photoshop well then you can make this in a variety of ways.
Im amazing at PS, Trust me, I`m "The" Designer. Smile
(11-09-2009, 07:50 PM)SF Phantom Wrote: [ -> ]Im amazing at PS, Trust me, I`m "The" Designer. Smile

...yet all you managed to do with your current signature is put text on it (of which was given to you also)?

Tongue

Why wouldn't you just click window > animation then do it from there? You don't have to jump out of PS at all!
...What version of PhotoShop are you using?
My photoshop version is 7. And for Jump to Adobe Image Ready, you have to jump to this otherwise how you could make an animation without using Image ready? :|
Yeah, time to upgrade?

CS4 has this integrated.
Animation Windows is alot easier.
Good job. Nice tutorial dude, keep up the good work. Smile
Don't use outer glow on gifs. As you see, they ruine the pic.
Pages: 1 2