Heute möchte ich euch zeigen, wie Ihr Gegenstände oder Objekte in 1 bis 2 Sekunden Freistellen könnt ohne das Zauberstab Tool zu verwenden, zudem Verbinde ich es gleich mal, um euch zu Zeigen wie Ihr eure 3D Haus auf einen Grundriss setzten könnt ohne 3D Programm.  Solche Grafiken sind sehr beliebt in den Microstock Portalen. Aber fangen Wir an .

01. Als erstes sollte Ihr euch die Bilder öffnen, welche Ihr für eure Kreation benötigt. In meinem Fall sind das, das Haus, dass ich auf den Grundriss platzieren möchte und der Grundriss welcher als Grundfläche dienen wird. Sobald Ihr alle Bilder geöffnet habt bringt Ihr  Sie erstmal in ein und das  selbe Fenster. Ihr könnst das mit “Past and Copy” machen oder einfach die eine Grafik anklicken und in das andere Fenster ziehen.

02. Kommen wir nun zum Grundriss, dieser befindet sich in einer komplett falschen Perspektive, bezogen auf unserer Haus. Um das wieder grade zu biegen, makieren Wir die Ebenen auf der der Grundriss liegt und begeben uns unter “Bearbeiten -> Transformieren -> Perspektivisch” . Mit diesem Tool könnt Ihr den Grundriss solange verformen, bis er wie folgt aussieht.

03. Im Anschluss folgt das Freistellen, wobei es das nicht wirklich ist. Klickt auf die Ebene des Grundrisses und Wäht im “Ebenenfenster (F7)“ das Feld wo “Normal” steht den Unterpunkt “Multiplizieren” aus. Hierbei Subtrahiert Photoshop den Weiß anteil des Bild heraus . Die einzelnen Linien des Grundrisses Überlagen somit nun den Grundriss ohnen den Weißen Hintergrund.

04. Zu Guter letzt müsst Ihr nun nur noch das Haus mittig auf den Grundriss Positionieren und die Linien des Grundrisses löschen welche sich mit dem Haus überlagen und schon sind Wir fertig. Euer Werk sollte nun so oder ganz anders aussehen, wie das Bild oben . Ihr könnt diese Schritte auf unterschiedlichen Ebenen beliebig oft wiederholen. Versucht dabei Objekte auf Weißen oder Schwarzen Hintergrund zu verwenden das liefet am ende die bessere Ergebnisse.  Solltet Ihr noch Fragen haben dann Postet Sie einfach hier. Viel Spaß beim Ausprobieren ;D

In meinem neuen Tutorial, möchte ich euch vorstellen, wie am einen brennenden Schriftzug in Photoshop erstellt. Ich werde versuchen jeden einzelnen Schritt genausten zu erklären um Missverständnisse aus dem Weg zu räumen ;D. Als Schriftzug habe ich mir den Namen des allseits beliebten Online Games “World of Warcraft” ausgewählt um ausreichende Buchstaben brennen lassen zu können. Fangen Wir an:

01. Als aller erstes solltet Ihr euch einen entsprechenden Hintergrund Bastel. Das Motive sollte auch etwas mit Feuer oder einer art Struktur zu tun haben und ca. 800px * 480 px abmessen. Wobei die Größe, je nach eurem Verwendungszweck variieren kann. Sollte Ihr keinen entsprechenden Hintergrund besitzen, so könnt Ihr euch das nötige Wissen  hier anlesen.

02. Sobald bei Schritt 01 alles Gut gelaufen ist, sollte euer Bild so oder ähnlich aussehen . Ich habe mir erlaubt, den Hintergrund Blau zu färben um das Licht später etwas Bläulicher erscheinen zu lassen.

03. Erstellt euch nun einen neue Ebene und nennt Sie “Abgedunkelt“. Klickt anschließend mit Doppelklick auf die Ebene und Wählt im Fenster “Ebenenstil” den Bereich “Verlaufsüberlagerung“. Ihr könnt auch unter “Neue Füll- Einstellungsebene erstellen” eine Verlaufsebenen Erzeugen. Ganz wie Ihr es euch beliebe. Trefft nun bitte folgende Einstellungen:

Art: Radial
Winkel: 90°
Skalieren: 130%
Verlauf sollte Ihr “Vordergrund – Transparent” auswählen.
Umkehren: Aktivieren

Achtet bitte beim Verlauf darauf das die Farbe “Schwarz“ ist um das ganze Bild ab zu Dunkeln. Zuletzt wählte die Flächenfüllung auf 40 % um den Hintergrund leicht durchscheinen zu lassen. Das Blau sollte nun in den Äußeren bereichen des Bildes nicht mehr zu Sehen sein. Es sollte nun wie folgt aussehen.

04. Ihr solltet euch nun einen Gruppe mit dem Namen Hintergrund erzeugen. und die Beiden erstellten Eben in diese Gruppe einfügen. Ihr könnt Somit jederzeit den Hintergrund auf Knopfdruck ausblenden um die Flamen besser an die Schrift anzupassen. Erzeugt euch nun mit dem “Horizontalen Schreibwerkzeug (T)” den Schriftzug “World of Warcraft” oder einen beliebigen Text. Als Schrift Farbe könnt ich weiß verwenden um das ganze besser Sichtbar zu gestallten. Was die Schrift Art angeht, habt Ihr freie Wahl. Ich habe mich für einen etwas grobere Geschwungene Schrift entscheiden um das ganze etwas älter aussehen zu lassen. Euer Bild sollte nun so aussehen ;D.

05. Klickt nun mir Doppelklick auf eure Text Ebenen und wählt wieder unter dem Fenster “Ebenenstil” den Bereich “Verlaufsüberlagerung“. Stellt hier wieder folgendes ein:

Art: Radial
Winkel: 90°
Skalieren: 100%
Verlauf sollte Ihr “Vordergrund – Hintergrund” auswählen.
Umkehren: inaktive lassen

Als Verlaufsfarben wählt Ihr rechts “Schwarz” und links ein “dunkles Blau“. Anschließend Klickt bitte im Fenster Ebenenstil auf den Bereich “Schlagschatten” und stellt folgendes ein.

Abstand: 0px
Überfüllen: 19%
Größe: 8px
Winkel: 90°

Euer Bild Sollte nun wie Folgt aussehen.

06. Nun möchten wir die Schrift an manchen Stellen etwas glühen lassen dazu erstellt euch nun bitte eine Kopie eures Textzuges. Begebt euch anschließend wieder wie oben beschrieben in das Fenster “Ebenenstil“. Schalt dort zuerst den Bereich “Verlaufsüberlagerung” und “Schlagschatten” aus. Danach begebt euch  in den Bereich “Farbüberlagerung” und Wählt hier einen “Helles Blau“. Dies wird später unser glühen Simulieren. Hierzu Rastern wir erst einmal  die Ebene. Dazu klickt mit der rechten Maustaste auf die kopierte Textebene und wählt hier “Ebene rastern“.

Nachdem der Text nun gerastert worden ist verwenden wir das “Radiergummi Werkzeug (E)“. Stellt den Radiergummi bitte auf folgender Werte ein:

Deckkraft: 49%
Pinsel -> Hauptdurchmesser 41 px
Pinsel -> Härte 2 %

Geht nun solange über die kopierten Ebene bis nur noch kleine helle Bereiche zu sehen sind. Sie sollten Punktuell sein und nicht zu eng aneinander liegen. Je nach dem Ob Ihr mit einer großen Auflösungen arbeite, könnte es sich anbieten unter “Filter->Weichzeichen-> Gaußscher Weich. ” auszuwählen und mit “3px bis 8px” über die Ebene zu Wischen. Dies glättet nicht nur die kannten, sondern lässt auch die Schrift leicht verwischen. Das ganze wirkt dann, wie aufsteigende heise Luft.

Ich habe entschieden dies in meinem Entwurf, auf Grund der Größe, erst einmal gelassen. Euer Bild sollte nun wie folgt aussehen.

07. Bevor wir nun zu den Flammen kommen sollten wir uns erstmal ein geeignetes Bild besorgen. Ich habe mich für dieses #2399509 bei Fotolia entschieden. Ihr könnt aber auch eigenen Bilder aus eigener Produktion verwenden. Wichtig ist, das dass ganze Bild auf einem Schwarzen Hintergrund gesetzt ist. Um die Flammen nun verwenden zu können müssen wir Sie zuerst extrahieren hierzu Arbeite ich mit Kanälen.

08. Öffnet euer Flammen Bild und begebt euch in den Bereich “Ebenen(F7)“. Dort wählt den Reiter Kanäle. Deaktiviert hier alle Kanäle außer “Rot“. Das ganze sollte nun so aussehen.

