+- Support Forums (https://www.supportforums.net)
+-- Forum: Categories (https://www.supportforums.net/forumdisplay.php?fid=87)
+--- Forum: Life Support (https://www.supportforums.net/forumdisplay.php?fid=12)
+---- Forum: Graphic Design and Tutorials (https://www.supportforums.net/forumdisplay.php?fid=23)
+---- Thread: [TUT] Animated Custom Shape in Photoshop (/showthread.php?tid=2744)
Pages:
1
2
[TUT] Animated Custom Shape in Photoshop - zone - 11-09-2009
CTRL + N to make a new file. Mien is 400 x 50 px. Background Transparent
![[Image: a97532f43a083d891bbb80f1dbc3c86a.jpg]](http://www.dar-us-slam.com/ghazal/pics/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]](http://www.dar-us-slam.com/ghazal/pics/3b08220b3218d5a2ff8da1a49c54fc8a.jpg)
![[Image: 0fc06c21f14c576e82d24fed5935ad40.jpg]](http://www.dar-us-slam.com/ghazal/pics/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]](http://www.dar-us-slam.com/ghazal/pics/595175efe7d796fd415421dfb5b6c441.jpg)
Select opacity of the custom shape to 75
![[Image: f4ef996a1b37ba3a6d8bd85d1a7d0b06.jpg]](http://www.dar-us-slam.com/ghazal/pics/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]](http://www.dar-us-slam.com/ghazal/pics/164d3b80764c20afd65324818dd3acdd.jpg)
Now select both frames and press Tween Animation Button and adjust the settings as shown in the screenshot.
![[Image: a369dd15caaf11084e15438c638160d3.jpg]](http://www.dar-us-slam.com/ghazal/pics/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]](http://www.dar-us-slam.com/ghazal/pics/50b788eb1ad41cd0ff12b98aa046603b.gif)
COMPLETED ! I hope that you will like it
Thankyou very much , and always be happy
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.
RE: [TUT] Animated Custom Shape in Photoshop - WirelessWave - 11-09-2009
Very very good, thanks i new there must have been a easier way to do this.
RE: [TUT] Animated Custom Shape in Photoshop - zone - 11-09-2009
(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.
RE: [TUT] Animated Custom Shape in Photoshop - WirelessWave - 11-09-2009
Im amazing at PS, Trust me, I`m "The" Designer.
RE: [TUT] Animated Custom Shape in Photoshop - Extasey - 11-09-2009
(11-09-2009, 07:50 PM)SF Phantom Wrote: Im amazing at PS, Trust me, I`m "The" Designer.
...yet all you managed to do with your current signature is put text on it (of which was given to you also)?
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?
RE: [TUT] Animated Custom Shape in Photoshop - zone - 11-09-2009
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? :|
RE: [TUT] Animated Custom Shape in Photoshop - Extasey - 11-10-2009
Yeah, time to upgrade?
CS4 has this integrated.
RE: [TUT] Animated Custom Shape in Photoshop - Jordan L. - 11-11-2009
Animation Windows is alot easier.
RE: [TUT] Animated Custom Shape in Photoshop - flAmingw0rm - 11-11-2009
Good job. Nice tutorial dude, keep up the good work.
RE: [TUT] Animated Custom Shape in Photoshop - NekoChan - 11-12-2009
Don't use outer glow on gifs. As you see, they ruine the pic.