Dateien in Stapel laden / Ebene Anordnen Umkehren [Adobe Photoshop]

Transkript

1 Dateien in Stapel laden / Ebene Anordnen Umkehren [Adobe Photoshop] Und das Ganze vollkommen automatisch. In diesem Tutorial zeige ich dir ganz einfach, wie man auch viele Fotos in eine Photoshop Datei bringen kann. Dateien in Stapel laden Die Anforderung ist folgendermaßen: Ich möchte mehrere oder sogar viele Fotos in einer Photoshop Datei unterbringen. Und dies, wenn möglich sogar optimal überlagert. Ich kann zwar alle Dateien in Photoshop öffnen und dann mit gedrückter Umschalt Taste alle in eine Datei ziehen, dies wird aber bei vielen Dateien ziemlich aufwendig. Für diese Funktion wählt man unter Datei => Skripten => Dateien in Stapel laden Nun übernimmt Photoshop diese Funktion automatisch. Ebene => Anordnen => Umkehren Mit gedrückter Umschalttaste kann man jetzt alle Ebenen, oder die gewünschten, auswählen. Unter Ebene => Anordnen => Umkehren ändert sich die Ebenenreihenfolge in umgekehrter Reihenfolge. Somit muss man sie nicht mehr einzeln verschieben. Achtung, dies funktioniert nicht, wenn eine gesperrte Hintergrundebene mit ausgewählt wurde.

2 Dateien in Stapel laden / Ebene Anordnen Umkehren [Adobe Photoshop] Viel Spaß beim Probieren! Du kannst auch gerne ein Kommentar hinterlassen. In diesem Sinne -bleib kreativ!

3 HDRI High Dynamic Range Image In Adobe Photoshop CS aus einer RAW Datei Ziel soll es sein ein HDR aus einer RAW Datei zu erstellen. Dies bietet die Möglichkeit auch Hochkontrastbilder aus sonst unmöglichen Situationen zu erstellen. Z.B. man hat nur eine Aufnahme, bewegte Bilder, Mitziehbilder, Tieraufnahmen usw. Grundsätzlich: Ein HDR lohnt sich nur, wenn der Kontrast des Motives höher ist, als die Kamera darstellen kann. Z.B. Nachtaufnahmen, große hell / dunkel licht / schatten unterschiede in Räumen usw.

4 BMW Mini Copper in HDR Zur Verfügung steht eine RAW Datei direkt aus der DSLR Kamera. Nun kopiere ich die Datei mehrmals und benenne Sie wie folgt um: Belichtung_0EV.ARW Belichtung_+1EV.ARW Belichtung_+2EV.ARW Belichtung_+3EV.ARW Belichtung_-1EV.ARW Belichtung_-2EV.ARW Belichtung_-3EV.ARW Belichtungsreihe für HDR

5 Anschließend markiere ich die Dateien einzeln und stelle die Belichtung entsprechend dem Dateinamen ein. HDR Belichtung und Adobe Camera RAW Mit klick auf Fertig sind alle Informationen gespeichert. Als nächstes gehen wir in Photoshop auf Datei -> Automatisieren -> Zu HDR zusammenfügen und wählen alle Dateien aus. Adobe Photoshop zu HDR zusammenfügen Quellbilder nach Möglichkeit automatisch ausrichten wäre eine Möglichkeit, wenn man mehrere Dateien mit Belichtungskorrektur direkt mit der Kamera mit/ohne Stativ aufnimmt. Hier besteht die Möglichkeit, dass sich die Dateien nicht 100%ig überlagern. Mit klick auf OK hat Photoshop mal einiges zu tun Im nächsten Dialog haben wir einige Vorschaumöglichkeiten und stellen die Bittiefe auf 32bit.

6 Adobe Photoshop HDR Konvertierung Belichtung und Gamma Naja, jetzt sieht das Ergebnis ziemlich traurig aus Ab jetzt kommt die Bildbearbeitung ins Spiel, der gesamte Bearbeitungsspielraum von Photoshop steht jetzt schon fast offen. Leider kann man mit einem 32bit JPEG nicht sehr viel anfangen. Weder Bildschirm, Drucker noch sonstige Ausgabegeräte können damit etwas anfangen. Der Kontrastumfang kann einfach nicht dargestellt werden. Der nächste Schritt ist die Umwandlung in den 8-Bit-Kanal. Dazu geht Ihr auf Bild -> Modus -> 8-Bit-Kanal Der folgende Dialog baut die Grundlage für jede weitere Bearbeitung. Als Methode wähle ich Lokale Anpassung. Die Regler stelle ich zur Verdeutlichung alle auf Anschlag. Mit der Toning-Kurve und Histogramm passt Ihr nun den Rest an bis ihr vorab mal zufrieden seid. Nach der weiteren Bearbeitung sollte das Bild dann einigermaßen so aussehen. Die Schwarzweiß Ebene habe ausgeblendet, diese bietet nur eine weitere Option.

7 Nachbearbeitung HDR mit Tonwertkorrektur Folgendes habe ich gemacht: Schritt 1: Doppelklick auf die Hintergrundebene und mit OK bestätigen Schritt 2: Duplizieren der Ebene mit der Tastenkombination Strg+J Schritt 3: Rechte Maustaste auf die unterste Ebene und in ein Smartobjekt konvertieren Schritt 4: Da die Ebene in ein Smartobjekt konvertiert wurde, kann ich den Filter Scharfzeichnungsfilter -> Unscharf maskieren so einsetzen, dass ich ihn jederzeit bearbeiten kann. Schritt 5: Auswählen der obersten Ebene und die Ebenenfüllmethode: Multiplizieren auswählen. Die Deckkraft habe ich auf 20% gesetzt. Dadurch werden die Farben kräftiger, das Bild aber auch dunkler. Schritt 6: Erstellen einer Einstellungsebene Gradationskurve um ein gewünschtes Ergebnis zu erhalten. Schritt 7: Zum Schluss erstelle ich eine Einstellungsebene Schwarzweiß.

8 Adobe Photoshop HDR Schwarzweiß Einstellungsebene Durch diese Vorgehensweise mit eine Smart-Objekt und den Einstellungsebene, habt Ihr die Möglichkeit auf alle Einstellungen jederzeit wieder zuzugreifen und zu verändern. Uhr Hier ein Beispiel aus mehreren RAW Datei, welche ich mit der Kamera aufgenommen habe. Aufgrund des Zeitunterschiedes während der Aufnahme hat sich das Motiv verändert. Die aufnahmen wurden mit einem Stativ durchgeführt und die Einstellungen an der Kamera vorgenommen.

9 HDR Belichtungsreiche mit Stativ Sekundenzeiger mehrmals vorhanden Weitere Infos zu HDR gibt es auf Wikipedia HDRI auf den Punkt gebracht HDRI: Eine Hassliebe High Dynamic Range Image FAQ Das ganze ist natürlich auch mit Freeware zu realisieren: easyhdr Basic Qtpfsgui FDRTools Basic Oder einfach z.b. via Google nach HDR Freeware suchen In diesem Sinne bleib kreativ!

10 Adobe Photoshop HDR Schwarzweiß Einstellungsebene Adobe Photoshop HDR Konvertierung Belichtung und Gamma BMW Mini Copper in HDR HDR Belichtung und Adobe Camera RAW HDR Belichtungsreiche mit Stativ Sekundenzeiger mehrmals vorhanden

11 Nachbearbeitung HDR mit Tonwertkorrektur Belichtungsreihe für HDR Adobe Photoshop zu HDR zusammenfügen

12 Haare freistellen mit Adobe Photoshop Heute will ich mich auch mal dem Thema Haare freistellen anschließen. Dieses Thema wird zwar x Mal auf diversen Internetseiten beschrieben, hier möchte ich dir deshalb einige Infos zusammenstellen, die auch wirklich funktionieren. Welcher Hintergrund zum Freistellen? Eines gleich mal vorweg: Dunkle Haare => Heller Hintergrund (z.b weißer Studiohintergrund) Helle Haare => Dunkler Hintergrund (z.b schwarzer Studiohintergrund) Funktioniert fast immer => Grauer Hintergrund (50% Grau) Das ist aber auch nicht immer so einfach. Wenn die Person mit grauer Kleidung vor grauem Hintergrund steht, ist zwar vielleicht das Haar mal schnell erledigt, aber für die Kleidung braucht ihr wieder um einiges länger. Ich persönlich fotografiere im Moment vor weißem Hintergrund. Diesen kann ich dann ja immer noch heller oder dunkler ausleuchten Je Besser das Ausgangsmaterial ist, umso leichter ist die Freistellung! Das Grundproblem ist eigentlich, dass es keine allgemein gültige Anleitung zu diesem Thema gibt. Das Freistellen, bzw. das Einfügen in einen neuen Hintergrund ist IMMER vom Ausgangsmaterial abhängig! Leider!

13 Darum zeige ich dir hier einige Links und Videos. Probier einfach alle Techniken einmal aus, es dauert einige Zeit, bis du auf anhieb zum richtigen Ergebnis kommst. Hin und wieder ein paar Fingerübungen schaden auch nicht! Freistellen von Haaren auf Basis von Farbkanälen auf DOCMA.info n-farbkanaelen.html Haare freistellen mit Adobe Photoshop Mir persönlich gefällt diese Methode: Haarspitzen multiplizieren Eine Alternative sieht so aus: Setzen Sie zunächst die Porträtebene auf den Modus Multiplizieren (im linken Teil dargestellt). Dadurch liegen die Haarspitzen ohne helle Kontur und Binnenfärbung über der Hintergrundebene. Machen Sie die Ebenenmaske zur Auswahl, indem Sie mit gedrückter Strg-/Befehlstaste auf ihre Miniaturdarstellung klicken. Aktivieren Sie die Porträt-Ebene (nicht ihre Ebenenmaske) und kopieren Sie ihren Inhalt. Lassen Sie die Auswahl bestehen und fügen Sie den Inhalt der Zwischenablage ein, dabei wird automatisch eine neue Ebene erzeugt. Da diese den Modus Normal hat, überlagert sie die multiplizierende Ebene deckend. Laden Sie die

14 Maskenauswahl erneut, schrumpfen Sie sie um 1 bis 2 Pixel, kehren Sie die Auswahl um und löschen Sie den Bereich aus der oberen Ebene (rechte Bildhälfte). Pavel Kaplun mit seinem YouTube Video Haare freistelen mit Kanälen verlustfrei perfekte Ergenisse von Matthias Petri Haare freistellen mit Adobe Photoshop Diese Methode funktioniert fast immer (fast) Haare freistellen mit Ebenenmodi-Verrechnungen so schnell und fantastisch von Matthias Petri ngen-so-schnell-und-fantastisch/ Hier wird in mehreren Beispielen folgendes erklärt Beispiel 1: Hellere Farbe/Negativ multiplizieren braune Haare und schwarzer Hintergrund Beispiel 2: Hellere Farbe helle Hundehaare vor unregelmäßigem Hintergrund Beispiel 3: Hellere Farbe Blonde Haare vor rotem Hintergrund und die Besonderheit mit der Sättigung Beispiel 4: Ineinanderkopieren Dunkle Haare mit einfacher Detailliertheit Beispiel 5: Dunklere Farbe/Weiches Licht Dunkle Haare mit komplexer

15 Detailliertheit Beispiel 6: Füllmethodenvariation Dunkle Haare im Außenlicht Ich bin auch sehr auf deine Anregungen, Ideen, Erfahrungen, gespannt. Halte mich auf dem laufenden In diesem Sinne bleib kreativ! Freistellungstechniken für Adobe Photoshop, die Sie zum Profi machen Sehr geniales und kostenloses Tutorial von Dirk Metzmacher auf shutterstock.com. Aus dem Inhalt Rechtecke und Ellipsen

16 Lasso-Werkzeuge im Einsatz Schnellauswahlwerkzeug Kante verbessern Zauberstab-Werkzeug Farbbereich auswählen Radiergummi Hintergrund- und Magischer Radiergummi Freistellungswerkzeug Perspektivisches Freistellungswerkzeug Freistellen mit Pfade Maskierung anlegen Objekt freistellen Klick auf das Bild um zur Anleitung zu kommen. Freistellungstechniken für Adobe Photoshop, die Sie zum Profi machen

17 Farbrad / Farbschema erstellen mit Adobe Kuler (Adobe Color CC) Mit Adobe Color CC (Adobe Kuler) kann man sehr schnell und einfach Farbschematas zur Gestaltung von z.b. Photoshop Projekten zusammenstellen. Link zu kuler online:

18 Farbrad / Farbschema erstellen mit Adobe Kuler (Adobe Color CC) In Photoshop CC (Adobe Photoshop CC 2014) gibt es direkt eine Erweiterung. Fenster => Erweiterungen => Kuler (in Photoshop CC Adobe Color-Themen ) Folgende Auswahlmöglichkeiten stehen im Moment zur Verfügung: Ähnlich, Monochromatisch, Traide, Komplementär, Zusammengesetzt, Schattierung oder Benutzerdefiniert.

19 Farbrad / Farbschema erstellen mit Adobe Kuler (Adobe Color CC) Möglicher Einsatzbereich Ich bastle gerade an einem Desktop Wallpaper als Hintergrundebene habe ich mir einen Farbverlauf erstellt. Die Vordergrundfarbe mit #fc00ff gefällt mir schon ganz gut, jetzt suche ich aber noch nach weiteren passenden Farben, um das Gesamtbild (Compositing) stimmig zu gestalten Schnelle Lösung: kuler. Auf der Webseite oder in der Photoshop Erweiterung kann ich auch z.b. direkt den Hex Farbcode eingeben und passende Farben dazu suchen und auch gleich anwenden. Auch zur Gestaltung von Webseiten oder Infografiken ist Color CC ein sehr hilfreiches Tool. Hier ein kleines Video von den Photoshop Profis Folge 142 Eigenes Farbschema entwickeln

20 Farbrad / Farbschema erstellen mit Adobe Kuler (Adobe Color CC) Farbrad / Farbschema erstellen mit Adobe Kuler (Adobe Color CC) In diesem Sinne bleib kreativ!

21 Pfad und Ebeneneffekte / EKG mit Photoshop Hab gerade eine Fotozeitschrift durchgeblättert und da bin ich auf ein paar Grafiken mit einfachen Linien gestoßen. Da kam mir der Gedanke, das müsste man doch auch selbst erstellen können. Ein EKG Ähnliches Bild, welches man als Hintergrundbild oder z.b. als Facebook Banner Bild verwenden kann. Wer ein richtiges, detailliertes EKG Bild machen möchte, kann sich ja auf Wikipedia einlesen oder einen Arzt befragen. Hier mal ein Beispielbild:

22 Pfad und Ebeneneffekte / EKG mit Photoshop Erstellen eines neues Dokumentes (A4) Pfad und Ebeneneffekte / EKG mit Photoshop Neue Datei erstellen A4 Als Format habe ich A4 mit 300dpi gewählt das kannst du natürlich selbst frei

23 wählen. Wenn nicht schon oben das Querformat eingegeben, kannst du jetzt über Bild => Bilddrehung => 90 im UZS das Bild drehen. Vorbereiten des Dokuments Pfad und Ebeneneffekte / EKG mit Photoshop Farbe auswählen Die Hintergrundebene fülle ich mit Schwarz und mit ausgewähltem Pinsel-Werkzeug (B) wähle ich die Vordergrundfarbe, ein etwas helleres Rot (#ff0030). Die Pinselspitze habe mit einer Größe von 70px und einer Härte von 0% eingestellt, um eine harte Kante zu erzeugen. Erstellen des Pfades / Pfadkontur fülllen

24 Pfad und Ebeneneffekte / EKG mit Photoshop Pfad erstellen und Druck simulieren Erstelle eine neue, leere Ebene. Mit dem Zeichenstift-Werkzeug (P) zeichnest du nun die gewünschte Linie. Wenn du ein original EKG Bild haben willst, leg dir eine neue Ebene mit einem normalen EKG Bild an und zeichne die Punkte auf der Linie einfach nach. Hier wurde ein EKG freestyle erstellt. Wenn du mit dem Pfad fertig bist, klicke mit der rechten Maustaste auf die Pfadlinie und wähle Pfadkontur füllen. Im sich nun öffnenden Dialog wähle den Pinsel aus und aktiviere Druck simulieren. Der Pfad füllt sich nun als eine rote Linie. Bestätige das Dialogfeld mit OK. Mit dem drücken der Esc Taste verschwindet der Pfad, diesen benötigst du jetzt nicht mehr. Ebeneneffekte / Ebenenstil Um der Linie noch etwas tiefe zu geben, wende noch ein paar Ebeneneffekte an.

25 Pfad und Ebeneneffekte / EKG mit Photoshop Ebenenstil Schlagschatten und Abgeflachte Kante Mit einem doppelklick auf die EKG Pfad Ebene öffnet sich nun der Dialog Ebenenstil. Schlagschatten: Füllmethode Normal, Farbe Grün (#00ff0c), Deckkraft 20%, Winkel 120, Abstand 24 px, Überfüllen 0%, Größe 60px, Kontur Halbrund, Rauschen 0% Kontur: Halbrund, Bereich 30% Alle Einstellungen kannst du natürlich frei wählen und nach deinen Wünschen einstellen. Man kann natürlich auch noch weitere Spielereien machen

26 Pfad und Ebeneneffekte / EKG mit Photoshop Spielerei mit Pfaden und Effekten In diesem Sinne bleib kreativ! Pfad und Ebeneneffekte / EKG mit Photoshop Pfad erstellen und Druck simulieren

27 Pfad und Ebeneneffekte / EKG mit Photoshop Ebenenstil Schlagschatten und Abgeflachte Kante Pfad und Ebeneneffekte / EKG mit Photoshop Pfad und Ebeneneffekte / EKG mit Photoshop Farbe auswählen Pfad und Ebeneneffekte / EKG mit Photoshop Spielerei mit Pfaden und Effekten

28 Pfad und Ebeneneffekte / EKG mit Photoshop Neue Datei erstellen A4 Unterwasser Text erstellen (Swimming Pool Text Effekt) Um einen Text oder eine Grafik so erscheinen zu lassen, als wäre es auf dem Boden eines Schwimmbeckens geschrieben, kann das natürlich so fotografieren (mit ziemlich viel Aufwand) oder diese Aufgabenstellung mit Bildbearbeitung lösen. In diesem Tutorial wird gezeigt, wie du diesen Effekt erstellst und auch mittels

29 Smartobjekt jederzeit wieder ändern und anpassen kannst. Das besondere an dieser Methode ist, dass die Oberfläche und die Reflektionen des Wassers im Text oder der Grafik gespiegelt wird. Unterwasser Text erstellen (Swimming Pool Text Effekt) Arbeitsmaterial Swimming Pool Foto Original Foto von Rob Nguyen Creative Commons License Bildbearbeitungsprogramm Adobe Photoshop CC 2014 Um dein eigenes Foto zu machen, reicht schon ein Handyfoto im Schwimmbad. Start Lege dir einen neuen Ordner für das Projekt an. Lege hier das Swimming Pool Foto als JPG ab. Öffne die Datei Swimming%20Pool_Rob%20Nguyen.jpg in Photoshop und dupliziere die Ebene mit Strg + J bzw. Cmd + J oder ziehe die Hintergrundebene mit dem Verschiebenwerkzeug (V) auf das Neue Ebene erstellen Symbol. Speichere nun die Photoshop Datei unter Unterwassertext.psd ab.

30 Unterwasser Text erstellen (Swimming Pool Text Effekt) Ebene duplizieren Gaußscher Weichzeichner Diese Ebene wird für den Versetzen Effekt des Textes bzw. der Grafik im Wasser benötigt. Zuerst wird aber die duplizierte Ebene mit Filter => Weichzeichnungsfilter => Gaußscher Weichzeichner bearbeitet. Dies ergibt einen realistischeren Effekt. Als Wert für den Weichzeichner wird hier für diese Bildgröße 3 px verwendet. Je nach Bildgröße variiert der Wert. Das Wasser soll nur leicht verschwommen sein. Unterwasser Text erstellen (Swimming Pool Text Effekt) Gaußscher Weichzeichner Ebene duplizieren Wähle Ebene => Ebene duplizieren. In diesem Dialogfeld wähle folgende Optionen: Als: Hintergrund Kopie und Dokument: Neu. Als Name verwenden wir Versetzen Filter. Es öffnet sich nun ein neues Dokument mit der weichgezeichneten Wasseroberfläche.

31 Klicke nun auf Datei => Speichern unter Speichere die Datei nun als Photoshop Datei in diesem Projekt Ordner ab. Du hast nun drei Dateien in deinem Ordner liegen: Swimming%20Pool_Rob%20Nguyen.jpg + Unterwassertext.psd + Versetzen Filter.psd Unterwasser Text erstellen (Swimming Pool Text Effekt) Ebene duplizieren in neuem Dokument Das Dokument Versetzen Filter.psd kannst du nun in Photoshop schließen. Im Dokument Unterwassertext.psd kannst du jetzt auch Ebene Hintergrund Kopie löschen. Klicke hierzu mit der rechten Maustaste auf die Ebene und wähle Ebene löschen. Bestätige das sich nun öffnende Dialogfeld mit Ja. Text hinzufügen Wähle nun das Horizontaler Text-Werkzeug (T) und klicke in das Bild. Als Textfarbe wähle schwarz.

32 Unterwasser Text erstellen (Swimming Pool Text Effekt) Text hinzufügen Als Schrift kannst du jede beliebige verwenden. Hier wurde Arial Bold mit Bold verwendet mit einer Schriftgröße von 72pt. Bestätige nach Eingabe deines Textes mit dem Pfeil Symbol. Text und Formatierung kannst du beliebig wählen. Investiere aber zum Üben nicht zu viel Zeit damit. Du kannst auch optional hier eine Grafik in das Bild einfügen. Unterwasser Text erstellen (Swimming Pool Text Effekt) Text eingeben Wähle nun das Verschieben-Werkzeug (V) und drücke anschließend Strg + A bzw. Cmd + A. Damit erstellst du eine Auswahl des gesamten Dokumentes. Mit den Symbolen kannst du nun den Text horizontal und vertikal zentrieren. Mit Strg + D bzw. Cmd + D hebst du die Auswahl wieder auf.

33 Unterwasser Text erstellen (Swimming Pool Text Effekt) Text horizontal und vertikal zentrieren Smartobjekt Nun ist es an der Zeit, aus dieser Text oder Grafik Ebene ein Smartobjekt zu erstellen. Klicke mit der rechten Maustaste auf die Text / Grafik Ebene und wähle In Smartobjekt konvertieren, somit kannst du später noch den Inhalt dieser Ebene jederzeit ändern. Achja, zwischendurch mal wieder speichern Unterwasser Text erstellen (Swimming Pool Text Effekt) Smartobjekt erstellen

34 Gaußscher Weichzeichner #2 Der Gaußsche Weichzeichner wird nun ein zweites Mal eingesetzt. Diesmal mit einem Radius von 1px. Versetzen Filter Unter Filter => Verzerrungsfilter => Versetzen öffnet sich nun ein Dialogfeld. Hier gib bitte folgende Werte ein: Horizontal skalieren 20 Vertikal skalieren 20 Auf Auswahlgröße skalieren Kantenpixel wiederholen Durch bestätigen mit OK öffnet sich ein Fenster, um die Verschiebungsmatrix auszuwählen. Hier wird die Datei Versetzen Filter.psd verwendet, welche am Anfang erstellt wurde. Unterwasser Text erstellen (Swimming Pool Text Effekt) Versetzen Filter Wenn dir die Werte zu heftig oder zu schwach sind, kannst du sie mit einem Doppelklick auf Versetzen beim Smartobjekt anpassen und ändern. Hier musst du aber immer wieder aufs neue die Datei Versetzen Filter.psd angeben. Realistischer machen Der Text bzw. die Grafik sind nun mit der Wasseroberfläche mit in Bewegung. Sieht aber noch immer nicht optimal aus. Wähle nun den Ebenenmodus Weiches Licht. Bei Bedarf kannst du auch noch die Deckkraft reduzieren.

35 Unterwasser Text erstellen (Swimming Pool Text Effekt) Ebenenmodus Weiches Licht Ändern des Textes Der Unterwasser Texteffekt ist nun fertig. Willst du den Text ändern, reicht ein Doppelklick auf das Smartobjekt und kannst ihn beliebig anpassen.

36 Unterwasser Text erstellen (Swimming Pool Text Effekt) Blue Lightning TV YouTube Video Das englischsprachige Video zu diesem Tutorial findest du im Videokanal von BlueLightningTV auf YouTube. Blue Lightning TV auf Facebook Blue Lightning TV Website Blue Lightning TV auf Google+ Blue Lightning TV auf Twitter

37 Feedback Hast du auch ein Bild bemacht? Verlinke es im Kommentar. Noch Fragen oder Wünsche für weitere Tutorials? In diesem Sinne bleib kreativ!