Montag, 8. Juni 2015

Wie Hintergrund aus einem Bild in Photoshop entfernen

Ein Foto ohne Hintergrund können Sie für viele verschiedene Zwecke verwendet werden - Sie können es in einer Collage zu bleiben, es ein Logo hinzufügen, oder schlagen sie auf einer Webseite. Dies ist wahrscheinlich, warum das Entfernen der Hintergrund ist eines der ersten Dinge, die ein Designer lernt, in Photoshop zu tun.
In diesem Tutorial werden wir die Kante verbessern Werkzeug in Photoshop verwenden, um den Hintergrund von einem Bild zu entfernen. Die Kante verbessern ist ein leistungsfähiges Werkzeug für die Herstellung kompliziert Auswahl. 
[Anmerkung: die "Kante verbessern" Befehl in diesem Tutorial verwendet wurde zuerst in CS5 eingeführt. Ältere Versionen von Photoshop wird nicht mit diesem Tutorial zu arbeiten. ]

Wie Hintergrund aus einem Bild entfernen

In diesem Tutorial werden wir diese verwenden beeindruckende Bild eines Falken wir auf SXC.hu. gefunden Es ist kostenlos zu benutzen, so dass Sie gehen können, vor und ändern Sie es, wie Sie möchten.
Wenn wir fertig sind, wird das Bild in etwa so aussehen:

Schritt 1: Erstellen Sie eine Schicht aus dem Hintergrund

Nach dem Download und belastet das Bild in Photoshop haben, können Sie sie in eine neue Ebene zu drehen.
Um dies zu tun, Blick auf die Ebenen-Bedienfeld in der unteren rechten Ecke (wenn Sie es, drücken Sie F7 nicht sehen oder gehen Sie auf Windows -> Ebenen). Hier finden Sie eine Miniaturansicht des Bildes zu sehen mit einem Etikett gekennzeichnetHintergrund und ein Schlosssymbol neben es sagt.
Klicken Sie rechts auf dieser Ebene und wählen Sie "Ebene aus Hintergrund" aus dem Kontextmenü.
Hier finden Sie eine Eingabeaufforderung erhalten Sie gefragt werden, um die Schicht einen Namen geben. Nennen Sie es, was Sie wollen (beschreibende Namen helfen Schichten später zu finden).

Schritt II: Die Wahl der richtigen Auswahlmethode

Dies ist der schwierige Teil.
Es gibt eine Reihe von Möglichkeiten, um eine Auswahl in Photoshop machen. Einige davon sind:
  • Zauberstab-Werkzeug: Dieses Werkzeug ermöglicht die automatische Auswahl anhand von Differenzen zwischen dem Hintergrund und Vordergrund der Bilder.
  • Quick Selection Tool: Eine halbautomatische Version des obigen. Sie müssen die Regionen, die ausgewählt werden sollen.
  • Lasso-Tool: Der Lasso-Werkzeug ist für die manuelle Auswahl von Bildteilen, nicht so toll zum Extrahieren der Hintergrund aus dem Bild.
  • Farbauswahl: Wählen Sie aus Zugriff -> Farbbereich, dieses Tool können Sie den Hintergrund auf der Grundlage der Farbunterschied zwischen Hintergrund und Vordergrund zu entfernen. Besonders leistungsfähige, wenn der Hintergrund von einer Farbe nicht umfassend in das Bild verwendet (sagen wir, eine schwarze Katze auf einem weißen Hintergrund).
In diesem Bild können wir nicht Farbbereich oder Zauberstab-Werkzeug, weil die Farbe des Vogels ist sehr nah an der Farbe des Hintergrunds. Stattdessen werden wir die Schnellauswahl-Werkzeug verwenden. Sie können es von der schwimmenden Toolbox auf der linken Seite zu gelangen.

Schritt III: der Auswahl

Mit dem Schnellauswahl-Werkzeug ausgewählt haben, bewegen Sie den Mauszeiger über das Bild. Der Cursor wird zu einem Pluszeichen (+) in einem Kreis zu ändern.
Durch Klicken auf einen beliebigen Teil des Bildes wählt automatisch seine Nähe Teile. Die Auswahl wird durch Photoshop "marschierenden Ameisen" Umriss hervorgehoben.
Da wollen wir nur den Falken zu wählen, halten Sie mit der Maus und starten Sie Zeichnung an den Rändern des Vogels.Versuchen Sie, nur den Vogel und nicht den Bereich um ihn auszuwählen. Wenn Sie am Ende der Auswahl Außenbereichen, halten Sie einfach ALT (Windows) drücken - Cursor wird zu einem negativen Vorzeichen ändern (-) -, und deaktivieren Sie diese Regionen.
Haben wir ein weiteres Ass im Ärmel, das zu tun - nicht darum, es Pixel Perfect kümmern. Im Moment versuchen, so nah kann man an den Rändern so schnell wie möglich zu bekommen.
Dies ist, was Ihre endgültige Auswahl sollte folgendermaßen aussehen:
Schritt IV: Verfeinerung der Auswahl
Das Angebot sieht ziemlich schön als solche, aber es fühlt sich immer noch ein wenig künstlich - wie ein Pappaufsteller. Wollen wir sie natürlicher aussehen, so werden wir die "Kante verbessern" Werkzeug auswählen.
Sie können dieses Tool zugreifen, indem Sie entweder auf die "Kante verbessern" Schaltfläche in der Schnellauswahl oberen Menü.
Oder Sie können es in der Select finden -> Kante verbessern Menü.
Klicken Sie auf diesen Button und der Kante verbessern Fenster öffnet-up.
Um unsere Arbeit ein wenig zu erleichtern, klicken Sie auf den kleinen Pfeil neben dem "Ansicht" und wählen Sie "On Black".Alternativ können Sie "B" drücken
Ihr Bild sollte jetzt einen schwarzen Hintergrund. Der Hintergrund hat sich erst geändert. Dies ist nur eine Vorschau unsere Auswahl klarer zu machen.
Um die Auswahl zu verfeinern, haben wir ein paar Optionen:
  • Verwenden Kantenerkennung: Durch Aktivieren "Smart Radius 'in der Kante verbessern Menü und die schrittweise Erhöhung / Verminderung des Radius, können wir in einem viel natürlicher Auswahl zu gelangen. 
  • Passen Kanten: Durch Einstellung der Glattheit, Kontrast usw. der Kante, können wir ein viel klareres Auswahl zu bekommen. 
  • Farbe Dekontamination: Dieser letzte Werkzeug "dekontaminiert" - dh entfernt Hintergrundfarbe von den Rändern. 
Der Ausgangspunkt jeder Kantenverfeinerung Übung sollte die Option Rand Anpassung. Stellen Sie sicher, dass "Smart Radius 'aktiviert sie den Radius Schieberegler bewegen, bis Sie Ihre Auswahl sieht natürlicher aus.
Für eine noch größere Auswahl verfeinern, klicken Sie auf die Schaltfläche "Erweiterte Radius Tool 'Symbol neben' Flankenerkennung ':
Ihren Mauszeiger auf ein Pluszeichen ändern. Zeichnen Sie eine grobe Skizze um das ausgewählte Bild. Ihre Auswahl wird viel mehr feine jetzt aussehen.
Spielen Sie mit der Option "Anpassen Edges", wenn Sie wollen, auch wenn Sie wirklich nicht es zu diesem Bild müssen (viel hilfreicher, wenn mit Haaren oder Fell).
Sobald Sie mit der Auswahl zufrieden sind, wählen Sie "Neue Ebene mit Ebenenmaske" in der "Output To:" Drop-Down-Menü unten und drücken Sie OK.
Der Hintergrund des Bildes, wie Sie sehen werden, ist weg!
Jetzt können Sie tun, was Sie wollen, mit dem Bild.
Sie können eine feste Hintergrundfarbe:
Oder fügen Sie eine andere Hintergrundbild:
Sie können dieses Bild in Comics, Web-Grafiken, oder eine Print-Design verwenden - die Möglichkeiten sind grenzenlos!
Wie Sie sehen können, die Arbeit mit Photoshop ist nicht wirklich so schwierig. 

Sonntag, 13. April 2014

HOW TO: Erstellen Sie eine Mobile-App Icon in Photoshop

Tutorial Assets

Folgende Vermögenswerte wurden während der Produktion dieses Tutorial.

Schritt 1

Erstellen Sie ein neues Dokument. In diesem Tutorial werden wir die Gestaltung unserer Symbol 1024x1024 Pixel, aber fühlen Sie sich frei, um Ihnen bei 256x256 oder 512x512 Pixel entwerfen.

Schritt 2

Mit den abgerundeten Rechteck-Werkzeug (U) eine Form zeichnen mit einem roten Farbe. (Ich probierte das Pipette-Werkzeug (I) auf der offiziellen PSDTUTS +-Symbol).

Schritt 3

Mit dem Pinsel-Werkzeug (B) Malen einen lebendigen hellrote Farbe auf einen Lichtfleck auf der rechten oberen Teil des Symbols erstellen.

Schritt 4

In einen schwarzen Schatten mit dem Pinsel-Werkzeug. Verwenden Sie das Bild als Referenz.

Schritt 5

In eine Form wie diese oben auf das Icon mit dem folgenden Ebenenstil.

Schritt 6

Duplizieren und reduzieren die letzte Form mit Cmd / Strg + T. In einer neuen Ebene, als Schnittmaske gesetzt (Alt-Klick in der Trennlinie zwischen zwei Schicht in Ebenenpalette), malen etwas Licht roter Farbe mit dem Pinsel-Werkzeug (B ).

Schritt 7

Grenzen Sie die oberen Lichter mit dem Pinsel-Werkzeug (B) abwechselnd hell und dunkel rot.

Schritt 8

I verfeinert den unteren Teil mit der gleichen Weise wie im vorherigen Schritt.

Schritt 9

In einer separaten Ebene mit Rechteck-Auswahl-Werkzeug (M) in zwei dünnen Streifen und wählen Sie den Mischmodus in Overlay.

Schritt 10

Stellen Sie eine rechteckige Auswahl. Füllen Sie es mit dem Verlaufswerkzeug (G) gesetzt Weiß auf Transparent. Verzerren die Schicht mit Cmd / Strg + T und setzen der Füllmethode auf Überlagern.

Schritt 11

Erstellen Sie eine neue Ebene und mit dem Auswahlrechteck (M) wählen Sie einen dünnen Streifen von Pixel. Füllen Sie es mit schwarzen und verzerren die Schicht mit Cmd / Strg + T, um ein Ergebnis wie im folgenden Bild zu erhalten. Legen Sie die Schicht in der Nähe der Grenze von der Mitte weiß Farbverlauf. Wie Sie sehen, kann ich dupliziert die Streifen für die rechte Seite.

Schritt 12

Grenzen der Schatten mit dem Pinsel-Werkzeug (B) in einer neuen Ebene.

Schritt 13

Fügen Sie zwei Höhepunkte Streifen. Verwenden Sie den Schritt 11 Verfahren wieder.

Schritt 14

Wenig Einstellung mit dem Pinsel-Werkzeug (B) mit dem mittleren Scheinwerfer und Grenzen. Ich mache eine Gruppe mit den Mittelschichten und eine Ebenenmaske hinzugefügt, um die Linien zu glätten nur ein bisschen.

Schritt 15

Fügen Sie eine subtile Textur auf das Symbol mit dem Filter Lärm> Rauschen hinzufügen, stellen Sie den Mischmodus auf Weiches Licht. Versuchen Sie, die Schicht mit Cmd / Strg + T. ändern

Schritt 16

Mit der rechteckigen Form-Werkzeug (U) erstellen ein Plus Form und fügen Sie die folgende Ebenenstil.

Schritt 17

Duplizieren Sie die Plus-Form und verschieben es ein bisschen auf den Boden mit dem Verschieben-Werkzeug (V). Fügen Sie diesen Ebenenstil.

Schritt 18

Fügen Sie einige Überlegungen mit dem Zeichenstift-Werkzeug (P). Zeichnen Sie einige zufällige schwarze Gestalt und mit einer niedrigen Schicht Deckkraft.

Schritt 19

Ich verfeinert die Grenze des oberen Quer Zugabe weißen Linien mit dem Stift-Werkzeug.

Schritt 20

Zauberstab-Zeit. In einen schwarzen Zylinder-Form mit diesem Ebenenstil.

Schritt 21

In einem anderen weißen Formen auf dem Zauberstab mit diesem Stil.

Schritt 22

Und schließlich die letzte Form mit folgenden Ebenenstil.

Schritt 23

Die Bürste wird aus zwei Teilen zusammengesetzt. Zuerst ziehen die Hauptform mit dem Zeichenstift-Werkzeug (P). Verwenden Sie diese Ebenenstil.

Schritt 24

Mit dem Pinsel-Werkzeug (B) starten, um in der Bürste mit einem kleinen harten Pinsel zu malen. Verwenden Sie den Abstand Anstand in der Pinselpalette (F5), um die Geschwindigkeit dieser Schritt zu steigern. Versuchen Sie, die Farbe des Pinsels zu ändern.

Schritt 25

Ich habe einen Bodenschatten und mit gelben Oberteil mit dem Pinsel-Werkzeug (B) in einer neuen Schicht gefärbt.

Schritt 26

Zeichnen Sie eine Zylinderform mit dem Stift-Werkzeug (P) gelten die folgenden Ebenenstil.

Schritt 27

Legen Sie die Holzstruktur im Dokument und es auf der vorherigen Form als Schnittmaske im Overlay-Modus.

Schritt 28

Für das Metallteil, ziehen andere Form mit diesem Ebenenstil. Ich verfeinerte die Schatten dieser Teil in einer neue Ebene durch die Malerei etwas innen schwarz.

Schritt 29

Erstellen Sie eine neue Ebene und malen den Rauch mit dem Pinsel-Werkzeug (B) mit lila und gelben Farben.

Schritt 30

Zeichnen Sie einen Stern mit dem Eigene-Form-Werkzeug. Fügen Sie diesen Ebenenstil.

Schritt 31

Duplizieren Sie die Sternform und machen es dunkler, indem Sie eine dunkelgelbe Farbe. Vereinbaren Sie diese Schicht hinter der vorherige. Ich dupliziert den Stern zweimal und legte die kopiert ein um den Zauberstab in der verschiedenen Größe.

Schritt 32

Ein letzter Schritt ist, um die gesamte Symbol Beleuchtung in einer separaten Ebene mit dem Pinsel-Werkzeug (B) zu verfeinern. Ich habe einige kleine Details zu dem Symbol, wie Lacktropfen, Schein, Schatten einfach nur malen.

Schritt 33

Ich habe ein blaues Licht zwischen den Objekten mit dem Pinsel-Werkzeug (B) in einer neuen Ebene.
Anzeige

Schritt 34

Schließlich habe ich einen Schatten auf das Symbol, und einer benutzerdefinierten orange Hintergrund, in separate Ebenen.

Endgültiges Bild