So zeichnen Sie Pixelkunst auf großen Formaten. Pixelkunst: beste Werke und Illustratoren

Pixel Art oder Pixelgrafiken sind digitale Malerei, das in Rastereditoren pixelweise erstellt wird. Pixel ist das kleinste grafische Element eines Bildes. Mit anderen Worten, das ist der Punkt. Und alle Pixelzeichnungen bestehen aus unzähligen Ansammlungen von Punkten, die leicht ungleichmäßig ausfallen, als wären sie schlecht gezeichnet. Aber das ist das Schöne an solchen Gemälden.

Ein bisschen Geschichte

Mit welchen Programmen kann man moderne Pixelkunst erstellen?

Es gibt viele kostenlose Raster-Editoren. Aber am häufigsten heißt Microsoft Paint und Adobe Photoshop. Zwar gilt Paint als weniger praktisches Werkzeug zum Erstellen von Pixelkunst als Adobe Photoshop. Warum? In diesem Programm:
es ist sehr schwierig, Gleichmäßigkeit und Symmetrie der Bilder zu erreichen;
Beim Speichern im JPG-Format kommt es zu starken Farbverzerrungen.
Es ist schwierig, Schatten und Lichter zu zeichnen.
Daher versuchen sie, Adobe Photoshop den Vorzug zu geben. Dieses Programm verfügt über viel mehr Arbeitsmöglichkeiten als Paint. Dadurch können Sie nicht einzelne Charaktere mit einfachen Designs zeichnen, sondern ganze Bilder. Darüber hinaus lässt sich die Pixelkunst selbst hier einfacher und schneller bearbeiten. Ja, und Sie können Farbübergänge in Adobe Photoshop reibungslos und natürlich übertragen.

So vermeiden Sie Knicke in der Pixelkunst

Pixelkunst ist eine Sammlung von Pixeln, die quadratische oder rechteckige „Punkte“ sind. Wenn ein Bild von solchen „Punkten“ gezeichnet wird, wird es kantig und die Glätte der Linien verschwindet. Das ist einerseits so Visitenkarte Pixel Art, aber andererseits möchte ich mehr Glätte, damit das Bild für den Benutzer ordentlich und attraktiv wird. Dieses Problem in der Sprache der Pixelkünstler werden sie Kinks oder „Zacken“ genannt.
Jaggies sind Teile, die allen Linien ein gezacktes Aussehen verleihen. Sie werden in der Regel von einem von ihnen entsorgt folgende Methoden:
Erhöhen Sie die Länge des Streuliniensegments um 2, 3 oder mehr Pixel.
Reduzieren Sie die Länge der Pixel selbst im markanten Bereich.
aus mehreren Einzelpixeln einen neuen Linienabschnitt konstruieren;
Fügen Sie dem Bereich einzelne Pixel hinzu, mit einer Pause zwischen längeren „Punkten“ usw.
Um Knicke richtig zu beseitigen, müssen Sie sich an die Hauptregel erinnern: Die Länge der Elemente einer gekrümmten Linie sollte allmählich abnehmen oder zunehmen. Sie müssen auch bedenken, dass die Verschiebung eines Liniensegments um zwei oder mehr Pixel in der Höhe zur Zerstörung der Glätte führt.
Daher ist ständige Zeichenpraxis erforderlich. Und als einfachste und Sehhilfe Um Knicke zu vermeiden, können Sie eine Reihe geneigter gerader Linien verwenden.

So erhalten Sie Schatten in Pixel Art

Ein anderer wichtiger Punkt In der Pixelkunst ist dies ihr Volumen. Dies wird wie bei anderen Grafikoptionen durch Glanzlichter und Schatten erreicht. Um in der Pixelkunst einen Schatten zu erzeugen, benötigen Sie einen sanften Übergang vom hellen zum dunklen Ton oder von einer Farbe zur anderen. Um diesen Effekt zu erzielen, wird häufig die Mischtechnik eingesetzt – das Dithering. Mit anderen Worten: An der Grenze zweier Farben werden diese schachbrettartig gemischt. Diese Methode entstand vor dem Hintergrund eines Blumenmangels. Durch das Mischen zweier Farben in einem Schachbrettmuster war es möglich, eine dritte zu erhalten, die nicht in der Palette enthalten war.
Nachdem sich die Palette jedoch erheblich erweitert hatte, blieb die Dithering-Technologie weiterhin gefragt. Sie müssen jedoch bedenken, dass ein ein Pixel breiter Übergang von einer Farbe zur anderen nicht gut aussieht. Es stellt sich heraus, dass es nur ein Kamm ist. Deshalb
Die minimale Mischzone muss mindestens zwei Pixel betragen. Und je breiter dieser Übergang ist, desto besser.
Außerdem beim Erstellen eines Schattens:
Es ist wichtig zu bestimmen, in welchem ​​Winkel und von welcher Seite das Licht auf das Objekt fällt. Dadurch wird die Zeichnung „lebendig“ und Sie können besser verstehen, wo Sie den Schatten zeichnen müssen. Kommt das Licht beispielsweise von rechts, liegen die Schattenbereiche links usw.;
Sie müssen Farben verwenden, die viel dunkler sind als die Grundfarben. Diese. Der Schatten sollte mit Farben dargestellt werden, die dunkler sind als der schattierte Bereich selbst. Wenn ein Objekt beispielsweise rot ist, ist sein Schatten burgunderrot oder dunkelbraun;
Vergessen Sie nicht den Halbschatten. Dazu wird ein Farbton ausgewählt, der zwischen der Grundfarbe und der Schattenfarbe in der Palette liegt. Dieser Farbton wird zwischen Schichten dieser beiden Farben platziert. Dadurch entsteht der Effekt eines sanften Übergangs von einem dunklen Bereich zu einem helleren Bereich.

So erzielen Sie Highlights in der Pixelkunst

Ein Glanzlicht verleiht den gezeichneten Objekten, ähnlich wie ein Schatten, Volumen. Es befindet sich immer auf der Seite, auf die das Licht fällt. Wenn das Objekt jedoch eine glänzende Oberfläche haben soll, beispielsweise eine Porzellantasse, ein Stahlschwert usw., ist auch ein Highlight in einem schattigen Bereich erforderlich.
Um den Bereich, in den das Licht fällt, hervorzuheben, müssen Sie eine Farbe verwenden, die viel heller ist als die Hauptfarbe. Achten Sie nur nicht auf die Helligkeit dieses Ortes – es kann sein, dass er nicht natürlich wirkt. Sehr oft wird ein Highlight in Weiß ohne Übergänge dargestellt. Dies kommt in der Natur nicht vor. Und das Objekt wird flach aussehen.
Um ein Highlight von der Seite des Schattens zu erzeugen, benötigen Sie eine Farbe, die heller ist als die, mit der der Schatten selbst aufgetragen wird. Und auch in diesem Fall ist ein sanfter Übergang notwendig, der durch die gleichzeitige Verwendung mehrerer Farbtöne erreicht werden kann.
Um das alles zu realisieren, braucht es natürlich Übung. Und am besten fängt man mit einfachen Objekten an.

