Wie man Pixel Art erstellen - Redbubble Blog
Für diejenigen von uns, die in einer Arkade aufwuchsen, oder wurden vor unserem Fernseher, die eine Steuerung von einer Art, Pixel-Kunst ist ein Teil unserer visuellen Kultur fest verwurzelt ist. Ähnlich wie die Musik, die diese Retro-Spiele begleitet, wissen wir, wenn etwas fehl am Platz fühlt. Es ist aus diesem Grunde, dass das Lernen, wie Pixel-Kunst zu machen, eine gewaltige Sache sein kann, aber für die Interessenten in Graben in und immer zu den Bits und blockiert, kann es sehr lohnend sein.
Abgesehen von Kunst im Stil der klassischen Videospiele zu schaffen, zu wissen, wie Pixel-Kunst zu schaffen, mit der Erstellung Ihr neues mobiles Indie-Spiel, oder sogar Symbole / Emoticons für die Verwendung im Web oder eine neue App helfen. Der Stil funktioniert auch perfekt für die Produkte in Ihrem Geschäft, wie Kissen, Shirts und natürlich Aufkleber. So haben wir eine kurze Anleitung zum Einstieg und habe ich eine kleine Kaffeetasse zu zeigen, wie es gemacht wird. Ich bin auf der Ebene nicht viele Pixel Künstler bei so sind, wie sie in unserem Spotlight auf Pixel Die Künstler. aber dieses Tutorial ist eher eine Einführung, die hoffentlich inspirieren Sie mehr zu erfahren.

„Indigo-Nebel“ von Sp8cebit
Zu diesem Tutorial werde ich Adobe Photoshop verwenden, aber ziemlich viel kann ein beliebiges Programm verwendet werden, um Pixel-Kunst zu machen. Am Ende werde ich habe noch ein paar Links zu einigen großen Anwendungen speziell für die Herstellung von Pixel-Kunst gestaltet.
Das erste, was Sie tun möchten, ist ein neues Dokument erstellen. Wir wollen es klein sein, so dass es einleuchtender ist die Pixel zu platzieren und sie mit dem Pixelraster ausrichten wir verwenden werden. Beginnen Sie mit 50px x 50px, 72 ppi, und für die „resample“ wir verwenden
„Nächster Nachbar (harte Kanten)“. Dies wird allgemein für Pixel-Art vorgeschlagen, wie es Ihre Pixel ermöglicht scharf zu bleiben, wenn die Größenänderung.

Die das nächste, was Sie tun möchten, es sicherstellen, dass Sie das Stift-Werkzeug verwenden und es ist für 1 Pixel in der Größe eingestellt. Auch, stellen Sie den Radiergummi-Modus zu Bleistift und auch 1 Pixel. Es ist am einfachsten zwischen Bleistift und Radiergummi zu wechseln, während Sie arbeiten. Es ist auch gut mit einigen Warm-ups zu beginnen, die Idee zu bekommen, was funktioniert und was nicht.
Sie können in dem Bild sehen, unten, dass die linken und rechten Linien gut aussehen, während es etwas aus der Mitte ist. Dies ist auf die Pixel nicht nach einem Muster, wie die beiden anderen. Dies könnte nicht so schlecht aus im Moment, aber wenn Sie wirklich Ihre Arbeit aufbauen, wird es zu Problemen führen.
Es ist gut, auch gekrümmte Formen, wie die Art und Weise zu praktizieren, in dem Sie die Pixel während der Kurve platzieren wird es natürlich aussehen. Sie können in den beiden größeren Kreise sehen, die auf der Größe abhängig, die Kurven unterschiedliche Muster zu ihnen haben. Auch wenn die längste Linie in jedem dieser Kreisen 5 Pixel lang ist die Kurven von verschiedenen Pixellinien hergestellt werden, in der kleinsten Größe gibt es keine Pixel für die Kurve geht. wenn Sie das Foto verkleinern jedoch alle drei werden wie Kreise aussehen. Dies ist eine gute Sache zu prüfen, ab und zu Ihren Linien und Kurven, um sicherzustellen, schauen, wie sie sollten. Es wird ein wenig Zeit in Anspruch nehmen, sondern zu verstehen, wie und wann Pixel platzieren wird zur zweiten Natur geworden.

