MrM@nson Themes

Themes for Nokia N70
  • rss
  • Home Page
  • Theme Gallery
    • Gallery 1
    • Gallery 2
    • Gallery 3
  • Come creare un tema
  • Guida avanzata a Carbide
    • Concetti di base
    • Background, Areas, Hightlights
    • Pop-up Windows, Indicators
  • Tutorials
    • Utilizzare una PNG come sfondo
    • Cambiare Font all’N70
    • How to use TTF fonts on N70
  • About me
  • Contact

Background, Areas, Hightlights

Qui di seguito riporterò alcuni “tips” e varie cosucce che ho scoperto usando Carbide e facendo un po’ di esperimenti, sperando di chiarirvi eventuali dubbi e velocizzarvi nella creazione del tema. Può servire a chi ha già familiarità con Carbide, ma si trova spesso a combattere contro bug e funzioni ignote.

Questa guida e i relativi screenshot si riferiscono a Carbide 3.1, tuttavia è tutto applicabile anche a Carbide 3.2
Prima di iniziare assicuratevi di aver impostato nelle preferenze di carbide il vostro “bitmap editor” ed il vostro “vector editor”

Tratterò gli elementi del tema, chiamandoli con il nome in cui li ritroviamo in Carbide

Background
Come ho già accennato è preferibile usare un’immagine BMP per lo sfondo, se avete dato un’occhiata alle guide linkate qui, dovreste già essere in grado di mettere un’immagine come sfondo al tema. Il mio consiglio è di disegnarvi da subito sull’immagine le eventuali barre, così da evitare di pasticciare nella sezione “areas”. Ricordate le dimensioni corrette delle barre e cioè 176×20 pixel, per quanto riguarda quella inferiore e 176×44 pixel, per quella superiore. Infine, se volete inserire due immagini diverse come sfondo principale e secondario, ricordate che il navi panel rimarrà sempre lo stesso per entrambi gli sfondi. Non è possibile avere 2 navi panel distinti per sfondo principale e secondario.

Areas
Se avete inserito come background un’immagine completa di barre (o se non volete le barre) dovrete modificare solo la voce “navi panel background” presente in “status area”.

Incollate in “navi panel” la parte di sfondo corrispondente a quella zona. Per ricavare la zona del navi panel dal vostro sfondo procedete così:
Aprite il vostro sfondo in photoshop, ritagliate partendo dall’alto un’area di dimensioni 176×44 pixel (potete farlo facilmente con lo strumento selezione rettangolare impostandolo con le dimensioni fisse) e da questa immagine ritagliate partendo dal basso un’area di dimensioni 176×15. In alternativa potete usare in photoshop questo disegno guida, per ritagliare l’area esatta corrispondente al navi panel, dal vostro sfondo.

Una cosa “nascosta” nella zona areas è quella striscetta semitrasparente che compare dietro i simboli nella schermata principale. La trovate in main area sotto la voce di “status indicator background”.

Per eliminarla dovete sostituirla con un’immagine SVG vuota, mi raccomando l’immagine vuota deve essere SVG e non png altrimenti non funziona.
Non c’è bisogno che modifichiate altro della zona areas, in quanto carbide prenderà automaticamente i vari “pezzi” dallo sfondo che avete impostato in “Background”.

Highligts
Per una perfetta visualizzazione degli highlights, gli elementi dovranno essere in SVG. Infatti il list highlight e il grid highlight cambiano forma a seconda dei vari menù in cui vengono visualizzati e usare un’immagine png o bitmap vuol dire avere highlights deformati. Il mio consiglio per creare highlights perfetti è quello di usare quelli già presenti in carbide come base di partenza. La pratica che descriverò di seguito è utile in tutte le parti del tema dove si richiedono elementi fatti con la grafica vettoriale.
Selzionate il list highlight o il grid highlight, fate clic con il tasto destro del mouse sull’immagine e selezionate “edit image in vector editor”.

Si apirà il vostro programma di grafica vettoriale, con un foglio delle dimensioni giuste per l’highlight e con l’highlight dentro. A questo punto potrete scegliere se modificare quello esistente oppure cancellarlo e crearvene uno nuovo. Una volta che avrete terminato vi basterà scegliere “salva” dal vostro programma, per vedere istantaneamente l’hightlight cambiare in Carbide. In alternativa dovrete selezionare “salva con nome” e successivamente trascinare il file SVG del nuovo hightlight sull’immagne del vecchio in Carbide.

Se create temi per N70 non vi serve modificare gli hightlights animati. Potete modificare invece, l’input hightlight, che è quello che compare quando create/editate una voce nell’agenda o nella rubrica.

CONTINUA–>

Creative Commons License

 

 

5 Stars2 Stars3 Stars4 Stars5 Stars (3 votes, average: 2.33 out of 5)
Loading ... Loading ...
Comments rss
Comments rss
Trackback
Trackback

2 responses

[...] Background, Areas, Hightlights [...]

MrM@nson Themes » Guida avanzata a Carbide | 13 May 2008 | 20:36

[...] Background, Areas, Hightlights [...]

Ammazza che bella guida... Mi sa che comincerò a cimentarmici

cloud_strife84 | 25 February 2009 | 14:49

Ammazza che bella guida… Mi sa che comincerò a cimentarmici anche io! :)

[Reply]

Leave a comment

You can use these tags : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Click to cancel reply

Donations

If you like my themes and want support my work, please consider donate : )

My phone today

Theme: Black ME
Wall: Reventon

Archive

  • September 2009
  • July 2009
  • June 2009
  • May 2009
  • April 2009
  • March 2009
  • February 2009
  • January 2009
  • December 2008
  • November 2008
  • October 2008
  • September 2008
  • August 2008
  • July 2008
  • June 2008
  • May 2008

Blogroll

  • Development Blog
  • Documentation
  • Plugins
  • Suggest Ideas
  • Support Forum
  • WordPress Planet
  • Wordpress Themes

Themes

  • A Dreaming World
  • Acid Green
  • Acid Green Reloaded
  • Azure Music Edition
  • Black Music Edition
  • Blue Music Edition
  • Carbon & Blue
  • Carbon & Gold
  • Christmas Themes Pack
  • Deep Love
  • Dots Blue
  • Dots Mocha
  • EnnE 81
  • Frost / Snow & Cat
  • Glass
  • iPhone
  • Linux Inspirat
  • luna
  • N-Series 1
  • N70 Xpress Music Blue
  • N70 Xpress Music Red
  • Nightwish Century Child
  • Pink Music Edition
  • Purple Music Edition
  • S60 Addict
  • Spectrum
  • Stave Colors Pack
  • Symbian FP2
  • Symbian OSX
  • Touch Orange
  • Vista Aurora
  • Vista Royale
  • Vista Style
  • Vista Ultimate
  • White (Vista Inspirat)

Subscribe

Stats

Copyright

All the themes are copyrighted with Creative Commons attribution /non derivative/ non commercial License. You are free to publish them on your website / blog, but please provide a link to http://mrmanson.netsons.org Creative Commons License

rss Comments rss valid xhtml 1.1 design by jide powered by Wordpress get firefox