PDF Anleitung

Herstellen von Symbolen mit Corel Draw ab Version 9
Einleitung :
Icon Design-Überblick:
1) Gestalten in Corel Draw 10.0
3) Vorlage für Photopaint für Import von Corel
4) Einfügen in die PSD-Datei und Bearbeiten der selben
5) -----------------------------------Herstellen von Icons / Objekten:
Um geeignete Objekte Herzustellen, empfehlen ich Corel Draw. Es bleibt natürlich euch überlassen auch andere
Hilfsmittel zu benutzen wie das Vektorhilfsmittel wie Macromedia FreeHand oder Adobe Illustrator. Um den
Farbgegebenheiten des so genannten XP Design gerecht zu werden sollte eine feste Farbpalette benutzt
werden.(Ist natürlich keine Pflicht ☺). Diese besteht aus folgenden Grundfarben:
Farbpalette
Diese sind die Primärfarben (Hauptfarben), die in den Icons verwendet werden.
Bild 0: Windows XP Icon Farbpalette
1.
2.
3.
Gestalte Dein Bild in Corel Draw.
Erstellt eine Größe des Bildes.( Blatt Formatvorlage in Corel 24x24 Pixel)
Wenn später Icons daraus werden sollen fügt ihr am besten gleich 4 Vorlagen
ein. 16x16 24x24 32x32 48x48 Pixel.
Das erstellen, von Icons für „Programme“ benötigt noch mehr Schritte und wird in dieser
Dokumentation nicht erläutert.
Kopiere die fertige Vektorgrafik von Corel Draw in eine Vorlage in Photopaint, und von da aus füge
diese in Photopaint in die PSD Vorlage ein.
Gestalten in Corel Draw 10
Zuerst wird Corel Draw geöffnet und ein neues Blatt erstellt. Dieses hat die Maße 24x24 Pixel. Sollte sich gleich
ein A4 Blatt öffnen so ändert bitte die Größe des Blattes unter den „Optionen“ von Corel Draw. Zuerst solltet Ihr
unter Hilfslinien/Lineale die Einheiten auf Pixel setzen. Dadurch werden auch Global die Einheiten auf Pixel
gesetzt. Danach ist wichtig, das ihr die Auflösung gleich hier auf 96 DPI stellt und die Einheit auf Pixel. Die
Gleiche Einstellung habt Ihr nachher in Photopaint. (96 DPI) Jetzt habt Ihr eine Vorlage für die Symbole.
Bild1
Zur besseren Übersicht könnt ihr noch das Gitter einschalten, und euch Hilfslinien erstellen an dem Ihr später die
fertigen Objekte ausrichten könnt. Habt Ihr vor die Hilfslinien einzurichten sollten diese gleich vertikal und
horizontal etwas kleiner sein. (22x22 Pixel) Dieses hat sein Ursprung daher, das die fertigen Symbole, bei zu
erstellenden Icons nachher in Vorlagen hinein passen müssen, die 24x24 Pixel groß sind, und durch diese
Konvention nicht über den Rand hinausragen.
Nun könnt ihr anfangen in Corel Draw beliebige Symbole zu kreieren. Wobei darauf zu achten ist, das wenn
man für die Objekte den Umriss eingeschaltet hat, man die Option einschaltet: Mit Bild Skalieren. Da man sonst
einige Überraschungen erlebt.
Bild2
Nach dem die Vektor Grafik nun fertig ist, wird diese Vorbereitet um sie später in Photopaint zu Exportieren.
Wie gesagt die Auflösungen müssen in beiden Vorlagen gleich sein (96 DPI) da sonnst nicht die gewünschten
Ergebnisse erzielt werden können. Alle benutzten Objekte im Bild müssen nun Gruppiert werden um eine
Einheit zu haben. Diese kann dann später ohne Verluste herunterskaliert werden auf das Gewünschte Format.
Bei Uns 24x24 Pixel)
ALLE OBJEKTE AUSWÄHLEN Bild 3
GRUPPIEREN Bild 4
Vorlage für Photopaint für Import von Corel
Nach dem das Objekt nun fertig gestellt ist, geht es daran, dieses Objekt so vorzubereiten das dieses später als
Symbol in der Glyphs.psd Vorlage für TheBat! verwendet werden kann. Zunächst soll das fertige Vektorbild
weiter verarbeitet werden, dazu wird jetzt Photopaint geöffnet.
Beim Anlegen der Vorlage, die uns dazu dienen soll die Vektorgrafik aufzunehmen, sind folgende
Gegebenheiten zu Beachten:
1) Die Vorlage hat das Format 28x28 Pixel
2) Die Auflösung beträgt auch hier wieder 96 DPI
3) Die Papierfarbe hat die RGB Werte 192,192,192.
Das resultiert daraus das die PSD Vorlage für THEBAT! diese Werte haben.
Die Fertige Vorlage Vergrößert Ihr nun, so wie links in Bild 6 Dargestellt.
Bild 5
Bild 6
Nun wird die Vektorgrafik per „ copy and paste“ (strg+c) für kopieren und (strg+v) eingefügt in diese Vorlage.
Das sieht dann ungefähr wie unten gezeigt aus.
Corel Draw 10 Bild 7
Photopaint Bild 8
Jetzt wird das eben eingefügte Objekt markiert, und an der Mitte des Dokumentes ausgerichtet. Es kann teilweise
Vorkommen das in bestimmten Situationen, man selber die Objekte Ausrichten muss, daher, man justiert diese
von Hand aus. Jetzt kann man noch Pixelweise Änderungen vornehmen. Entweder es muss die Farbe verstärkt
werden, oder es müssen Pixel gelöscht werden.
Bild 9
Bild 10
Nach dem das alles geschehen ist, wird nun das Objekt mit dem Hintergrund kombiniert.
Bild 11
Damit ist der Wesentliche Teil für die Objektvorlage des Einzelnen Objektes erfüllt. Gehen wir nun dazu über,
diese in die Psd Datei einzufügen.
Einfügen in die PSD-Datei und Bearbeiten der selben
Bild 12
Es sind nun die *.psd Datei Offen und das Einzufügende Objekt, dieses fügen wir wieder mit Copy and Paste->
strg + c und strg + v in die Vorlage der *.psd Datei ein.
Bild 13
Um schließlich das Objekt richtig Ausrichten zu können, kann man in Corel unter Optionen ein Gitter einrichten.
Dieses hat das Format 28x28 Pixel und zusätzlich schaltet man die Option: an Gitter Ausrichten mit dazu, un
schon kann euch nichts mehr passieren.
Bild 14
Bleibt zum Abschluss noch, das ihr die *.psd Vorlage einmal so speichert, als Original, um jederzeit
weiterarbeiten zu können,
und für TheBat! einmal das ganze Exportiert in glyphs.bmp.
So, nun viel Spaß beim Selbermachen !!!
© 2008 Jens Prahl (erste Version 2003)