Fireworks 8 Einführung Erstellen eines Logos

Transkript

1 Fireworks 8 Einführung Erstellen eines Logos Die Oberfläche von Fireworks Beim Start von Fireworks 8 präsentiert sich das Programm mit der folgenden Oberfläche: Menüleiste mit allen verfügbaren Befehlen von Fireworks. Begrüßungsbildschirm Zugriff auf die zuletzt bearbeiteten Dateien, Auswahl der neu zu erstellenden Dateien, Vorlagen, Zugriff auf Hilfeseiten und auf die Internetseiten von Adobe (vormals Macromedia). Eigenschaftenleiste Je nach ausgewähltem Element ändern sich die Eigenschaften. Fensterleiste Über das Menü Fenster kannst du festlegen, welche Elemente in der Fensterleiste angezeigt werden. Werkzeugleiste Hier finden sich alle notwendigen Werkzeuge zur Bildbearbeitung in Fireworks. Fireworks_Einführung_Logo Seite 1 von 5 SC 2006

2 Erstellen eines Logos mit Fireworks Wähle das Menü Datei Neu und gib in dem nun erscheinen Dialogfeld folgende Werte ein: Breite: Höhe: Auflösung: 150 Pixel 150 Pixel 72 Pixel / Zoll Leinwandfarbe: Benutzerdefiniert Klicke auf das Farbsymbol und wähle die Farbe # aus bzw. gib diesen Wert einfach in das rot eingerahmte Fenster ein: Tipp: Wenn du mit dem Mauszeiger über die Farbe fährst, wird dir der Farbcode der jeweiligen Farbe angezeigt. Klicke als nächstes in der Werkzeugleiste auf den kleinen Pfeil neben dem Rechteckwerkzeug und wähle aus dem Menü, das nun erscheint, das Ellipsenwerkzeug aus. (Vergleiche mit der Abbildung auf der nächsten Seite) Fireworks_Einführung_Logo Seite 2 von 5 SC 2006

3 Betrachte die Abbildung links etwas genauer. Du siehst, dass sich hinter dem Rechteckwerkzeug eine Unmenge an Werkzeugen versteckt. Bevor du mit dem Erstellen des Logos fortfährst, experimentiere einfach mit den verschiedenen Formen, die dir Fireworks anbietet. Damit lassen sich interessante Effekte erzielen. Zeichne nun mit dem Ellipsenwerkzeug einen Kreis. Halte dafür die SHIFT-Taste (Umschalttaste) gedrückt. In der Eigenschaftenleiste legst du anschließend folgende Werte für deinen Kreis fest: Klicke anschließend auf das Menü Ansicht Raster Raster bearbeiten und gib in das Dialogfeld folgende Werte ein: Anschließend wähle noch einmal das Menü Ansicht Raster Raster zeigen, um die Einstellungen, die du gerade vorgenommen hast, anzuzeigen. Das Ergebnis sollte dann wie in der folgenden Abbildung aussehen. Fireworks_Einführung_Logo Seite 3 von 5 SC 2006

4 Hier kannst du die Rastereinstellung von 10 x 10 Pixel erkennen. Dass der Kreis großteils außerhalb der Leinwand liegt, braucht dich nicht zu stören, das ist beabsichtigt. Behalte dir den Wert 55 Pixel in Erinnerung! Du benötigst ihn später für die Übungen Fireworks_Bildleiste.pdf und Fireworks_Navigation.pdf. Markiere als nächstes den Kreis und kopiere den Kreis mit STRG + C in die Zwischenablage. Anschließend drücke STRG + V um die Kopie wieder einzufügen. Kontrolliere, ob du in der Fensterleiste im Bereich Ebenen nun 2 Objekte mit dem Namen Pfad hast (siehe Abbildung rechts). Falls das Fenster Ebenen nicht eingeblendet sein sollte, wähle das Menü Fenster Ebenen oder drücke die Taste F2. Wähle als nächstes das Textwerkzeug aus: Schreibe nun den Text Home in die Leinwand und markiere den Text, um anschließend in der Eigenschaftenleiste folgende Einstellungen vorzunehmen: Schriftstil: Arial, fett Schriftgrad: 30 Farbe: weiß (Siehe Abbildung unten) Fireworks_Einführung_Logo Seite 4 von 5 SC 2006

5 Das Zwischenergebnis sollte dann in etwa so aussehen: Halte nun die SHIFT-Taste gedrückt und markiere der Reihe nach den Text und den Kreis. Wähle nun das Menü Text An Pfad anfügen. Das Ergebis sollte dann so aussehen: In der Fensterleiste kannst du erkennen, dass Fireworks die beiden Objekten Text und Pfad zu einem einzigen Objekt kombiniert hat. Das ist auch der Grund, warum du vorher eine Kopie des Kreises erstellen musstest, da sonst die Füllfarbe des Kreises verloren gegangen wäre. Wähle nun noch einmal das Textwerkzeug und gib deinen Namen ein. Die Schriftgröße ist abhängig von deinem Namen. In der folgenden Abbildung habe ich als Platzhalter den Namen Mustermanns gewählt. Du gibst stattdessen einfach deinen Vornamen an, z. B. Peters, Marias usw. Speichere nun dein Logo unter dem Namen logo.png in dein Übungsverzeichnis. In diesem Format kannst du das Logo auch später noch bearbeiten und verändern. Da dieses Logo auch für das Skriptum Dreamweaver_Homepage_erstellen_Teil2.pdf benötigt wird, musst du das Logo noch webtauglich speichern. Klicke dazu das Menü Datei Speichern unter, verzweige in dein Übungsverzeichnis und wähle als Format GIF und klicke anschließend auf Speichern : Beende das Programm Fireworks! Fireworks_Einführung_Logo Seite 5 von 5 SC 2006