Pixelkunst(ohne Bindestrich geschrieben) oder Pixelgrafiken- Richtung digitale Kunst, bei dem Bilder auf Pixelebene (d. h. der kleinsten logischen Einheit, aus der ein Bild besteht) erstellt werden. Nicht alle Rasterbilder sind Pixelkunst, obwohl sie alle aus Pixeln bestehen. Warum? Denn letztendlich umfasst der Begriff der Pixelkunst weniger das Ergebnis als vielmehr den Prozess der Erstellung einer Illustration. Pixel für Pixel, und das war's. Wenn du nimmst digitales Foto, es stark verkleinern (so dass die Pixel sichtbar werden) und behaupten, dass Sie es von Grund auf neu gezeichnet haben – das wird eine echte Fälschung sein. Obwohl es wahrscheinlich naive Einfaltspinsel gibt, die Sie für Ihre sorgfältige Arbeit loben.

Es ist derzeit nicht bekannt, wann genau diese Technik ihren Ursprung hat; die Wurzeln liegen irgendwo in den frühen 1970er Jahren. Die Technik, Bilder aus kleinen Elementen zusammenzusetzen, geht jedoch auf viel ältere Kunstformen wie Mosaike, Kreuzstiche, Teppichweberei und Perlenstickerei zurück. Der Ausdruck „Pixelkunst“ als Definition von Pixelkunst wurde erstmals in einem Artikel von Adele Goldberg und Robert Flegal in der Zeitschrift Communications of the ACM (Dezember 1982) verwendet.

Die weiteste Anwendung von Pixelkunst fand in Computerspielen statt, was nicht verwunderlich ist – sie ermöglichte die Erstellung von Bildern, die keine Ressourcen erforderten und wirklich schön aussahen (gleichzeitig nahmen sie dem Künstler viel Zeit in Anspruch und erforderten bestimmte Fähigkeiten und erforderte daher einen guten Lohn). In Blüte, höchster Punkt in der Entwicklung sind offiziell Videospiele auf Konsolen der 2. und 3. Generation (Anfang der 1990er Jahre). Weitere Fortschritte in der Technologie, das Aufkommen der ersten 8-Bit-Farbe und dann True Color, die Entwicklung dreidimensionaler Grafiken – all dies verdrängte die Pixelkunst im Laufe der Zeit in den Hintergrund und an den dritten Platz, und dann schien es so zu sein Pixelkunst war zu Ende.

Seltsamerweise war es Mr. Scientific and Technological Progress, der Mitte der 90er Jahre die Pixelgrafik auf den letzten Platz brachte und sie später wieder ins Spiel brachte – indem er der Welt mobile Geräte in Form von Mobiltelefonen und PDAs vorstellte. Ganz gleich, wie nützlich ein neumodisches Gerät auch sein mag, Sie und ich wissen, dass es wertlos ist, wenn Sie nicht zumindest Solitaire darauf spielen können. Nun, wo ein Bildschirm mit niedriger Auflösung ist, gibt es Pixelkunst. Wie sie sagen: Willkommen zurück.

Natürlich spielten verschiedene retrograde Elemente eine Rolle bei der Rückkehr der Pixelgrafiken, die gerne nostalgisch an die guten alten Kinderspiele denken und sagen: „Eh, das machen sie nicht mehr“; Ästheten, die die Schönheit der Pixelkunst zu schätzen wissen, und Indie-Entwickler, die moderne grafische Schönheiten nicht wahrnehmen (und manchmal, wenn auch selten, einfach nicht wissen, wie sie sie in ihren eigenen Projekten umsetzen sollen), deshalb formen sie Pixelkunst. Aber wir dürfen rein kommerzielle Projekte – Anwendungen für mobile Geräte, Werbung und Webdesign – nicht außer Acht lassen. Mittlerweile ist Pixelkunst, wie man sagt, in engen Kreisen weit verbreitet und hat sich den Status einer „nicht jedermanns Sache“ erworben. Und das, obwohl für gewöhnlicher Mann Es ist äußerst zugänglich, denn um mit dieser Technik arbeiten zu können, reicht es aus, einen Computer und einen einfachen Grafikeditor zur Hand zu haben! (Zeichnen kann übrigens auch nicht schaden) Genug der Worte, kommen wir zur Sache!

2. Werkzeuge.

Was benötigen Sie, um Pixelkunst zu erstellen? Wie oben bereits erwähnt, genügen ein Computer und ein beliebiger Grafikeditor, der auf Pixelebene arbeiten kann. Sie können überall zeichnen, sogar auf einem Game Boy, sogar auf einem Nintendo DS, sogar in Microsoft Paint (außerdem ist das Zeichnen in Letzterem äußerst umständlich). Es gibt eine große Vielfalt an Raster-Editoren, viele davon sind kostenlos und recht funktional, sodass jeder selbst über die Software entscheiden kann.

Ich zeichne in Adobe Photoshop, weil es praktisch ist und weil ich es schon lange mache. Ich werde nicht lügen und Ihnen sagen, dass Photoshop noch sehr klein war, es war auf einem Macintosh und hatte die Nummer 1.0. Aber ich erinnere mich an Photoshop 4.0 (und auch an Mac). Daher war die Frage der Wahl für mich nie eine Frage. Und deshalb nein, nein, aber ich werde Empfehlungen zu Photoshop geben, insbesondere dort, wo seine Funktionen dazu beitragen, die Kreativität erheblich zu vereinfachen.

Sie benötigen also einen beliebigen Grafikeditor, der es Ihnen ermöglicht, mit einem Werkzeug aus einem quadratischen Pixel zu zeichnen (es gibt auch nicht quadratische Pixel, zum Beispiel runde, aber sie im Moment kein Interesse). Wenn Ihr Editor beliebige Farben unterstützt, ist das großartig. Wenn Sie damit auch Dateien speichern können, ist das großartig. Es wäre schön, wenn er wüsste, wie man mit Ebenen arbeitet, denn wenn man an einem ziemlich komplexen Bild arbeitet, ist es bequemer, seine Elemente in verschiedenen Ebenen anzuordnen, aber im Großen und Ganzen ist dies eine Frage der Gewohnheit und Bequemlichkeit.

Sollen wir anfangen? Warten Sie wahrscheinlich auf eine Liste geheimer Techniken und Empfehlungen, die Ihnen das Zeichnen von Pixelkunst beibringen? Aber die Wahrheit ist, dass es im Großen und Ganzen nichts Vergleichbares gibt. Der einzige Weg, das Zeichnen von Pixelkunst zu lernen, besteht darin, es selbst zu zeichnen, es auszuprobieren, es auszuprobieren, keine Angst zu haben und zu experimentieren. Fühlen Sie sich frei, die Arbeit anderer Leute zu wiederholen, haben Sie keine Angst, unoriginell zu wirken (geben Sie die Arbeit anderer Leute nur nicht als Ihre eigene aus, hehe). Analysieren Sie sorgfältig und nachdenklich die Werke von Meistern (nicht von mir) und zeichnen, zeichnen, zeichnen. Am Ende des Artikels erwarten Sie einige nützliche Links.

