Lernen, wie man Draw Handgefertigte Pixel Art in Photoshop
Pixel Illustrationen ist groß für die Herstellung von Computer-Icons, isometrische Bilder und sogar ganze Szenen. Sie können schnell vorgenommen werden und leicht Photoshop mit ein paar schnellen Veränderungen an den Präferenzeinstellungen.
Der einzige Nachteil ist jedoch, dass die Pixel-Kunst sieht am besten, wenn jedes Pixel von Hand mit einigen Photoshop-Filter im Gegensatz platziert. Das ist richtig, von Hand gelegt - ich weiß, das ist vor allem ein wenig verrückt klingt, wenn einige Pixel Szenen Tausende von Pixeln in ihnen haben. Aber ohne die Hand Platzierung Ihrer Pixel-Kunst wie ein schlechtes Lo Res Bild sehen kann, also Vorsicht!
Ich denke, eine gute Faustregel gilt: vor dem Start ausgeschaltet ist, dass Sie Ihre Kreation als eine Gruppe von verschiedenen farbigen quadratischen Steine klar sehen können sollte, aber dann, wenn man die Augen schielen und verwischen Sie können es als ein Bild ausmachen. Stellen Sie sich vor, dass Sie ein Fliesenmosaik machen, nur Sie brauchen keine Fugenmasse.
Unten ist ein komplettes Stück Pixelkunstwerk, werden wir einige der Grundstücke in dieser Arbeit werden zu schaffen.
OK lassen Sie uns einrichten zu ziehen. Gerade falls Sie nicht über eine Kopie von Photoshop haben, gibt es einige kostenlose dedizierte Pixel Zeichenprogramme zum kostenlosen Download:
Ich habe ein Spiel hatte, um mit beiden Programmen, kam aber zu Photoshop zurück, weil ich an die Tastaturbefehle verwendet werde.
Okay, wir Einrichten einer Seite
- Öffnen Sie zunächst die Voreinstellungen in Photoshop und stellen Sie die Bild Interpolation „Nearest Neighbor“.
- Erstellen Sie eine neue Seite 300 px von 300 Pixel bei 72 dpi.
- Wählen Sie das Stift-Werkzeug auf 1 Pixel. Die Bleistift und Radiergummi-Tools sind die einzigen Werkzeuge, die Sie wirklich benötigen.
- Gelegentlich könnten Sie den Zauberstab verwenden, um einen Bereich wählen zu füllen, nur sicher Anti-Alias machen ausgeschaltet ist.
Wenn Sie das Pinsel-Werkzeug auf ein satten 9 Pixel anstelle von 1 verwendet haben, erhalten Sie Anti-Aliasing auftritt, und das wird den Hard-Edge-Pixeleffekt verdirbt. Halten Sie sich also auf 1 Pixel. „Keep it lehnen halten es bedeuten“, wie meine Mutter zu sagen pflegte.
Wenn Ihr Pixelzeichnung bei 100% (tatsächliche Größe) der Stift-Werkzeug auf 1 Pixel betrachtet wird breit ist sehr klein, so dass Sie könnte es schwer zu sehen und zu manipulieren zu finden. Eine Idee ist die Ansicht auf 800% zu vergrößern, damit Sie sehen, was Sie tun. Ich habe oft ein zweites Fenster öffnet in Photoshop mit der gleichen Bildschirm Ansicht auf 200%, so kann ich schnell sehen, wie meine Zeichnung nahe nachschlägt und auch von etwas weiter weg zugleich.
Wir können unsere Arbeit doc als PSD-Datei und Export für die Verwendung im Web später als GIF-Datei speichern. Wir können auch die Datei vergrößern danach und zu einem TIF für CMYK-Druck.
Lassen Sie uns beginnen Zeichnung
Erstellen Sie die Idee von Text auf der Seite mit einigen einzelnen Pixelzeilen. Sehen Sie, wie wir einen leichten Knick in der Linie setzen den Eindruck einer leichten Kurve auf der Seite zu geben.
Sobald Sie die Grundlagen der Konturen, Farben haben, Highlights und Schattierung, können Sie Ihre Hand auf dem Aufbau andere einfache Formen versuchen.
Gewinkelt Pixelzeilen
Pixel-Ikonen wie die oben genannten haben können als eine Reihe von Linien gestaltet sein, dass nur 90 ° zueinander und sind sehr viel Quadrate und Rechtecke. Gelegentlich aber, könnte man eine Linie in einem Winkel benötigen.
Etwas im Auge zu tragen ist gewinkelten Linien wirken am besten, wenn sie ein regelmäßiges Muster sind. Wenn sie unregelmäßig sind (wie die weiter unten), können sie klumpig und roh erscheinen, wenn klein angesehen. Das zweite Beispiel unten ist viel glatter isometrischer Winkel, die mit Pixel Zeichnungen sehen toll aus, aber es ist nicht der 30 ° „iso“ Winkel Sie in Technischen Zeichnung Klasse verwendet - es ist eigentlich etwas näher an 26.5º. 30 ° gibt leider eine klumpige Linie bei 100%. Wenn Sie eine Linie bilden, die regelmäßig läuft 2 Punkte über und 1 Punkt, werden Sie 26.5º bekommen.
Sollen wir etwas anderes, das ist ein wenig mehr Geometric und verwendet mehr dieses Linienmuster versuchen zu zeichnen?
Die unregelmäßige Linie wird zu 100% klumpig aussehen.
Glatte Linienmuster in verschiedenen Winkeln.
Lassen Sie uns ein Pixel Log Zeichnen
Die Linien über die gesamte Länge sind einfach wir wissen, wie die jetzt zu tun, aber wie wäre es diese Runde zu Ende?
Diese beiden sind jedoch regelmäßige Muster verändern sich von breiten horizontalen Zeilen nach unten zu Quadraten und dann auf vertikalen Linien. Es sieht ein wenig zackig, aber wenn man die Augen verschwimmen es richtig sieht!
Die Kurve auf der rechten oberen Ecke des Log-Ende ist auch das umgekehrte Muster der unteren linken Seite. Ich zähle oft die Pixel oder erinnern bestimmte Kombinationen. Die Pixel Combo auf dem Kreis ist.
Ein wenig schwierig den Dreh zunächst wie unter Verwendung von Bezier-Kurven in Illustrator zu erhalten, aber Sie bald ein „Gefühl“ für sie. Die Länge des Stammes ist einfach: wir nur das 2 zusammen 1 up-System verwenden und das Protokoll so lang oder kurz machen, wie wir wollen.
Kleinere konzentrische Kreise auf dem Ende geben ein schönes Ringmuster und einige Bereiche der dunklere Schattierung im unteren Bereich der log es gewisse Tiefe geben. Wir werden das Protokoll eine flache Tanne Farbe geben, zu beginnen dann Tiefe zu schaffen, können wir, indem Pixel von kontrastierenden Farbe auf jeder Seite unserer hohen Licht / Low-Lichtlinien Dithering erstellen.
Ich habe in ein paar mehr zufälligen Pixeln auf lügt # 3 werfen, wie ich es wollte einen groben Blick haben und ein wenig mit dem Eichhörnchen Kontrast.
Für das letzte Protokoll arbeitete ich in einem Gebiet von gestrippt Rinde und einem kleinen Zweig. Ich fand es am besten, einen Bereich oder Stil zuerst zu vervollständigen und dann ausführlicher in ihm arbeiten. Ich glaube nicht, dass ich mit Dithering-Muster von Grund auf das abisolierte Rinde log gezogen hätte - stattdessen hielt ich nur Schichten über die Oberseite der Schichten hinzufügen. Einfache Stufen funktionieren am besten!
Unregelmäßige Pixel Drawing
Lassen Sie sich auf etwas bewegt etwas unregelmäßig, wie ein Eichhörnchen auf unserem Protokoll zu sitzen. Für so etwas wie dies kompliziert, ist es am besten mit Bleistift und Papier zu beginnen.
Zuerst zog ich einen isometrischen Platz auf meiner Seite, die richtigen Dimensionen zu erhalten. Da wir dieses spezielle Beispiel für redaktionelle Zwecke verwenden, benutzen ich ein Foto als Referenz. Dann beginne ich zu skizzieren. Ich besonderes Augenmerk auf den Winkel auf beiden Ohren und Füße, wie ich möchte, dass sie die isometrischen Linien folgen.
Wie Sie das Detail sehen können sehr minimal ist - ich will nur zuerst die Grundform und die richtigen Winkel bekommen ausgearbeitet. Wir werden den Rest der Arbeit in Photoshop tun.
Bringen Sie in der Skizze, setzen auf eine neue Ebene und Geist die Opazität, so dass Sie die Pixel sehen Sie sind eindeutig zu erstellen. Es ist keine feste Regel, aber ich finde Pixel Zeichnungen am besten aussehen, wenn sie schwarze Konturen haben.
Hier werde ich um mein Eichhörnchen mit dem Stift-Werkzeug der schwarze Kontur zu schaffen. Eine Sache, zu vermeiden ist Verklumpung, wo Umriss Pixel sich auf mehr als einer Seite berühren. Wenn Sie einen zusätzlichen Platz ziehen löschen Sie ihn einfach mit Radiergummi-Werkzeug (gehalten auch bei 1 Pixel Breite, siehe roter Kreis) es sauberere aussehen und Ihr Publikum wird es Ihnen danken.
Es sieht immer noch ein wenig chaotisch, aber es wird Gestalt annehmen! Trennlinien in der Abbildung veranschaulicht es auch einen mutigen Blick geben, nur sicherstellen, dass sie eine dunkle Farbe, die nicht schwarz ist etwas Kontrast zu machen. Rufen Sie mich an einen Rest, aber ich ging mit braun auf dieser.
Die schwarze Kontur Regel ist keine harte und schnelle eins, ich habe einige schwarze Trennlinien unter dem Vorderbacken und Pfote lassen, wie es war immer schwer zu sehen, was los war.
Schlussfolgerung
Die Hand Platzierung, Entfernen von Pixeln zu ändern ist, wo die Geschicklichkeit kommt in. Manchmal. Aber sobald man den Dreh raus bekommen starten, werden Sie in der Lage sein, nur um etwas zu zeichnen - alles, was Sie brauchen, ist etwas Geduld. Hoffe, das hilft, und inspiriert Sie großartige Arbeit der eigenen zu schaffen!
Zusätzliche Ressourcen
Hier sind einige Ressourcen für die weitere Pixel Lesung:
Abonnieren Sie den PSDTUTS + RSS-Feed für die besten Photoshop tuts und Artikel im Internet.