Um nun die Flamme vom Hintergrund zu Trennen wähl ihr am besten das “Zauberstab Werkzeug(W)“. Klickt Hiermit in die Schwarzen Bereiche des Bildes. Sobald alle schwarzen Bereiche Markiert sind, Solltet Ihr unter Kanäle die ausgeharkten Kanäle RGB, Grün und Blau wieder aktivieren. Zu guter Letzt müsst Ihr nun noch unter “Auswahl -> Auswahl umkehren (UMschalt+STRG+I)” Klicken und die Auswahl via STRG+X und STRG+V in das Fenster mit Eure vorbereiteten Schrift Kopieren. Es kann passieren das Ihr die Größe des kopierten Bildes nachträglich anpassen müsst um alles sehen zu können. Die macht Ihr am Besten mit STRG+T. Reduziert hier einfach die Größe und klickt oben rechts auf den Haken un das Ganze zu Übernehmen. Euer Bild sollte nun wie Folgt aussehen.

09. Im nächsten Schritt kommen wir un zu den Flammen. Hierzu müssen wir uns als erstes die geeigneten Flammenteile aus dem gesamt Bild Kopieren. Dies vollführe ich mit dem “Lasso Werkzeug(L)“. Aktiviert nun das Werkzeug und Umfahrt damit eine Bereich der Flammen der euch zusagt und Kopiert diesen auf einen “neue Ebene”. Das ganze sollte nun so aussehen.

10. Sobald Schritt 09 abgeschlossen ist fangen wir an unser Puzzelteil über STRG+T zu verkleinern und in die Gewünscht form zu bringen. Macht euch in diesem Schritt erst einmal keine Sorgen über grobe kanten und Teile welch über die Schrift herausragen. Diese passen wir in Schritt 12 an. Verteilt jetzt alle Puzzelteile so das jeder Bereich den wir vorher unter Schritt 06 Hellblau gefärbt haben einen Puzzelteile bekommt. Euer Bild sollte nun so aussehen.

11. Wir blenden nun unsere Hauptkopie des Feuers aus Schritt 08 aus und vereinigen die ganzen Puzzelteile auf eine Ebene. Die führen wir aus in dem Wir alle Ebenen, Makieren auf denen Puzzelteile abgelegt sind. Anschließend klicken wir mit der rechten Maustaste in die “Ebenen Maske(F7)” und wählen im Aufklappenden Menu “Ebene reduzieren“. Auf dieser neuen Ebene stellen wir nun einen Deckkraft von 69 % ein. Das ganze sollte wie folgt aussehen.

12. Zu Guter letzt  überarbeiten wir das Ganze noch etwas mit dem “Wischfinger Werzeug“. Ihr könnt mit dem Werkzeug alle groben kannte leicht verwischen und die die Flammen etwas formen. Achtet darauf  das die Stärke des Werkzeuges auf 37 % liegt und das der Durchmesser ca. 12 px umfast. Sofern Ihr alle Groben kanten geglättet hab könnt ihr auch noch ein paar zusätzliche Flammen mit dem “Wischfinger Werkzeug” erzeugen , beachtet aber hierbei das die Flammen immer nach oben Zeigen sollte um die Illusion nicht zu Zerstören. Das ganze sollte jetzt wie folgt aussehen.

TIPP:

Wenn Ihr die Ebene mit dem Schriftzug und seinen Kopie mit den Hellblauen Fragmenten auf eine Ebene Reduziert könnt Ihr diese mit dem “Wischfinger Werkzeug” ebenfalls eteas verwischen. Das macht das ganze realistischer. Probiert es ruhig aus

13. Als letzten Schritt müsst Ihr jetzt noch die Flammen einfärben und den Kontrast , samt Helligkeit etwas Anpassen. Hierzu begebt euch unter “Bild -> Anpassungen -> Farbton/ Sättigung (STRG+U)“. Wählt hier zuerst die Option “Färben“. Treff anschließend folgende Einstellungen.

Farbton: 205
Sättigung: 41
Helligkeit: 15

Die Helligkeit und den Kontrast sollte Ihr individuell Anpassen, da die Einstellungen abhängig von euren Hintergrund, den gewählten Flamen und dem Schriftzug sind. Euer Bild sollte jetzt fertig sein und wie folgt aussehen. Ich hoffe das Turorial hat euch ein wenig geholfen. Solltet Ihr fragen haben das Postet Sie einfach hier.

