NetObserver Studie
Aktuelles
Startseite
TP Wettbewerbe
Sitemap
Service
Hilfe-Forum
Kolumnen
Linktipps
Buchrezensionen
Traum-Team
Newsletter
Traumquelle
Dreamweaver
Fireworks
Photoshop
Flash
Traum-Start
gimp
GoLive
php / Apache
Sonstige
Grundlagen
Usability
CSS
Apple / Mac
3D
Intern
TP-Sponsor
TP SHOP
Bild Galerie
TP Wallpapers
Forum-Archiv
Link zu uns
Impressum
Zurück  
TP Portal > gimp > 3-Dimensionales: Basics

3-Dimensionales: Basics

3-Dimensionale Darstellungen auf dem Bildschirm sind manchmal einfacher zu realisieren, als man glaubt. Man kann mit relativ einfachen Mitteln schon überraschende Ergebnisse erzielen. PS: Dieses Tut soll nicht als Step-by-Step - Anleitung verstanden werden, sondern als Denkanstoss für Problemlösungen in dieser Richtung. Ich versuche, die Beschreibungen möglichst allgemein zu halten, daß auch die Benutzer anderer Grafikprogramme evtl. etwas davon haben...

Die einfachste Variante ist der Schlagschatten. Wirft ein Objekt einen Schatten, scheint es zu "schweben" oder in die Oberfläche geprägt worden zu sein. Angeblich sieht das Auge etwas "erhaben", wenn der Schatten rechts unten sitzt und etwas "vertieft", wenn er links oben sitzt. Da könnte was dran sein... tooltipp

Wie wurde es gemacht? Nun - ich habe das Objekt, welches einen Schatten bekommen sollte, in eine neue Ebene gedoppelt und mit Schwarz gefüllt. Diese Ebene habe ich dann bei den Prägungen um 1 Pixel nach links/oben bzw rechts/unten verschoben und hinter die - weisse - Schrift gelegt. Fertig. Die "schwebenden" Schatten habe ich entsprechend weit verschoben und anschliessend noch mit einem Gaußschen Weichzeichner ( RLE ) mit einem Radius von 10 verwischt. Je größ dabei die "Verschiebeentfernung", desto weiter wirkt die Entfernung vom Hintergrund. Dementsprechend sollte auch der Weichzeichnerradius angepasst werden - in meinem Beispiel ist der Schatten von "weit..." schon fast etwas zu scharf. Tip: Für das pixelgenaue Verschieben von Ebenen oder Objekten gibt es 2 Möglichkeiten: Entweder man achtet auf die Anzeige links unten im Grafikfenster: oder man klickt einmal mit dem Verschiebewerkzeug in das Ziel und benutzt dann die Cursortasten zum Verschieben ( Tastendruck=Pixel).

Die Prägungen oben wirken etwas hart und kantig. Man kann es auch etwas "softer" darstellen ( zB für Blechprägungen ): vvv tooltipp

Die Vorgehensweise hierbei: Die Textebene wird 2 mal kopiert. In Der einen Ebene wird der Text mit weiß gefüllt und um 1 Pixel nach links oben verschoben. Bei der anderen Ebene wird der Text mit schwarz gefüllt und um 1 Pixel nach rechts unten geschoben. Bei beiden Ebenen wird der Bereich des Originaltextes gelöscht, daß nur eine schmale Kontur übrigbleibt ( im Beispiel oben ). Diese 2 Ebenen wurden mit einem Gaußschen Weichzeichner ( RLE ) mit einem kleinen Radius ( hier: 3 ) überarbeitet. tooltipp

Der obere, flache Text bekam durch eine einfache Erweiterung der Schattenmethode Tiefe: der erste Schatten - der "Körper" des Textes - wurde nur um 1 Pixel verschoben und nur minimal ( Radius: 2 ) weichgezeichnet. Der untere Text nutzt eine Farbverlaufsfunktion von GIMP aus: Füllart "Formangepasst ( winklig )". Der Text wurde zuerst normal mit der Farbe blau gefüllt und anschliessend wurde der Farbverlauf von weiss nach transparent darübergelegt. tooltipp

Für die Röhre wurde zunächst ein Rechteck mit der Grundfarbe angelegt. Eine zusätzliche Ebene bekam die Schatten: ein linearer Farbverlauf schwarz => transparent jeweils vom linken und vom rechten Rand des Rechteckes zur Mitte. In eine weitere Ebene kam der Glanz: ein bilinearer Farbverlauf weiß => transparent von der Mitte des Rechteckes nach aussen. Die Deckkraft der beiden Ebenen habe ich dann solange ausgeregelt, bis das obige Ergebnis stand. tooltipp

Eine Kugel ist ähnlich leicht zu realisieren: eine kreisförmige Auswahl wird mit der gewünschten Grundfarbe gefüllt. Der Schatten wird mit einem Kreisförmigen Farbverlauf schwarz=>transparent von rechts unten über die Auswahl gelegt - das Zentrum dieses Farbverlaufes liegt dabei ausserhalb der Auswahl und die Auswahlgrösse reicht fast bis zum gegenüberliegenden Auswahlrand. Der Glanzpunkt ist ein radialer Farbverlauf weiss=>transparent - links oben innerhalb der Auswahl angesetzt bei einer Grösse von ca 1/3 der Auswahl. tooltipp

Für der Donut wird zunächst eine ringförmige Auswahl benötigt - das geschieht am leichtesten damit, daß zunächst eine Kreisauswahl mit einer beliebigen Farbe gefült wird, anschliessend die Auswahl um n Pixel verkleinert wird und der Bereich gelöscht wird. Anschliessend wird der Bereich mit Rechtsklick -> Ebene -> Auswahl aus Alphakanal ausgewählt. Nun muss als Vordergrundfarbe die Ringfarbe ( im Beispiel: blau ) und als Hintergrundfarbe schwarz gewählt werden. Anschliessend wird die Auswahl mit einem Farbverlauf VG=>HG, Verlaufsart "Formangepasst, sphärisch" gefüllt. In einer neuen Ebene werden mit einem Farbverlauf weiß=>transparent, Verlaufsart "Formangepasst, sphärisch" die Glanzpunkte gesetzt und mit der Ebenentransparenz bei Bedarf angepasst.

 

 

Autor: (wm)

Abbildungen

Abbildung 1 - Einfache Schlagschatten

Abbildung 1 - Einfache Schlagschatten

Abbildung 2 - Weiche Prägung

Abbildung 2 - Weiche Prägung

Abbildung 3 - räumliche Texte

Abbildung 3 - räumliche Texte

Abbildung 4 - Röhre

Abbildung 4 - Röhre

Abbildung 5 - Kugel

Abbildung 5 - Kugel

Abbildung 6 - Donut

Abbildung 6 - Donut

Buchrezension

Coverimage
AJAX Hacks
Dynamische Webseiten mit AJAX programmieren - dieses Handbuch bietet einen praktischen Einblick.
[mehr]
Gimahhot - Shopping
TP-Partner
Sprachreise London
Webmasterpro
Computerhilfen
Computerhilfen
Eventagentur Hamburg
it-rechtsinfo.de
Designguide
Getreidemühlen
sk-typo3
Kochkurs Berlin
Maandiko.de
d. Webdesigner
PSD Tutorials
Medizin
Handy Forum

Hier könnte Ihre Werbung stehen

 >> INFO << 

\ Startseite | Forum | Impressum | nach oben | Seite zurück /