SkinStudio ist ein OPL-Tool, mit
welchem man Skins, d.h. Hintergrundbilder, die sich über den gesamten
Display erstrecken können, auf einfache Art und Weise erstellt und
installiert.
Bei der Wahl der Bilder sollte darauf geachtet werden, dass Hell/Dunkel
einigermassen ausgewogen ist, so dass die Lesbarkeit nicht allzu sehr
leidet. Für dunkle Bilder lassen sich die Schriften auf helle Farben
einstellen und umgekehrt. Hintergrundfarben und Cursorfarben lassen sich
ebenso beeinflussen. Auch die seitliche Beschriftung und die Uhrzeit
kann angepasst werden.
Der Clou des Tools: Bisher musste zur Aktivierung neuer Skins der
Communicator immer neu gebootet werden, was natürlich viel Zeit und
Energie benötigte.
Mit SkinStudio ist es möglich den Skin sofort, ohne Bootvorgang,
zu aktivieren, was natürlich bei der Erprobung von Skins sehr
komfortabel ist!!!
An dieser Stelle ein grosses Dankeschön an den Programmierer
Arjen Broeze,
der dieses Meisterwerk mit OPL verwirklichen konnte!!!
VORGEHEN zur Erstellung eines
Skins
Vorarbeiten und was man dazu benötigt:
1. Die
OPL-Runtime muss auf dem Communicator installiert sein
2. Die sis-Datei von SkinStudio bei
Arjen Broeze
downloaden und auf dem Communicator ausführen
3. Ein Bild in der Grösse von 756x200 Pixel
4. Ev. weiteres Bild für den Aussendisplay, 128x128 Pixel
|
 Über
Menü/
Preferences sollte zu Beginn festgelegt werden, in welchem
Ordner die erstellten Skins gespeichert werden sollen.
Der Ordner kann über die Taste Change
frei ausgewählt werden. Wer bis jetzt mit
SkinInstall gearbeitet hat,
hat vermutlich bereits einen Ordner C:\Meine Skins angelegt und
kann diesen gleich weiter nutzen. |
 Die
Taste Menü drücken und mit
New eine neue Skin-Datei anlegen.
An dieser Stelle kann auch ein bestehender Skin geöffnet (z.B. bei
Anpassungen) oder der Originalzustand des Communicators wieder
hergestellt werden. |
 In
diesem Fenster einen Basis-Skin als grundsätzliche Vorgabe wählen.
Man kann 1. sich selber einen eigenen Basis-Skin erstellen (empty skin)
oder 2. einen der zur Auswahl stehenden Skins aussuchen. Die Namen und
Farben sagen in Etwa aus, von welcher Basis aus dieser Skin geht. |
 Nun
können die eigenen Angaben zum Skin erfasst werden. Durch drücken der
OK-Taste wird die automatische
Generierung des Basis-Skins gestartet. Wenn dieser Vorgang fertig ist,
wieder mit OK bestätigen. |
 Steuertaste
Edit section
Durch die Wahl dieser Funktion
öffnet sich ein neues Fenster wo Änderungen der
allgemeinen Skin-Angaben, Anpassungen der einzelnen Farben von
Hintergrund- Balken- und Textfarben, andere Grafik- Dateien
für Innen- und Aussendisplay, sowie neu auch die unzähligen Konstanten
verändert werden können.
|
 Da
