Sammlung von Manager- und Tooldesigns

[geeXtah]

Da ich bereits etwas Zeit zum Basteln hatte und ich damit sicher nicht der einzige bin, eröffne ich einfach mal ein neues Thema.
Hier können dann alle Hobbygrafiker ihre Kreationen posten.
Ich fang direkt mal mit den ersten beiden Themes an.
Vielleicht gefällts ja dem ein oder anderen.

Design 1:

Download: http://rapidshare.com/files/220629808/geex1.zip

Design 2:

Download: http://rapidshare.com/files/220629915/geex2.zip

greetz, geex

[Niki]

Hallo,

unser Grafiker steht eher auf schlichtes, klares Design. Hier das blaue Manager- und Toolthemenset:


Weitere Sets, die Downloadlinks sowie eine Anleitung zum Einfügen in das BSW-Verzeichnis und in die Prop findet Ihr in unserem Forum.

Gruß

Schrödingers Katze

[Spiegel]

Und hier eins von mir ... ganz schlicht, aber in grau-schwarz und blauer
Tool-Umrandung:

[vader1808]

gar nicht schlicht*ggg

bin aber noch nicht ganz fertig*ggg

[ARMistice]

Huhu zusammen,
seeehr schön, gefällt mir gut. (!) Da werf ich doch mal eben fuer die grafiker eine Information ein.
Wenn ihr wollt das die rechte grosse Hintergrundgrafik nicht "verzerrt" wird so muesst ihr die Breite des Bildes anpassen und etwas binaere Zahlen verstehen .
Denn die unteren 3Bit der Breite des Bildes haben eine Funktion.

Bit 2: Keep Aspect ratio (nicht verzerren breiten-hoehen verhaeltniss beibehalten)
Bit 1: Align Right (Ausrichtung rechts 1 / Ausrichtung links 0)
Bit 0: Align Bottom (Ausrichtung unten 1 / Ausrichtung oben 0)

Also das StarWars bild ist so ein klassisches beispiel und sollte eine Breite haben, die Binaer die untersten 3 bits gesetzt hat. (Der taschenrechner von Windows kann zwischen dezimal und binaer hin und herwechseln)

Also vielen Dank schonmal an Euch fuer die schönen ideen und sets
     Bis bald
         Alex

[JoCool]

Ich habe (wie sollte es auch anders sein) ein Set angelegt, welches sich an den Themen Piraten, Karibik & Schatzkarten orientiert.



Download toolStyle
Download managerPics

Die Bilder für den Manager habe ich bislang immer in dem Ordner eines bekannten & bereits vorhandenen Sets abgespeichert, da im Gegensatz zu den toolStyles das Anlegen eines neuen UNterordners mit dem Themennamen und dem entsprechenden Eintrag in der Prop-Datei nicht funktionierte. Der manager wurde dann immer im newwin-Look angezeigt.

Das mit den 3 unteren Bits habe ich noch nicht genau verstanden - also wie ich die setzen soll. Benötige ich dafür einen speziellen Editor ?

[Spiegel]

Wenn ich eine Breite von 556 habe, dann ist das in Binär 1000101100.
Also übersetzt:
1*2^9+0*2^8+0*2^7+0*2^6+1*2^5+0*2^4+1*2^3+1*2^2+0*2^1+0*2^0 = 556.

Die letzten 3 Stellen des BinärCodes haben Auswirkungen auf die
Ausrichtung des Bildes und auf etwäige Verzerrungen.

Die letzten 3 Stellen von 1000101100 sind:
100 (Bit2 Bit1 Bit0); 1=Bit2, 0=Bit1 und 0=Bit0

Damit wäre ein Bild mit einer Breite von 556 Pixel also zwar nicht
verzerrt, aber auch nicht ausgerichtet.

Möchte ich Ausrichtung und keine Verzerrungen, dann wäre ein Bild mit der
Breite 559 optimal, da die letzten 3 Stellen 111 wären.
Also 1=Bit2, 1=Bit1 und 1=Bit0.

