[Elren Luthien]

Sop, ging mit Fireworks nicht ganz so wie in dem Photoshop-Tut, aber die Denkanstösse waren nicht schlecht. Ich habs hingekriegt.

[josh_travolta]

für Gani7777

Dieser Beitrag wurde von josh_travolta bearbeitet: 24. Juli 2005 - 22:13

[Elren Luthien]

Josh, wieder einmal hervorragende Arbeit.

Dem will ich in nix nachstehen:


Ein Banner in Fireworks

Gut, man öffne eine nette Grafik, Photo, ein Wallpaper o.ä. und schneidet sich ein circa
468x100 Pixel grosses, schickes Stück heraus und kopiert dieses in eine neue Fireworks-Datei:


Noch hinzufügen:

Schlagschatten: schwarz, Abstand 6, Opatität 100%, Weichheit 4, Winkel 273
innerer Schatten: weiss, 5, 100, 4, 315
innerer Schatten: schwarz, 5, 100, 2, 315
innen geschliffen; 10, 100%, 2, 0

Dabei ist folgendes zu beachten, mit den live-Effekten kann man übelst rumspielen, also haltet Euch nicht zwingend an die Zahlenvorgaben.
wer mag kann auch noch ein leichtes Inneres Glühen hinzufügen.



(Für das nächste hab ich mal ne andere Grafik genommen.)
Danach erstellt man mit dem Rechtecks-Werkzeug ein neues Rechteck, direkt über der Grafik; ca. 10 Pixel kleiner, also 458x90; und rundet die Ecken ab (ca. 10-15), dazu noch Rand/Füllungsgrad nicht Anti-Alias, sonder Feder (1):



Jetzt Füllungsgrad-->Verlauf-->linear; die schwarze mittlere Linie kann man an den beiden Punkten in die Senkrechte ziehen um den Verlauf zu ändern:



dann in die Farbeinstellungen

In den oberen beiden Punkten kann man die Opazität (Durchsichtigkeit) einstellen, bei den unteren beiden die Farbe;

Opazität: oben 50-70, unten 10-20
Farbe: beides weiss


Ergebnis:


Jetzt schnappt man sich das Teilauswahl-Werkzeug (der weisse Pfeil in der Werkzeugleiste) und zieht und verdreht die weissen Eckpunkte wie man mag.

Man könnte das ganze auch noch mit dem Füller runder machen und verfeinern, der Einfachheit halber lass ich das jetz mal wech (Google hilft, wers intensivieren will).

Vorschau:

Vorschau Blasen-Banner:




Sop, nun wollen wir noch ein kleines Bildchen einfügen. Man nehme ein beliebiges Photo/Grafik und öffne es sparat in Fireworks.
Nun auf Modifizieren-->Leinwand-->Bildgrösse...

Dann das Bildchen an die Höhe unseres banners anpassen, die Breite reguliert sich automatisch:


Kopieren:


und in unser Banner-Bild einfügen, bei der kommenden Meldung "kein Resampling" anklicken:


Wir fügen Live-Effekte für das Bild hinzu:

Innerer Schatten: (Farbe)schwarz; (Abstand)2; Opazität)100%;(Weichheit) 5; (Winkel)270
Innerer Schatten: weiss; 3; 100%; 2; 270
Schlagschatten: schwarz; 3; 100; 2; 270


Nun das Bild Klonen, in Position bringen und dann "Transformieren-->horizontal kippen", sodass wir ein exaktes Spielbild unseres Originals haben.

Beide Bilder in den Ebenen unter unseren "Glaseffekt"-Rechteck packen.
(einfach in den Ebenen das Bitmap anklicken-->festhalten und nach unten/oben ziehen)


Nun noch zwei Textzeilen erstellen, nen Text rein, ne nette Schriftart (gibs bei Google zuhauf ) dazu, Füllung weiss, Rand schwarz:


In den Ebenen den Text wieder, wie bei den Bildchen, unter unser "Glaseffekt"-Rechteck packen.


Dann noch alles was nicht mehr geändert werden muss "Gruppieren", das verringert den Speicherbedarf.

In den Ebenen die einzelnen Bitmaps mit gedrückter Shift-Taste auswählen,
dann Modifizieren-->Gruppieren. Text und Glaseffekt können rausgelassen werden, wenn man an der Bechriftung noch was ändern will.


Das wars eigentlich auch schon.
Für die Klebestreifen in Fireworks mach ich dann noch ein anderes Tutorial.

Das Endergebnis sieht erstmal so aus:




Have Fun beim designen Euer eigenen Sachen.

[josh_travolta]

sehr schön Elren
hab mal meine tuts überarbeitet, wie wärs mit ner Liste (inkl. Verlinkung) am Anfang, der übersicht halber?


achso: hier noch der button fürs Blut

Dieser Beitrag wurde von josh_travolta bearbeitet: 24. Juli 2005 - 22:17

[Elren Luthien]

Zitat (josh_travolta: 24.07.2005, 23:15)

sehr schön Elren
hab mal meine tuts überarbeitet, wie wärs mit ner Liste (inkl. Verlinkung) am Anfang, der übersicht halber?
<{POST_SNAPBACK}>

Die Liste is eine sehr gute Idee , sobald ich mit dem Umzug fertig bin werd ich mich dran setzen.

Dieser Beitrag wurde von Elren Luthien bearbeitet: 24. Juli 2005 - 23:25

[K050V4]

Hallo

Hab mal eine frage
naja ist auch eine doofe
Ich habe Photoshop Elemens 1
hab das noch nie wirklich benutzt
aber kann man ja tolle sachen damit machen
gehen die Tutorial auch mit Photoshop Elemens 1?

[josh_travolta]

ich glaub elements hat nich ganz so viele filter und werkzeuge. aber vom prinzip her, sollte das funktionieren.

[josh_travolta]

eigentlich is das auch nur das bild fürs tut. der link is im ersten post oder hier. aber ja das ganze funktioniert mit vers. brush(e)s.

[bluecifer]

Zitat (josh_travolta: 19.08.2005, 06:57)

ich glaub elements hat nich ganz so viele filter und werkzeuge. aber vom prinzip her, sollte das funktionieren.
<{POST_SNAPBACK}>

Gibt's eigentlich vom Funktionsumfang nen großen Unterschied zwischen Photoshop und Gimp?
Außer dass es z.B. nicht so viele Brushes, patterns... im I-Net zu finden gibt?

[Elren Luthien]

Äh ja, sorry für das Durcheinander, wollte im ersten Post noch ne Linkliste mit Buttons machen, wenn ichs schaff diesen WE.

[josh_travolta]

so ich arbeite gerad wieder an nem neuen Tutorial, hier schon mal ein kleiner Vorgeschmack (500KB):


und noch eins

Dieser Beitrag wurde von josh_travolta bearbeitet: 27. August 2005 - 10:10