BlackBerry Forums Support Community
              

Closed Thread
 
Thread Tools
Old 10-10-2008, 07:29 PM   #1
Sy4
Thumbs Must Hurt
 
Join Date: Jun 2007
Model: Bold
PIN: N/A
Carrier: Vodafone
Posts: 76
Exclamation How to Animate Themes

Please Login to Remove!

Ok, so, there's no doubt some that will not appreciate this.

BUT....I think everyone should have a crack at it. I've seen some god awful animations and themes before, but with some tweaking and advice, they can actually be pretty awesome and it gives people that little bit of pride on the net

so, here goes a REALLY basic guide to doing animated themes. Please bear in mind since about 8.00pm GMT I had no clue, and here I am writing a guide, so it can;t be that hard right? ;)

Step 1 - The Animation Background - Easy Version

1. Find an animated GIF file that you like and you want to make into an animated background. Download this file and remember where you put it

2. Open up PLAZMIC COMPOSER.

3. Import the animated gif you found.
As you will see, once it's imported as a layer, it will have a RED border area, with little squares in the corners, and in the middle of the vertical/side borders. This allows you to stretch the image / gif to the size of your desired working area (dependant on the device you pick).

See Arrow A for the points you can move.
See Arrow B so you can see the size you need to make the background picture

4. Now set the frame rate and number of frames in the animation

This is easy. When you load up the animated gif, the software figures out the number of frames in the animation. Just change the the "100" to the number of frames in the animation (which are shown on the time line below) and click REAL TIME. Then, adjust the Frames Per Second (FPS) to make it the speed you want.

Finally, check the section with D on it, and make sure that the "Infinite loop" buton is clicked.



