gimpusers.de-Logo
Deutsche Version Englische Version

Nicht angemeldet

Registrieren! | Passwort vergessen?

Websites erstellen - 9h Video-Training

Gestaltet ein cooles Werbeplakat!

7. Gewinnspiel — Einsendungen von 8.Juli bis 2. August 2010.
Mehr Infos (News)
Übersicht und Details
Uploadet hier ab 8.Juli

Aktuelle Diskussionen (gimpforum.de)

  1. gimpforum.de | gestern 18:55
    Puppet warp für Gimp?
  2. gimpforum.de | gestern 18:23
    Bild als Formvorlage??
  3. gimpforum.de | gestern 12:52
    Kann Gimp aus 2 Bildern eine Animation(die Zwischenbilder berechnen) ertsellen?
  4. gimpforum.de | 30. Jul 2010 21:45
    Gesuch Free Grafiker gesucht -> Herrausforderung
  5. gimpforum.de | 30. Jul 2010 00:58
    Bild mit Farbmaske versehen

Aktuelle Forumsbeiträge (englisch)

Die Beiträge stammen aus den englischen Foren. Ihr könnt jederzeit zurück zur deutschen Version, indem ihr auf die deutsche Flagge ganz oben klickt.

  1. gimp-developer | gestern 23:40
    Plugged-in tools
  2. gimp-developer | gestern 23:22
    html layers
  3. gimp-developer | gestern 21:26
    Please fix Color and/or Value transfer mode
  4. gimp-user | gestern 15:15
    PDF editing in Gimp
  5. gimp-docs | gestern 15:12
    Where does the HTML documentation

Neuigkeiten von Dritten

Umfrage

Was haltet ihr von der Einbindung sozialer Netzwerke in Webseiten?

Finde ich sehr gut, es bringt die Nutzer zusammen

Für Communities macht es Sinn (Nachrichten über Twitter, Facebook-Gruppen usw), für andere Seiten nicht

Ein Hype, der bald wieder aufhören wird

Sowas macht mir Angst (Datenschutz, Privatsphäre, ...)

Anderes (bitte posten)

Ergebnisse ansehen

Zahlen

gimpusers.de RSS-Feed

RSS-Feed Retweet this!

11. Sep 2006 15:42, von cero (Christian)

Einfacher Spiegeleffekt

Immer wieder gibt es im Web Grafiken auf denen Objekte gespiegelt dargestellt sind. Der Effekt erfreut sich derzeit größter Belibetheit - und ist sehr einfach herzustellen. Ich zeige euch Anhand eines Textes, wie es geht.

Verwendete GIMP-Version: 2.2. Das Tutorial ist in 14 Schritte unterteilt; ein durchschnittlicher Benutzer benötigt dafür ca. 5 min. Bisher 57517 Mal gelesen. Kategorie: Simple Effekte, Schwierigkeit: 0 von 5

