So erstellen Sie einen Pixel-Art-Filter auf CSP

19.224

Mana1057

Mana1057

Hi! Lassen Sie uns darüber sprechen, wie Sie mithilfe von Filtern Pixelgrafiken in Clip Studio Paint erstellen!

Ich werde eine Pagedoll zu diesem Thema machen. Und ich werde CSP PRO verwenden, Sie können die EX-Version verwenden, funktioniert genauso. Die CLIP-Dateien oder Projektdateien werden zum Download bereitgestellt, damit Sie es mitverfolgen oder selbst ausprobieren können.

Wir werden so etwas machen:

Die Videoversion ist gleich hier unten:

Ich habe auch eine SHORT-Shortcut-Version des gleichen Tutorials erstellt; weil das Originalvideo sehr erklärungsbedürftig ist - sieht überwältigend aus.

⭐ Diese Version hat kein Voice-Over und keine Hardcore-Erklärung. Nur grundlegende Erklärungen

 

Hier ist es:

Was ist eine Pagedoll?

Pagedolls sind wie kleine Kunstwerke, mit denen die Leute ihre Seiten dekorieren (DeviantART, Toyhou.se, etc.)

 

Meine Pagedoll ist mein gedämpfter Reiskuchen-Typ.

Für Pagedolls gibt es keine Regeln für den Kunststil - sie müssen nur klein sein.

 

Aber die gebräuchlichste Art, Pagedolls zu erstellen, sind Pixelkunst.

Also machen wir sowas für dieses Thema

Bereiten Sie Ihr Bild vor

Das Wichtigste zuerst, lassen Sie uns unser Bild öffnen.

Ich empfehle, eine Zeichnung mit getrenntem Hintergrund zu verwenden.

⭐ Dieses Bild wurde bereits zu Animationszwecken in Stücke geschnitten, da ich es auch animiere. Sie können eine ungeschnittene oder nur eine normale Zeichnung verwenden, funktioniert genauso.

Verwandeln wir dies also in Pixelkunst oder Pagedoll.

Lassen Sie uns dies zuerst zuschneiden, da es viele leere Bereiche gibt

 

Holen Sie sich Ihr [Auswahlwerkzeug] > [Rechteck]

 

Und erhalten Sie den Bereich, den Sie beschneiden möchten.

Gehe dann zu [Bearbeiten] > [Zuschneiden]

Und wenn es beschnitten ist, würde es so aussehen:

Okay, im nächsten Schritt ändern wir die Größe.

Das Originalbild hat etwa 1,2 bis 1,3 k Pixel, also reduzieren wir dies.

 

Gehe zu [Bearbeiten] > [Bildauflösung ändern]

 

Ich gehe von 250 Pixeln für die Höhe aus.

 

⭐Pagedolls können manchmal bis zu 300 Pixel groß sein.

Klicken Sie auf OK, wenn Sie fertig sind.

 

Okay, jetzt ist unser Bild klein!

Lass uns das jetzt verpixeln

Pixelate-Effekt - Künstlerisch

Angefangen bei den Haaren!

⭐ Bitte denken Sie daran! Sie können auch ein ungeschnittenes oder ein flaches Bild verwenden!

 

Gehe zu [Filter] > [Effekt] > [Künstlerisch]

 

Wenn Sie den künstlerischen Filter zum ersten Mal öffnen, sieht er so aus.

Lass uns darüber sprechen;

 

✦ Verarbeiten - Was möchten Sie verarbeiten? Möchten Sie Farbe und Linien oder Farbe allein oder Linien allein bearbeiten?

-------------------------------------------------- 

✦ Linienstärke – je niedriger der Wert, desto dünner sind die Linien. Je höher der Wert, desto dicker sind die Linien.

Hier empfehle ich, diese Leiste zu scrollen, damit Sie sehen, was für Sie am besten funktioniert.

-------------------------------------------------- 

✦ Linieneinfachheit – Dies ist wie bei den Liniendetails. Je niedriger der Wert, desto weniger Details. Je höher der Wert, desto detailreicher.