(I'm using the Bold size, 480x320 with the matrix gif I found)

Hey Presto, you should have a basic animation sorted. Now, click the PLAY button to make sure it does what you want If not, fix it, if so, continue

Finally, you need to set the CANVAS size. You will see that your animated background is probably larger than the CANVAS (The white area you can work in and see in the animation - the grey area, you WILL NOT see in the animation....

So, you need to RIGHT CLICK on the image, and this will allow you to select "Canvas Properties" at the bottom, as shown here:



Make sure you click on the TOP LEFT arrow and then tell it how big the area should be: i.e. 480x320 for a BB Bold!

STEP 2 - Saving and importing your new animated background.

So, you're happy with what you have. Now, the next stage is to save 2 formats of what you have created. The first, is the SVG file. This is vital for the animation to work.

So, save you SVG file, via the EXPORT command, and remember where you placed it. Now, open up that file, the xxxxxxxxxxx.svg file, into note pad.

You need to enter the following command to it: repeatCount="indefinite"

This goes in front of the command KEYTIMES=.......

This is in the [animateTransform] tag. As seen in the highlighted blue area here:



Save the file once you've changed it

Now, you need to save in COMPOSER and ANIMATED GIF file - I'm not sure if this is crucial, but I did it this way and it works. Remember the name of the file you saved

STEP 3 - Confirmation

Ok, so at this point, you should have 2 files that you have created, edited and saved. The first is the YOUR_FILE.GIF - The animated gif file you exported and the YOUR_FILE.SVG, which you exported and edited, then saved with the minor amendment we mentioned above.

Now it's time to load them into the main Theme Builder.

STEP4 - Final Stage

Now, we want them into the Theme Builder. So, look at the image below and it should be fairly obvious



Arrow A - This is where you load your new ANIMATED GIF FILE (Background) as mentioned above.

Arrow B - THIS IS IMPORTANT - This is where you load your edited SVG file.


And that's it. Go about the theme building process as you normally do.


Now, for the HARD VERSION!

Welp, it's to late to get into that. If you have a play with the COMPOSER supplied in Plazmic, you'll see on the right there are easier ways to create your own animation from scratch.

If you can master the above fairly quickly, then start REALLY playing. There's a lot of versatility to this software and quite frankly it's BLOODY GOOD!.

I hope this helps people. Leave me comments, thoughts and feedback, and I'll do what I can to assist

Happy Animated Theme Building!

Cheers
Matt
Attached Thumbnails
Click image for larger version

Name:	Theme-Ani1.gif
Views:	4323
Size:	55.6 KB
ID:	13384   Click image for larger version

Name:	Theme-Ani2.gif
Views:	3621
Size:	39.0 KB
ID:	13385   Click image for larger version

Name:	Theme-Ani3.gif
Views:	3626
Size:	66.4 KB
ID:	13386   Click image for larger version

Name:	Theme-Ani4.gif
Views:	3585
Size:	33.1 KB
ID:	13387  
__________________
I upgraded FREE to a BlackBerry Bold from a 8800
Free Themes: Http://www.blackberrythemes.us
Need Animation help?: http://tinyurl.com/4b5acr

Last edited by TroyDBrown; 10-11-2008 at 07:34 PM.. Reason: Edited Screenshots and Hosted Images Here
Offline  
Old 10-10-2008, 07:42 PM   #2
ScottMB4
CrackBerry Addict
 
ScottMB4's Avatar
 
Join Date: Jan 2008
Model: 8900
Carrier: T-Mobile
Posts: 822
Default

Great tutorial. Thank you!
__________________
Premium Blackberry Themes: www.ThemeBerry.com
Offline  
Old 10-10-2008, 07:45 PM   #3
Sy4
Thumbs Must Hurt
 
Join Date: Jun 2007
Model: Bold
PIN: N/A
Carrier: Vodafone
Posts: 76
Default

No Problem

Didn't realise how hard it would be to write one when I started about 30 minutes ago..lol
__________________
I upgraded FREE to a BlackBerry Bold from a 8800
Free Themes: Http://www.blackberrythemes.us
Need Animation help?: http://tinyurl.com/4b5acr
Offline  
Old 10-10-2008, 07:46 PM   #4
TroyDBrown
No longer Registered.
 
Join Date: Jun 2007
Model: 9530
OS: 4.7.0.XXX
PIN: G Pong Champ
Carrier: T-Mobile U.S.
Posts: 5,515
Default

Wonderful information. Thanks for posting it!
Offline  
Old 10-10-2008, 07:51 PM   #5
Ty-
New Member
 
Ty-'s Avatar
 
Join Date: Oct 2008
Model: 77777
PIN: N/A
Carrier: Tracfone
Posts: 13
Default

Very detailed tutorial. Thanks for taking the time to make this!
Offline  
Old 10-10-2008, 07:53 PM   #6
Sy4
Thumbs Must Hurt
 
Join Date: Jun 2007
Model: Bold
PIN: N/A
Carrier: Vodafone
Posts: 76
Default

If the urge is there to Sticky, Feel free Admins
__________________
I upgraded FREE to a BlackBerry Bold from a 8800
Free Themes: Http://www.blackberrythemes.us
Need Animation help?: http://tinyurl.com/4b5acr
Offline  
Old 10-10-2008, 07:54 PM   #7
ctibbsaz
Thumbs Must Hurt
 
ctibbsaz's Avatar
 
Join Date: Sep 2008
Location: Phoenix, AZ
Model: 8900
OS: 5.0.0.190
Carrier: t-mobile
Posts: 194
Default

YOU ROCK!!!!!!!!!!!!!!!!! Just saved me hours upon hours of trying to figure this out!!!! Going to try it now on a theme I already have and an animated gif... Will post later if I can get her to work, these are great instructions by the way and thank you
__________________
"SEMPER FIDELIS"
Marines are an essential part of everyone's daily diet
Offline  
Old 10-10-2008, 08:00 PM   #8
TroyDBrown
No longer Registered.
 
Join Date: Jun 2007
Model: 9530
OS: 4.7.0.XXX
PIN: G Pong Champ
Carrier: T-Mobile U.S.
Posts: 5,515
Default

I have granted your wish for the time being. Would love to see some other members input on using these instructions. You have been Stuck until my next mood swing.
Offline  
Old 10-10-2008, 08:01 PM   #9
Sy4
Thumbs Must Hurt
 
Join Date: Jun 2007
Model: Bold
PIN: N/A
Carrier: Vodafone
Posts: 76
Default

LOL

Agreed with the feedback thoughts.

Once received in this thread, I'll update original post.

Matt
__________________
I upgraded FREE to a BlackBerry Bold from a 8800
Free Themes: Http://www.blackberrythemes.us
Need Animation help?: http://tinyurl.com/4b5acr
Offline  
Old 10-10-2008, 08:47 PM   #10
ctibbsaz
Thumbs Must Hurt
 
ctibbsaz's Avatar
 
Join Date: Sep 2008
Location: Phoenix, AZ
Model: 8900
OS: 5.0.0.190
Carrier: t-mobile
Posts: 194
Default

Just got a funky error message when I tried to export the theme, I already closed it out but something about " repeatCount="indefinite" was not allowed. I am going to try again later, kids are running around and can not concentrate, I am sure I did something wrong somewhere. If I get the error again will take a screen shot and post and maybe you can help me out with it. Worked great in the composer and very easy, I had been playing with making my own animations with no luck so this is great.
__________________
"SEMPER FIDELIS"
Marines are an essential part of everyone's daily diet
Offline  
Old 10-10-2008, 09:09 PM   #11
ctibbsaz
Thumbs Must Hurt
 
ctibbsaz's Avatar
 
Join Date: Sep 2008
Location: Phoenix, AZ
Model: 8900
OS: 5.0.0.190
Carrier: t-mobile
Posts: 194
Default

I will post the screen shot in a little while
__________________
"SEMPER FIDELIS"
Marines are an essential part of everyone's daily diet
Offline  
Old 10-10-2008, 09:20 PM   #12
Sy4
Thumbs Must Hurt
 
Join Date: Jun 2007
Model: Bold
PIN: N/A
Carrier: Vodafone
Posts: 76
Default

Post the screenie MAte

It's 3.20am here in the UK, so might not me till tomorrow sometime :S

I'll do what I can

Matt
__________________
I upgraded FREE to a BlackBerry Bold from a 8800
Free Themes: Http://www.blackberrythemes.us
Need Animation help?: http://tinyurl.com/4b5acr
Offline  
Old 10-11-2008, 05:25 AM   #13
PDM
Talking BlackBerry Encyclopedia
 
PDM's Avatar
 
Join Date: Aug 2005
Model: 9900
Carrier: T-Mobile
Posts: 428
Default

Much appreciated...
Offline  
Old 10-11-2008, 12:26 PM   #14
MrKyoo
BlackBerry Master
 
MrKyoo's Avatar
 
Join Date: Oct 2005
Location: Los Angeles
Model: 4s
OS: iOS
PIN: 79B32491
Carrier: AT&T
Posts: 4,546
Default

Quote:
Now, you need to save in COMPOSER and ANIMATED GIF file - I'm not sure if this is crucial, but I did it this way and it works. Remember the name of the file you saved
You're right it isn't crucial actually it isn't necessary at all.
__________________
http://twitter.com/mrkyoo
Offline  
Old 10-11-2008, 01:24 PM   #15
ctibbsaz
Thumbs Must Hurt
 
ctibbsaz's Avatar
 
Join Date: Sep 2008
Location: Phoenix, AZ
Model: 8900
OS: 5.0.0.190
Carrier: t-mobile
Posts: 194
Default

Quote:
Originally Posted by Sy4 View Post
Post the screenie MAte

It's 3.20am here in the UK, so might not me till tomorrow sometime :S

I'll do what I can

Matt
No need to post screen shot, SUCCESS, got it to work! Thanks again for posting these instructions, as I stated last night I must have done something wrong worked like a charm. I just need to play more and create one I actually like, just did a test theme to see if I could make it work.
__________________
"SEMPER FIDELIS"
Marines are an essential part of everyone's daily diet
Offline  
Old 10-11-2008, 02:37 PM   #16
Sy4
Thumbs Must Hurt
 
Join Date: Jun 2007
Model: Bold
PIN: N/A
Carrier: Vodafone
Posts: 76
Default

Cool Congrats.
__________________
I upgraded FREE to a BlackBerry Bold from a 8800
Free Themes: Http://www.blackberrythemes.us
Need Animation help?: http://tinyurl.com/4b5acr
Offline  
Old 10-11-2008, 06:43 PM   #17
Iare Tosevite
CrackBerry Addict
 
Iare Tosevite's Avatar
 
Join Date: Nov 2007
Location: Between chair and monitor at WA.
Model: 8830
PIN: N/A
Carrier: Sprint
Posts: 565
Default

Thanks! I can't wait to get cracking on this...
__________________
"There is no reason anyone would want a computer in their home."
- Ken Olson, 1977
( And we now wear them! Blackberries are computers too! )
Offline  
Old 10-12-2008, 09:08 AM   #18
garys11
Talking BlackBerry Encyclopedia
 
garys11's Avatar
 
Join Date: Aug 2007
Location: Brasov, Romania
Model: G3S
OS: 3.1.2
PIN: ASK ME!
Carrier: Vodafone
Posts: 332
Default

Thank you very much. You explained it very clearly and easy to understand.
Works like a gem...Thanks Again
__________________
"Live and Learn, That is my motto..."
Blackberry to iPhone...Best move I made
Offline  
Old 10-13-2008, 12:45 PM   #19
bigolsparky
Talking BlackBerry Encyclopedia
 
bigolsparky's Avatar
 
Join Date: Sep 2007
Location: Talladega, AL
Model: 9550
OS: MS-DOS
PIN: t of Samuel Smith's Oatmeal Stout
Carrier: VZW and ATT
Posts: 425
Default

Plasmic 4.6 is my issue. I removed it. It was crashing my computer every time I exported a theme. I think there is still some fine tuning left for that program.
Offline  
Old 10-13-2008, 12:49 PM   #20
ctibbsaz
Thumbs Must Hurt
 
ctibbsaz's Avatar
 
Join Date: Sep 2008
Location: Phoenix, AZ
Model: 8900
OS: 5.0.0.190
Carrier: t-mobile
Posts: 194
Default

How crazy, I have both 4.5 and 4.6 and have LUCKILY not had any issues at all with 4.6. I would try maybe to re-install and see if that helps, if not hopefully they will fix the bugs soon.
__________________
"SEMPER FIDELIS"
Marines are an essential part of everyone's daily diet
Offline  
Closed Thread


Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


Schneider 140CPU65150 processor module 140CPU65150 140CPU65150 picture

Schneider 140CPU65150 processor module 140CPU65150 140CPU65150

$2898.00



PROFACE PFXSP5B10 Processor Module picture

PROFACE PFXSP5B10 Processor Module

$1500.00



AlphaSmart Neo2 Laptop Word Processor, . picture

AlphaSmart Neo2 Laptop Word Processor, .

$90.00



LOT OF 2 ALLEN BRADLEY 700-C200A1 /B CONTROL RELAY 600VAC W/ 85A86 COIL picture

LOT OF 2 ALLEN BRADLEY 700-C200A1 /B CONTROL RELAY 600VAC W/ 85A86 COIL

$41.00



New Allen-Bradley AB 1747-L532 /D SLC 500 SLC 5/03 CPU Processor Unit 1747L532 picture

New Allen-Bradley AB 1747-L532 /D SLC 500 SLC 5/03 CPU Processor Unit 1747L532

$394.70



New Factory Sealed AB 1747-L531 SLC 5/03 CPU Processor Unit Module 1747L531 picture

New Factory Sealed AB 1747-L531 SLC 5/03 CPU Processor Unit Module 1747L531

$298.66







Copyright © 2004-2016 BlackBerryForums.com.
The names RIM © and BlackBerry © are registered Trademarks of BlackBerry Inc.