25 Kommentare wurden bisher geschrieben.

  1. 1
    Am Beispiel dieses Schriftzuges möchte ich versuchen zu erklären, wie man mit Gimp einfache Spiegeleffekte erstellen kann.
    Screenshot of step 1
    Zum Vergrößern klicken
  2. 2
    Als erstes muss die Ebene mit dem Schriftzug dupliziert werden. Dazu klicken wir mit der rechten Maustaste
    auf die entsprechende Ebene und wählen den Menüpunkt Ebene duplizieren.
    Screenshot of step 2
    Zum Vergrößern klicken
  3. 3
    Nach der Duplizierung sieht es so aus:
    Screenshot of step 3
    Zum Vergrößern klicken
  4. 4
    Als nächstes ziehen wir die Bilder auseinander. Wählt das Bewegen (Move)-Tool mit M aus und zieht die darüberliegende schrift etwas weiter runter:
    Screenshot of step 4
    Zum Vergrößern klicken
  5. 5
    Jetzt muss die neue Ebene noch gespiegelt werden. Dies erreichen wir mit dem Menüpunkt Ebene / Transformation / Vertikal spiegeln.
    Screenshot of step 5
    Zum Vergrößern klicken
  6. 6
    Das Ergebnis sollte in etwas wie folgt aussehen:
    Screenshot of step 6
    Zum Vergrößern klicken
  7. 7
    Wählt das rechteckige Auswahltool. Damit markieren wir den gesamten oberen Bereich, ab der Unterkante vom oberen Schriftzug. Das sieht dann so aus:
    Screenshot of step 7
    Zum Vergrößern klicken
  8. 8
    Als nächstes benutzen wir das Werkzeug Mit einem Farbverlauf füllen (Taste L). Wir nehmen die Einstellungen wie auf dem Bild zu erkennen vor (Auswahl von VG nach Transparent). Der Haken bei Umkehren muss gesetzt sein.
    Screenshot of step 8
    Zum Vergrößern klicken
  9. 9
    Nun klicken wir, wieder mit der rechten Maustaste, auf Schnelle Maske aktivieren/deaktivieren (kleines Quadrat unten links) und wählen Maske aus Auswahl.
    Screenshot of step 9
    Zum Vergrößern klicken
  10. 10
    Wenn wir nun, mit der linken Maustaste, wieder auf das Quadrat klicken sollte folgendes sichtbar werden:
    In der Mitte wird jetzt, mit dem zuvor gewählten Farbverlauf, eine Markierung gezogen. Sie beginnt leicht
    im oberen Schriftzug und endet am unteren – ziemlich an der untersten Kante.
    Screenshot of step 10
    Zum Vergrößern klicken
  11. 11
    Danach sieht das Fenster in etwa so aus:
    Screenshot of step 11
    Zum Vergrößern klicken
  12. 12
    Jetzt klicken wir ein letztes mal auf das kleine Quadrat unten links. Der rote Bereich verschwindet. Nicht wundern, aber
    im ersten Moment sieht wieder alles wie vorher aus. Das wird sich aber gleich ändern.
    Screenshot of step 12
    Zum Vergrößern klicken
  13. 13
    Zum Schluß klicken wir auf Bearbeiten und wählen dort den Punkt Löschen. Alternativ kann man auch Strg+k drücken.
    Das Endergebnis sieht dann hoffentlich so ähnlich aus wie hier:
    Screenshot of step 13
    Zum Vergrößern klicken
  14. 14
    Mit den Einstellungen muss man etwas spielen, um für sich selbst das beste Ergebnis zu erhalten.

    Um die Spiegelung noch zu verfeinern, kann man die Deckkraft der Ebene noch verringern. Gute Resultate
    erzielt man mit Werten zwischen 20% bis 30%.

    Jetzt müssen wir unser Bild nur noch speichern. Ich benutze z.B. gerne das PNG-Format.

    Unser fertiges Bild mit Spiegeleffekt!
    Screenshot of step 14
    Zum Vergrößern klicken

Dieses Werk unterliegt folgender Lizenz: Namensnennung-Keine kommerzielle Nutzung 3.0 Österreich

Verlinkungen (Pingbacks)

Kommentare

Hier können Sie Ihre Kommentare, Frage und Anregungen loswerden. Der Autor und die anderen Benutzer können Ihren Beitrag sehen und darauf antworten. Natürlich können Sie auch im Chat fragen.

5 Bewertung(en) mit durchschnittlich 4.2 von 5 Sternen.

