Du bist nicht angemeldet.

[ Fireworks ] Banner/Logo erstellen

Lieber Besucher, herzlich willkommen bei: WebStyleBoard. Falls dies dein erster Besuch auf dieser Seite ist, lies bitte die Hilfe durch. Dort wird dir die Bedienung dieser Seite näher erläutert. Darüber hinaus solltest du dich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutze das Registrierungsformular, um dich zu registrieren oder informiere dich ausführlich über den Registrierungsvorgang. Falls du dich bereits zu einem früheren Zeitpunkt registriert hast, kannst du dich hier anmelden.

1

Donnerstag, 4. August 2005, 14:41

Banner/Logo erstellen

In diesem Tutorial wird erklärt wie man einen simplen statischen Banner oder auch ein Logo mit Fireworks erstellt.

Vorgaben: In diesem Tutorial ist es das Ziel einen Banner für eine Fernfahrer, bzw. Country-Page zu erstellen, der Name "Chaos Freaks" soll in der Grafik vorkommen.


Schritt #1

Du erstellst eine weiße Grafik mit dem üblichen Bannermaß 468x60 px.


Anschließend "ziehst" du mit dem "Rechteck-Tool" (Ractangle-Tool (R)) einen weiteren ausgefüllten Bereich über den Hintergrund (Farbe ist egal.). Du erstellst auf diese Weise automatisch eine neue Ebene. Das neue Rechteck bleibt markiert während du auf "Fill" klickst (Shift+7).
Dort wählst du in der ersten Zeile die Nummer vier "Pattern" aus, in der Auswahl darunter "Wood 3", den Rest lässt du auf 0%. Falls diese Effekte bei deiner Fireworks Version nicht vorhanden sind, kannst du natürlich auch andere wählen, du definierst mit ihnen die Hintergrundstruktur des Banner/Logos.


Das Ergebnis sieht dann in etwa so aus:



Schritt #2

Der Hintergrund ist fertig, nun muss die Oberfläche des Banners erstellt werden.
Dazu klickst du in der Werkzeugleiste auf das Texttool (T), anschließend auf einen beliebigen Punkt der Grafik. Nun öffnet sich ein Editor und du kannst deinen gewünschten Text, Schriftart und Größe definieren. Meine Daten sind: Schriftart "Connection"; Größe "40"; Farbe "schwarz"; fett


Wenn du fertig bist klickst du auf "Ok", nun erscheint der Text an der Stelle wo du auf dem Banner geklickt hattest. Wenn du seine Position ändern willst klicke den Text einfach an und verschiebe ihn mit gedrückter linker Maustaste.


Schritt #3

Der Text sieht jetzt jedoch noch etwas langweilig aus, deshalb kann man ihm auch ganz einfach einen kleinen Schatten geben.
Dazu klickst du auf "Effekt" (Alt+F7) und wählst "Schadow and Glow" -> "Drop Shadow" aus, nun öffnet sich folgendes Fenster, indem du die Breite, die Transparenz, die Farben und den Winkel des Schattens festlegen kannst:


Bestätige deine Auswahl mit "Enter", nun sollte der Effekt so festgelegt sein:



Der Banner sieht nun so aus:


Wenn du noch anderen Text auf dem Banner haben möchtest wiederhole einfach Schritt #2 und Schritt #3:



Schritt #4

Nun fehlt neben dem Hintergrund und dem Text auch noch eine kleine Grafik, diese musst du nun öffnen. (Datei -> Öffnen..)
Ich habe einfach einen kleinen Truck gewählt.



Du markierst die gesamte Grafik ("Bearbeiten" -> "Alles markieren") und kopierst die sie in die Zwischenablage ("Bearbeiten" -> "Kopieren")
Nun wechselst du wieder zu deinem Banner. ("Fenster"-"...png") Dort angekommen klickst du auf "Bearbeiten" -> "Einfügen" , die kopierte Grafik erscheint. Du kannst diese nun in der Größe und Position dem Banner anpassen.
Da es sich um keine transparente Grafik gehandelt hat, klickst du unter "Ebenen" (bzw. "Layers") und wählst den zweiten Eintrag "Multiply" aus, des weiteren kannst du auch noch die Deckkraft des eingefügten Bildes heruntersetzten, ich habe 30% gewählt, an dieser stelle musst du etwas rumprobieren bis dir das Ergebnis gefällt:



Fertig! um die Grafik als .gif-Bild abzuspeichern wählst du "Datei" -> "Exportieren". Du solltest sie aber trotzdem noch als .png abspeichern weil im Format .gif die Ebenen verloren gehen und du so nichts mehr einfach verändern kannst.

Der statische Banner ist nun fertig und sieht so aus:



Grüße,
Chris
Signatur von »Chris« Auch ein Bonsai träumt von Größe.