Log in

25 April 2007 @ 02:31 pm
Falling petals tutorial  

Make or

Falling petals
Yay! I love falling petals since I see dozens of spring blossoms everywhere right now. So pretty ^_^

Falling petals 1: For colored icons

  example icon: using 4 frames  or 7 frames (animation file below)
If you want your icon to be under 40 kbs, use this one since it has less frames. animation is much faster than falling petals 2, but it still works great I think.
I won't go into details since there are already many tutorials out there on animation, here's a brief one for Imageready:
1) Open the petals animation in imageready
2) Open your finished icon and copy. (You can also select the icon and hit ctrl-c)
3) Paste the icon on the bottom-most layer of the animation. (go to the 2-up view to see your icon in the gif state)
4) On the optimized window, set preset to: GIF 128 Dithered
You're done! :D

Falling petals 2: For b&w or icons with minimum coloring

   example icon: using 7 frames
This animation has more frames, so it's much better for b&w icons if you wanna keep it under 40kbs.
How to use in imageready:
1) Folow steps 1-4 from falling petals 1 tutorial
2) Since the image is black and white, you can set colors to 32. The option is at the optimize window >> Color Table>> Color. Set the colors to 32. If the image looks distorted, put a higher number.

Other variations:
<--10 frames  <--6 frames <--3 frames <--12 frames

Additional tutorial: How to further reduce file size
If after decreasing frames/ colors, nothing works. Try this. On the optimize window, there's a little button on the right with a small arrow within, click >> Optimize to File size >> 40kb. Sometimes it works, but sometimes it totally distorts your icon. Well, just have fun and experiment.

You can also rotate, change the colors of the blossoms and whatnot. Just experiment! Other Examples:

If you want to try making your own blossoms, here's a really short and brief tutorial:
Use stock images of petals. Cut out one petal and set as a new layer, duplicate and change directions. Lay out your petals in the direction you want it to flow, and hide a few layers as you move along.

and very soon you get something like this: (It looks slightly strange when transparent. Add it to an image and you get:

x Comments appreciated
x Credits are lovely
x Any questions? Simply ask.
x Watch this community for more updates!
robust fantasy ★: Ryou-Oh // Fly Away With Meblackrose_023 on August 4th, 2007 12:53 pm (UTC)
Ooh, lovely. Thanks for posting. ~
Alexandrainnocent_lexys on November 19th, 2007 10:57 am (UTC)
I saved it to memories. It is impressive, though I thought you would write down the steps HOW TO MAKE the petals animated.
crixivancrixivan on December 10th, 2007 03:58 pm (UTC)
uwaaaa!! this is great!! ^____^ tq!!!
Ro's Icon Journalcherrystu on December 12th, 2007 09:31 pm (UTC)
using falling petals clips and crediting!
milk_strawberry on December 18th, 2007 11:11 am (UTC)
Really great, thanks for sharing!^^
MiiJ: DMC - Dante relaxesonly_in_silence on January 5th, 2008 06:31 pm (UTC)
How wonderful! I'll be snagging a couple of the falling petal gifs, and adding proper credit to my resource page as soon as I start using them. Thank you very much! This is such a nifty tutorial. :)
Nindra XOXOninin253 on January 6th, 2008 03:35 pm (UTC)
Really great tut! Thanks for sharing :)
thinking of tomorrow: rivalssumeragi_sei on January 17th, 2008 03:46 am (UTC)
Wow... thank you so much for this tutorial...^_^
Shanihalcyonflower on June 24th, 2008 03:35 am (UTC)
Thanks so much for this :D
(Anonymous) on July 21st, 2008 12:56 pm (UTC)
falling petals
i am really desperate 4 having this falling petals with black background, can you pls tell me on how can i do this one. please! im begging you!just email me at fajra_cyanea28@yahoo.com.ph. pls tell me as soon as possible.thank you very much!
Mlle de Fermlledefer on September 19th, 2008 11:24 am (UTC)
thanks a lot!:))) credited at my resource post with a link to your tutorial:)
toriko283: arashitoriko283 on May 15th, 2010 04:38 pm (UTC)
thanks for sharing!^^
Sanya: Stocksanya4 on May 18th, 2010 11:27 pm (UTC)
These are lovely. Thanks for sharing! :)
linnea82: christmas winter tree snow anilinnea82 on December 3rd, 2010 06:17 pm (UTC)
hi :)
could you give me the single pics of the falling petals animation? I mean every single pic for the whole animation (without the icon)?
toochiemaetoochiemae on January 28th, 2012 08:22 am (UTC)
intersting...I'll try to do this. thank you for teaching. :)