[Stechmuck]

Achtung - während Sie geantwortet haben...
Ich schreibs trotzdem *g


Zu den Bits und dem Taschenrechner:

Der Taschenrechner ist bei Windows in Start -> Programme -> Zubehör

Im Menü Ansicht kann man dor Wissenschaftlich auswählen.

Oben links gibt es dann zur Auswahl Hex/Dez/Okt/Bin

Wenn dein Bild nur eine Breit z.B. von 1000 Pixeln hat, wälst du Dez aus, gibst die 1000 ein und klickst dann auf Bin.

Bit 0 ist dann die ganz rechte Zahl. Bei einer 1 ist das Bit gesetzt, bei einer 0 nicht.

Um nun ein bestimmtes Bit zu setzen, musst du Bei der Breite etwas dazu zählen oder wenn es nicht gesetzt sein soll abziehen.

Bit 0 -> 1 (1 unten / 0 oben)
Bit 1 -> 2 (1 rechts / 0 links)
Bit 2 -> 4  (1 nicht verzerren / 0 auf volle Größe zerren)

Zurück zum Beispiel mit den 1000 Pixeln Brteite. Die letzten 3 Bit sind dort alle 0, wenn ich nun Nicht verzerrt, und Ausrichtung rechts haben möchte muß ich zur den 1000 noch 2 + 4 = 6 dazuzählen und das Bild auf diese Breite bringen.

Grüßle Stechi

[JoCool]

Danke euch beiden Das war hilfreich und ich habe es auch verstanden. Ich hatte mich beim Erstellen und Ausprobieren der Bilder bereits gewundert, wieso sich das Hintergrundbild mal proportional skaliert und mal nicht *g

Jetzt weiß ich wieso....

Das funktioniert aber anscheinend nur mit dem Bild "bg" und nicht mit dem "bg4" - welches für den Hintergrund auf der linken Seite verantwortlich ist.

[ixc]

Bit 0 -> 1 (1 unten / 0 oben)
Bit 1 -> 2 (1 rechts / 2 oben)
Bit 2 -> 4  (1 nicht verzerren / 0 auf volle Größe zerren)

Bis auf die 2 verstehe ich des... müsste da nicht eine 0 stehen?

Bit 0 -> 1 (1 unten / 0 oben)
Bit 1 -> 2 (1 rechts / 0 oben)
Bit 2 -> 4  (1 nicht verzerren / 0 auf volle Größe zerren)

Fragende Grüße

ixc

P.S. JoCool die Idee mit den ausgefranzten Namen Rahmen finde ich schon ziemlich cool...

[Stechmuck]

ups sry, hast recht

*korrigierengeh*

[ballubasch]

HeyHo!

Möchte an dieser Stelle auf ein weiteres neues Kleid für den Manager hinweisen, das ich gestern geschneidert habe (Scrollbalken, CloseButtons -> aus newBlack).

Neben einer weissen Menu-Leiste sind auch die Tool-Pop-Ups passend, die Farben der Scrollbalken ans Blau vom Vampire angepasst, die Raum-Buttons wahlweise matt oder vollflächig farbig und das Hintergrundbild beruhigt. Sleek. =d


Bild: Variante mit Farbverlauf in den Room Buttons.

Die nötigen Files gibts hier: http://bissig.lima-city.de/brettspielwelt/bsw_if_redone.zip

Die Inhalte entsprechend den Namen in die richtigen Ordner (basePics & managerPics) kopieren.

Für weisse Menuleiste (oben) und Toolbox-Rahmen: toolStyle = white

Für besser lesbare Raum-Buttons, hellen BSW-Hintergrund und farbliche Anpassung an Vampire: managerTheme = newlight
ODER:
Dasselbe mit den traditionellen ausgefüllten Raum-Buttons: managerTheme = newtradlight

Viel Spass damit,

ballu

[JoCool]

