In den letzten 2 Tutorials habe ich euch bereits erklärt wie man einen Web 2.0 Header und einen Web 2.0 Button erstellt.
Die Web 2.0-Serie möchte ich mit einem weiteren Tutorial fortführen: Heute beschäftigen wir uns mit der Erstellung eines
kleines Stickers, der sich perfekt als RSS-Feed Symbol / Icon benutzen lässt.
Hier das Endergebnis:

1) Wir starten mit der Erstellung eines neuen Dokuments mit den Ausmaßen 300×300px.
2) Als zweites wählen wir das Rechteckwerkzeug (U) aus und ziehen mithilfe der gedrückten SHIFT-Taste ein Quadrat, welches
wir mit einem Orangegelb (#ee9921) füllen.

3) Nun erstellen wir eine neue Ebene und zeichnen mithilfe des Rechteckwerkzeug ein kleines Quadrat rechts unten an der Kante
von unserem Sticker. Das Rechteck wird mit einer hellgelben Farbe gefüllt (#fde46b). Um die überstehenden Kanten abzuschneiden,
klicken wir mit gedrückter STRG-Taste auf die Ebene des Stickers, drücken STRG+Shift+I um die Selektion umzukehren und drücken
die ENTF-Taste (alles passiert auf unseren neuen Ebene!).

4) Die Ecke von unserem Sticker muss weg. Dazu zeichnen wir ein Rechteck das größer als unser Sticker ist und füllen es mit
einer beliebigen Farbe.

5) Wir drehen nun das Rechteck mithilfe von STRG+T um 45°. Orientiert euch dabei an dem Beispielbild.

6) Wir wählen nun die Ebene des Rechteck aus das ihr gerade gedreht habt per STRG+Shift+I aus und Entfernen den markierten
Bereich der anderen 2 Ebenen (Sticker und gelbes Quadrat) per ENTF-Taste. Nun solltet ihr den Effekt einer umgedrehten
Spitze eines Blatt Papiers haben.
7) Im nächsten Schritt fügen wir einen Verlauf für die umgeklappte Spitze hinzu. Dazu klicken wir auf die Ebeneneigenschaften
der Spitze (Doppelklick auf die Ebene) und wählen Verlauf aus. Im Verlauf wählt ihr die folgenden Einstellungen:

(die Farbe ist immernoch die Standardfarbe eures Stickers, also idealerweise #e6ac3d)
Um einen hübschen Web 2.0 Effekt zu bekommen, fügen wir eine Spiegelung hinzu.
Erstellt dazu eine neue Ebene und wählt das Ellipsenauswahlwerkzeug (M) aus. Damit zieht ihr einen Kreis wie ihr auf dem nächsten
Screenshot sehen könnt.

9) Die Kreisauswahl füllt ihr nun mit einem Weiss-Transparent Verlauf aus, schneidet überstehende Enden ab (mit der STRG+Shift+I-
Methode ;)) und setzt die Fülloptionen auf Overlay. Die Transparenz wird auf 20% gesetzt.
10) Fügt als Letztes noch ein RSS-Symbol ein (Google hilft euch dabei sicherlich gern ;)) und fertig ist euer Web 2.0 RSS Feed
Sticker!

Ich hoffe, ich konnte euch auch mit diesem Tutorial helfen. Über Feedback würde ich mich sehr freuen.

This post has no comment.