3. Allgemeine Grundsätze.

Und doch gibt es mehrere Allgemeine Grundsätze, dessen Kenntnis nicht schaden wird. Davon gibt es wirklich wenige, ich nenne sie „Grundsätze“ und nicht Gesetze, weil sie eher empfehlenden Charakter haben. Wenn Sie es am Ende schaffen, eine brillante Pixelkunst zu zeichnen, die alle Regeln umgeht – wen interessieren sie dann?

Das grundlegendste Prinzip lässt sich wie folgt formulieren: Die Mindesteinheit eines Bildes ist ein Pixel, und wenn möglich sollten alle Elemente der Komposition dazu proportional sein. Lassen Sie es mich aufschlüsseln: Alles, was Sie zeichnen, besteht aus Pixeln, und die Pixel müssen in allem lesbar sein. Dies bedeutet nicht, dass das Bild überhaupt keine Elemente enthalten kann, beispielsweise 2x2 Pixel oder 3x3. Dennoch ist es immer noch vorzuziehen, ein Bild aus einzelnen Pixeln aufzubauen.

Der Strich und generell alle Linien der Zeichnung sollten (mit seltenen Ausnahmen) einen Pixel dick sein.

Ich sage überhaupt nicht, dass das falsch ist. Aber es ist immer noch nicht sehr schön. Und um es schön zu machen, erinnern wir uns an eine weitere Regel: knickfrei zeichnen, glatt runden. Es gibt so etwas wie Knicke – Bruchstücke, die herausbrechen allgemeine Ordnung Sie verleihen den Linien ein ungleichmäßiges, gezacktes Aussehen (im englischsprachigen Umfeld der Pixelkünstler werden sie Jaggies genannt):

Brüche nehmen der Zeichnung ihre natürliche Glätte und Schönheit. Und wenn die Fragmente 3, 4 und 5 offensichtlich sind und leicht korrigiert werden können, ist die Situation bei den anderen komplizierter – dort ist die Länge eines einzelnen Stücks in der Kette gebrochen, es scheint eine Kleinigkeit zu sein, aber die Kleinigkeit ist spürbar. Es braucht ein wenig Übung, um zu lernen, diese Orte zu sehen und sie zu meiden. Knick 1 wird aus der Linie entfernt, da es sich um ein einzelnes Pixel handelt – während die Linie in dem Bereich, in dem sie eingefügt wurde, aus Segmenten von 2 Pixeln besteht. Um es zu beseitigen, habe ich den Eintritt der Kurve in die Biegung weicher gemacht, das obere Segment auf 3 Pixel verlängert und die gesamte Linie in 2-Pixel-Segmenten neu gezeichnet. Die Pausen 2 und 6 sind untereinander identisch – es handelt sich hierbei bereits um Fragmente mit einer Länge von 2 Pixeln in Bereichen, die aus einzelnen Pixeln bestehen.

Ein elementarer Satz von Beispielen für geneigte gerade Linien, die in fast jedem Pixel-Art-Handbuch zu finden sind (meine ist keine Ausnahme), hilft Ihnen, solche Knicke beim Zeichnen zu vermeiden:

Wie Sie sehen, besteht eine gerade Linie aus gleich langen Segmenten, die beim Zeichnen um ein Pixel verschoben werden – nur so wird der Effekt der Linearität erreicht. Die gebräuchlichsten Konstruktionsmethoden sind Segmentlängen von 1, 2 und 4 Pixeln (es gibt noch andere, aber die vorgestellten Möglichkeiten sollten ausreichen, um nahezu jede künstlerische Idee umzusetzen). Von diesen dreien kann man getrost als die beliebteste Segmentlänge von 2 Pixeln bezeichnen: Zeichnen Sie ein Segment, bewegen Sie den Stift um 1 Pixel, zeichnen Sie ein weiteres Segment, bewegen Sie den Stift um 1 Pixel, zeichnen Sie ein weiteres Segment:

Nicht schwer, oder? Alles, was Sie brauchen, ist eine Gewohnheit. Die Möglichkeit, geneigte gerade Linien in 2-Pixel-Schritten zu zeichnen, hilft bei der Isometrie, daher werden wir uns das nächste Mal genauer damit befassen. Generell sind gerade Linien toll – aber nur so lange, bis sich die Aufgabe stellt, etwas Wunderbares zu zeichnen. Hier brauchen wir Kurven, und zwar viele verschiedene Kurven. Und wir berücksichtigen eine einfache Regel zum Abrunden gekrümmter Linien: Die Länge der Kurvenelemente sollte schrittweise abnehmen/zunehmen.

Der Übergang von der geraden Linie zur Rundung erfolgt reibungslos, ich habe die Länge jedes Segments angegeben: 5 Pixel, 3, 2, 2, 1, 1, wieder 2 (bereits vertikal), 3, 5 und so weiter. Ihr Fall wird nicht unbedingt dieselbe Reihenfolge verwenden, es hängt alles von der erforderlichen Glätte ab. Ein weiteres Beispiel für Rundungen:

Auch hier vermeiden wir Knicke, die das Bild so sehr beeinträchtigen. Wenn Sie das gelernte Material überprüfen möchten, habe ich hier einen Skin für Winamp, der von einem unbekannten Autor gezeichnet wurde, ein Leerzeichen:

Es gibt grobe Fehler in der Zeichnung und einfach erfolglose Rundungen und es gibt Knicke – versuchen Sie, das Bild auf der Grundlage dessen zu korrigieren, was Sie bereits wissen. Das ist alles, was ich mit den Linien habe. Ich schlage vor, dass Sie ein wenig zeichnen. Und lassen Sie sich nicht von der Einfachheit der Beispiele verwirren, das Zeichnen kann man nur durch Zeichnen lernen – selbst die einfachsten Dinge.

4.1. Zeichne eine Flasche lebendiges Wasser.

1. Die Form des Objekts, Sie müssen vorerst keine Farbe verwenden.

2. Rote Flüssigkeit.

3. Ändern Sie die Farbe des Glases in Blau, fügen Sie schattierte Bereiche innerhalb der Blase und einen hellen Bereich auf der vorgesehenen Oberfläche der Flüssigkeit hinzu.

4. Fügen Sie der Blase weiße Glanzlichter und einen 1 Pixel breiten Schatten hinzu dunkelrot auf den Flüssigkeitsbereichen neben den Blasenwänden. Sieht irgendwie gut aus, oder?

5. Ebenso zeichnen wir eine Flasche mit blauer Flüssigkeit – hier die gleiche Glasfarbe, plus drei Blautöne für die Flüssigkeit.

4.2. Eine Wassermelone zeichnen.

Zeichnen wir einen Kreis und einen Halbkreis – das wird eine Wassermelone und eine ausgeschnittene Scheibe sein.

2. Markieren wir den Ausschnitt auf der Wassermelone selbst und auf der Scheibe – die Grenze zwischen Schale und Fruchtfleisch.

3. Füllung. Farben aus der Palette, mittleres Grün ist die Farbe der Schale, mittleres Rot ist die Farbe des Fruchtfleisches.

4. Markieren wir den Übergangsbereich von der Kruste zum Fruchtfleisch.

5. Helle Streifen auf der Wassermelone (endlich sieht sie aus wie sie selbst). Und natürlich – Samen! Wenn Sie eine Wassermelone mit Kakerlaken kreuzen, kriechen diese von selbst weg.

6. Wir erinnern uns daran. Wir verwenden eine blassrosa Farbe, um die Glanzlichter über den Samen im Abschnitt anzuzeigen, und indem wir die Pixel in einem Schachbrettmuster anordnen, erreichen wir einen gewissen Anschein von Volumen aus dem ausgeschnittenen Segment (diese Methode wird Dithering genannt, dazu später mehr). ). Wir verwenden einen dunkelroten Farbton, um die schattierten Bereiche im Abschnitt der Wassermelone anzuzeigen, und einen dunkelgrünen Farbton (wiederum Pixel in einem Schachbrettmuster), um der Wassermelone selbst Volumen zu verleihen.

5. Dithering.

Dithering oder Blending ist eine Technik zum Mischen von Pixeln in zwei benachbarten Bereichen unterschiedlicher Farbe in einer eindeutig geordneten (nicht immer) Weise. Die einfachste, gebräuchlichste und effektivste Methode besteht darin, Pixel in einem Schachbrettmuster abzuwechseln:

Die Technik entstand dank (oder besser gesagt trotz) technischer Einschränkungen – auf Plattformen mit begrenzten Paletten ermöglichte Dithering, durch Mischen von Pixeln zweier verschiedener Farben eine dritte Farbe zu erhalten, die nicht in der Palette enthalten war:

Heute, in einer Zeit der unbegrenzten technischen Möglichkeiten, sagen viele, dass die Notwendigkeit des Ditherns von selbst verschwunden sei. Die richtige Verwendung kann Ihrem Werk jedoch einen charakteristischen Retro-Stil verleihen, der für alle Fans alter Videospiele erkennbar ist. Persönlich verwende ich gerne Dithering. Ich bin nicht sehr gut darin, aber ich liebe es trotzdem.

Zwei weitere Dither-Optionen:

Was Sie über Dithering wissen müssen, um es nutzen zu können. Die Mindestbreite der Mischzone muss mindestens 2 Pixel (diese karierten Linien) betragen. Mehr ist möglich. Es ist besser, nicht weniger zu tun.

Nachfolgend finden Sie ein Beispiel für ein erfolgloses Dithering. Trotz der Tatsache, dass eine ähnliche Technik häufig bei Sprites aus Videospielen zu finden ist, muss man sich darüber im Klaren sein, dass der Fernsehbildschirm das Bild deutlich geglättet hat und ein solcher Kamm, selbst in Bewegung, für das Auge nicht sichtbar war:

So, genug der Theorie. Ich empfehle Ihnen, etwas mehr zu üben.

Pixelkunst kann in jedem Programm zum Arbeiten mit Rastergrafiken gezeichnet werden; es ist eine Frage der persönlichen Vorlieben und Erfahrung (und natürlich auch der finanziellen Möglichkeiten). Manche Leute verwenden das einfachste Paint, ich mache es in Photoshop – weil ich erstens schon lange darin arbeite und zweitens, weil ich mich dort wohler fühle. Als ich mich entschied, das kostenlose Paint.NET auszuprobieren, gefiel es mir nicht – es ist wie bei einem Auto, wenn man ein ausländisches Auto mit Automatikgetriebe erkennt, ist es unwahrscheinlich, dass man in einen Zaporozhets einsteigt. Mein Arbeitgeber stellt mir lizenzierte Software zur Verfügung, daher ist mein Gewissen vor dem Adobe-Konzern rein. Obwohl sie für ihre Programme unvorstellbare Preise verlangen und dafür in der Hölle schmoren werden.

1. Vorbereitung auf die Arbeit.

Erstellen Sie ein neues Dokument mit beliebigen Einstellungen (Breite 60, Höhe 100 Pixel). Das Hauptwerkzeug eines Pixelkünstlers ist ein Bleistift ( Bleistiftwerkzeug, per Hotkey aufgerufen B). Wenn der Pinsel (und das Pinselsymbol) in der Symbolleiste aktiviert ist, bewegen Sie den Mauszeiger darüber, klicken Sie und halten Sie ihn gedrückt L.M.B.– Es erscheint ein kleines Dropdown-Menü, in dem Sie einen Stift auswählen sollten. Stellen Sie die Stiftgröße auf 1 Pixel ein (im oberen Bereich links befindet sich ein Dropdown-Menü Bürste):

Pixelkunst für Anfänger. | Einführung.

Pixelkunst für Anfänger. | Einführung.

Noch ein paar nützliche Kombinationen. " Strg+“ und „ Strg- „Zoomen Sie das Bild hinein und heraus. Es ist auch nützlich, das Drücken zu kennen Strg und „ (Fischgräten-Anführungszeichen oder russischer Schlüssel) E") schaltet das Raster ein und aus, was beim Zeichnen von Pixelkunst eine große Hilfe ist. Auch der Rasterabstand sollte an Ihre Bedürfnisse angepasst werden; manche finden es praktischer, wenn er 1 Pixel beträgt; ich bin es gewohnt, dass die Zellenbreite 2 Pixel beträgt. Klicken Strg+K(oder gehen Sie zu Bearbeiten->Präferenzen), kommen wir auf den Punkt Hilfslinien, Raster und Slices und installieren Gitterlinie alle 1 Pixel(Ich wiederhole, 2 ist für mich bequemer).

2. Zeichnen.

Schließlich beginnen wir mit dem Zeichnen. Warum eine neue Ebene erstellen ( Strg+Umschalt+N), wechseln Sie zur schwarzen Stiftfarbe (drücken Sie D legt die Standardfarben Schwarz und Weiß fest) und zeichne den Kopf der Figur, in meinem Fall ist es diese symmetrische Ellipse:

Pixelkunst für Anfänger. | Einführung.


Pixelkunst für Anfänger. | Einführung.

Seine untere und obere Basis sind 10 Pixel lang, dann gibt es Segmente von 4 Pixeln, drei, drei, eins, eins und vertikale Linie 4 Pixel hoch. Mit Photoshop lassen sich gerade Linien bequem zeichnen Schicht Obwohl der Maßstab des Bildes in der Pixelkunst minimal ist, spart diese Technik manchmal viel Zeit. Wenn Sie einen Fehler gemacht und zu viel gezeichnet haben, haben Sie einen Fehler gemacht – seien Sie nicht verärgert, wechseln Sie zum Radiergummi-Werkzeug ( Auch Radiergummi l oder „“-Taste E") und löschen Sie, was Sie nicht benötigen. Ja, stellen Sie sicher, dass der Radierer auch auf die Stiftgröße auf 1 Pixel eingestellt ist, damit Pixel für Pixel gelöscht wird, und dass der Stiftmodus ( Modus: Bleistift), sonst wird das Falsche gewaschen. Ich möchte Sie daran erinnern, dass ich wieder zum Bleistift übergehe: „ B»

Im Allgemeinen ist diese Ellipse nicht streng nach den Regeln der Pixelkunst gezeichnet, aber das künstlerische Konzept erfordert es. Da dies der zukünftige Kopf ist, wird er Augen, eine Nase und einen Mund haben – genug Details, die letztendlich die Aufmerksamkeit des Betrachters auf sich ziehen und den Wunsch entmutigen, sich zu fragen, warum der Kopf eine so unregelmäßige Form hat.

Wir zeichnen weiter und fügen Nase, Schnurrbart und Mund hinzu:

Pixelkunst für Anfänger. | Einführung.

Pixelkunst für Anfänger. | Einführung.

Jetzt die Augen:

Pixelkunst für Anfänger. | Einführung.

Pixelkunst für Anfänger. | Einführung.

Bitte beachten Sie, dass die Augen bei einem so kleinen Maßstab nicht rund sein müssen – in meinem Fall handelt es sich um Quadrate mit einer Seitenlänge von 5 Pixeln, wobei die Eckpunkte nicht eingezeichnet sind. Im ursprünglichen Maßstab sehen sie recht rund aus, zudem lässt sich der Eindruck von Kugelförmigkeit mit Hilfe von Schatten verstärken (mehr dazu später, siehe Abschnitt 3 der Lektion). Vorerst passe ich die Form des Kopfes leicht an, indem ich an einer Stelle ein paar Pixel lösche und an einer anderen hinzufüge:

Pixelkunst für Anfänger. | Einführung.

Pixelkunst für Anfänger. | Einführung.

Wir zeichnen Augenbrauen (es ist in Ordnung, dass sie in der Luft hängen – das ist mein Stil) und Gesichtsfalten in die Mundwinkel, um dem Lächeln mehr Ausdruck zu verleihen:

Pixelkunst für Anfänger. | Einführung.

Pixelkunst für Anfänger. | Einführung.

Die Ecken sehen noch nicht besonders gut aus; eine der Regeln der Pixelkunst besagt, dass jedes Pixel des Strichs und der Elemente nicht mehr als zwei benachbarte Pixel berühren darf. Wenn Sie jedoch Sprites aus Spielen der späten 80er und frühen 90er Jahre sorgfältig studieren, ist dieser Fehler dort recht häufig zu finden. Fazit: Wenn Sie es nicht können, es aber wirklich wollen, dann können Sie es. Dieses Detail kann später beim Füllen mit Hilfe von Schatten hervorgehoben werden, also lasst uns zunächst mit dem Zeichnen fortfahren. Torso:

Pixelkunst für Anfänger. | Einführung.

Pixelkunst für Anfänger. | Einführung.

Achten Sie vorerst nicht auf die Knöchel, das sieht unangenehm aus. Das werden wir beheben, wenn wir mit dem Füllen beginnen. Eine kleine Korrektur: Fügen Sie einen Gürtel und Falten im Leistenbereich hinzu und markieren Sie auch die Kniegelenke (mithilfe kleiner 2-Pixel-Fragmente, die aus der Beinlinie herausragen):

Pixelkunst für Anfänger. | Einführung.

Pixelkunst für Anfänger. | Einführung.

3. Füllung.

Für jedes Element des Zeichens reichen uns vorerst drei Farben – die Hauptfüllfarbe, die Schattenfarbe und die Strichfarbe. Im Allgemeinen gibt es viele Dinge, die Sie zur Farbtheorie in der Pixelkunst beraten können, darunter: Anfangsstadium Fühlen Sie sich frei, die Arbeit der Meister auszuspionieren und genau zu analysieren, wie sie Farben auswählen. Der Strich jedes Elements kann natürlich schwarz bleiben, aber in diesem Fall werden die Elemente sicherlich verschmelzen. Ich bevorzuge die Verwendung unabhängiger Farben, die der Hauptfarbe des Elements ähneln, jedoch eine geringe Sättigung aufweisen. Am bequemsten ist es, irgendwo in der Nähe Ihres Charakters eine kleine Palette zu zeichnen und dann mit der Pipette Farben daraus zu entnehmen ( Pipettenwerkzeug, I):

Durch Auswahl gewünschte Farbe, aktivieren Sie das „Bucket“-Tool ( Farbeimer, G). Stellen Sie außerdem sicher, dass die Anti-Aliasing-Funktion in den Einstellungen deaktiviert ist. Wir möchten, dass die Füllung innerhalb der gezeichneten Konturen klar funktioniert und nicht darüber hinausgeht:

Pixelkunst für Anfänger. | Einführung.


Pixelkunst für Anfänger. | Einführung.

Wir füllen unseren Charakter aus; wenn wir ihn nicht ausfüllen können, zeichnen wir ihn von Hand mit einem Bleistift.

Pixelkunst für Anfänger. | Einführung.

Pixelkunst für Anfänger. | Einführung.

Achten Sie auf die Knöchel – da diese Bereiche nur 2 Pixel dick sind, musste ich auf den Strich auf beiden Seiten verzichten und ihn nur auf der vorgesehenen Schattenseite zeichnen, so dass eine Linie der Hauptfarbe mit einer Dicke von einem Pixel übrig blieb. Beachten Sie auch, dass ich die Augenbrauen schwarz gelassen habe, obwohl das eigentlich keine Rolle spielt.

Photoshop verfügt über eine praktische Farbauswahlfunktion ( Wählen Sie -> Farbbereich Indem wir die Pipette in die gewünschte Farbe stecken, erhalten wir die Auswahl aller Bereiche mit ähnlicher Farbe und die Möglichkeit, diese sofort zu füllen. Dafür müssen sich die Elemente Ihres Charakters jedoch auf verschiedenen Ebenen befinden, also werden wir das vorerst tun Betrachten Sie diese Funktion als nützlich für fortgeschrittene Photoshop-Benutzer):

Pixelkunst für Anfänger. | Einführung.


Pixelkunst für Anfänger. | Einführung.

4. Schatten und Zittern.

Wählen Sie nun die Schattenfarben aus und wechseln Sie zum Bleistift ( B) Legen Sie die schattigen Plätze sorgfältig aus. In meinem Fall befindet sich die Lichtquelle irgendwo links und oben, vor dem Charakter – daher kennzeichnen wir die rechten Seiten mit einem Schatten mit Schwerpunkt nach unten. Das Gesicht wird am schattenreichsten sein, da sich dort viele kleine Elemente befinden, die auf der einen Seite mit Hilfe eines Schattens im Relief hervorstechen und auf der anderen Seite selbst einen Schatten werfen (Augen, Nase, Gesichtsfalten):

Pixelkunst für Anfänger. | Einführung.

Pixelkunst für Anfänger. | Einführung.

Schatten ist sehr mächtig visuelles Medium, ein gut definierter Schatten wird sich positiv auswirken Aussehen Charakter - und den Eindruck, den er auf den Betrachter haben wird. Bei der Pixelkunst kann ein einzelner Pixel an der falschen Stelle das gesamte Werk zerstören, während gleichzeitig scheinbar so kleine Anpassungen das Bild viel schöner machen können.

Was Zittern„Und in einem Bild mit solch Miniaturdimensionen ist er meiner Meinung nach völlig überflüssig.“ Die Methode selbst besteht darin, zwei benachbarte Farben zu „mischen“, was durch die Staffelung der Pixel erreicht wird. Um Ihnen jedoch eine Vorstellung von der Technik zu geben, werde ich noch kleine Verblendungsbereiche einführen, auf der Hose, auf dem Hemd und ein wenig im Gesicht:

Pixelkunst für Anfänger. | Einführung.

Pixelkunst für Anfänger. | Einführung.

Im Allgemeinen ist, wie Sie sehen, nichts besonders Kompliziertes. Pixelkunst Was es so attraktiv macht, ist, dass jeder, der einige Muster beherrscht, selbst gut zeichnen kann – einfach durch sorgfältiges Studium der Werke der Meister. Obwohl ja, können einige Kenntnisse der Grundlagen des Zeichnens und der Farbtheorie dennoch nicht schaden. Tue es!

Als ich heute Morgen im Internet surfte, wollte ich einen Beitrag über Pixel Art schreiben und bin auf der Suche nach Material auf diese beiden Artikel gestoßen.

Bereits im 20. Jahrhundert entwickelten sich Pixelgrafiken zu einem breiten Anwendungsgebiet. Computerspiele, besonders in den 90ern. Mit der Entwicklung von 3D-Grafiken begann der Niedergang der Pixelkunst, doch dann erwachte sie dank der Entwicklung des Webdesigns, dem Aufkommen von Mobiltelefonen und mobilen Anwendungen wieder zum Leben.

Pixelkunst ist eine spezielle Technik zum Erstellen von Bildern in digitaler Form, die in Rastergrafikeditoren durchgeführt wird und bei der der Künstler mit der kleinsten Einheit eines digitalen Rasterbilds arbeitet – dem Pixel. Dieses Bild zeichnet sich durch eine niedrige Auflösung aus, bei der jedes Pixel deutlich sichtbar ist. Pixelkunst dauert lange und mühsam, je nach Komplexität der Zeichnung – Pixel für Pixel.

Grundregeln der Pixelkunst

Der wichtigste Bestandteil der Pixelkunst ist die sogenannte Line Art – also deren Konturen. Pixelkunst wird mit Linien erstellt – geraden und gebogenen.

Gerade Linien

Die Regel für die Konstruktion von Linien in der Pixelkunst lautet, dass sie aus Segmenten bestehen sollten, die sich im Verlauf des Zeichnens um ein Pixel zur Seite verschieben. Vermeiden Hauptfehler Für Pixel-Art-Anfänger: Die Pixel sollten sich nicht berühren und einen rechten Winkel bilden.

Bei Geraden können Sie sich die Aufgabe erleichtern, indem Sie eines der bekannten Beispiele für geneigte Geraden verwenden:

Wie aus der Abbildung hervorgeht, bestehen alle darauf dargestellten geraden Linien aus identischen Pixelsegmenten, die um einen Pixel zur Seite verschoben sind. Am beliebtesten sind Segmente mit einem, zwei und vier Pixeln. Solche einfachen geraden Linien in Pixelgrafiken werden als „ideal“ bezeichnet.

Gerade Linien können ein anderes Muster haben, Sie können beispielsweise Segmente aus zwei Pixeln mit einem Segment aus einem Pixel abwechseln, aber solche Linien sehen nicht so schön aus, insbesondere wenn das Bild vergrößert wird, obwohl sie nicht gegen die Regeln der Pixelkunst verstoßen .

Geschwungene Linien

Gerade Linien lassen sich einfacher erstellen, da sie Knicke vermeiden, was bei geschwungenen Linien nicht der Fall ist. Ihre Konstruktion ist schwieriger, allerdings müssen geschwungene Linien viel häufiger gezeichnet werden als gerade Linien.

Neben dem gleichen Verbot der Bildung rechter Winkel aus Pixeln muss beim Zeichnen gekrümmter Linien auch die Art ihrer Verschiebung beachtet werden. Die Länge der Pixelsegmente sollte sich gleichmäßig und allmählich ändern – gleichmäßig ansteigen und ebenso gleichmäßig abfallen. Pixelgrafiken erlauben keine Knicke.

Es ist unwahrscheinlich, dass Sie mit einer Handbewegung eine ideal gekrümmte Linie zeichnen können, ohne eine einzige Regel zu brechen. Sie können daher auf zwei Methoden zurückgreifen: Zeichnen Sie Linien, indem Sie ein Pixel nach dem anderen zeichnen, oder zeichnen Sie eine regelmäßige Kurve und korrigieren Sie sie dann durch Entfernen zusätzlicher Pixel aus dem fertigen „Frame“.

Dithering

In der Pixelkunst gibt es so etwas wie Dithering. Dabei handelt es sich um eine spezielle Methode zum Mischen von Pixeln unterschiedlicher Farbe, um einen Farbübergangseffekt zu erzeugen.

Die beliebteste Dithering-Methode besteht darin, Pixel in einem Schachbrettmuster anzuordnen:

Diese Methode verdankt ihr Erscheinungsbild technischen Einschränkungen bei den Farbpaletten, denn um beispielsweise lila, war es notwendig, rote und blaue Pixel in einem Schachbrettmuster zu zeichnen:

Und anschließend wurde Dithering häufig verwendet, um in Bildern Volumen durch Licht und Schatten zu vermitteln:

Damit geditherte Pixelgrafiken gut funktionieren, muss der Farbmischbereich mindestens zwei Pixel breit sein.

Programme für Pixelkunst

Um das Erstellen von Kunstwerken im Pixelstil zu meistern, können Sie jeden Grafikeditor verwenden, der diese Art von Zeichnung unterstützt. Alle Künstler arbeiten je nach ihren Vorlieben mit unterschiedlichen Programmen.

Viele Menschen zeichnen bis heute lieber mit Pixeln im bekannten Standardprogramm des Windows-Betriebssystems – Microsoft Paint. Dieses Programm ist wirklich einfach zu erlernen, aber das ist auch sein Nachteil – es ist ziemlich primitiv, es unterstützt beispielsweise nicht das Arbeiten mit Ebenen und deren Transparenz.

Ein weiteres benutzerfreundliches Pixel-Art-Programm, dessen Demoversion völlig kostenlos online verfügbar ist, ist GraphicsGale. Der Nachteil des Programms ist vielleicht, dass es das Speichern von Pixelgrafiken im GIF-Format nicht unterstützt.

Besitzer von Mac-Computern können die Arbeit darin ausprobieren kostenloses Programm Pixen. Und Nutzer des Linux-Betriebssystems sollten die Programme GrafX2 und JDraw selbst testen.

Und natürlich ist das Adobe Photoshop-Programm eine hervorragende Option zum Erstellen von Pixelkunst, das über umfangreiche Funktionen verfügt, das Arbeiten mit Ebenen ermöglicht, Transparenz unterstützt und bietet einfache Arbeit mit einer Palette. Mit Hilfe dieses Programms werden wir uns das ansehen einfache Beispiele, wie man selbst Pixelkunst zeichnet.

So zeichnen Sie Pixelkunst in Photoshop

Wie bei den traditionellen Arten Schöne Künste, großer Wert In der Pixelkunst gibt es Form, Schatten und Licht. Bevor Sie also lernen, wie man Pixelkunst zeichnet, sollten Sie sich die Mühe machen, sich mit den Grundlagen des Zeichnens vertraut zu machen – üben Sie das Zeichnen mit einem Bleistift auf Papier.

Zeichnung „Ballon“

Beginnen wir mit der einfachsten Sache – zeichnen Sie ein Gewöhnliches Ballon. Erstellen Sie in Photoshop eine neue Datei mit einer Bildschirmauflösung von 72 dpi. Es macht keinen Sinn, die Bildgrößen groß einzustellen – das ist Pixelkunst. Wählen Sie einen harten und undurchsichtigen Pinsel aus und stellen Sie die Größe auf 1 Pixel ein.

Zeichnen Sie einen kleinen gebogenen Halbbogen von links nach rechts und führen Sie ihn von unten nach oben. Denken Sie an die Regeln der Pixelkunst: Behalten Sie die gleichen Proportionen der Segmente bei, verschieben Sie sie um ein Pixel zur Seite, ohne Knicke oder rechte Winkel zu hinterlassen. Dann spiegeln Sie diesen Bogen durch Zeichnen Oberteil Ball.

Zeichnen Sie nach dem gleichen Prinzip den unteren Teil der Kugel und den Faden. Füllen Sie den Ball mit dem Füllwerkzeug mit Rot. Jetzt muss nur noch Volumen hinzugefügt werden – unser Ball sieht zu flach aus. Malen Sie einen dunkelroten Streifen auf die untere rechte Seite des Balls und dimmen Sie dann den Bereich. Zeichnen Sie in der oberen linken Ecke des Balls eine Hervorhebung aus weißen Pixeln.

Sehen Sie, wie einfach es ist – der Ball ist fertig!

Zeichnung „Roboter“

Versuchen wir nun, ein Bild auf herkömmliche Weise zu zeichnen, und erst dann bereinigen wir die Pixel, die gegen die Regeln der Pixelkunst verstoßen.

Öffnen Sie ein neues Dokument und erstellen Sie eine grobe Skizze des zukünftigen Roboters:

Jetzt können Sie alles beseitigen, was Ihnen im Weg steht, und bei Bedarf Pixel hinzufügen:

Zeichnen Sie auf die gleiche Weise den unteren Teil des Roboterkörpers. Verpassen Sie nicht die Gelegenheit, an geeigneten Stellen „perfekte“ gerade Linien zu zeichnen.

Detaillieren Sie den Körper des Roboters. Viele erfahrene Künstler empfehlen, sich vor Beginn der Arbeit eine Palette vorzubereiten – eine Reihe von Farben, die Sie beim Erstellen von Arbeiten im Pixelstil verwenden. Dies ermöglicht höchste Bildintegrität. Erstellen Sie eine Palette auf einer freien Fläche der Photoshop-Arbeitsfläche – beispielsweise in Form von Quadraten oder Farbflecken. Um anschließend die gewünschte Farbe auszuwählen, klicken Sie mit der Pipette darauf.

Sie können mit dem Füllen der Konturen beginnen. „Malen“ Sie den Körper des Roboters mit der Hauptfarbe. Unsere Farbe ist Lavendelblau.

Ändern Sie die Farbe des Umrisses – füllen Sie ihn mit Dunkelblau. Entscheiden Sie, wo sich die Lichtquelle in Ihrer Zeichnung befindet. Bei uns befindet es sich irgendwo oberhalb und rechts vor dem Roboter. Zeichnen wir die Brust unseres Charakters und verleihen ihm Volumen:

MIT rechte Seite Markieren Sie den tiefsten Schatten in der Zeichnung, der entlang der Körperkontur verläuft. Zeichnen Sie aus diesem Schatten von den Rändern zur Mitte hin einen helleren Schatten, der in den vorgesehenen, von der Lichtquelle beleuchteten Bereichen verschwindet:

Fügen Sie dem Roboter in allen Bereichen, in denen Licht reflektiert werden soll, Highlights hinzu:

Verleihen Sie den Beinen des Roboters mithilfe von Schatten und Licht ein zylindrisches Aussehen. Machen Sie auf die gleiche Weise Löcher aus Kreisen auf der Brust des Roboters:

Jetzt verbessern wir das Bild, indem wir den Schattenbereichen des Körpers das zuvor besprochene Pixel-Art-Element – ​​Dithering – hinzufügen.

An den Glanzlichtern muss man nicht schwanken, auch nicht an den Beinen – die sind schon zu klein. Zeichnen Sie mit dunklen und hellen Pixeln eine Reihe Nieten anstelle von Zähnen auf den Kopf des Roboters und fügen Sie außerdem eine lustige Antenne hinzu. Es schien uns, dass die Hand des Roboters nicht sehr gut gezeichnet wurde. Wenn Sie auf dasselbe Problem stoßen, schneiden Sie das Objekt in Photoshop aus und verschieben Sie es nach unten.

Das ist alles – unser lustiger Pixelroboter ist fertig!

Und mit Hilfe dieses Videos erfahren Sie, wie Sie Pixel-Art-Animationen in Photoshop erstellen:


Überzeugen Sie sich selbst und erzählen Sie es Ihren Freunden!

Lesen Sie auch auf unserer Website:

Mehr anzeigen

Adobe Photoshop: Zeichnen und animieren Sie eine Figur in Pixel-Technologie Kunst

In dieser Lektion lernen Sie, wie Sie Charaktere mithilfe der Pixel-Art-Technik zeichnen und animieren. Dazu benötigen Sie lediglich Adobe Photoshop. Das Ergebnis wird ein GIF mit einem laufenden Astronauten sein.

Programm: Adobe Photoshop Schwierigkeitsgrad: Anfänger, Mittelstufe Benötigte Zeit: 30 Min. – Stunde

I. Einrichten des Dokuments und der Tools

Schritt 1

Wählen Sie in der Symbolleiste „Bleistift“ aus – dies wird das Hauptwerkzeug für unsere Lektion sein. Wählen Sie in den Einstellungen den Pinseltyp Hartrund aus und stellen Sie die restlichen Werte wie im Bild ein. Unser Ziel ist es, die Bleistiftspitze so scharf wie möglich zu machen.

Schritt 2

Wählen Sie in den Einstellungen des Radiergummi-Werkzeugs (Radiergummi) den Bleistiftmodus aus und stellen Sie die restlichen Werte wie im Bild gezeigt ein.

Schritt 3

Aktivieren Sie das Pixelraster (Ansicht > Anzeigen > Pixelraster). Wenn es im Menü kein solches Element gibt, gehen Sie zu den Einstellungen und aktivieren Sie die Grafikbeschleunigung. Einstellungen > Leistung > Grafikbeschleunigung.

Bitte beachten Sie: Das Raster ist auf der neu erstellten Leinwand nur sichtbar, wenn es um 600 % oder mehr vergrößert wird.

Schritt 4

Ändern Sie unter „Einstellungen“ > „Allgemein“ (Strg-K) den Bildinterpolationsmodus in den „Nächster Nachbar“-Modus. Dadurch bleiben die Grenzen von Objekten so klar wie möglich.

Stellen Sie in den Einstellungen für Einheiten und Lineale die Linealeinheiten auf Pixel ein. Einstellungen > Einheiten und Lineale > Pixel.

II. Charaktererstellung

Schritt 1

Und da nun alles eingerichtet ist, können wir direkt mit dem Zeichnen der Figur fortfahren.

Skizzieren Sie Ihren Charakter mit klaren Umrissen und achten Sie darauf, ihn nicht zu überladen. kleine Details. Zu diesem Zeitpunkt spielt die Farbe überhaupt keine Rolle. Hauptsache, die Umrisse sind klar gezeichnet und Sie verstehen, wie die Figur aussehen wird. Diese Skizze wurde speziell für diese Lektion erstellt.

Schritt 2

Reduzieren Sie den Maßstab der Skizze mit der Tastenkombination Strg+T oder „Bearbeiten“ > „Frei transformieren“ auf eine Höhe von 60 Pixeln.

Die Größe des Objekts wird im Informationsfeld angezeigt. Bitte beachten Sie, dass die Interpolationseinstellungen dieselben sind wie in Schritt 4.

Schritt 3

Vergrößern Sie die Skizze um 300–400 %, um die Arbeit damit zu erleichtern und die Deckkraft der Ebene zu verringern. Erstellen Sie dann eine neue Ebene und zeichnen Sie die Umrisse der Skizze mit dem Bleistift-Werkzeug. Wenn das Zeichen symmetrisch ist, wie in unserem Fall, können Sie nur die Hälfte umreißen, es dann duplizieren und spiegeln (Bearbeiten > Transformieren > Horizontal spiegeln).

Rhythmus: Zeichnen komplexe Elemente breche sie in Stücke. Wenn die Pixel (Punkte) in einer Linie einen „Rhythmus“ wie 1-2-3 oder 1-1-2-2-3-3 bilden, erscheint die Skizze für das menschliche Auge glatter. Aber wenn es die Form erfordert, kann dieser Rhythmus gestört werden.

Schritt 4

Wenn der Umriss fertig ist, können Sie die Hauptfarben auswählen und die großen Formen malen. Tun Sie dies auf einer separaten Ebene unterhalb der Kontur.

Schritt 5

Glätten Sie die Kontur, indem Sie einen Schatten entlang der Innenkante zeichnen.

Fügen Sie weitere Schatten hinzu. Wie Sie vielleicht beim Zeichnen bemerkt haben, können einige Formen korrigiert werden.

Schritt 6

Erstellen Sie eine neue Ebene für die Highlights.

Wählen Sie den Mischmodus „Überlagerung“ aus der Dropdown-Liste im Ebenenbedienfeld aus. Ziehen helle Farbeüber die Bereiche, die Sie hervorheben möchten. Glätten Sie dann die Glanzlichter mit Filter > Weichzeichnen > Weichzeichnen.

Vervollständigen Sie das Bild, kopieren und spiegeln Sie dann die fertige Bildhälfte und kombinieren Sie dann die Ebenen mit den Hälften, um ein Gesamtbild zu erstellen.

Schritt 7

Jetzt muss der Astronaut für Kontrast sorgen. Verwenden Sie die Ebeneneinstellungen (Bild > Anpassungen > Ebenen), um es heller zu machen, und passen Sie dann den Farbton mit der Option „Farbbalance“ an (Bild > Anpassungen > Farbbalance).

Der Charakter ist jetzt für die Animation bereit.

III. Charakteranimation

Schritt 1

Erstellen Sie eine Kopie der Ebene (Ebene > Neu > Ebene über Kopie) und verschieben Sie sie 1 Pixel nach oben und 2 Pixel nach rechts. Dies ist ein wichtiger Punkt in der Charakteranimation.

Reduzieren Sie die Deckkraft der Originalebene um 50 %, sodass Sie den vorherigen Rahmen sehen können. Dies wird als „Onion Skinning“ (Pluralmodus) bezeichnet.

Schritt 2

Beugen Sie nun die Arme und Beine Ihres Charakters, als würde er rennen.

● Hervorheben linke Hand Lasso-Werkzeug

● Verschieben Sie mit dem FreeTransformTool (Bearbeiten > FreeTransform) und gedrückter Strg-Taste die Ränder des Containers, sodass sich die Hand zurückbewegt.

● Wählen Sie zunächst ein Bein aus und strecken Sie es ein wenig. Drücken Sie dann das andere Bein gegeneinander, sodass es sich anfühlt, als würde die Figur gehen.

● Verwenden Sie einen Bleistift und einen Radiergummi, um den Teil zu korrigieren rechte Hand unterhalb des Ellenbogens.

Schritt 3

Jetzt müssen Sie die neue Position der Arme und Beine komplett neu zeichnen, wie im zweiten Abschnitt dieser Lektion gezeigt. Dies ist notwendig, um sicherzustellen, dass das Bild klar aussieht, da die Transformation die Pixellinien stark verzerrt.

Schritt 4

Erstellen Sie eine Kopie der zweiten Ebene und drehen Sie sie horizontal. Jetzt hast du 1 Grundhaltung und 2 in Bewegung. Stellen Sie die Deckkraft aller Ebenen auf 100 % wieder her.

Schritt 5

Gehen Sie zu „Fenster“ > „Zeitleiste“, um das Zeitleistenfenster anzuzeigen, und klicken Sie auf „Frame-Animation erstellen“.

Heutzutage erleichtern Programme wie Photoshop, Illustrator, Corel die Arbeit des Designers und Illustrators. Mit ihrer Hilfe können Sie vollständig arbeiten, ohne von der Anordnung der Pixel abgelenkt zu werden, wie es am Ende des letzten Jahrhunderts der Fall war. Alle notwendigen Berechnungen begeht Software- Grafikeditoren. Aber es gibt Menschen, die in eine andere Richtung arbeiten, nicht nur anders, sondern sogar völlig entgegengesetzt. Sie beschäftigen sich nämlich mit der gleichen Pixelanordnung der alten Schule, um ein einzigartiges Ergebnis und eine einzigartige Atmosphäre in ihren Werken zu erzielen.

Ein Beispiel für Pixelkunst. Fragment.

In diesem Artikel möchten wir über Menschen sprechen, die Pixelkunst betreiben. Schauen Sie sie sich genauer an beste Werke, die allein aufgrund der Komplexität ihrer Implementierung ohne Übertreibung als funktionierend bezeichnet werden können zeitgenössische Kunst. Werke, die einem beim Betrachten den Atem rauben.

Pixelkunst. Beste Werke und Illustratoren


Stadt. Autor: Zoggles


Märchenschloss. Autor: Tinuleaf


Mittelalterliches Dorf. Autor: Docdoom


Hängende Gärten von Babylon. Autor: Mondfinsternis


Wohngebiet. Autor: