Fireworks - Tutorials

Manchmal benötigt man einen Text, der an einem Kreis, einer Ellipse oder an einem anderen beliebigen Pfad entlangläuft, wir zeigen wie es geht.

Wir alle kennen diesen "Brushed Metal"-Stil, und der ein oder andere könnte ihn auf seiner Website - im Header etwa - auch gebrauchen. Doch wie genau bekommt man ihn hin?

Neulinge in Fireworks sollten sich mit dieser großen Tutorial-Sammlung unbedingt auseinander setzen. Hier werden Einsteigerfragen behandelt, welche aus verschiedenen Forumsbeiträgen entstanden sind.

Hier findet Ihr Fireworks Orginal Interfaces als Datei Download. Es geht nicht um Wettbewerbe, es geht um Dateien die für Fireworks-Anfänger nachvollziehbar sind. Dies wurde mehrfach gewünscht, dem wir hiermit gerecht werden. Wenns Probleme damit gibt, bitte nur im Forum nachfragen und nicht per E-Mail.

Grunge nur schmutzig, aggressiv? Auch wenn die Grafiken so aussehen, so wäre das doch eine recht oberflächliche Betrachtungsweise. Grunge ist ausdrucksstark! Nach dem Motto - Sag, was du zu sagen hast, und rede nicht um den heißen Brei - lässt man "Perfektion" außen vor und ist einfach nur sich selbst treu.

Heiße Chrome Designs zaubern

Wer kennt es nicht, man will irgendwie was cooles machen und es soll super aussehen. Wir nehmen uns in diesem Beispiel die Stoffe vor. Stoffe können fest oder flüssig sein. In diesem konkreten Beispiel ist es Wasser. Ja toll, aber wie soll ich denn Wasser darstellen? Als Tropfen!

Zerschossene Layouts ohne Ende? Kein seltenes Problem! Der Fehler liegt mit Sicherheit nicht an FW. Vielmehr sind mangelnde bis gar keine HTML-Kenntnisse der Anwender die Ursache! Fireworks ist nur das Werkzeug, um das zu machen, was man ihm sagt, nichts weiter! Bringen wir etwas Licht ins Dunkel.

Wer immer wieder mal eine Softwarebox basteln muss weiß um die Arbeit die dahinter steckt. Besonders aufregend ist das - In Perspektive bringen. Man muss dies aber nicht jedesmal von neuem tun. Nachfolgendes Tutorial zeigt wie man es besser macht.

Man kann mehr aus dem Standardfüllungen machen, man muss sie nur anpassen!

Tiefere Einblicke in die FW Batchverarbeitung

Strom zum Anfassen, mit Fireworks kein Problem.

Hier gehts nicht so sehr um die Formen die rauskommen, sondern mehr um die Technik dahinter.

Verlauf-Animation mit Fireworks. Einfacher Effekt für Anfänger und Fortgeschrittene um ein wenig Bewegung in deine Bilder zu bekommen.

Ein abgerundetes Rechteck erzeugen ist ja kein Akt, aber es gibt schließlich noch mehr Formen mit Ecken und Kanten. Diese abzurunden kann schon zum großen Problem werden, gerade dann wenn man es genau machen will.

Eine Tabelle flexibel zentrieren ist eigentlich einfach. Problematisch wird es meist dann, wenn Rahmen oder der gleichen ins Spiel kommen. Dieses Fireworks Tutorial bringt Licht ins Dunkel.

Button müssen keine exotischen Bezeichnungen haben. In Fireworks kann man automatisch die Namen der exportierten Bilder anpassen. Diese kurze Anleitung zeigt wie es geht.

Sie entstehen meist ohne genauen Plan ins Blaue hinein. Am Ende ein fertiges Etwas, aber dennoch einfach schön. Bis zum fertigen Produkt sind oft viele Schritte nötig. Jeden einzelnen kann das Tut nicht beschreiben, aber den Anfang wollen wir hier vermitteln. Was Sie brauchen: Fireworks, ein paar Bilder und etwas Lust dazu.

Objekte von A nach B in einer geraden Linie animieren ist in Fireworks kein Problem, aber entlang eines Buchstaben oder beliebigen anderen Pfades wird schon etwas komplizierter.

... großer Beliebtheit, gerade unter der jüngeren Generation, erfreuen sich grafisch aufwendig gestaltete Hompages. Von Metal bis Cyber wird so ziemlich alles realisiert, wie doch sehr zahlreiche gute Websites beweisen.

... großer Beliebtheit, gerade unter der jüngeren Generation, erfreuen sich grafisch aufwendig gestaltete Hompages. Von Metal bis Cyber wird so ziemlich alles realisiert, wie doch sehr zahlreiche gute Websites beweisen.

In Fireworks steckt mehr als man denkt. Folgendes Beispiel zeigt nur den Ansatz der Möglichkeiten die man mit dem Programm hat. In diesem Bereich ist noch weit mehr machbar. Schnell und ohne Plugins.

Der Vorteil von Symbolen, einmal erstellt können sie in jedes beliebige FW-Dokument importiert werden. Der Nachteil, Fireworks aktualisiert nicht automatisch alle Dokumente die solche importierten Symbole verwenden, wenn das Original bearbeitet wird! Man kann sich aber helfen und ein kleines Script dazu basteln!

... aber zumindest kommt bei Text auch der Ungeübte ans Ziel! Fireworks bietet dafür eine schöne Funktion, sehen Sie selbst.

Freistellmöglichkeiten bieten Auswahlrahmen, Lassos und der Zauberstab, und letzterer kann wirklich zaubern. Wer's nicht weiß: Freistellen = etwas aus einem Bild heraustrennen (z.B. eine Person aus dem Hintergrund).

Lasso und Auswahl Befehle

Frame Befehle

Mit den Mischmodi in Fireworks lässt sich eine Menge anstellen.

Hat man gerade keine Filter dazu, hilft einem die Interpolation in den Voreinstellungen.

Oft wird geflucht über FW wenn damit eine HTML generiert wird. Aussagen wie z.B. exportiert sinnlose Bilder, schreibt viel zu aufwändigen Code, nichts passt nach dem Export alles hats zerhauen usw.

Bekanntlich ist Fireworks ein Grafikprogramm und keine Textverarbeitung. Demzufolge ist es ohne die passende Schriftart schwierig, Sonderzeichen zu bekommen, und die gewohnten Tastenkürzel wie im Word funktionieren hier sicher nicht.

Auch wenn Banner nicht die gewünschten Klickraten bringen, sind sie als fester Bestandteil des Internets kaum mehr wegzudenken. Wir haben uns angesehen, wie Fireworks mit der Bannererstellung zurecht kommt. Und siehe da: das Bildbearbeitungsprogramm ist bestens gerüstet.

Die neue Funktion schnell und einfach ohne Programmier-kenntnisse

Arbeitserleichterung durch den Einsatz der Batch-Funktion

Die Selektive JPG-Komprimierung ist eine weitere Möglichkeit die Gesamtgröße eines Bildes zusätzlich zu den schon vorhandenen Möglichkeiten zu reduzieren.

Flash kennt im Gegensatz zu Fireworks eine Funktion mit der sich Objekte während einer Animation an einen Pfad ausrichten lassen, die Führungsebene. Bei Fireworks behelfen wir uns mit einem Trick.

Wer nicht wenige Schaltflächen in seiner Website benutzt, muss bei einer Design-Änderung viel Zeit investieren, zumindest wenn die SF auf herkömmlichen Weg erstellt wurden. Eine andere Möglichkeit wird hier vorgestellt.

Eine kleine Animation einer rotierenden CD.

Der Verlauf bietet die volle Kontrolle über die ausgeführten Befehle. Er entspricht der Rückgängig bzw. Wiederherstellungsfunktion wie unter dem Menüpunkt Bearbeiten, er kann aber auch noch mehr.

Einiges zur HTML-Einrichtung (File-->HTML Setup). Diese Geschichte ist schon etwas verwirrend gerade für Fireworksneulinge, daher hier einige Erläuterungen zu diesem Thema.

Eine komplette Grafik in lauter kleine Interaktive Flächen aufteilen, nichts ist besser dazu geeignet als Hotspots, eben solche "heißen Punkte" auf einer Grafik die auf Mausereignisse reagieren. Nicht zu verwechseln mit Segmenten.

Text gibt den Blick nach hinten frei

Gepunktete oder gestrichelte Linien sind keine vorhandenen Pinselstriche in Fireworks, aber trotzdem jederzeit machbar.

In Photoshop eine feine Sache, aber wie in Fireworks ein Auge einfärben oder einfach schönere Bilder machen? Anregung und Ausgangsbild von SMURF, Danke!

Machen Sie sich selber einen Draht mit Fireworks! Mit ein bisschen Geduld und Übung wird der Draht ziemlich real. Dann brauch man kein Photo mehr.

Card Rider bereiten immer wieder Probleme. Insbesondere der Umgang mit den Verhalten in Fireworks wird oft missverstanden. Hier nochmal wie es geht.

Fireworks bietet ne Menge um Text schöner zu gestalten. Schauen sie selbst in unserem "ABC der Texteffekte" wie einfach das geht.

Fireworks hat schon mehr zu bieten als nur Teddyfarbene Rechtecke. Einen Teil (Rohr) des in Fireworks erstellten Interface-Vorschlages am Ende des Tutorials erstellen Sie hier.

...in eigene Bilder mit Hilfe eines kleinen Scriptes. Nun nur noch mit 1 Klick sein Copyright per Batch in das Bild einfügen.

Sind Sie kein Meister des Pinsels dann nehmen Sie die Maus. Heutzutage werden zwei Farbkleckser als Kunst verkauft, mit Fireworks können Sie mehr. Finden Sie zurück zum einfach schönen!

Sie können die Hosen mit der Beißzange anziehen... oder den Slip mit Fireworks wechseln. Wie auch immer, folgendes ist der erste Schritt zum Top-Designer der Bekleidungsindustrie:)

Pixeln ist total In und auch nicht sonderlich schwer mit Fireworks. Hier ein paar Tricks wie man das Ganze in FW umsetzt und sogar als Befehl speichert.

Bilder mit dem Hintergrund verschmelzen

Im Bitmapmodus läuft es anders als im Vektormodus. Hier bearbeiten Sie Pixel und keine Vektoren. Demzufolge benötigen Sie auch andere Werkzeuge für diesen Modus. Fireworks bietet ein Fülle an Werkzeugen, wobei ein und dasselbe Werkzeug unterschiedliche Ergebnisse bringt, jenachdem wie die Einstellungen dafür sind. In unserem Workshop wollen wir die einzelnen Werkzeuge und Optionen etwas näher erläutern.

Tabellen lassen sich in ihrem Aussehen nur begrenzt beeinflussen. Nicht so mit Fireworks, da ist der Fantasie keine Grenze gesetzt wenn man diese gleich fertig in FW erstellt.

Framesets direkt in Fireworks kann man nicht erstellen. Jedoch ein Frameset in Dreamweaver, welches sich nach den in Fireworks vorbestimmten Größen hält schon. Es gibt immer wieder Probleme ein Frameset zu strukturieren, vorallem in Verbindung mit den in Fireworks erstellten Grafiken. Mit ein bisschen Übung ist es aber gar nicht so schwer.