Nach all diesem Gerede von Kreisen, oder war es Donuts und Cookies. es ist Zeit für den Kaffee. Früher habe ich meine treue Kaffeetasse als Referenz, aber Sie können auch ein Bild auf seine eigene Ebene und Spuren darüber, wenn Sie möchten. Das erste, was ich tun werde, ist, die Umrisse auf seine eigene Ebene zu erstellen. Das ist praktisch, da es die ursprüngliche Form des Bechers zu erhalten hilft ab und macht es einfacher, später die anderen Elemente hinzuzufügen. Auch hier bemerkt, wie die Kurven ein ähnliches Muster zueinander haben, sieht der rechte untere Teil des Bechers wie unten links. Ohne den Griff dies würde aussehen wie eine Getränkedose.

Das nächste, was ich hinzufügen, ist, dass köstlich dunkel gerösteter Kaffee. Beachten Sie, wie sich die Form des Kaffees ähnelt der Form der Oberseite und Unterseite des Bechers? Es ist gut, darüber nachzudenken, wie die Formen miteinander in Wechselwirkung treten. Legen Sie Ihre Pixel, löschen, wenn nötig, und fügen immer neue Farben und Linien auf ihre eigenen Schichten. Dies ist zerstörungsfrei und macht es einfacher, wenn Sie es wünschen, Farben zu ändern.
Ein Hinweis auf Farbe: In meiner Farbauswahl habe ich es auf „Nur Web-Farben“ gesetzt, da dies nur 216 Farben meine Palette begrenzt. Es ist mehr im Einklang mit der Pixelkunst und macht es leichter, je nachdem, wie Sie Ihre Kunst zu nutzen.

Ok, die nächste Schicht wir hinzugefügt werden, ist der Schatten. Wählen Sie eine Farbe, die ein wenig dunkler als das Weiß des Bechers ist, und folgen Sie dann zusammen mit der Form des Umrisses aufmerksam auf die Kurven. In der Öffnung des Bechers Ich habe eine hellere Farbe für den Schatten des Betrachter am nächsten gewählt, aber das ist nur meine Vorliebe. Dieses sucht wie eine Tasse Kaffee jetzt. Verkleinern und sehen Sie, wie Sie Ihr schaut.


Unser Bild ist nur 50px x 50px, und das ist viel zu klein, um Produkte hinzuzufügen. Also müssen wir es vergrößern. Jetzt erinnere mich, als ich sagte, dass wir das Dokument Resampling auf „nächsten Nachbarn (harte Kanten)“ eingestellt haben? Hier ist der Grund. Wenn wir das Resampling auf „Automatik“ oder auch gewählt „bewahren Details (Erweiterung)“, wie wir es normalerweise tun gehalten hatten, ist es das, was der Becher aussehen würde, wenn wir es einfach zu 500px Größe verändert x 500px. Igitt, was passiert ist, um meinen Kaffee ??
Dies geschieht, weil wir neue Pixel zu dem Dokument hinzufügen, und Photoshop unsere harten Kanten in weiche Steigungen dreht. Es könnte ok aussehen gezoomt, aber das ist nicht ideal für überhaupt gedruckt werden. Also, es ist eine gute Sache, die wir nicht, dass die Resampling-Modus verwendet haben.

Da wir „nächster Nachbar (harte Kanten)“ verwendet wird, können wir das Bild auf jede beliebige Größe wir gerne vergrößern und es wird frisch und sauber bleiben. Photoshop ist das Hinzufügen noch neue Pixel, aber die, die es hinzugefügt haben die gleichen Informationen (Farbe, Wert, usw.) als die, die daneben. Beachten Sie aber, das wirklich funktioniert nur für pixelig Kunstwerke wie dieses. Es wird empfohlen, diese Methode nicht auf Fotos oder komplizierte Zeichnungen zu verwenden, wird es nur die Arbeit abgehackt aussehen, wenn extreme Vergrößerungen machen.

Jetzt wissen Sie, wie Pixel-Kunst zu machen. Das nächste, was zu versuchen, mehr komplizierte Designs, abgesehen von Kaffeetassen. Wenn Sie mehr Effekte erstellen möchten, und Pixel-Kunst, die mehr 16-Bit und weniger 8 Bit ist, schauen „Dithering“, wie diese Methode Ihre Pixel-Kunst mehr Tiefe geben. Und wenn Sie wirklich in sie zu erhalten, einige der Forschung auf isometrischen Pixel Art, die sehr pfiffigen ist.
Hier ist eine Liste von einigem Spaß apps speziell zu machen Pixel-Kunst entworfen: