MrM@nson Themes

Pop-up Windows (General Window)

La “general pop-up window” corrisponde al menù del vostro tema. Il menù principale e il sub menù, possono essere costituiti da un immagine vettoriale o una bitmap. Generalmente usando un’immagine vettoriale si ottiene un menù più nitido e definito, tuttavia, se non siete pratici di grafica vettoriale e volete realizzare un menù con uno sfondo elaborato, potete tranquillamente usare un’immagine bitmap fatta con photoshop.
Se intendete usare una bitmap, basterà creare un’immagine in photohop, in un foglio di dimensioni 176×132 pixel, come indicato in Carbide, e sostituire il menù originale con la nuova immagine usando il metodo del “copia-incolla” o del “drag & drop”.

Se invece volete realizzare un’immagine vettoriale, vi cosiglio di usare il menù del tema di default di Carbide come base di partenza, aprendolo con il vostro programma di grafica vettoriale, proprio come abbiamo fatto per gli hightlights.

Dopo aver creato un’immagine vettoriale vi basterà scegliere “salva” dal vostro programma di grafica, per veder cambiare istantaneamente il menù in Carbide. In alternativa, salvate il nuovo menù con “salva con nome” e trascinate il file SVG al posto del vecchio menù in Carbide.

Una cosa che ho scoperto da poco è che una volta creato il menù, potrete dividerlo in un’immagine a nove parti. Per farlo vi basterà cliccare con il tasto destro sull’icona del menù e selezionare “switch to nine-piece element”.

In alternativa potreste dividere, con la stessa tecnica, il menù prima di editarlo e poi lavorare sui singoli pezzi che lo compongono. Vi starete chiedendo a questo punto, a cosa serva avere un menù formato da nove pezzi, invece che da un pezzo solo. In realtà non so bene quali vantaggi porti, so solo dirvi che sull’N70 dividere il menù in un oggetto a nove pezzi, è l’unico modo per far scoparire quel fasidioso contorno bianco con ombra che circonda il menù quando visualizziamo tutte le applicazioni aperte contemporaneamente sul telefono.

Menù a nove pezzi ——————- Menù a singolo pezzo

Per terminare la parte riguardante i menù, va detto che tutto ciò che ho scritto, vale sia per il menù principale che per quello secondario e che le altre voci presenti in “general window” riguardano i cellulari con Symbian 3rd edition, quindi non ce ne occuperemo.

Pop-up Windows (Call Handling Window)
La “call handling” window contiene parecchie voci, vediamo le più importanti.
Le “Active Call indications” sono i fumetti che visualizziamo sul telefono durate una chiamata e che contengono le informazioni su chi ci chiama, la durata della chiamata e così via. Possiamo modificare queste immagini o sostituirle con altre a nostro piacere.

Come al solito potete modificare l’immagine originale aprendola con il vostro programma di grafica vettoriale, con la solita tecnica, oppure sostituirla con un’immaginie PNG creata con photohop. Ho scritto espressamente PNG perchè le immagini in questa sezione supportano la trasparenza. Potrete quindi ottenere fumetti semitrasparenti, regolando l’opacità dell’immagine dal vostro programma di grafica. Questa volta vi consiglio espressamente di lavorare con la grafica vettoriale, in modo da avere direttamente i fumetti della dimensione e nella posizione giusta. Inoltre, è molto più semplice applicare contorni, sfumature e trasparenze ai fumetti originali, piuttosto che rifarli daccapo. In fine, i fumetti sono tanti e se usate immagini PNG dovrete disegnarli uno a uno. Al contrario, se li realizzate in grafica vettoriale, potrete crearne solo 2 o 3 e utilizzarli per tutte le voci in cui li dovete sostituire. Questo perchè anche se si schiacceranno o allargheranno a seconda della voce in cui li usate, non perderanno definizione.

In “Outgoing call indication” troverete un’altra bella serie di immagini. Anche queste supportano la trasparenza, quindi vale tutto quello che ho scritto sopra. Ancora una volta vi consiglio di utilizzare immagini vettoriali, in modo da poter creare un’immagine per ogni forma e utilizzarla in tutte le voci che hanno quella forma. Come potete ossevare da Carbide, le forme sono “rettangolo” “rettangolo arrontondato” e “fumetto”, potrete quindi creare ad esempio, un solo rettangolo e utilizzarlo per tutte le voci che usano il rettangolo come forma base.

Va detto in fine, che per le altre voci di “call handling window” valgono le stesse cose scritte fino ad ora.

Pop-up Windows (Lower Screen Area)
Se avete seguito il mio consiglio di includere le barre nello sfondo che avete incollato nella sezione “background”, non dovrete modificare niente in questa voce. Naturalmente anche se state creando un tema senza, barre non dovrete modificare niente in questa voce.

Indicators (volume)
Il “volume indicator” è la barretta del volume che visualizzate durante una chiamata e nel lettore musicale. In Carbide 3.1 vengono supportate le png per questo elemento, quindi potrete disegnare la “tacchetta” del volume, lasciando lo sfondo trasparente in modo da farla integrare perfettamente nel vostro navi panel. Naturalmente potrete disegnarvi le “tacchette” anche in grafica vettoriale. Se siete alle prime armi e non volete perdere troppo tempo su questo elemento, vi consiglio di ricolorare le “tacchette” del tema base di Carbide. Per farlo basta scegliere una “tacchetta”, posizionarsi con la freccia del mouse su uno dei colori nella finestra “layers” e selezionare un colore differente.

Ogni “tacchetta” è fatta da un’immgine SVG di vari colori, potrete farvi un’idea di qual’è il colore che state modificando, guardando l’anteprima in Carbide. Per le barrette del volume allungate, valgono le stesse cose.

Indicators (Tabs)
Per i tabs, vi consiglio di utilizzare immagini PNG. Sono meno nitide delle SVG, ma purtroppo queste ultime se usate nei tabs generano bug nei temi per N70. Anche per questo elemento, funzionano le immagini png e le trasparenze, quindi, per i due tabs laterali attivi e per i due passivi, potrete disegnare il bordo dei tabs lasciando lo sfondo trasparente. In alternativa potete usare delle png trasparenti vuote, per far scomparire del tutto i tabs, lasciando visibili solo le icone o il testo presente al loro interno.

Indicators (Signal/Battery)
Nel caso di temi per N70 non c’è bisogno di modificare gli indicatori accompagnati dalla dicitura “landscape”. Vi basterà quindi disegnare solo un immagine per “signal” e una per “battery”. Ancora una volta sono supportate le PNG con trasparenza e le immagini SVG. Potete scegliere di modificare o usare come base, i segnalatori predefiniti, oppure crearveli da zero. In questo caso le dimesioni per gli indicatori “signal” e “battery” sono di 12×29 pixel, come indicato da Carbide.

Indicators (Slider Indication)
Come vedete dalle illustrazioni in Carbide sono i marcatori per le opzioni che richiedono uno slider. Potete cambiare i colori di quelli predefiniti o disegnarnvene di nuovi. Anche in questo caso sono supportate le PNG con trasparenza.

Indicators (Navigation indicator)
Sono le freccette di navigazione che compaiono nel navi panel e nel menù. Se le volete sostituire, usate immagini SVG. Se volete cambiare il colore alle freccette originali, non potete farlo direttamente da Carbide, ma dovrete aprirle con il vostro programma di grafica vetoriale.

Indicators (Wait/Progress Indicator)
Nei temi per N70 dovrete modificare solo la “prograss bar indicator” e la “wait bar indicator”. La prima è la barra che compare quando installate un’applicazione. Le dimesioni della barra sono 154×10 pixel, potete facilmente modificare quella esistente, o crearvene una nuova in SVG o BMP.

La “wait bar indicator” è la barra animata di caricamento. Essendo animata è composta da una serie di immagini (frames). Per i primi tempi vi cosiglio di modificare i colori di quella originale, con lo stesso metodo usato per le “tacchette” del volume. Ricordate che essendo la barra animata, dovrete modificare i colori di tutti i singoli frame che compongono l’animazione. La procedura da seguire è questa: cambiate i colori al primo frame, successivamente fate click su “edit/animate” nella finestra dei layers.

Si aprirà la finestra che mostra tutti i frame dell’animazione. Il primo sarà quello che avete appena colorato, spostatelo più avanti e chiudete la finestra dell’animazione.

Colorate il frame che avete portato in primo piano, riaprite la finestra”edit/animate”  e spostatelo più avanti. Ripetete questa procedura per tutti i frames.
In alternativa potete disegnarvi in SVG le varie immagini che comporranno la vostra animazione della barra e sostituirle a quelle originali.