die Veränderungen der Farben sowie den Konstanten eine fast
unüberschaubare Dimension Anzahl Möglichkeiten zulässt (was oft auch zu
schlechter Lesbarkeit führen kann), wird empfohlen, sich erstmals mit
dem "Austausch" gegen das eigene Bildmaterial zu befassen.
Dazu den Menüpunkt Graphics files
wählen.
Man fährt auf die Zeile
Skin master graphic, verzweigt
über die Taste CHANGE und
DURCHS. zu der gewünschten Datei (756 x
200 Pixel als bmp oder jpg) und bestätigt den Vorgang mit der Taste
YES und nochmals YES zur
Bestätigung, die bisherigen Daten zu überschreiben.
Im Grunde ist jetzt bereits ein fertiger Skin erstellt worden, welcher
installiert werden kann.
Wer noch einen Cover für den Aussendisplay erzeugen möchte kann
denselben Vorgang mit der Zeile Skin cover
graphic
durchspielen (Bild mit 128x128 Pixel erforderlich)
TIPP: Je nach vorhandenem Bild müssen die Farben angepasst werden!
Dieser Vorgang nimmt im Moment vermutlich die meiste Zeit in
Anspruch. Da die Auswahl an verstellbaren Parametern riesengross ist
(weit über 100), werden unten die wichtigsten Bereiche aufgezeigt. Falls
die Farben der Grundeinstellung jedoch passen, ist die Skinerstellung
somit abgeschlossen.
Skin aktivieren
Um den Skin zu aktivieren die Taste CLOSE
drücken und über die Steuertaste Install skin
den Vorgang starten.
Nach wenigen Sekunden ist der neue Skin aktiv, inklusive dem Bild im
Aussendisplay!
Resultat:
|
|
|
Im Speziellen:
Die Farbenwahl
Zur besseren Dokumentierung wurden hier sehr krasse, nicht unbedingt
passende Farben gewählt. Die Farbtafeln sollen jedoch helfen und zeigen,
wo dass die wichtigsten Änderungen vorgenommen werden können. Es gibt
eine riesengrossen Anzahl Farb-Parameter, die veränderbar sind. Es ist
daher Vorsicht geboten, denn der Skin soll den Communicator nicht so
umgestalten, dass man die einzelnen Anzeigen wegen unglücklicher
Farbwahl nicht mehr erkennen kann. |
|
(Bild vergrössern mit Klick auf das Bild)
|
ACHTUNG >> nicht vergessen:
Nach Änderungen unbedingt über Menü/Save
die Einstellungen abspeichern, sonst war die ganze Arbeit für nichts!
|
Exakte Anpassung der Hintergrundfarbe hinter der
Zeitanzeige im linken Panel
Die in SkinStudio
integrierte Farbwahl lässt (noch) keine frei definierbare Farben zu.
Mit etwas
"Handarbeit" kann jedoch ein exakter Farbton problemlos integriert
werden!
VORGEHEN
Im jeweiligen Ordner eines Skins ist eine
Datei mit der Endung skn zu finden. Diese muss mittels eines
Editors geöffnet und entsprechend ergänzt werden.
Schritt 1: Der genau Farbwert
des Bereiches hinter der Zeitanzeige ermitteln
Der RGB-Wert
dieser Farbe wird für den nächsten Schritt benötigt.
Wer über
keine Bildbearbeitungssoftware oder einen Farbmesser verfügt, kann das
kleine Freeware-Tool
FARBWERT
downloaden und entpacken. Das Tool läuft ohne Installation. Nach dem
Start einfach mit der Maus an die gewünschte Stelle fahren und die Werte
bei Rot Grün Blau (eben die RGB-Farben) notieren.
Im Beispiel unten sieht man gut, dass die Farbe hinter der Zeitanzeige
leicht abweicht vom Farbton, wo der Mauszeiger jetzt positioniert ist.
Der genaue Wert ist also Rot:67 Grün:130 Blau:246.
Schritt
2: Die skn-Datei anpassen
Beispiel: Der Skin ist auf
Laufwerk C des Communicator’s gespeichert
C:\MeineSkins\xmas\0x1020834E
Hier findet man die
Datei xmas.skn
Diese im Editor öffnen und die Zeile mit 0x101F87FE sowie 3
Zahlengruppen (1,2 oder 3 Zahlen) suchen.
Diese 3
Zahlengruppen nun durch die mit
FARBWERT
ermittelten Zahlen ersetzen.
Beispiel:
0x101F87FE 116 128 250
ersetzen durch:
0x101F87FE 67 130 246
Schritt 3: Die Änderung abschliessen
Die Datei wieder als xmas.skn speichern, allenfalls in den
richtigen Ordner auf dem Commi kopieren und den Skin neu installieren.
|
Bestehende Skins
abändern
Natürlich können bestehende
Skins auch überarbeitet werden. Dazu über
Menü/Open den gesuchten Skin auswählen und die Änderungen
über die Steuertasten vornehmen.
Dann die Generierung mit Wahl der Taste
Generate graphics starten.
Am Schluss den Änderungsmodus mit drücken der Taste
Close wieder verlassen. |
Ein grosse Anzahl fertiger Skins findet
man auch HIER zum kostenlosen
Download!
|
Tipp zur Bildeinteilung
Soll ein Skin nicht
einfach nur die ganze Display-Fläche mit einem Bild überdecken, so kann
man, ähnlich den von Nokia standardmässig beigefügten Skins, eigene
Kreationen erstellen.
Die untenstehende Skin-Einteilung zeigt auf, auf welche Masse man dabei
achten muss: |
|
Das
Bild 1:1 (z.B. ausmessen beiden Balkenanzeigen, Uhrzeit) >> drauklicken!
|
Weitere Skin
Detailveränderungen
(ACHTUNG:
Bitte vorher eine Sicherung durchführen)
Batterie-Symbol und Balken für Feldstärke und Akku-Stand:
Zuständig
dafür sind die beiden Dateien
skinstatuspane.mbm und
skinstatuspanewide.mbm.
Diese
bestehen jeweils aus einer ganzen Anzahl einzelner Grafikbilder, welche
mittels dem Tool bmconv zu einer mbm-Datei zusammengefügt werden.
Damit man diese nicht immer mit grossem Aufwand selber erstellen muss,
dürfen solche von Foren-Mitgliedern wie Amok verwendet werden (vielen
Dank!)
Die beiden Dateien müssen in entpackter Form im richtigen Verzeichnis
des Skins, hier im Beispiel ist das
C:\Meine_Skins\Vorlage_hellblau\0x1020834E,
vorhanden sein.
Das weitere Vorgehen: gemäss Bild unten wird der gewünschte Skin
geöffnet und über die Taste Edit section/Graphics
files ausgewählt.
Danach wird an Stelle von System default die Zeile des eigenen
Skins, in diesem Beispiel Vorlage_hellblau gewählt und danach
gespeichert. Nach der erneuten Installation des Skins werden nun die
neuen Symbole angezeigt!
|
|
Sieht doch viel besser aus, oder nicht
!? |
Wie können eigene
Icons beigefügt werden?
Diese Frage wurde schon sehr oft
gestellt. Die mbm-Dateien mit den Icons zu erzeugen, ist
nicht schwer!
Zur Lösung findet man nachstehend eine ZIP-Datei mit den nötigen Daten.
Im folgenden Beispiel werden die beiden meistverwendeten mbm-Dateien,
die des Seitenpanels, mit neuen Symbolen versehen. Dabei handelt es sich
um die skinstatuspane und die
skinstatuspanewide.
Vorgehen: |
1. Die
ZIP runterladen und entpacken (z.B. auf LaufwerkC:\) Die
ZIP erstellt bereits die richtige
Ordnerstruktur, daran also nichts ändern!
2. Nun sollte ein Verzeichnis C:\Icons mit den 2 Unterordnern
skinstatuspane und
skinstatuspanewide
inklusive allen Original-bmp's vorhanden sein. Die bmp's
beliebig umgestalten und wieder speichern.
Bedingung: die Hintergrundfarbe (rosa) beibehalten,
weil diese die Transparenz erzeugt und die
Bildgrösse nicht verändern.
3. Jetzt müssen die mbm-Dateien erzeugt werden. Dazu klicken wir auf
Start/Ausführen...
4.
Im weissen
Feld eingeben:
cmd
und OK wählen.
5. Es erscheint das schwarze Eingabefenster und einen Pfad wie
C:\Dokumente und
Einstellungen\..\..
6. Um
in den Ordner zu gelangen, in welchem die bmp, bmconv und
die to_mbm liegen, muss 2x der
Befehl
cd..
und ENTER-Taste eingegeben werden. Also
cd..
dann ENTER, nochmals
cd..
ENTER
7. Jetzt
steht der Cursor auf C:\ (falls nicht, ein weiteres Mal cd..
eingeben)
8. Nun verzweigen wir
in unseren Ordner, welcher alle Daten enthält und geben dazu ein:
cd icons
ENTER-Taste und
dann noch
cd skinstatuspane
ENTER-Taste.
9. Jetzt muss nur
noch mit einer Befehlszeile der Startvorgang zur Erstellung der
mbm-Datei
erfolgen der wie folgt lautet:
bmconv to_mbm und wieder die
ENTER-Taste.
Das wars!
Das Eingabefenster kann nun
geschlossen werden.
Zum Schluss:
Im Ordner C:\icons\skinstatuspane\ befindet sich neu die Datei
skinstatuspane.mbm. Diese nun
auf den Communicator in das Verzeichnis des Skins und da in den
Unterordner 0x1020834E transferieren.
Nun folgt das genau gleiche Prozedere, diesmal aber mit dem
Verzeichnis skinstatuspanewide
Aktiveren der neuen
Icons: |
 In
SkinStudio den Skin öffnen und weiter mit Taste
Edit section.
Weiter mit Graphics files
und Edit, mit dem Cursor auf
Status pane fahren, die Taste
change drücken, mit
OK bestätigen, weiter mit Taste
Close.
Dann Menü/Save wählen und
danach mit Taste Install skin den
Installationsvorgang starten.
Nun ist es bereits geschafft und die neuen Icons sollten sichtbar
sein! |