Hier noch ein zweites Beispiel, mir etwas mehr Zeitaufwand.

]]> http://nebuto.com/2009/05/26/turoiral-blau-brennende-buchstaben-in-photoshop-erstellen/feed/ 5 http://nebuto.com/2009/03/06/warp-grafiken-in-photoshop-erstellen/ http://nebuto.com/2009/03/06/warp-grafiken-in-photoshop-erstellen/#comments Fri, 06 Mar 2009 09:56:47 +0000 Nebuto http://nebuto.com/?p=1218 Wie erstellt man eigentlich eine  “Warp Grafik”  im Weltraum Flair. Euch auf diese Frage eine Antwort zu geben, ist meine heutiges Ziel. Das Tutorial habe ich unter Photoshop CS 3 erstellt. Es sind also Abweichungen bei älteren Versionen möglich.

01. Bittet erstellt euch eine Neue Arbeitsfläche mit euren bevorzugten Abmaßen. Ich habe mich für 1000 x 500 Pixel entschieden. Sobald das neue Dokument bereit ist erstellt Ihr euch einen neuen Layer.

02. Begebt euch nun bitte unter Filter ->Renderfilter -> Wolken. Die Wolken welche Photoshop nun erstellt, werden wir nun Stück für Stück in die gewünschte Form bringen.

03. Begebt euch nun noch einmal auf Filter -> Vergrobungsfilter -> Mezzotit. Als Art habe ich mich für “Kleiner Punkt ” entschieden das es die Linien Später feiner gestaltet. Ihr könnt euch aber auch für einen andere “Art” entscheiden. Dies hat einzig und allein Auswirkung auf die Linienstruktur.  Euer Bild sollte nun So aussehen. Bitte achtet darauf das Bild in Schwarz und Weiß zu halten. Wir färben es erst später ein.

04. Um nun das gewisse Warp Felling zu erhalten, begeben wir uns erneut unter Filter -> Weichzeichnungsfilter -> Radialer Weichzeichnungsfilter. Wählt hier folgende Einstellungen: Methode: Strahlenförmig , Qualität Sehr gut, Stärke: 999. Euer Bild sollte nun wie folgt aussehen.

05. Um die Struktur etwas zu verstärken begeben wir uns nun unter Bild -> Anpassungen -> Helligkeit/Kontrast. Wir setzen hier die Helligkeit um ca. 25 Punkte zurück und den Kontrast um 35 hinauf. Euer Werk sollte nun in etwa so aussehen.

06. Um das ganze nun abzuschließen, begebt euch ein letztes mal unter Bild -> Anpassungen -> Farbton/Sättigung. Ihr könnt hier das Bild noch nach kolorieren bzw. Einfärben. Ich habe mich für ein helles Blau entschieden. Euer Werk sollte jetzt fertig sein.

01. Begebt euch in Photoshop und erstellt eine neue Arbeitsmappe mit den Abmaßen 1000 x1000 oder einem anderen Wert der eure Wunschvorstellung entspricht. Sobald dies Abgeschlossen ist, erzeugt euch einen neue Ebene.

02. Wählt nun Filter ->  Renderfilter -> Wolken und erstellt euch ein paar Wolken.

03. Begeht euch nun noch einmal unter Filter -> Vergrobungsfilter -> Mezzotint und wählt anschließend als Art “Lange Strichen” aus.

04. Es ist nun ein letztes mal erforderlich, dass Ihr euch unter Filter -> Weichzeichnen-> Bewegungsunschärfe begebt. Es kann sein das Ihr den Winkel nochmal auf 0 oder auf 90 Grad nachstellen müsst, Je nachdem was Ihr schon voreingestellt hattet. Als Abstand verwendet bitte, einen Wert, zwischen 600 und 800 .  Anschließend sollte euer Werk, mit diesem Beispiel übereinstimmen.

05. Dreht nun das Bild um 90 Grad, damit die Bildlinie Vertikal verlaufen.

06. Erstellt euch einen Weiteren Layer und und schwärzt von diesen die untere hälfte des Bildes. Achtet darauf das der Pinsel relative groß ist und eine Härte von Null auf Weist. Dies sorgt für einen harmonischeren Übergang. Sobald die Ebenen von euch Bearbeite wurde, schiebt Ihr Sie nach ganz oben in eurer Ebenen.

07. Als vorletzten Schritt, erstellt Ihr euch einen weiteren neuen Layer und färbt diesen mit einer beliebigen Farbe ein. Begebt euch anschließen durch einen Doppelklick auf die entsprechende Ebene, in das Fenster “Ebenenstil” . Klickt hier anschließend in die Maske “Verlaufsüberlagerung” . Wählt als Winkel 0 Grad und verteilt die Farben wie im unteren Beispiel. Ihr könnt hier je nach Wahl auch von meiner Farbwahl abweichen. Ihr solltet nur darauf achten das die Farben nicht zu dunkel sind.

