Tutorial: Ein Eis am Stiel

Motivation / Intro

In diesem Tutorial zeige ich euch, wie man ein Eis am Stiel erstellen kann. Inspiriert dazu wurde ich durch das Inkscape-Tutorial von coco (siehe Links).

Tutorial details

  • Kategorie: Spezialeffekte
  • Verfasst von
  • Erstellt am 19 Mär. 2011, zuletzt bearbeitet vor 11 Monaten
  • Benötigte Zeit: ≈20 Minuten Skill_1
  • Getestet mit GIMP 2.6
Creative Commons License
Dieses Werk von Matthias Anna ist urheberrechtlich geschützt und wird unter den Bedingungen der Attribution-NonCommercial 3.0 Unported-Lizenz zur Verfügung gestellt.
  1. 1

    Wir erstellen eine neue Ebene mit der Größe 1024*768 in Weiß.
    Auf einer neuen transparenten Ebene zeichnen wir ein Rechteck mit abgerundeten Ecken.
    Ich habe die Größe 230*400 genommen und einen Eckenradius von 80.
    Füllen mit Orange #f4ae00.
    Jetzt verkleinern wir die Auswahl um 15 px und legen eine neue Ebene an.

  2. 2

    Diese Auswahl füllen wir mit #f5dd1f und löschen die Auswahl.
    Weichzeichnen mit einem Wert von 25.
    Ebene leicht nach links und nach oben verschieben.

  3. 3

    Wenn der Weichzeichner das Orange übermalt, nicht schlimm. Das erledigen wir jetzt.
    Wir aktivieren wieder die orange Ebene – Rechtsklick – “Auswahl aus Alphakanal” und gehen auf die orange Ebene. Die Auswahl invertieren – Ausschneiden. Schon haben wir einen glatten Rand.

  4. 4

    Jetzt fertigen wir den Stiel an.
    Wir legen eine neue Ebene an und zeichnen ein Rechteck. Die Rundung der Kanten ist ja noch eingestellt. Die Größe überlasse ich euch, je nachdem wie groß euer Eis ist. Das Verhältnis sollte halt passen.

    Dieses “Oval” füllen wir mit dem Muster “Pine”.

    Diese Ebene kopieren wir viermal. Jede Ebene wird um jeweils zwei Klicks nach rechts und nach unten verschoben. Also zweite Ebene zwei Klick rechts und zwei runter, dritte Ebene viermal, vierte Ebene sechs mal usw.

    Die oberste Ebene aktivieren. Rechtsklick und “Auswahl aus Alphakanal”. Vordergrundfarbe #c8832a, Im Register auf Bearbeiten gehen – “Auswahl nachziehen” mit 1px.
    Jetzt die unterste Ebene markieren, “Auswahl aus Alphakanal” und diese Auswahl wieder nachziehen.

    So bekommen wir einen 3D-Effekt.

  5. 5

    Die Stiel-Ebenen können wir zusammenfügen. Diese Ebene verlagern wir im Ebenenmanager hinter die Eis-Ebenen. Die Eis-Ebenen können wir auch zusammenfügen.

  6. 6

    Jetzt werden wir mit dem Perspektivenwerkzeug arbeiten. Einfach nach Belieben verformen. Das von mir bevorzugte Eis (Capri) hat eine leichte Trapez-Form. Ist also jedem sein Geschmack und Vorlieben Überlassen.

  7. 7

    Nun wollen wir die Reflektionen und Glanzpunkte erstellen.
    Wir erstellen eine neue Ebene. Stellen die Vordergrund Farbe auf Weiß. Malt mit dem Pfadwerkzeug dein Dreieck wo die erste Ecke links neben dem Eis gesetzt wird. Die zweite Ecke, über dem Eis, mittig und der Dritte Punkt, links unterhalb vom Eis. Jetzt greifen wir die Linie die durch das Eis geht und ziehen einen leichten Radius.

    Diese Auswahl füllen wir mit einem Farbverlauf (“VG zu Transparenz”) von rechts nach links. “Auswahl aufheben”

  8. 8

    Ebene mit dem Eis aktivieren und wieder den Alphakanal wählen. Auf der Farbverlauf ebene die Auswahl invertieren und ausschneiden. Die Deckkraft auf weniger als 50% reduzieren.
    Diese Glanzebene könnt ihr auch mit einer elliptischen Form machen oder ihr malt mit einem weichen Pinsel und zeichnet es dann mit Gauß’schen Weichzeichner. Wie schon oben bleibt viel nach euerem Geschmack frei zur Verfügung. Wie auch der Geschmack jedem einzelnen welches Eis er will.

    Eis, Spiegelung und Stielebene vereinen.

  9. 9

    Die entstandene Ebene drehen auf +45 Grad.
    Jetzt die Tropfen malen.
    Am besten einen harten Pinsel nehmen. Die Farbe habt ihr ja noch in der Auswahl.
    Tropfenbild kann wieder jeder machen wie er will.
    Hier nur ein Anreiz (noch nicht ausgearbeitet).

  10. 10

    Wieder auf einer neuen Ebene Schattierungen und Reflexionen malen.
    Habe leider kein Bild, aber oberhalb von den Tropfen mit Weiß eine Welle stilisieren und mit der Deckkraft spielen.
    Die Ebenen vereinen (nicht die Hintergrund-Ebene).

  11. 11

    Eis-Ebene duplizieren und diese Ebene vertikal spiegeln. Nach unten verschieben. Mit dem Verlauf-Werkzeug wieder mit der Einstellung “VG nach Transparenz” von unten nach oben ziehen. Zum Schluss noch ein wenig mit der Deckkraft der Ebene mit dem Eis, das auf dem Kopf steht, spielen – soweit, bis es nur noch nach einer Spiegelung auf einer Glasplatte aussieht.
    Wenn ihr jetzt noch Geduld habt, könnt ihr noch Tropf-Flecken malen. Diese kann ich aber nicht, also lass ich’s.

Kommentare

Hier kannst du Kommentare, Fragen und Anregungen loswerden. Der Autor und die anderen Benutzer können deinen Beitrag sehen und darauf antworten.

Natürlich kannst du auch im Chat fragen.

Abo-Verwaltung

Diese Funktion steht nur angemeldeten Benutzern zur Verfügung.

Benutzerbewertung

Dieses Thema (Ein Eis am Stiel) wurde in 1 Stimmen von 9 Kommentaren mit 5.0/5.0 bewertet.

*

Als registrierter Benutzer kannst du Artikel und Kommentare bewerten, Bilder zu Kommentaren anhängen, dich bei Neuigkeiten benachrichten lassen usw... Außerdem werden keine CAPTCHAs mehr angezeigt.

*…optional

Robert
vor 6 Monaten

Hallo zusammen,

versuche gerade das Tutorial nachzumachen, bleibe aber bei Punkt 3 hängen. Ich invertiere die Auswahl, klicke auf "ausschneiden" und nichts passiert.
Ich benutze momentan die Ver. 2.73, kann es damit zusammen hängen?

Viele Grüße
Robert

ChristophMuth ChristophMuth Mitglied seit mehr als einem Jahr Bewertung für diesen Artikel: 5/5
vor 11 Monaten

Cooles Tutorial, passend zum Sommer.
Vielen Dank für die Mühe.
Gruß Christoph

ChristophMuth ChristophMuth Mitglied seit mehr als einem Jahr
vor 11 Monaten

Bei Schritt 3 muss es heißen:
Wir aktivieren wieder die orange Ebene – Rechtsklick – “Auswahl aus Alphakanal” und gehen auf die GELBE Ebene.

Soldier02
vor 11 Monaten

@jotied Na ja, wenn man es für ne Eiscremeherstellerwebseite oder ähnlich verwenden will ist es schon okay.
Die Schritte sind gut beschrieben, somit denke ich, das Tut ist für Anfänger sicherlich ne gute Übung.

jotied
vor 11 Monaten

Das Tutorial ist jetz irgendwie nicht so der Bringer. Find ich zumendest. Sehe dafür jetzt nicht wirklich eine Verwendung :(
naja aber die Mühe die dahinter steckt sollte man trotz alledem nicht unterschätzen

redforce redforce Mitglied seit mehr als 5 Jahren
vor 11 Monaten

http://stopforumspam.com/search.php?q=patrick

Sorry, kann passieren ;) Sollte aber bald wieder draußen sein...

patrick-nospam
vor 11 Monaten

patrick ist ein Spam-Nick, den darf man offebar nicht verwenden :D

patrick-nospam
vor 11 Monaten

Spannendes Tutorial, schaut echt cool aus!

timo625
vor 11 Monaten

sieht interessant aus.. mal probieren! THX!

Über 11 Stunden pures CSS-Wissen von den gimpusers.de-Machern zu Design und Layout. 3 komplette Websites (inkl. der Umsetzung des gimpusers.de-Portals). Viele Bonus-Themen zu Animationen, CSS3, Blog-Anpassung etc.

Willkommen!


Passwort vergessen?

Noch kein Mitglied? Hier registrieren!

Aktuelle Wettbewerbe

Destruction 3.0 – zerstört ein beliebiges Objekt
Status: Abstimmung läuft
Zu den Einsendungen

Zufällige Tutorials | Neueste tutorials

  1. Explodierender Planet Explodierender Planet 49
  2. Neon-Schrift erzeugen Neon-Schrift erzeugen 59
  3. Ein farbiger Lichtstrudel Ein farbiger Lichtstrudel 85
  4. Ölgemälde aus einem Foto erzeugen Ölgemälde aus einem Foto erzeugen 12

Gerade kommentiert

schade schade, das hätt ich gern gesehen ;) (vor etwa 3 Stunden zu [Contest] Wer hat die beste Zerstörungsszene geschaffen?)

Die Idee ist gut, nur passen Licht und Wasser"Farbe" (Kontrast) nic... (vor etwa 5 Stunden zu Going under)

Naja, ich habe meine Einsendung bewusst zurückgehalten. Ich hatte ... (vor etwa 5 Stunden zu [Contest] Wer hat die beste Zerstörungsszene geschaffen?)

Umfrage

Wie gut kommst du mit den Tutorials auf gimpusers.de klar?

Mailing-Listen / Foren (englisch)

Fakten & Zahlen

gimpusers.de RSS-Feed

16 identi.ca-Abonnenten
161 Twitter-Abonnenten

powered by bitfire it services