Machen Sie Pixelkunst in Photoshop (ultimative Anleitung Pixel Art Photoshop)
Die meiste Zeit brauchen wir qualitativ hochwertige Bilder und Porträts, aber manchmal brauchen wir ein pixeliges Bild, um es in unserem Design zu verwenden, oder wir brauchen nur Pixelkunst von jedem Bild von uns. Ich werde Ihnen die genaue Methode zeigen, wie Pixel-Art Photoshop von jedem Objekt oder Porträt von jedem Bild zu machen.
Jetzt haben Sie Ihr Bild aufgenommen und wollten es pixelig aussehen lassen wie alte lustige Retro-8-Bit-Pixelkunst.
In dieser Situation haben wir Photoshop, um Bilder in Pixelkunst umzuwandeln Photoshop macht sie pixelig.
Wenn Sie lernen möchten, wie Sie pixelige Logos oder Symbole in hochauflösende Symbole konvertieren, klicken Sie hier!
Wenn Sie nun die vollständige Technik zum Erstellen dieser Pixelkunst in Photoshop erlernen möchten, müssen Sie nur bis zum Ende des Artikels bei mir bleiben.
Denn in diesem Artikel zeige ich Ihnen die ultimative Schritt-für-Schritt-Anleitung, wie Sie Pixel Art Photoshop erstellen und so etwas wie ein lustiges, Retro-, 8-Bit-altes Pixelbild erstellen.
Inhaltsverzeichnis
Schritt 1: Einrichten einer Pixel-Art-Datei
Gehen Sie in Photoshop zu Datei > Neu. Benennen Sie das Dokument Ihrer Wahl. Legen Sie die Datei auf die folgenden Abmessungen fest:
- Breite auf 500 px
- Höhe auf 500 px
- Ausrichtung auf Querformat
- Auflösung auf 50
- Farbmodus auf RGB
Klicken Sie dann auf Erstellen.
Schritt 2: Bild des Motivs öffnen
Öffnen Sie ein Foto von jemandem oder etwas, das Sie für dieses Projekt verwenden möchten. Ziehen Sie dazu einfach das Bild des Motivs per Drag & Drop in Ihr Dokument oder gehen Sie zu Datei > Eingebettet platzieren.
Dadurch werden Sie aufgefordert, zum Speicherort des Bildes zu gehen und es zu öffnen.
Der erste Schritt besteht darin, die Größe zu ändern, um die gewünschten Ergebnisse zu erzielen.
Wenn Sie den unteren Rand Ihres Motivs in eine kreisförmige Form zuschneiden möchten, öffnen Sie Ihr Elliptisches Auswahlwerkzeug, gehen Sie in die Nähe einer Ecke und halten Sie die Umschalttaste gedrückt, während Sie eine kreisförmige Auswahl darüber ziehen.
Wir schneiden unser Motiv innerhalb der Auswahl aus, indem wir Strg oder Cmd + J drücken, um ein Duplikat der Auswahl zu erstellen.
Klicken Sie auf das Augapfelsymbol neben der unteren Ebene, um es auszublenden.
Schritt 3: Hintergrundentfernung
Als nächstes löschen wir den Rest des Hintergrunds hinter unserem Motiv und maskieren Ihr Motiv.
Es gibt viele Möglichkeiten, dies zu tun, und Ihre Methode sollte von den Eigenschaften Ihres Fotos abhängen.
Wenn der Hintergrund in diesem Beispiel reinweiß oder eine andere Farbe ist, können Sie mein Zauberstab-Werkzeug verwenden.
Sie können die Toleranz auf 10 setzen und sicherstellen, dass „Zusammenhängend“ aktiviert ist. „Zusammenhängend“ stellt sicher, dass nur der weiße Bereich außerhalb meines Motivs ausgewählt wird.
Ich habe also verschiedene Arten von Auswahlwerkzeugen in Photoshop und einige von ihnen verwenden auch KI, um die Auswahl zu vervollständigen.
- Rechteckiges Festzelt: Mit diesem Werkzeug können Sie rechteckige Teile eines Bildes auswählen.
- Lasso: Mit diesem Auswahlwerkzeug können Sie Ihren eigenen Freiform-Umriss dessen zeichnen, was Sie auswählen möchten. Dies funktioniert am besten für Bereiche, die nicht als Formen gelten.
- Schnellauswahl: Dieses Werkzeug wird wie das Lasso-Werkzeug verwendet, außer es funktioniert am besten auf einem Bereich mit klar definierten Kanten. Sie ziehen die Maus und der Umriss „rastet“ an den Rändern ein.
Sie können Schnellauswahlwerkzeuge verwenden, um die Auswahl zu treffen, und wenn Sie bei der Auswahl vollkommen genau sein möchten, können Sie das Stiftwerkzeug verwenden, um dies zu tun.
Aber wie man Auswahlen trifft, ist nicht das Tutorial, also sollten wir keine Zeit damit verschwenden, zu lernen, wie man Objekte auswählt.
Verwenden Sie eines der Auswahlwerkzeuge, die Sie verwenden möchten, und wählen Sie den Hintergrund aus.
Um die Auswahl aufzuheben, drücken Sie Strg oder Cmd + D auf Ihrer Tastatur.
Schritt 4: Strich hinzufügen
Jetzt müssen wir einen schwarzen Strich um unser Motiv hinzufügen, damit es mehr wie 8-Bit-Retro-Pixelkunst aussieht, aber alles hängt von Ihnen ab.
Sie können diesen Schritt zum Anwenden des Strichs überspringen.
Um einen Strich hinzuzufügen, klicken Sie mit der rechten Maustaste auf die Motivebene und wählen Sie Mischoptionen.
Wählen Sie nun in der Mischoption Strich und in den Stricheinstellungen.
Stellen Sie die Farbe auf Schwarz, die Größe auf 5 Pixel und die Position auf „Außen“ ein. Klicken Sie dann auf OK oder drücken Sie die Eingabetaste oder die Eingabetaste.
Schritt 5: Konvertieren in Pixel Art Photoshop
Jetzt müssen wir unseren Filter anwenden, um das Bild pixelig zu machen. Aber bevor wir unser Bild in Pixelkunst konvertieren, müssen wir unser Bild in ein intelligentes Objekt konvertieren, damit wir Filter und zusätzliche Anpassungen zerstörungsfrei hinzufügen können.
Klicken Sie dazu im Ebenenbedienfeld mit der rechten Maustaste auf die Objektebene und klicken Sie auf „In Smartobjekt konvertieren“.
Jetzt können wir Filter zerstörungsfrei anwenden, also gehen Sie zu Filter > Pixelate > Mosaic.
Machen Sie die Zellengröße 10 quadratisch oder Sie können einen beliebigen Wert nach Ihren Wünschen verwenden.
Schritt 6: Hinzufügen von Funktionen zu Pixelkunst Photoshop
Wie Sie sehen können, haben wir unsere Pixelkunst fast fertig, aber wir müssen eine Funktion hinzufügen, wenn unser Porträt oder Objekt korrekt angezeigt werden muss.
Als nächstes fügen wir schwarze und weiße Quadrate hinzu, um bestimmte Merkmale unseres Charakters hervorzuheben. Ich zeige Ihnen 2 Möglichkeiten, es zu tun.
Zuerst zeige ich Ihnen, wie es geht, wenn Sie eine frühere Version als CC verwenden. Dann werde ich zeigen, wie es mit CC oder höher geht, was eine genaue Methode hat.
Früher als Photoshop CC:
Wenn Sie eine frühere Version als CC verwenden, erstellen Sie ein neues Dokument, indem Sie Strg oder Cmd + N drücken, oder gehen Sie zu Datei und Neu. Machen Sie die Breite und die Höhe jeweils 10 Pixel und die Auflösung 50 Pixel pro Zoll. Die Farbe ist schwarz. Klicken Sie dann auf „Erstellen“ oder „Öffnen“.
Um es in seiner maximalen Größe auf Ihrer Leinwand anzuzeigen, drücken Sie Strg oder Cmd + 0. Gehen Sie zu Bearbeiten und „Pinselvorgabe definieren“. Wenn dieses Fenster angezeigt wird, klicken Sie einfach auf OK.
Öffnen Sie Ihr Pixel-Art-Dokument zurück. Lassen Sie uns unabhängig von der verwendeten Version die hellsten Quadrate am Rand Ihres Charakters entfernen.
Gehen Sie zu Auswählen und „Farbbereich“. Wählen Sie „Highlights“. Stellen Sie sicher, dass die Unschärfe 0% und der Bereich 1 beträgt.
Klicken Sie auf das Symbol Ebenenmaske, um eine Ebenenmaske der Auswahl neben der aktiven Ebene zu erstellen.
Wir erstellen eine neue Ebene unter der aktiven Ebene, indem wir bei gedrückter Strg- oder Cmd-Taste auf das Symbol für die neue Ebene klicken. Wir verwenden diese Ebene als Hintergrund.
Füllen wir es vorerst mit Weiß, und da Weiß unsere Hintergrundfarbe ist, drücken Sie Strg oder Cmd + Entf. Klicken Sie auf die oberste Ebene, um sie zu aktivieren, und erstellen Sie eine neue Ebene darüber.
Öffnen Sie für frühere Versionen als CC Ihr Bleistiftwerkzeug und Ihre Bleistiftauswahl. Das letzte Miniaturbild ist das Preset, das wir zuvor gespeichert haben.
Klicken Sie darauf, um es zu aktivieren, und stellen Sie sicher, dass seine Deckkraft 100% beträgt.
Diese erste Methode erfordert große Sorgfalt bei der Ausrichtung direkt über dem Quadrat darunter.
Wenn es nicht genau ausgerichtet ist, drücken Sie Strg oder Cmd + z, um den letzten Schritt rückgängig zu machen, und versuchen Sie es erneut.
Um Ihren Pinsel weiß zu machen, drücken Sie „x“ auf Ihrer Tastatur, um Ihre Vorder- und Hintergrundfarben umzukehren.
Photoshop CC oder höher:
Für diejenigen, die CC oder höher verwenden, gehen Sie zu Ansicht und „Neues Führungslayout“. Geben Sie in den Spalten und Zeilen jeweils 50 Pixel ein und lassen Sie alles andere ungefüllt und deaktiviert.
Wenn Sie die Richtlinien nicht sehen, drücken Sie Strg oder Cmd + H. Beachten Sie, dass unsere Richtlinien perfekt mit den Quadraten des Zeichens übereinstimmen.
Öffnen Sie Ihr „Rechteckiges Auswahlwerkzeug“ und stellen Sie sicher, dass das Symbol „Zur Auswahl hinzufügen“ aktiv ist. Dies fügt unserem Bild zusätzliche Auswahlen hinzu, wenn wir sie erstellen.
Gehen Sie zur Ansicht und stellen Sie sicher, dass „Snap“ sowie „Guides“ aktiviert sind. Dadurch wird sichergestellt, dass die von uns hinzugefügten Auswahlen am Raster einrasten.
Nachdem Sie eine Gruppe von Auswahlen getroffen haben, füllen Sie sie mit Schwarz und deaktivieren Sie sie.
Wenn Sie Ihren Charakter ohne die Richtlinien sehen möchten, drücken Sie Strg oder Cmd + H. Um sie wieder sichtbar zu machen, wiederholen Sie die gleichen Tastenanschläge.
Schritt 7: Anpassen von Farben und Helligkeit
Um die Kunst populärer zu machen, müssen wir unserem Bild ein wenig Sättigung und Kontrast hinzufügen.
Gehen Sie dazu zum Ebenenbedienfeld, erstellen Sie eine Ebene zur Helligkeits- / Kontrasteinstellung und erhöhen Sie in ihrer Einstellung den Kontrast auf etwa 20+ bis 40+. Sie können auch mit der Helligkeit spielen, um bessere Ergebnisse zu erzielen.
Gehen Sie als Nächstes zum Ebenenbedienfeld und erstellen Sie eine Einstellungsebene für Farbton / Sättigung. Erhöhen Sie in dieser Einstellung die Sättigung auf etwa 10+ bis 20+.
Schritt 8: Hinzufügen einer neuen Hintergrundfarbe
Jetzt können wir unserer Pixelkunst einen neuen Hintergrund hinzufügen, indem wir ihn in das Dokument importieren und die Hintergrundebene unter der Motivebene platzieren.
Sie können einfach eine Volltonfarbebene erstellen, eine neue Farbe auswählen und die Ebene unter der Motivebene verwenden, um eine Hintergrundfarbe einer beliebigen Farbe zu erstellen.
Fazit
Dies sind einige Schritte, die Sie befolgen Sie können Pixelkunst in Adobe Photoshop in wenigen Sekunden erstellen. Lesen Sie den Artikel einfach einmal, probieren Sie es aus und Sie können loslegen!
Stellen Sie sicher, dass Sie Ihr Feedback und Ihre Vorschläge zum Artikel kommentieren.
Häufig gestellte Fragen
- Was ist Pixel Art?
Antwort: Pixelkunst ist eine Form der digitalen Kunst, die durch den Einsatz von Software erstellt wird, bei der Bilder auf Pixelebene bearbeitet werden. Die Ästhetik für diese Art von Grafik stammt von 8-Bit- und 16-Bit-Computern und Videospielkonsolen sowie von anderen eingeschränkten Systemen wie Grafikrechnern.
- Wo kann man Pixelkunst machen?
Antwort: Es gibt viele Online-Tools, aber die vielseitigste Software, mit der Sie Pixelkunst in Adobe Photoshop erstellen können.
Ich bin ein Grafikdesigner mit 5+ Jahren Erfahrung. Spezialisiert auf Adobe Photoshop.
Informieren Sie sich über Photoshop-Bearbeitung, Photoshop-Manipulation, Logo-Design, Flyer, Visitenkarten, Cartoon-Porträts und jede Art von Arbeit im Zusammenhang mit Grafikdesign und Photoshop-Bearbeitung.