[Guida] Creazione Temi Con Carbidue

[ATON]

CARBIDE.UI 3.1 (per symbian OS) FREEWARE


Questa è una piccola ma spero utile guida per tutti coloro che vogliono imparare ad usare Carbide.ui.
Il programma all'inizio devo ammettere non sarà semplicissimo da usare,ma una volta compresa la funzione dei comandi,sarà un gioco da ragazzi,e tutto verrà meccanico.


E' un programma piuttosto lento e necessita di un buon computer,con almeno 512MB di RAM(...forse non bastano,dato che ogni tanto ho qualche problemuccio pur avendo 1 GIGA).In contemporanea al programma carbide,andrà usato un software di grafica(io uso photoshop CS2)
Quest'ultimo servirà per tagliare gli sfondi,che andranno sezionati in più parti per essere inseriti nel tema,e per naturalmente personalizzare al meglio la nostra "creatura".

N.B. Parti del tema saranno in .SVG(file vettoriali)che Photoshop non è in grado di aprire.A quel punto o si sostituiscono con file di altre estensioni(.PNG,.BMP,JPEG),o si lasciano stare.Per aprire le estensioni .SVG suggerisco Corel DRAW(e GIMP2).

http://i13.tinypic.com/2dllk60.jpg


Suggerimento: Chi sa usare gli svg usi quelli, avrà un notevole risparmio di spazio, in quanto benchè leggermente più pesanti un png (o bmp), non necessitano di un secondo file ombra (quello che crea il Carbide), quindi se un png pesa 15kb, una volta incorporata l'ombra da altri 15 kb (per esempio), avrete occupato 30 kb nel tema!!! Quando magari l'svg ne pesa 20 e non ha bisogno di un secondo file. Ergo sono 20 effettivi.

Per chi non conosce gli svg e non ha voglia di imparare...e lo posso ben capire...consiglio cmq di convertire le immagini degli sfondi in questo formato, dato che se avete un jpeg di partenza da 100 kb, trasformandolo in svg diventerà da 10 kb senza alcuna perdita!!!
Io uso l'Adobe illustrator cs2, il procedimento è facile, si va su file-open-si seleziona l'immagine-la si apre -si torna su file-save as- e si seleziona svg (NON SVGZ) e avrete l'immagine pesante un decimo!!!


Selezionamo la voce che ci interessa.

Se volete creare un tema partendo dall'inizio cliccate su create theme,se volete modificare un tema già esistente cliccate su open theme.

Voglio subito fare una premessa
CARBIDE.UI non ammette furbetti,quindi a meno che non abbiate un.TDF vostro o in prestito da qualcuno,non potrete modificare temi in estensione .SIS trovati sulla rete...capito furbetti?!

A lato della pagine troverete degli ottimi esempi di temi,e potrete utilizzarli come base per le vostre prima creazioni



Procediamo cliccando su CREATE THEME...

http://i16.tinypic.com/2qu6fd3.jpg


Si aprirà una finestra,dove scriveremo il nome della nostra creazione.
Sceglieremo una delle 3 voci del theme contest

la prima ci permetterà di scegliere tra una base grafica leggerissima,dalla quale partire
(ma credo che sia un po' povera di dettagli e quindi non la consiglio)
Comunque per coloro che decideranno di usare questa base grafica,
ricordo che dovranno selezionare in alto le misure del loro schermo,prima di partire

Assieme alla base grafica nella prima voce troverete anche S60 2nd edition FP2,
ma ricordo potrà essere utilizzata solo per la vecchia generazione e per cellulari con risoluzione 176x208.

la seconda e la terza voce richiedereanno un .TDF di base da cui partire.

Il modo comunque più semplice per partire è il terzo(dopo mille peripezie ho capito che era la migliore e la più semplice per imparare)
Richiamate uno dei temi di base forniti dal programma stesso in questo modo :
Date un nome al tema,e spuntate l'ultima opzione cliccando successivamente su BROWSE.Nella sezione workspace dello stesso programma trovate il file da richiamare.Apritelo,e aspettate che carichi.
Non toccate il pragramma in quel momento,altrimenti rischierete di fare un pasticcio.E' veramente delicato e pesante,lasciategli tregua.

Adesso si comincia :

http://i13.tinypic.com/2qxmczn.jpg

Sulla sinistra dello schermo si trovano le cose che dobbiamo andare a modificare.

Prima di iniziare ricordo ancora una volta di scegliere in alto la misura dello schermo.Parlando della terza edizione,saranno presenti 240x320(N73)352x416(N80)...ecc

Tagliate lo sfondo che più vi piace con un programma di grafica(suggerisco di usare un'estensione JPEG con qualità d'immagine media per non renderla troppo pesante) a seconda della misura che vi serve,e copiatelo nei 2 spazi blu che si sono creati quando avete cliccato su background.
La cosa è semplicissima,in quanto in alto a destra della barra dei componenti(components)troverete le opzioni


http://i11.tinypic.com/30sycn7.jpg

[ATON]

faccio un esempio per rendere le cose ancora più semplici e veloci :

Trovo un'immagine,la salvo su PC e la apro con photoshop(o altro)tagliandola a 320x240(perchè io personalmente lavoro su un N73).In seguito non dovrò per forza ri-salvare la stessa immagine modificata,con tutte tutte le sezioni richieste da Carbide...utilizzerò l'opzione seleziona tutto(che è disponibile su qualsiasi SW di grafica)e subito dopo andrò a selezionare sempre sul SW di grafica COPIA.
Il programma Carbide evidenzierà l'icona INCOLLA(vedi schermetto sopra).Cliccando sopra,dopo una minima elaborazione apparirà la stessa immagine appena modificata come sfondo del tema.
questo processo velocizzerà molto le cose,e non richiederà 1000 salvataggi di immagine tagliuzzate.
L'importante è non chiuderla mai perchè dobbiamo lavorarci ancora molto sopra

spero sia un esempio chiaro a tutti





Piazzate l'immagine nelle 2 voci del background passeremo a modificare i colori (la voce sotto)

Si potranno modificare tutte le voci del programma ma ponete attenzione a TUTTI i colori,che dovranno avere un buon contrasto(mantenendo sempre e comunque equilibrio tra i toni),altrimenti spesso molte voci si leggeranno malissimo una volta trasferito il futuro .SIS sul cellulare.Solitamente le voci della rubrica e quelli del carattere degli SMS,sono le più delicate da trattare,attenti ai colori,altrimenti rischiate di non poter visualizzare queste funzioni al meglio.Diventano illeggibili per il troppo poco contrasto tra sfondo e FONT.



http://i17.tinypic.com/2r7c8df.jpg


La tavolozza dei colori la potrete visualizzare nella finestra GENERAL,scegliete quello che più vi piace.Fatelo con tutte le voci che desiderate cambiare





Le AEREE


http://i14.tinypic.com/2cwr63d.jpg



Siamo giunti alla parte che richiede un po' più pazienza.

Dobbiamo inserire le aree della nostra immagine richieste dal programma.La cosa è molto semplice.

Clicchiamo su
AREAS ------- su STATUS AREA(in seguito sulle altre sotto : MAIN e CONTROL) ------ e su ogni immagine dell'elenco che apparirà accanto,venendo giù piano piano senza fretta,perchè dobbiamo riempire quasi tutte le sezioni che si sono aperte.

per sapere le misure precise delle parti richieste poniamo attenzione alla finestra dei livelli(tra parentesi ci sono i pixel giusti)


http://i14.tinypic.com/2r2m691.jpg
(non deve essere per forza BMP,ma può anche essere JPEG,GIF,PNG))


e nello sfondo troverete selezionata l'area che sta richiedendo http://i10.tinypic.com/2v1b4ba.jpg
per ottenerle usate l'immagine che avete lasciato aperta nel programma di grafica.Sezionatela in tutte le parti richieste,poi fate copia e incolla dal SW di fotoritocco,a Carbide(vedi sopra)

[ATON]

Altro piccolo suggerimento

Talvolta alcuni temi hanno colori troppo forti e le scritte nei sottomenù si leggono male,quindi :
Selezionate AREAS --- MAIN MENU' --- La prima voce(solo la prima,quella nel cerchio),e rendetela più armoniosa,cercando di schiarire l'immagine che ha evidenziato(240x235 nell'N73)ritoccandola,creando cioè una maschera,o schiarendola utilizzando i menù di photoshop e di programmi simili.Smorzata,la copierete dentro.Vedrete che i menù saranno molto più visibili

http://i16.tinypic.com/2rpv9ex.jpg

La parte più divertente,che rende il tema più originale è senza dubbio quella riguardante le ICONE


utilizzate icone.PNG,
sono le più carine,hanno i colori migliori,e non hanno mai i bordi rovinati.Un altro punto a loro favore?Se ne trovano a migliaia sulla rete


http://i13.tinypic.com/30w2f7m.jpg

Se siete ancora inesperti,nei vostri primi temi modificate solo la prima parte delle icone presenti,vale a dire LIST ICON,quelle dei menù principali.
Le misure di queste icone variano da 49x49,a 53x53,arrivando al massimo a 60x60
Solitamente i pacchetti che si trovano in giro sono 128x128,quindi dovrete avere la pazienza di ridimensinarle tutte per 2 semplici motivi : se le inserite troppo grandi sgranano dentro il telefono,e inoltre pesano troppo alla creazione del SIS.
Suggerimento: Per velocizzare (tanto) questa procedura consiglio (lungo da spiegare ma richiede 20 secondi per essere eseguito :) ):
aprite photoshop ed un delle immagini da ridimensionare, poi andate su "finestra" e dal menù a tendina spuntate "azioni" che vi apparirà in un rettangolo a destra.

http://www2.filehost.to/files/2006-12-01_01/031507_Immagine.JPG


ora vedete che ci sono varie icone nella barra indicata con la freccia, cliccate su quella che sembra un foglio (che ho evidenziato in rosso), vi appare una finestra, non c'è bisogno scriviate niente, l'importante è che schiacciate "registra".
A questo punto lavorate sulla dimensione immagine. Andate su "immagine"-dimensione immagine" scrivete la dimensione che volete poi andate su file e fate "salva" (non salva con nome!) dopo salvata andate nuovamente su "file" e sezionate chiudi.
Ora tornate sulla finestra laterale "azioni" e schiacciate stop.
Ora aprite tutte le icone che volete ridimensionare e fate play (tante volte quante sono le immagini)o usate il comando da tastiera (se lo avete assegnato).
200 png così li ridimensionerte in 20 secondi!

Stavolta però una volta ridimensionate non potete fare copia e incolla,ma dovete aprirle,ridimensionarle e salvarle su HD.Da lì farete copia e incolla.Perchè questa cosa?Semplice,se saltate il salvataggio su HD,l'icona creerà un background bianco dietro...una cosa inguardabile!
Suggerimento: Altra dritta da pigri...invece di fare copia incolla , aprite la vostra cartella dovew avete le icone e trascinatele dentro carbide nella finestra "components" (quella indicata in immagine).
Se avete 1gb di ram compilate il tema in 15-20 minuti (tutte le voci!!)

[ATON]

http://www2.filehost.to/files/2006-12-01_01/033832_1.jpg

Ogni massimo 10 icone inserite(AL MASSIMO 10),salvate il vostro lavoro,perchè il sistema di salvataggio è molto delicato,e se lo appesantite troppo non riesce più a gestirle creando un errore.NON salverà più,e il tema è praticamente da buttare,a meno che non siate in grado di tornare indietro cancellando un po' di cose della "creatura" e ripetendo il processo di salvataggio.Comunque non sempre funziona,e molte volte si buttano lavori di ore...QUINDI OCCHIO!


http://i12.tinypic.com/2di1xrl.jpg

Giungendo nella sezione HIGHLIGHTS,modificate la prima e la terza voce LIST HIGHLIGHT e INPUT HIGHLIGHT inserendo all'interno della prima voce un .PNG vuoto(non bianco,vuoto)...Puro consiglio...poi ognuno è libero di farlo come vuole,appare comunque molto + armonico,e farà saltare fuori di nuovo il background originale(vedi foto)




La seconda voce(di LIST HIGHLIGTH)...il selezionatore azzurro,per quanto modificato e colorato(con photoshop),CARBIDE una volta salvato e messo su cellulare,lo mostrerà sempre azzurro come in origine.Non chiedetemi come mai...ma è così.Anzi se siete in grado di illuminarmi su questo problema,fatelo...eheheh.GRAZIE
Suggerimento: Si che lo modifica!!!
Mi sorge il dubbio che non lo visualizzi l'n73.
Prova ad installarti uno dei miei temini e controlla se lo vedi. Sul 93 appare quello modificato.
Oppure controlla di aver inserito anche l'animated.



Aggiungo qualcosa che penso tornerà utile a molti!!

Ho notato che quasi nessuno modifica quelle icone che il carbide di suo non modifica, come ad esempio fotocamera ecc... Avendo fatto una piccola indagine ho scoperto che è perchè non si sa come fare, ergo posto il metodo.
Con carbide aperto andate su -window-preferences-carbide-third party icons. Vi appare una schermata, schiacciate "add" ed inserite l'uid di quello che volete aggiungere e dategli un nome.
Per sapere l'uid con i nuovi symbian third edition dovete installare sul telefono "best task manager".
A questo punto lanciate sul telefono la funzione di cui volete l'uid, ad esempio "visual radio" e, senza chiuderla, passate al best task manager, come lo lanciate avete la schermata "applications", spostatevi con la barra selezione su quello che avevate aperto, poi fate opzioni, application info, e la prima voce che trovate "app.uid" è il codice che vi serve.
Ad ogni modo posto, per risparmiarvi un po' di tempo la mia schermata con le cose principali:

http://www2.filehost.to/files/2006-12-01_01/035330_third.jpg


Al GRID HIGHLIGHT incollate una figura piccola meglio se un bottone da 76x78.Ricordate che deve fare contrasto con le icone,perchè servirà per farvi navigare nel menù.


Per quanto riguarda le POP-UP WINDOWS,non vi dico niente...muovetevi come volete,ma ricordate i contrasti con i colori del menù.Evitate di colorarle comunque con la funzione BITMAP di CARBIDE,perchè vengono un po' troppo pesanti.Createle da voi e poi incollatele dentro.


Per quello che riguarda orologi,indicatori batteria,segnale...cercate buone immagini sulla rete(sempre .PNG,in quanto le GIF sgranano troppo)e modificatele come avete fatto prima con le icone.


Per il lettore MP3(il primo Music Player)incollateci un'immagine 240x320 che vi piace(potete inserirne una diversa dal background senza problemi) e il gioco è fatto


Adesso che avete fatto tutto create(in alto c'è l'icona CREATE A NEW SIS PACKAGE) ed inviate il SIS che ha creato sul vostro telefono e il gioco è fatto!