All Articles Photoshop
Entwerfen Sie einen kühlen Out-of-Bounds Poster in Photoshop
Martin Perhiniak on Wed, March 27th 0 comments
Get your dancing shoes on! Martin Perhiniak shows from start to finish how to take a phone and a break dancing dude to create a very cool out-of-bounds effect poster using Adobe Photoshop.

Diesmal geht es um einen kühlen Anzeige auf dem Out-of-Bounds-Effekt, der eine große Interaktion zwischen den Elementen der Fotomontage erstellt und lenkt die Aufmerksamkeit auf das Produkt im darauf basierenden Entwurf sind. Dies ist, wie das endgültige Design aussehen wird:

Final project.


Und dies sind die zwei Fotos wir für das Tutorial zu verwenden:

Dancer

Phone


Lets loszulegen, sollen wir? :)


Schritt 1 - Öffnen Sie die beiden Dateien

Öffnen Sie beide Dateien in Photoshop und zu sehen, sie nebeneinander Verwendung Fenster

Pic 1.


Schritt 2 - Starten Sie den Aufbau der Composite

Wir können das Verschieben-Werkzeug und ziehen Sie das Telefon Bild auf der Tänzerin Bild. Nachdem die beiden Bilder im selben Dokument sind, können wir das Dokument schließen des Telefons Bild. Wenn das Telefon Bild größer ist als hier dargestellt, keine Sorge, wir werden sie später in Schritt 4 ändern.

Pic 2.


Schritt 3 - Separate das Telefon Bild aus dem Hintergrund

Wir sollten das Telefon Schicht in ein Smart-Objekt drehen, bevor Größenänderung die ursprüngliche Qualität des Bildes zu erhalten. Dazu müssen wir einfach nach rechts auf dem Handy-Schicht und wählen Sie Smart-Objekt konvertieren. Sobald dies geschehen ist können wir doppelt auf die Miniatur der Schicht klicken, um die Quelle des Smart Object bearbeiten.

Einmal drin können wir eine Auswahl von Hintergrund und speichern Sie es als Pixelmaske. Der Vorteil für die Einsparung einer Maske in ein Smart-Objekt ist, dass es auch unabhängig von den Transformationen des Smart Object sich. Es bedeutet, dass die Qualität der Pixel Maske in der Smart-Objekt nach Größe Veränderungen gewohnt betroffen sein.

Der beste Weg, in diesem Fall, um schnell den gesamten Hintergrund zusammen mit der Reflexion des Telefons ist die Zauberstab-Werkzeug und klicken Sie in der Gegend um das Telefon.

Pic 3.


Einmal haben wir die Auswahl sichtbar, oben können wir es als ein Pixel-Maske speichern, indem Sie auf die Maske Symbol am unteren Rand der Ebenen-Bedienfeld. Wenn die Maske fertig ist müssen wir seine Farben mit Bild invertieren

Jetzt können wir die Änderungen speichern wir die Quelle des Smart Object getan haben und wir schließen, um zurück zu unserem Verbund:

Pic 4.


Schritt 4 - Größe ändern und legte den Hörer an Ort und Stelle

Jetzt, da wir entfernt die Telefone Hintergrund haben wir das Werkzeug Frei transformieren aus dem Menü Bearbeiten (Command / Control-T) verwenden können, um es kleiner und verschieben Sie sie in der rechten oberen Teil des Hintergrunds Foto:

Pic 5.


Schritt 5 -

Diesmal geht es um eine Vektor-Maske, die außerhalb des Smart Object platziert werden können verwendet werden, wie es die Qualität wird nicht verlieren, wenn die Größe des Schicht. Vector Masken sind unabhängig von der Auflösung im Gegensatz Pixel Masken, sondern bearbeiten sie vielleicht ein bisschen komplizierter besonders für jemanden, meist nicht mit Pfaden zu arbeiten.

Um einen Vektor Maske zu erstellen, um den Bildschirm des Telefons zu verbergen,

Sobald das Rechteck Weg ist an Ort und Stelle können Sie Layer-

Pic 6.


Ihr Bild möglicherweise nicht wie meine aussehen. Der Grund dafür ist der Vektor-Masken Pfad Betrieb. Achten Sie darauf, wählen Sie den Pfad, den Sie für die Vector Maske mit Path Selection Tool verwendet und dann den Pfad Betrieb nach vorne Form abziehen, damit es funktioniert:

Pic 7.


Schritt 6 - Den Hintergrund auf Schwarz

Dieser Schritt wird es sehr einfach im Vergleich zu den bisherigen Schritte. Wir müssen einfach eine schwarze erstellen

Pic 8.


Schritt 7 - Verbesserung der Flexibilität des Designs

Um die Dinge einfacher können wir sogar kombinieren die beiden Vektor-Masken in einem. Wenn Sie die gleiche Maskierung für mehrere Ebenen, die Sie tun sollten, die folgende Sache. Wählen Sie beide Schichten und drücken Sie Command / Control-G um ein Layer-Gruppe erstellen aus ihnen heraus. Sobald Sie die Gruppe, die Sie per Drag & Drop die Vector Maske auf die Gruppe aus einer der Schichten und löschen Sie die anderen Maske. Dies ist, was sollten Sie in Ihrem Ebenenbedienfeld haben:

Pic 9.


Dank mit nur einem gemeinsamen Vektor-Maske können wir leicht bewegen die ganze Schicht Gruppe um und der Effekt wird das Telefon zu folgen.


Schritt 8 - Maskierung des Fußes

Um die Dinge noch komplizierter, werden wir ein weiteres Pixel Maske über alle anderen Maskierung haben wir bereits hinzuzufügen. Dies kann direkt auf der Layer-Gruppe hinzugefügt werden, oder Sie können auch eine andere Fraktion der vorherigen Gruppe. Sobald Sie diese neuen Pixel-Maske haben, können Sie mit dem Pinsel-Werkzeug und ziehen Sie über die Ferse mit schwarzer Farbe:

Pic 10.


Was passiert, technisch ist, dass wir verstecken sowohl die Telefon-und die schwarze

Pic 11.


Alles in allem Maskierung sehen kann, ist sehr effektiv und macht die ganze Workflow komplett nicht-destruktiv. Es ist ein riesiger Vorteil, da sie sparen uns eine Menge Zeit, wenn wir Änderungen am Entwurf vornehmen müssen. Wenn Sie die Maskierung gewöhnen kann, wird es auch Ihnen helfen, kreativer zu sein und frei, wenn die Gestaltung mit Photoshop.

Ich hoffe, Sie haben dieses Tutorial genossen und gut gemacht für Ihre harte Arbeit :)

Related Videos
Comments (0)

You must be logged in to comment.

Custom Brush Controls & Grunge Brush Creation
Photoshop CS5 406
Dream It. Do It.
Do you want to learn Custom Brush Controls & Grunge Brush Creation?
Yes, I want to learn!
No Thanks, I just want to read the article.
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: