Do tworzenia tematów wykorzystuję darmowy program Paint.net (do grafiki rastrowej, w założeniu zamiennik photoshopa - ciągle rozwijany i bardzo dobry) oraz również darmowy Inkscape (do tworzenia i edycji grafiki wektorowej). Oczywiście można wykorzystać inne programy.
Po zainstalowaniu carbide.ui odpalamy program. Pierwszą czynnością powinno być wygenerowanie kluczy, dzięki którym będziemy mogli stworzyć plik *.sis. By je wygenerować klikamy w zakładkę Tools, a następnie Handle key pairs - pokaże nam się okno generowania kluczy. Klikamy na New i tworzymy nasze klucze i hasło.
Po wygenerowaniu kluczy możemy przystąpić do komponowania naszego wymarzonego tematu. W oknie głównym programu klikamy w Create new theme - pokaże nam się okno tworzenia nowego tematu.
W polu Theme name wpisujemy nazwę naszego tematu, resztę pozostawiamy bez zmian i klikamy na Finish. Program utworzy bazową skórkę, którą będziemy edytować. Zmieniamy jeszcze rozdzielczość z 240x320 na 352x416.
Background
Teraz możemy przystąpić do faktycznej edycji naszego tematu. W tym celu klikamy na zakładkę Background w bocznym oknie Resources.
Tutaj mamy dwie opcje - Active menu background (jest to tło w menu) oraz Idle background (główna tapeta). Metodą "przeciągnij i upuść" przeciągamy naszą uprzednio przygotowaną tapetę w odpowiednie miejsce.
Areas
W tej zakładce mamy trzy główne opcje: Status area, Main area oraz Control area.
Opcja Status area kryje w sobie górną część wyświetlacza zarówno menu jak i tapety, w trybie normalnym jak i landscape. Klikamy więc w tę opcję, a następnie w pierwsze okienko.
W zakładce Status area background polecam nic nie zmieniać, jako że program sam docina nam tutaj tapetę, jednak jeżeli ktoś ma zamiar zrobić naprawdę wymyślny temat to można zmienić.
Tutaj widzimy górną część menu w ustawieniu ikon 3x4 ,wycinamy więc z naszej tapety górną jej część tak by miała 352x40 i przeciągamy w zaznaczone na screenie pole.
Następna opcja to Status area background w trybie landscape (poziomym). Tutaj potrzebna nam będzie ta część naszej tapety, której użyjemy w punkcie Navi pane. Ponownie przeciągamy uprzednio wyciętą część naszej tapety (jak wyciąć - patrz punkt o Navi pane). Nokia trochę namieszała ale cóż. Te same czynności powtarzamy w drugim okienku.
Następnie mamy okno Navi pane.
Tutaj zaczynają się schody. Dzieje się tak dlatego, że musimy w jakiś sposób wyciąć potrzebny mam element naszej tapety. Więc otwieramy wybraną tapetę w programie Paint.net, następnie wycinamy od góry obszar o szerokości 352 pikseli i wysokości 88 pikseli, klikamy na New i wklejamy naszą wyciętą część. Następnie wycinamy od dołu obszar o wysokości 30 pikseli i szerokości 352 pikseli, klikamy znów na New, wklejamy i zapisujemy. Mamy więc już nasz Navi pane. Teraz metodą drag and drop przeciągamy przygotowany wyżej obrazek w zaznaczone miejsca.
Teraz przechodzimy do zakładki Main area, tutaj nie polecam nic zmieniać oprócz jednej rzeczy, mianowicie status Indicators background, to tu właśnie wyświetlany jest m.in. klucz po zablokowaniu klawiatury. Najlepiej moim zdaniem wygląda to bez jakiegokolwiek tła, więc zmieniamy maskę obrazka. Aby się tam dostać klikamy na Main area i postępujemy jak na screenie.
Teraz przystąpimy do edycji maski. W tym celu klikamy prawym przyciskiem myszy na Status indicators background i wybieramy opcję Edit mask. Otworzy się nam okno edycji maski, którą zamalowujemy na czarno.
Teraz przechodzimy do zakładki Control area.
Tutaj interesuje nas jedynie dolna belka w trybie landscape ponieważ bardzo trudno odpowiednio przyciąć naszą tapetę tak by wszystko ładnie się łączyło. Aby przygotować tę nieszczęsną belkę musimy wyciąć część naszej tapety w Paint.net. Wycinamy od dołu tak, by wysokość wycinanej części miała 86 pikseli a szerokość 352 piksele i wklejamy wyciętą część w nowy obrazek. Następnie wycinamy od góry część o wysokości 40 pikseli i szerokości 352 pikseli, wklejamy wyciętą część w nowy obrazek i zapisujemy. W ten oto sposób udało nam się uzyskać tę dolną belkę, będzie ona się ładnie łączyła z resztą tapety w trybie landscape.
Highlights
Highlights to nic innego jak podświetlenie danej pozycji lub opcji. Mamy 3 rodzaje podświetleń, list, grid i input. My edytować będziemy tylko 2 pierwsze opcje. Klikamy więc w kolejności podanej na screenie.
Następnie klikamy prawym przyciskiem myszy na opcji zaznaczonej jako "3" i wybieramy opcję Convert and open in bitmap editor.
Edytujemy obrazek i zapisujemy. Tak samo postępujemy z opcją Grid highlight.
Pop-up window
Są dwa rodzaje tych okienek, główne i pomocnicze (general i sub). Przygotowane wcześniej grafiki przeciągamy w zaznaczone pola.
Pozostała jeszcze opcja Pop-up window heading, którą proponuję pozostawić bez zmian.
Opcje Call handling windows oraz Lower screen area również pozostawiłem bez zmian ponieważ dla mnie ważna jest czytelność.
Indicators
Tutaj edytujemy ikonki głośności, tabulatorów, ikonki zasięgu, baterii, strzałek, suwaków . Ikonki głośności pasowały do tematu tworzonego przeze mnie więc ich nie zmieniałem, można je zmienić robiąc podobnie jak z innymi elementami w tej zakładce. Tabsy wykonane przeze mnie i widoczne na screenach są jedynie testowe. Każdy tabulator składa się z 3 części i edytujemy je tak jak poprzednie części naszego tematu. Teraz przechodzimy do wskaźników baterii oraz zasięgu, są tutaj ich dwa rodzaje , normalne oraz tryb landscape.
Możemy zmienić tylko ich kolor, do tego najlepiej użyć programu do edycji grafiki wektorowej (w moim przypadku Inkspace ) ponieważ przy edycji programem do grafiki rastrowej jakość ikon drastycznie spada (maski). By edytować kolor, klikamy prawym przyciskiem myszy na ikonce widocznej na screenie i wybieramy opcję Edit in vector editor.
Tak samo postępujemy ze wskaźnikami baterii oraz w trybie landcape. Następna opcja to Slider indicators czy suwaki. Edytujemy je podobnie jak wskaźniki baterii.
Tak samo postępujemy z Navigation indicators. Są to strzałki widoczne przy tabsach czy na okienku popup. Edytujemy podobnie jak wskaźnik baterii.
Pozostała nam jeszcze animacja przewijania.
By ją edytować bądź zmienić musimy rozebrać animację na części pierwsze. Robimy to w ten sposób. Klikamy na okno animacja, potem na ikonkę Wait bar, wybieramy opcję edit - animate.
Otworzy się nam okno animacji i tutaj edytujemy każdą klatkę animacji, robimy to tak jak przy wszystkich innych elementach jak wskaźniki zasięgu. Po edytowaniu zamykamy tą zakładkę i zapisujemy.
Scroll bars and lines
Tu zmieniamy pasek scrolla oraz linie na wyświetlaczu. Można je dowolnie zmieniać.
Przejdźmy więc do Scroll bars. Zakładka numer jeden to tło scrolla zaś zakładka numer dwa to właśnie sam scroll. Oba te elementy składają się z trzech części ( widać na screenie ). Zakładkę linie zostawiamy w spokoju, no chyba, że komuś one bardzo przeszkadzają, wtedy wystarczy edytować maski zamalowując je na czarno.
Applications
Zmienimy tutaj wygląd zegarów analogowego i cyfrowego, wygląd kalendarza, pinboard, paski ustawień, kalkulator, notatnik oraz odtwarzacza muzyki.
Zacznijmy od zegara analogowego. Grafika zegara składa się z 5 części, faktycznej tarczy zegara, okna daty, tarczy pomocniczej zegara oraz wskazówek. Edytujemy je wszystkie tak samo jak poprzednie elementy, naciskamy prawy przycisk myszy i wybieramy interesującą nas opcję.
Pamiętać jednak trzeba, że tarcza pomocnicza musi być w pewnym stopniu przeźroczysta (inaczej zakryje wskazówki) - maskę więc malujemy na szaro. Oczywiście możemy zaimplementować własny zegar, wtedy robimy to metodą drag and drop, dokładnie tak jak z tapetą.
Następna opcja to zegar cyfrowy.
Można tu zmienić samą cyfrę, jej maskę oraz jej kształt - ja nie zmieniałem jednak tutaj nic, standardowy zegar przemawia do mnie najbardziej.
Pinboard jest aplikacją już prawie nieużywaną, ale również tutaj możemy zmienić tło, musimy tylko z oryginalnej tapety (352x416) wyciąć górną część w rozdzielczości 352x370 i za pomocą metody drag and drop przenieść na ikonkę.
Kolejną czynnością będzie edycja kalendarza.
Tutaj możemy edytować (bądź oczywiście zamienić) trzy grafiki budujące tę aplikację. Pamiętać jednak trzeba, że przy tych elementach nie ma możliwości edycji masek.
Teraz przechodzimy do zakładki settings. Mamy tutaj możliwość edycji masek więc nasza fantazja nie ma praktycznie ograniczeń, możemy tworzyć półprzeźroczyste pola ustawień, dowolne kształty.
Kolejna zakładka to kalkulator.
Polecam tutaj nie zmieniać nic, standardowy jest bardzo spójny i czytelny. Tak samo postępujemy z tłem w zakładce Notepad, a to dlatego, że po edycji koloru, w telefonie górna część tego elementu jest strasznie rozmazana.
A teraz najciekawsza moim zdaniem opcja czyli MP3 player.
Uwaga - tło MP3 playera musi być w formacie *.bmp! Inny format spowoduje błąd w tworzeniu pliku sis (Error while parsing graphics, a non-svg image cannot be saved without mask). Zapisujemy więc naszą tapetę w formacie bmp i przeciągamy na ikonkę. Tak samo postępujemy z klawiszami typu play, stop, next jak i wskaźników korektora.
Ostatnią rzeczą pozostałą by skończyć temat to zmiana kolorów.
By edytować kolor danej czcionki bądź elementu, klikamy na jej ikonkę i wybieramy opcję Set colour, pokaże nam się okno zmiany kolorów, wybieramy interesujący nas kolor.
Gdy zmienimy już wszystkie wybrane przez nas elementy i nasz temat jest gotowy klikamy na Tools i wybieramy opcję Create new sis package.
Pokaże nam się okno kompilacji pliku sis. Wybieramy symbian 9.1 S60 3rd edition, wpisujemy autora i klikamy Next. W tym oknie wybieramy klucze wygenerowane na początku i wpisujemy nasze hasło a następnie klikamy finish.
Jeżeli wszystko zostało zrobione poprawnie to powinno nam się pokazać okno:
Theme jest gotowy do przesłania na komórkę i instalacji.
Życzę powodzenia w tworzeniu swoich tematów.