Ich ging auch 11 auf diesem.

-------------------------------------------------- ✦ Liniendichte – Ich denke, das ist das Gewicht der Linien.

Wie hier im Beispiel, wenn ich die Zahl erhöhe, erscheinen plötzlich die Linien, die fast unsichtbar sind.

Ich bleibe hier bei 15, weil ich nicht möchte, dass diese kleinen Linien erscheinen.

-------------------------------------------------- ✦ Liniendeckkraft – Dies ist die Deckkraft der Linie. Je höher der Wert, desto dunkler werden die Linien. Niedrigerer Wert, es sieht so aus, als ob es fast keine Linie gibt.

Ich bin 30 geworden - vorerst.

-------------------------------------------------- ✦ Linien-Anti-Aliasing – Dies ist wie die Glätte der Linie.

Je höher der Wert, desto glatter wird es. Senken Sie den Wert und er wird schärfer.

Ich bleibe bei 1 – weil ich versuche, Pixelkunst zu imitieren, also muss ich es wie Pixel aussehen lassen – die scharfe Linien haben.

Dann gehe ich einfach zurück zur Linienopazität, um sie etwas niedriger zu ändern – 16%

-------------------------------------------------- ✦ Farbmischung – Dies sind die Farbmischungen.

Je niedriger der Wert, desto weniger Überblendung – Sie erhalten hier also viele Farben.

Je höher der Wert, desto mehr Überblendung und Sie erhalten weniger Farben

Wenn Sie versuchen, es wie eine Pagedoll zu tun – gehen Sie zu 50% oder höher.

-------------------------------------------------- ✦ Farbunschärfe – dies verwischt die Farben buchstäblich. Je höher der Wert, desto höher die Unschärfe.

Ich bleibe dabei bei 1. Da brauche ich alles scharf, vor allem die Farben und so und das brauche ich nicht wirklich.

-------------------------------------------------- ✦ Anzahl der Farben – Dies ist diejenige, die beim Erstellen eines Pixeleffekts hilft.

Denn dies gibt uns die Möglichkeit, die Farben unserer Zeichnung abzusenken.

 

Je niedriger der Wert, desto weniger Farbe. Je höher der Wert, desto mehr Farben.

Ich ging 11% auf dieses.

Und das ist es. Wenn Sie fertig sind, klicken Sie einfach auf OK.

 

Okay, das ist also vorher und das ist nachher

Dies ist der Hauptpixelfilter.

 

Sie können bereits damit arbeiten, aber wenn Sie ins Detail gehen und extra gehen möchten, sind die nächsten Themen für die zusätzliche Bearbeitung vorgesehen.

Pixeleffekt - Unscharfe Maske

Machen wir die Linien schärfer!

 

Als nächstes gehen Sie zu [Filter] > [Schärfen] > [Maske unscharf]

Dies ist wie unser einziges Sharpen-Tool, das wir kontrollieren können, also werden wir es verwenden.

 

So sieht es aus

⋆ Radius - die Größe des Effekts/Filters

 

⋆ Stärke - die Stärke der Wirkung

 

⋆ Schwellenwert – dieser beeinflusst mehr oder weniger die Glätte der Linien/Kanten. Je niedriger der Wert, desto schärfer werden die Linien/Kanten. Höherer Wert macht sie glatter

 

Und das sind die Einstellungen, die ich am Ende hatte:

⋆ Radius: 15 | ⋆ Stärke: 33 | ⋆ Schwellenwert: 0

 

Und klicken Sie einfach auf OK, wenn Sie fertig sind.

Das ist das Vorher und Nachher:

*Pixeleffekt - Ebene duplizieren

Dieser nächste Teil ist optional, aber ich liebe es, dies zu tun, nur um zusätzlich zu gehen.

Dies macht die äußeren Linien schärfer oder lässt die äußeren Linien im Grunde nur dunkler werden.

 

Wir werden die Ebene/Zeichnung duplizieren und zusammenführen.

 

Gehen Sie bei noch ausgewählter Ebene zu [Ebene] > [Ebene duplizieren]

Jetzt haben wir zwei Schichten derselben und die äußere Linie sah schärfer / dunkler aus

Drücken Sie nun [STRG + E] oder Zusammenführen mit der darunter liegenden Ebene.

Sie können dies so oft tun, wie Sie möchten. Ich habe das dreimal gemacht.

 

Und das ist vorher und das ist nachher

 

*Pixeleffekt - neu einfärben

Dieser nächste Schritt ist ebenfalls OPTIONAL.

 

Aber wenn einige Linien für Ihren Geschmack zu dunkel geworden sind, können Sie sie neu einfärben.

Zum Beispiel sind die Linien/Strichzeichnungen auf dem Pony zu dunkel geworden, also färben wir das neu.

Erstellen Sie eine [Neue Rasterebene] über dem Bereich, den Sie reparieren möchten, hier sind es die Haare.

o Dann [Auf die darunter liegende Ebene ausschneiden]

Holen Sie sich jetzt Ihr [Verlaufswerkzeug]> [Vordergrund zu Transparenz]

⋆ Sie können einen Pinsel verwenden, wenn Sie möchten

 

Holen Sie sich nun den Hautton des Charakters, halten Sie [ALT] auf Ihrer Tastatur und wählen Sie die Farbe aus

 

Sie können jede beliebige Verlaufsform verwenden, ich gehe [Ellipse]

 

Und machen Sie einfach Verlaufsstriche auf dem Pony.

o Sie können den [Mischmodus] ändern, wenn Sie möchten. [Normal] und [Screen] sind meine übliche Anlaufstelle.

Wenn Sie fertig sind, denken Sie daran, sie zusammenzuführen oder [STRG + E] auf Ihrer Tastatur zu verwenden.

*Pixeleffekt - neu zeichnen / retuschieren

-------------------------------------------------- -Holen Sie sich Ihr [Marker]-Tool, verwenden Sie ein beliebiges Tool, aber überprüfen Sie unbedingt Ihr [Anti-Aliasing] – es sollte auf Keines eingestellt sein

⋆ Ich verwende einen Standardpinsel, den [Marker Pen]

Wählen Sie dann einfach die Farbe aus, halten Sie [ALT] gedrückt, wählen Sie die Farbe und zeichnen Sie einfach mit dem [Marker]-Werkzeug Ihrer Wahl.

 

Konzentriere dich nur auf die äußeren Linien, du musst nicht an den inneren arbeiten.

Auf dem Gesicht oder der Kopfebene werde ich diese Farbflecken mit dem [Mischen]-Tool entfernen.

*Ich bin kein Experte für Pagedolls, aber ich habe gesehen, dass einige Leute solche glatten Farben verwenden, während sie die anderen pixeligen Elemente beibehalten – wie diese Schatten für die Haare.

 

Andererseits sind Pagedolls nicht die traditionellen Pixelkünste

 

 

Wenn Sie das Gefühl haben, dass die Linien bereits schwer genug sind, können Sie sie auch löschen, wenn Sie sie nicht übermalen möchten.

 

Verwenden Sie dasselbe [Marker]-Tool, das Sie verwenden, aber diesmal verwenden Sie die Farbe [Transparent]

*Sie können einen [Radiergummi] verwenden - überprüfen Sie einfach das Anti-Aliasing und stellen Sie es auf NONE

 

Dateien zum Herunterladen | Versuch es selber!

Und das war's, so können Sie mit Clip Studio Paint einen Pixeleffekt/Filter erstellen.

 

Das Video fühlt sich überwältigend an, daher empfehle ich, die SHORT-Shortcut-Version anzusehen, wenn Sie möchten!

Sie können das Bildbeispiel von Chen und Berry über den Dropbox-Link herunterladen!

Ich habe dort auch noch ein Chibi eingefügt

Dann habe ich das einfach animiert, auch auf CSP Pro!

Kommentar

Neu

Neu! Offizielle Tutorials