Herstellen von Symbolen mit Corel Draw ab Version 9

Transkript

1 Herstellen von Symbolen mit Corel Draw ab Version 9 Einleitung : Icon Design-Überblick: 1) Gestalten in Corel Draw ) 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. Gestalte Dein Bild in Corel Draw. 2. 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. 3. 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.

2 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

3 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

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

5 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.

6 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

7 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)