Die Bilder für den Manager habe ich bislang immer in dem Ordner eines bekannten & bereits vorhandenen Sets abgespeichert, da im Gegensatz zu den toolStyles das Anlegen eines neuen UNterordners mit dem Themennamen und dem entsprechenden Eintrag in der Prop-Datei nicht funktionierte. Der manager wurde dann immer im newwin-Look angezeigt.

Anscheinend macht der Client das mit den Unterordnern nur mit, wenn der Ordner auch mit "new..." beginnt. Ich habe das Piratenset in den Ordner "newpirate" gepackt, Prop angepasst .... und so gings dann.

[vader1808]

Huhu zusammen,
seeehr schön, gefällt mir gut. (!) Da werf ich doch mal eben fuer die grafiker eine Information ein.
Wenn ihr wollt das die rechte grosse Hintergrundgrafik nicht "verzerrt" wird so muesst ihr die Breite des Bildes anpassen und etwas binaere Zahlen verstehen .
Denn die unteren 3Bit der Breite des Bildes haben eine Funktion.

Bit 2: Keep Aspect ratio (nicht verzerren breiten-hoehen verhaeltniss beibehalten)
Bit 1: Align Right (Ausrichtung rechts 1 / Ausrichtung links 0)
Bit 0: Align Bottom (Ausrichtung unten 1 / Ausrichtung oben 0)

Also das StarWars bild ist so ein klassisches beispiel und sollte eine Breite haben, die Binaer die untersten 3 bits gesetzt hat. (Der taschenrechner von Windows kann zwischen dezimal und binaer hin und herwechseln)

Also vielen Dank schonmal an Euch fuer die schönen ideen und sets
     Bis bald
         Alex

Achtung - während Sie geantwortet haben...
Ich schreibs trotzdem *g


Zu den Bits und dem Taschenrechner:

Der Taschenrechner ist bei Windows in Start -> Programme -> Zubehör

Im Menü Ansicht kann man dor Wissenschaftlich auswählen.

Oben links gibt es dann zur Auswahl Hex/Dez/Okt/Bin

Wenn dein Bild nur eine Breit z.B. von 1000 Pixeln hat, wälst du Dez aus, gibst die 1000 ein und klickst dann auf Bin.

Bit 0 ist dann die ganz rechte Zahl. Bei einer 1 ist das Bit gesetzt, bei einer 0 nicht.

Um nun ein bestimmtes Bit zu setzen, musst du Bei der Breite etwas dazu zählen oder wenn es nicht gesetzt sein soll abziehen.

Bit 0 -> 1 (1 unten / 0 oben)
Bit 1 -> 2 (1 rechts / 0 links)
Bit 2 -> 4  (1 nicht verzerren / 0 auf volle Größe zerren)

Zurück zum Beispiel mit den 1000 Pixeln Brteite. Die letzten 3 Bit sind dort alle 0, wenn ich nun Nicht verzerrt, und Ausrichtung rechts haben möchte muß ich zur den 1000 noch 2 + 4 = 6 dazuzählen und das Bild auf diese Breite bringen.

Grüßle Stechi

Hiiiiiiiiiiiiiilfe!!!!!!!!!!!!!!


Ich hab wirklich versucht zu verstehen*g
Hab das mit dem Taschenrechner gemacht, funzt alles so wie beschrieben. Nur als "Hobby-Bastler" (ich hab keine ahnung von grafikprogrammen....wie muss ich das in der Grafik anwenden?

Stellt euch vor ich bin blond  (obwohl ich es nicht bin).
Bitte ein Erklärung für eine Nun-Doch-Möchtegern-Blondine .

In der Hoffnung das sich jemand erbarmt*ggg


Gruß

vader

[Stechmuck]

Ahoi

wenn du wie in meinem Beispiel z.B. feststellst, daß du eine Breite von 1006 bräuchtest, dann musst du die Grafik in deinem Grafikprogramm auf eine Breite von 1006 Pixeln strecken.
Wie das genau geht, ist in jedem Grafikprogramm etwas anders.

Grüßle Stechi