Namespaces

Variants
Actions

Please note that as of October 24, 2014, the Nokia Developer Wiki will no longer be accepting user contributions, including new entries, edits and comments, as we begin transitioning to our new home, in the Windows Phone Development Wiki. We plan to move over the majority of the existing entries over the next few weeks. Thanks for all your past and future contributions.

Revision as of 01:40, 29 June 2009 by kamalakshan (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

How to create GIF animation Screensavers for S60 3rd Ed FP 1 devices and above

From Wiki
Jump to: navigation, search


Contents

Overview

Screen savers add another dimension to S60 personalization. Starting with S60 3rd Edition FP1 Graphic designers and artists can create screen savers for S60 Devices. Using familiar tools one can create screensavers as animated GIF, animated SVG or Flashlite Adobe Files. Here in this case we will have a look in to how to create a Animated GIF screen saver using an external tool for creating GIF (Adobe Photoshop).

Tools

Adobe Photoshop CS This is the recommended tool from Nokia for creating GIF animations.


How To

1) To create our animation from the file menu select New.

2) In the New dialog set the name of the file.

3) Change the width and height to 240 320 pixels (or the desired resolution of the device screen)

4) On the blank canvas, create the initial frame for the GIF.

5) Once the initial frame is ready, Go to Window -> Animation to view the Animation Window.

6) From the Animation window click the animation menu and insert a new Frame.

7) Once the new frame is inserted make the changes to the new frame. In this I have moved the logo upwards.

8) Continue inserting new frames as required. Set the frame duration to 0.2 sec and repeat it forever.

9) You can click on the play button to view how the final out put could be.

10) Finally to save as GIF file, go to File menu -> Save for Web and Devices option or press Alt+Shift+Ctrl+S

11) Since we dont have to do any further optimization for this simple animation, just press save.

12) Final out put as animated GIF is ready.

E-Learning

243 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.

 

Thank you!

We appreciate your feedback.

×