PinStack.com - BlackBerry forums
 
New to PinStack? Register here for free!
Go Back   PinStack.com - BlackBerry forums > Aftermarket Development > Software & Theme dev
Reload this Page Plazmic Theme Creation Walkthrough
Reply
 
Thread Tools
  (#1) Old 04-11-2006
ozrial ozrial is offline
BB Themes Guru
 
Jan 2006/273 posts
Trust Level: ozrial Above Averageozrial Above Average
Default Plazmic Theme Creation Walkthrough

How to use Plazmic Theme Builder to create customized themes.

First thing is first: the users guide. This will most likely be located in C:\Program Files\PlazmicCDK 4.1\docs\user_guide\, depending upon where you have installed the program.

1. Filesize
2. Icons/Images
3. Theme creation walkthrough

File Size's both in appearance (pixels) and data (kb)
--------------------------------------------------------
The Plazmic Theme Builder will adjust for your mistakes if you are using an image that is not exactly the right size in pixels. It will resize the image and then anti-aliases the picture, which will increase the filesize. This will do one of two things: simply not appear, or else be a huge issue while attempting to export the theme. The best rule of thumb is to use files that are already correct in pixel size and filetype (32-bit dithered .png), so that the PTB will not have to resize them.

Below are standard dimensions for images used directly out of the users guide:

Component Element Standard size (in pixels)
7100 7200/7500 8700
Banner Background 240x76 240x38 320x76
Home Screen Icons; underlay/overlay 60x56 36x36 64x48
background 240x260 240x160 320x240
background mask 240x260 240x160 320x240
Dialog box Icons 32x32 32x32 39x41

Everything else can vary. There are still some pitfalls you want to avoid. Particularly there is one which if you make the dialog background too large, not all of the symbols will show up. This is something that you will not be able to notice until you have installed it on your phone and are in the testing phase. Try to stick as closely as possible to the original size (in pixels) of the default themes files for each of the varying components, such as dialog, menu, incoming call, title bar, and messages list backgrounds.

The theme, once exported, can be no larger than 600kb. The PTB will inform you, of course, if the theme is too large. Each varying component cannot be larger than 60kb, or they will be dropped from the theme once exported. This can be very frustrating in regards to a Home Screen background that just refuses to get any smaller.

Icons/Images - where to find, how to create, etc...
--------------------------------------------------------
Depending upon where you have the PTB installed, the first place to look for icons (and other image files) will be something like: C:\Program Files\Plazmic CDK 4.1\samples\Themes\Images. There you will find four folders: one for each supported line of Blackberry handhelds, and a fourth one named "Sample Icons."

Another great way to find images is good old-fashioned net-surfing. Lots of people just use google image search and modify images from there; I have to articulate, however, do this at your own risk since you will most likely be dealing with copywritten material. You will need some means of modifying the pictures to conform to the appropriate size in pixels and filetype.

The other safest and most original way to create themes with PTB is to create your images and icons from scratch. There are ultimately an infinite number of ways to do this. You will need a graphic program capable of transparencies and saving in a .png file format. Use the above listed guidelines, think outside the box, and get down right creative.

Transparencies: you will need the ability to do this for two reasons. One, no one wants all square icons (well almost - depends on design I suppose); the other reason is associated with the most commonly asked questions about theme creation: "How do you make invisible/partially visible icons?" You need to be able to set the opacity (level of transparency) of your icons. Zero percent opacity for invisible and your desired percent between zero and 99 for the partially invisible ones.

Walkthrough for Theme Creation from start to finish
--------------------------------------------------------
I. Open Plazmic Theme Builder

II. From the drop down menu, choose which model of Blackberry for which you will be creating a theme.
7100 Icon
7100 List
7200/7500 Icon
8700 Icon

III. Go to view, change plastics to display a different model phone if you like (such as 7100G vs 7100T). You can also choose not to show the plastics at all.

IV. Notice there is the screenshot of the handheld display on the left, and what PTB calls the "Inspector" is on the right. This is where you will navigate the different areas of modifiable visual displays within your theme. If you go to window; catelog, the catelog will appear on the right hand side and reveal thumbnails of images for use while building. These can be edited and new catelogs can be created to make the whole process more effecient as well.

V. Theme the Banner:
The first selected inspector is for the banner. Set the background image and colors for date, time, battery meter, signal meter, network, carrier, and other indicators.

VI. Theme the Home Screen:
This will most likely consume a majority of your building time. Here you will set the homescreen font, font color, bold, italic, and anti-aliasing (takes away "jaggy" edges for the letters). Next comes the background, background mask, and all icons both normal (unselected) and focus (selected). This is also where you will be able to customize the icon overlay.

VII. Theme the controls:
The third Inspector screen has a whole slew of options. From top to bottom you can modify the dialogs, buttons, menus, titlebar, and lists. Each one has somewhat different options; however, they are all very similar and should most likely be setup with some sort of uniformity. When setting the background for the dialogs, menus, buttons, and titlebar, you will have the ability to set the "tile" area. Since you will be using a fairly small file (in pixels) that will cover differently sized areas depending on the situation, you have to tell PTB how to resize the background so that it will always look the same inside the tiled area. Another way to put it would be: you can set all four boundaries around what PTB will repeat -- both across and down the display -- for that menu or dialog to be the appropriate size for the given dialog or button. This will ultimately come with practice, but it is easier than it seems! Regarding the dialog background, if you make the file too large on the outside of the tile selection, then some may result in an unproper display. The symbols dialog will cut off a portion of those symbols and thereby be rendered useless. So, you see how truly important the testing of a new theme really is. Another tip to look out for is that some fonts will force your unselected and selected text to be the same color. This can be an issue if you are designing a theme using a limited amount colors in the scheme. Another mistake to avoid is setting the curser to be the same color as the background. This is a mistake that will not appear until you are testing and in the browser after selecting the "go to" option.

VIII. Theme the message list:
There is not a whole lot to do here. Just like all the previous fonts, choose them and set your desired bold, italic, or anti-aliased. The only other modification to do here is to set the background for each date's heading. This is just like all the previous background selelctions as well. Pick the image, and then set the tile area.

IX. Theme the phone screens
The fifth and final Inspector is divided into three tabs: Phone Hotlist, Active Call, and Incoming Call.
Phone Hotlist: The only selection you can make here is the color for the number you dial as they appear on the display.
Active Call: Here you set the text and volume colors. This is also where you put in your "phone call icons" such as bluetooth, or active call, or speakerphone. These will show during an active call.
Incoming Call: You can set the text color, background image, and tiling area for the incoming call screen.

X. Export the finished theme.
Lastly, you need to export the theme so you can test it and hopefully share with others as well. Click on the fourth button from the left (green circle) to open the export window. You now have a choice: ALX or JAD. It all depends on how you will be installing the theme. ALX is the format you would use for desktop manager installs. The JAD is, of course, then going to be the format for over the air installation. You then decide the name of your new masterpiece and the location where you would like it saved. The PTB will save ALX exports in two files. One is the .alx, and the other will be the .cod file. Each ALX export you do will automatically be saved with the .alx and .cod needed to instal Plazmic Theme Reader on the handheld. This should be included in the ZIP file with the theme when sharing with others. The JAD option, on the other hand, will save with one .jad file and sometimes multiple .cod files. They will also be accompanied by a .jad and .cod file for PTR software, too.

Last edited by hayden : 04-12-2006 at 03:09 PM.
Reply With Quote
 Guest box (Register to remove) (#?)
Guest Box
This box is visible because you are a guest to our site. Register free to remove.


Free access to:

Software, Themes, Less Ads, faster page loads, Similar Topics Auto Search, Content Subscription, Post/Reply To Topics, FAQ, Guides, LIVE IRC Chat, PinStack Blogs, BETA software & so much more!

PinStack's atypical approach towards community-based knowledge sharing, combined with the advantages of the internet, have changed the way thousands of Blackberry users solve their handheld issues and research information needed for about every BlackBerry solution out there.

"Pinstack.com is... a virtual playground where technology buffs network, trade advice, and get the latest gadget news!"
- Ottawa Citizen



Register to remove this box it takes only a few seconds! (View benifits)
  (#2) Old 04-11-2006
Gina Gina is offline
Global Moderator
 
Jul 2004/952 posts
Trust Level: Gina - PinStack Moderation Team
Default Re: Plazmic Theme Creation Walkthrough

~~Posted via BB (wap.pinstack.com)~~

Wow this is great for Stacker who want to enter theme development. Thanks for sharing such a complete Guide Oz. This will be added to the database section also.
Reply With Quote
  (#3) Old 04-11-2006
EricaJ1073 EricaJ1073 is offline
Stack level 9
 
Mar 2006/8,830 posts
Blog Entries: 10
Trust Level: EricaJ1073 GreatEricaJ1073 GreatEricaJ1073 GreatEricaJ1073 GreatEricaJ1073 Great
Default Re: Plazmic Theme Creation Walkthrough

Thanks for the guide. I'd been wanting to make a theme but just never knew the proper way to do it. Hope this helps me lol
Reply With Quote
  (#4) Old 04-12-2006
ozrial ozrial is offline
BB Themes Guru
 
Jan 2006/273 posts
Trust Level: ozrial Above Averageozrial Above Average
Default Re: Plazmic Theme Creation Walkthrough

Please post any questions you may have about theme creation in this thread. We will make it a one stop thread for theme building issues!
Reply With Quote
  (#5) Old 04-13-2006
BradMace BradMace is offline
Stack level 2
 
Mar 2006/23 posts
Trust Level: BradMace Average
Default Re: Plazmic Theme Creation Walkthrough

Ozrial

Thank you so much for responding to my pin message. This has beed a tramendous help for me to get started creating theme for my BB. Once I create something worth sharing I will post it for all to use.

Fellow Stacker
Brad

P.S.
I love this web sight. Everyone is so helpfull.
Reply With Quote
  (#6) Old 04-30-2006
UnChAinEd UnChAinEd is offline
Stack level 1
 
Mar 2006/11 posts
Trust Level: UnChAinEd Average
Default Re: Plazmic Theme Creation Walkthrough

I have a question about the icons. On my theme, my icons are totally transparent until u highlight them. That way, the background is totally visible. The problem that I'm having is with the icons of other programs that I have installed such as yahoo im and bb light. This icons aren't listed on the list in the theme developer. How can I access them to customize them?
~~Posted via BB (wap.pinstack.com)~~
Reply With Quote
  (#7) Old 05-03-2006
josh_bozarth josh_bozarth is offline
Stack level 1
 
Apr 2006/16 posts
Trust Level: josh_bozarth Average
Default Re: Plazmic Theme Creation Walkthrough

How come my picture is coming out distored. It looks clear and nice when I open it up, but when I add to background it is distorted. Is there any link where I can can alot more sample pictures, backgrounds, banners etc...

Josh

Josh_Bozarth@yahoo.com
Reply With Quote
  (#8) Old 05-03-2006
ozrial ozrial is offline
BB Themes Guru
 
Jan 2006/273 posts
Trust Level: ozrial Above Averageozrial Above Average
Default Re: Plazmic Theme Creation Walkthrough

Unchained: All you can do is highlight the icon you dont want to see, press alt and click the trackweel. Then you can "hide" the icon.

Josh: Can you post the pic or pm me for my email addy so I can see more of what is going on to help?
Reply With Quote
  (#9) Old 05-03-2006
josh_bozarth josh_bozarth is offline
Stack level 1
 
Apr 2006/16 posts
Trust Level: josh_bozarth Average
Default Re: Plazmic Theme Creation Walkthrough

Here is the picture I was trying do. Of course I hadn't finished once I saw that the picutre was distorted. I am fairly new to this so apologize about the blackberry for dummy training.
Attached Images
File Type: bmp logo.bmp (215.4 KB, 986 views)
Reply With Quote
  (#10) Old 05-04-2006
ozrial ozrial is offline
BB Themes Guru
 
Jan 2006/273 posts
Trust Level: ozrial Above Averageozrial Above Average
Default Re: Plazmic Theme Creation Walkthrough

Quote:
Originally Posted by josh_bozarth
Here is the picture I was trying do. Of course I hadn't finished once I saw that the picutre was distorted. I am fairly new to this so apologize about the blackberry for dummy training.
i cannot open that pic. Try to resave it as a .png and go from there.
Reply With Quote
  (#11) Old 05-04-2006
josh_bozarth josh_bozarth is offline
Stack level 1
 
Apr 2006/16 posts
Trust Level: josh_bozarth Average
Default Re: Plazmic Theme Creation Walkthrough

Hey Ozrial! Sorry about that. Here is the pic again.
Reply With Quote
  (#12) Old 05-08-2006
iikez iikez is offline
Stack level 1
 
May 2006/2 posts
Trust Level: iikez Average
Default Re: Plazmic Theme Creation Walkthrough

i dl'd themes and now as soon as i scool down it says error reset and i cant get to the options to chage the theme wtf do i do get at me asap thx peace iikez
Reply With Quote
  (#13) Old 05-13-2006
watermark watermark is offline
Stack level 1
 
May 2006/4 posts
Trust Level: watermark Average
Default Re: Plazmic Theme Creation Walkthrough

Any suggestions on getting it to export? I keep getting the "home screen: resource is bigger than 60kb" error.

I am making a 7100 theme, so my homescreen is 240x260, I have saved the image as both a .jpg and a .png. As a .jpg, when I show properties, it is 17.5kb, and as a .png it is 81.3kb. I am using the .jpg as the homescreen, but it still won't export.

Any suggestions?
Reply With Quote
  (#14) Old 05-14-2006
ozrial ozrial is offline
BB Themes Guru
 
Jan 2006/273 posts
Trust Level: ozrial Above Averageozrial Above Average
Default Re: Plazmic Theme Creation Walkthrough

Quote:
Originally Posted by watermark
Any suggestions on getting it to export? I keep getting the "home screen: resource is bigger than 60kb" error.

I am making a 7100 theme, so my homescreen is 240x260, I have saved the image as both a .jpg and a .png. As a .jpg, when I show properties, it is 17.5kb, and as a .png it is 81.3kb. I am using the .jpg as the homescreen, but it still won't export.

Any suggestions?
You nailed the problem on the head right there. The Plazmic wants it to be a .png. It actually converts it to a .png during exportation and of course that makes it larger than 60 kb. You have two options, find a way to make it smaller than 60kb as a .png, or send the image through to your bb with an email or through this wallpaper converter. You would then have to install the theme seperately.. The theme has been exported (unless you deleted it), but it just dropped the background. I hope that helps, if not lemme know!

Last edited by ozrial : 05-14-2006 at 05:50 AM.
Reply With Quote
  (#15) Old 05-15-2006
mrbird72 mrbird72 is offline
Stack level 1
 
May 2006/6 posts
Trust Level: mrbird72 Average
Question Re: Plazmic Theme Creation Walkthrough

Quote:
Originally Posted by iikez
i dl'd themes and now as soon as i scool down it says error reset and i cant get to the options to chage the theme wtf do i do get at me asap thx peace iikez

i have the same prob..help ASAP!!!!!
Reply With Quote
Reply



Thread Tools

This site may affect your sleep patterns. Please see our User Agreement & Privacy Policy. © 2008 PinStack.com. All rights reserved. - Top