A Sony Ericsson témák IV.

6. A témakészítés

A cikksorozat korábbi részeiben megtudhattuk, hogy tulajdonképpen mi is egy téma, hogyan néz ki belülről; megismerhettük az egyes témaverziók kompatibilitását és megtudhattunk egyet s mást a használható képformátumokról. Ebben a fejezetben a témakészítés részleteit, a téma megkomponálásának és kidolgozásának alapjait szeretném ismertetni, hogy aztán mindenki, aki elég bátorsággal és tehetséggel rendelkezik, elkezdhessen alkotni. Valami nagyot.

6.1. Alapok

Mindenekelőtt pár szót szeretnék szólni a felhasználható és felhasználandó programokról, amelyek a témakészítéshez igazából szükségesek, vagyis a rajzoló-illusztráló alkalmazásokról.
A témaösszerakók kezelése (Themes Creator, myThemes Creator) ugyanis nagyon egyszerű, csekély angoltudást kell csak hozzá, és hát nincs is olyan nagyon sok belőlük a piacon (fölösleges is lenne). De csak ezek használatával még nem lesz témánk. A témánkhoz szükség lesz némi fantáziára, grafikai ismeretekre, és ezekre támaszkodva valamilyen grafikai programra.

Photoshop

Tudom, hogy ez a high-end kategória, de a témakészítés szempontjából eddig nem találkoztam olyan feladattal, amit ne lehetett volna megoldani nélküle.
Vitathatatlan előnye, hogy rengeteg kiegészítő és tutorial van hozzá a neten, amelyek nagyon megkönnyítik a használatát.

GIMP

Nem tud annyit, mint a PS, de a témaszerkesztéshez teljesen elegendő (legalábbis az elején biztosan). Ehhez a programhoz is sok kiegészítő van, és mivel szerkezetében nagyon hasonlít a PS-hez, a tutorialok nagyon könnyen lefordíthatók GIMP-re.
Akinek tehát még nincs profi rajzprogram a gépén ˙(természetesen a Painten kívül) és nem szeret Photoshopot crackelni (nem is illik!), az nyugodtan töltse le, nem fogja megbánni.

Egyéb programok: E kettőn kívül még sok jó és kevésbé jó illusztráló van, például a Paint Shop Pro (ajánlott!) vagy a Google Picasa (kevésbé szerencsés a céljainkra). Ízlés szerint lehet ezeket is használni.

Egyéb fontos kellékek

A programokhoz, a témakészítést elősegítendő, még sok kiegészítő kellék található. Bár a legfontosabb a kezünk, ami nélkül nem lehet témát szerkeszteni, de ezt nem lehet letölteni. Amit le lehet tölteni és nagyon hasznos tud lenni, az a brush (ecset) és a pattern (minta). Ezeket alkalmazva a képeket jelentős mértékben feldobhatjuk, saját ízlésünk szerint. Nagyon szép patternek/brushok találhatók a www.deviantart.com-on, de az alkotókat általában meg kell kérdezni, ha ezeket igénybe kívánjuk venni.

6.2 Előkészületek, tanácsok

A témakészítésnek vannak általánosan elfogadott és vannak csak a témakészítés közben elsajátítható fogásai, szabályai. Ezek közül szeretnék most néhányatismertetni.

1.) A téma egészének (mint ahogy azt agravius az első cikkben a téma fogalmánál leszögezte) egy sémára kell épülnie, és minden részének követnie kell azt. Természetesen lehet, hogy a témát egy, vagy két, egymással harmonizáló színtartományra, vagy egy képre és egy hozzá illő színtartományra építjük.
2.) A színeket és a képeket gondosan válogasd össze, még mielőtt nekiállnál a témának. Néha fontos az is, hogy megjegyezzük (én mindig le szoktam írni), hogy a használt színeknek mi a html-kódja, mert később nagyon bele lehet gabalyodni. Ez már csak azért is fontos, mert a Themes Creatorban nem lehet a finomabb árnyalatokat látni, így kódokkal kell a színeket jelölni.
3.) A témakészítésnél az általánosan javallott formátum a png. Főleg azért, mert többféle átlátszóságot kezel és mert tömörítés nélkül jeleníti meg a képet. Ekkor persze elengedhetetlenül nagyobb lesz a téma mérete, de a szépségért meg kell szenvedni. (A formátumokról egyébként részletes leírás található szintén a cikksorozat első részében.)

6.3 Példa témakészítésre (K800i - Nightshot téma)

1. Standby screen (Vidd az egeret a képekre a nagyításhoz!)
A cikk szövege mellett figyeld az egyes képernyőképeken feltüntetett magyaráró szövegeket is!)

A téma elkezdésekor ezt célszerű először elkészíteni; erre fog épülni a téma. A próbababán egy alaptémát láthatunk. Az első képernyőn a kezdőkijelző beállításait módosíthatjuk (szövegszínek, képek).
A sofkey-ket nem muszáj beállítani, ezek lehetnek a Standby kép részei is. Ebben az esetben, ha a felhasználó saját hátteret állít be, nem fog látszódni a softkey/statusbar.