Die Kommentare sind chronologisch geordnet.

  1. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Mon Sep 11 16:16:03 2006 devvv, 11. Sep 2006 16:16

    Cooles Tutorial! Mit QuickMask hab ich es noch nie probiert, es gibt auch eine andere Möglichkeit Dinge in dieser Art und Weise zu spiegeln - mit einer Ebenenmaske:

    Ab Schritt 6:
    - Klickt im Ebenenreiter rechts auf die duplizierte Ebene (die gespiegelte) und wählt Ebenenmaske hinzufügen.
    - Wählt das Verlaufstool. Stellt die Farben auf Weiß und Schwarz.
    - beginnt an der Oberseite des Textes und zieht den Verlauf bis zum Textende. Die Ebenenmaske besagt welche Teile im Bild sichtbar (weiß) und welche transparent sein sollen (schwarz).

  2. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Fri Jun 22 22:14:21 2007 ChriZ, 22. Jun 2007 22:14

    Ich habe ein Problem bei Schritt 4: Die Ebene bzw die Schrift kann ich nicht verschieben. Wie kann ich das Problem lösen?

  3. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Fri Jul 6 20:44:17 2007 Helper, 06. Jul 2007 20:44

    @ChriZ

    Solltest du das Problem noch nicht gelöst haben können:

    Im Menü das Kreuz mit den Pfeilenden (Ebenen und Auswahlen verschieben M) und dann im unteren Memü "aktive Ebene verschieben"...

    Gruß, Ebenfalls GIMP knewbie

  4. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Thu Jul 12 17:20:06 2007 Userwithbug, 12. Jul 2007 17:20

    Cooles Tutorial!

    Ich habe das Tutorial zum Erstellen eines elektrisierten Textes und dieses kombiniert. Der Effekt ist super!

    Dazu einfach nur alle Ebenen zusammenführen, rechtwinklige Markierung, vertikal Spiegeln etc.

  5. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Wed Dec 19 16:42:23 2007 j0nas, 19. Dec 2007 16:42

    ich bekomm das irgendwie nicht hin kann mir jemand helfen

  6. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Wed Dec 19 16:56:39 2007 cero, 19. Dec 2007 16:56

    Was genau bekommst Du denn nicht hin?

  7. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Fri Dec 21 14:38:15 2007 j0nas, 21. Dec 2007 14:38

    das mit der quickmask ist bei mir übelst ver********

  8. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Wed Jan 9 09:53:36 2008 Zosch, 09. Jan 2008 09:53

    Cooles Tut.

    Für Newbies ist es allerdings schwierig, genau zu wissen in welcher Ebene gerdea gearbeitet wird.
    Vielleicht sollten die Ebenen in den Screenshots mit einfließen - falls möglich.

    Abes es macht irre Spaß das Tut nachzubasteln.

    Grüße @ all

  9. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Thu Jan 8 09:54:45 2009 Skullcrasher, 08. Jan 2009 09:54

    Was noch ganz gut aussieht, wenn man den unteren (gespiegelten) Teil mit dem mit dem recheckt auswählt und dann den gaußschen weichzeichner daruaf anwendet. Durch das verschwommene sieht das dann nach einem etwas rauheren untergrund aus und kommt ganz gut rüber find ich

  10. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Fri Jan 30 16:56:07 2009 lily, 30. Jan 2009 16:56

    hallo
    bei mir funktioniert das ab schritt 8 nicht
    was muss man da mit dem verlaufdings machen?
    könnte mir das vielleicht wer erklären?
    wäre nett
    danke schon mal im vorraus
    lg lily

  11. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Fri Jan 30 22:05:38 2009 cero, 30. Jan 2009 22:05

    Bei Schritt 8 brauchst Du die Einstellungen nur wie auf den Screenshot vorzunehmen. Zum Einsatz kommt der Farbverlauf erst im Schritt 10.

    Beste Grüße
    Christian

  12. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Sat Jan 31 13:38:29 2009 lily, 31. Jan 2009 13:38

    hey danke
    ich glaub ich habs jetzt
    sieht gut aus
    glg lily

  13. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Mon Feb 16 18:46:58 2009 Nico, 16. Feb 2009 18:46

    Hallo,

    bei mir funktioniert das irgendwie auch nicht. Vielleicht kann mir ja jemand per email helfen:

    Mail:
    nico.eeepc@freenet.de


    Vielen Dank im Voraus!
    Nico

  14. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Sat Mar 7 19:24:44 2009 Nasis, 07. Mar 2009 19:24

    Ja n1
    aber es geht bei weitem einfacher^^
    mit "Farbverlauf"

    den Text den man gespiegelt haben will,
    -> ebene duplizieren
    ->diese dann spiegeln,
    umd 180° drehen
    -> genau unter die andere Schrift legen

    -> dann mit Farbverlauf:
    Ebenenmodus: nur Abdunkeln/ Aufhellen je nach Hintergrund
    dann halt den verlauf ziehen^^
    Gleicher effekt, 1000 mal schneller :)

  15. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Thu Jun 11 13:05:17 2009 klaus, 11. Jun 2009 13:05

    Nett gemacht, der Beitrag.
    Vielen dank dafuer...

    Klaus

  16. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Mon Nov 16 16:05:31 2009 Luckyluke, 16. Nov 2009 16:05

    Super endlich ein Beitrag der bei mir auch funzt.dachte schon ich bin für alles zu doof.
    tja jeder hat mal klein angefangen.Dank jedenfalls für den Beitrag
    lg.Ll

  17. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Mon Nov 16 21:24:13 2009 cero, 16. Nov 2009 21:24

    Danke für die Blumen :-)

    Viele Grüße
    Christian

  18. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Mon Jan 4 22:03:06 2010 Alex, 04. Jan 2010 22:03

    Hm, bei mir funktioniert's mit dem "Löschen" nicht. Echt ärgerlich. Alles bleibt so wie es war. :(

  19. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Tue Jan 26 11:37:24 2010 Frank, 26. Jan 2010 11:37

    Danke, hat funktioniert! :)

  20. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Sat Feb 6 13:10:57 2010 J4ck, 06. Feb 2010 13:10

    Nice gemacht jeder Schritt ist gut nach vollziehbar und einfach Danke ;)

  21. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Sat Feb 6 13:10:59 2010 J4ck, 06. Feb 2010 13:10

    Nice gemacht jeder Schritt ist gut nach vollziehbar und einfach Danke ;)

  22. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Sun Feb 28 11:27:59 2010 GimpUser, 28. Feb 2010 11:27

    Hey schönes Tutorial ;)
    Sieht echt gut aus ^^
    Nur ich hab hier grad ein kleiner Problemm...
    Ich bin nun beim vorletzten Schritt(Schritt 13)
    Ich drücke Strg + k aber nicht Passiert.
    Kann jemand mir sagen wie ich es auf einer anderen art mache =) ?

  23. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Tue Mar 2 15:17:21 2010 Sue, 02. Mar 2010 15:17

    Danke für das Tut. Hab allerdings nicht fünf Minuten, sondern eine halbe Std. gebraucht. Für Anfänger fehlen vielleicht ein paar Schritte. Trotzdem Danke für die Anleitung. Gr. Sue

  24. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Tue Apr 6 07:28:34 2010 monema, 06. Apr 2010 07:28

    Ich bin neu hier und bin begeistert von diesem Tut und von vielen anderen, die ich nachgestellt habe.
    Toll finde ich auch, dass vom anderen Usern Anregungen kommen wie von Skullcrasher (Gaußscher Weichzeichner), was einen tollen Effekt bewirkt und einem selbst Anregungen gibt.
    Übrigens lernt man durch solche Übungen die Funktionsweise der einzelnen Elemente besser zu verstehen - Ich habe z.B. das Verlaufswerkzeug versehentlich mit der Schriftfarbe (anstatt mit schwarz) betätigt - dann wird die Schrift nur gedämpft - Also riesen Lob!

  25. http://www.gimpusers.de/tutorials/einfache-spiegelung-text.html Wed May 5 20:05:51 2010 andy, 05. May 2010 20:05

    Hallo, Problem ab schritt 10, bei mir markierts genau den anderen teil rot.

    Absolut newbie - please help.

Registrierte Benutzer können sich (rechts oben) anmelden und ihren geschützten Profilnamen verwenden, um Kommentare zu schreiben, sich bei Antworten benachrichtigen zu lassen und Bilder (z.B. ihre Version eines Effekts) an die Antworten anzuhängen.

Sind Sie Mensch oder Maschine?

Adobe® Photoshop® ist ein eingetragenes Warenzeichen der Adobe Systems, Inc. Linux ist ein Warenzeichen von Linus Torvalds. Ubuntu und Canonical sind eingetragene Warenzeichen der Canonical Ltd. | Uhrzeiten werden als CET / CEST angegeben | Impressum / Datenschutz | betrieben von bitfire it services (Mitglied der Echoplus ARGE)