08. Sofern Ihr alles Richtig gemacht habt sieht euer Werk wie Folgt aus.

09. Stellt nun abschließend die Deckkraft des zuletzt erstellten Layers auf 50 bis 60 %. Dies sorgt für einen Transparenz, welche es uns ermöglicht die einzelne Farbtöne, über das zuvor erstellte Muster zu legen. Das Bild ist nun Fertig . Solltet Ihr Fragen haben dann könnt Ihr mir diese gerne Poste.

01. Sucht euch als erstes eine passende Grafik, die Ihr als Pinsel verwenden wollt. Ich habe als beispiel eine Katze gewählt, welche ich noch öfters verwenden möchte. Im Gegensatz zu meiner Katze muss das Bild nicht vollkommen schwarz gefärbt sein. Ihr könnt auch ein Bild in unterschiedlichen Graustufen verwenden. “Photoshop” behandelt hierbei alle Weißen stellen als Transparent.

02. Begebt euch unter Bearbeiten/Pinselvorgabe festlegen…

03. “Photoshop” fragt euch nun welchen Name, der Pinsel bekommen soll. Sobald Ihr auf “Ok” klickt, wird der Pinsel gespeichert. Ihr solltet bedenken das der Pinsel in der Größe gespeichert wird, in der Ihr Ihn erzeugt habt. Das heißt, es wird die Größe des Bildes gespeichert.

04. Wenn Ihr nun das “Pinselwerkzeug” auswählt, findet Ihr im Auswahlmenü,  euren erstellen Pinsel. Unter dem Icon könnt Ihr die Standardgröße des Pinsels in Pixeln entnehmen. Viel Spaß beim Ausprobieren ;D

Wenn Ihr noch freie Pinsel suchen solltet Ihr diesen Beitrag lesen.

Sobald die Hügel schwarz dargestellt sind, wechseln Sie das Werkzeug und wählen das Pinselwerkzeug. Anschließend wählen Sie als Pinselmotiv “Dünengras”. Erstellen Sie nun einen neuen Layer und folgen Sie dem Hügelverlauf solange bis die Linie komplett mit Rasen bedeckt ist. Bitte achen Sie darauf, dass Sie auch die Farbe des Pinsels in schwarz tauchen.

Sobald der Boden nun fertig gestellt ist, kommen wir zum Himmel. Hierzu erstellen wir einen neuen Layer und wählen das Werkzeug “Rechteck”. Ziehen Sie ein Rechteck, so dass es das gesamte Bild bedeckt. Legen Sie dann den neuen Layer in den Hintergrund.

Um den Himmel nun etwas realistisch aussehen zu lassen, klicken Sie bitte im Ebenen-Fenster mit der rechten Maustaste auf den neu erstellten Layer und wählen Sie die Fülloptionen. Wählen Sie nun im Farbverlauf zwei Blautöne, einen hellen und einen dunkleren. Sofern alles geklappt hat, sieht unser Bild wie folgt aus:

Um nun den Nachthimmel zu vervollständigen, wählen Sie erneut das “Pinsel-Werkzeug” und nutzen Sie als Vorlage ein Sternmotiv aus der Auswahl. Sie können nun anfangen den Himmel zu gestalten. Wählen Sie hierzu ruhig unterschiedliche Größen und bilden Sie vereinzelte Gruppen. So wirkt das Ganze nicht so künstlich.

Um das Ganze nun abzuschließen, erstellen wir einen Mond. Diesen erstellen wir aus zwei übereinander liegenden Kreisen. Achten Sie darauf, dass jeder Kreis eine eigene Farbe hat. Wählend Sie anschließend die beiden Layer aus, klicken Sie mit der rechten Maustaste auf einen der beiden markierten Layer und wählen Sie “Auf eine Ebene reduzieren”.

Wählen Sie nun das “Zauberstab-Werkzeug” und selektieren Sie den roten Kreis. Klicken Sie anschließend die Taste “Entfernen” um die Sichelform herzustellen. Das Bild ist nun fertig. Sie können noch in der Maske “Ebenstil” den Schein nach außen etwas aufwerten. Sie können auch ein paar Wolken in den Hintergrund packen. Das alles kann die Stimmung noch mehr heben.

Fertig !