2. Desktop screen

Itt állíthatjuk be a menü kinézetét, a hátteret, az ikonkijelölő képet, valamint természetesen a szövegek színeit.
A Total Commanderben kijelzettől ellentétben, tehát a valóságban a telefon sokkal nagyobb méretben jeleníti meg az ikonokat, ezért a képet is ajánlatos ehhez mérni. Nagyon jól mutat, ha valami keretszerű a képünk, mert a kép közepe úgysem fog látszani.

3. Navigation screen

A Navigation screen határozza meg a téma többi általános részének kinézetét. Itt nem kell megadnunk a softkey és a statusbar kinézetét, mert az alsó és a felső sávban a Navigation-képben meghatározott kép alsó, illetve felső része lesz látható. Megnyomott állapotukban pedig a Standby screenen beállított megjelenése lesz.
Fontos: A Navigation title text és a Navigation Text színe nem lehet ugyanaz, mert ekkor egy telefon-bug jön elő, és (legalábbis a K800i esetében) a Title texte-t feketén jeleníti meg!!!

4. Row title screen

Itt határozhatjuk meg a Képek, a Kameraalbum és a Videók mappa felső részének képét. A kép bal oldalán lévő mintával óvatosan kell bánni, mert a szöveg majdnem a képernyő szélén van, és esetleg nem lesz olvasható ha egy túlcsicsázott képet rakunk alá. Fontos még megjegyezni, hogy az itt lévő scrollbart nem lehet beállítani.

5. Tabs screen

Itt határozhatjuk meg az olyan helyek formázását, ahol a billentyűzettel oldalra is lehet navigálni, tehát lehet "lapot váltani". Ez például a Hívásinfóban vagy a Beállításoknál van.

A felső ikonok esetében több jó módszer van arra, hogy az éppen kijelölt ikon még jobban elüssön a többitől. Ezt egyrészt úgy lehet elérni, hogy a kisebb, háttérben levő ikonokat vagy szürkésebbre rajzoljuk, vagy csak simán egy átlátszó képet rakunk oda: ekkor csak a kijelölt ikon alatt jelenik meg kép.
Célszerű emellett az ikonok alját úgy megformálni, hogy illeszkedjenek a címszöveg alatti képhez (ez a példában nagyon jól látszik).
A nagy, kétsoros highlightokat célszerű ugyanabban a stílusban rajzolni, mint amiben az egysorosakat készítettük. És az se rossz, ha valamiféle vonalka van a highlightban lévő szöveg (esetünkben a telefonszám és az alatta levő dátum) sorai között.

6. Popup screen

Itt határozhatjuk meg a felugró ablakok (például Új üzenet írása, vagy egy információs ablak) kinézetét.

A Themes Creatorral ellentétben nincs kerete ennek az ablaknak, ezért tettem zárójelbe. Ebből kifolyólag a Popup ablak lehet valami szabálytalan/lekerekített szélű alakzat is, a keret vonala nem fog bezavarni. Ám a lekerekítéssel óvatosan kell bánni, mert egy olyan ablaknál, ami tele van szöveggel, nagyon rosszul mutat, ha a keretbe belelóg a szöveg.
Azt is érdemes észben tartani, hogy a Popup háttere ne legyen átlátszó, mert így az alatta lévő szövegek összefolynak a Popup ablak szövegeivel. Ha a hátterét a
Backgroundból vágjuk ki, a 13,40-es koordinátától a 227,274-ig terjedő 214x234-es képet kell kivágni.

7. Morelist screen

Itt állíthatjuk be az Egyebek/Tovább gomb megnyomására megjelenő ablak kinézetét.
Itt már a beállított keret meg is fog jelenni a telefonon, nem úgy, mint a Popupnál.
A művészek általában kétféle megoldást szeretnek. Vagy kivágják a Morelist képet a Background képből (ekkor a 27,96-os koordinátától a 239,289-ig terjedő 212x193-as képet kell kivágni), vagy egy egyszínű képet raknak be. Ez azért hasznos, mert a Morelist-ből még lehet továbbmenni, tehát itt is elő lehet csalogatni egy következő, ám az előzőnél kisebb méretű ablakocskát, például valamilyen fájl küldésénél (BT, Infra, Képüzenet, Blog stb.). Ekkor a téma ugyancsak a Morelist képet fogja használni, oly módon, hogy a kisebb menü jobb alsó sarkához igazítva bevágja a képet. Ezt, ha a Backgroundból vágtuk ki, nem mindig néz ki jól. Fontos megemlíteni, hogy itt nem müködik az átlátszóság, tehát ha egy ilyen képet rakunk be ide, a háttérszínt fogja megjeleníteni. Ez nem mindig néz ki rondán, de azért próbáljuk elkerülni.

8.- 9. Input screenek

Itt lehet meghatározni a szövegbeviteli mező kinézetét.

 

 

 

 

 

 

|HOME|TOP|