Tutorialbeschreibung

Kolorieren von Skizzen

Kolorieren von Skizzen

Immer wieder kommt es vor, dass man auf einem Blatt Papier eine Skizze gezeichnet hat und diese dann per Photoshop kolorieren möchte. Wie das genau geht, erfährst du hier.


Schritt 1:

Zuerst scannst du deine Skizze ein (möglichst in einer hohen Auflösung, z.B. 300 dpi). Danach hast du eine Hintergrundebene. Diese wandelst du per Doppelklick auf die Hintergrundebene in der Ebenenpalette in eine normale Ebene um. Um das Kolorieren aller Elemente zu vereinfachen, entfernen wir sämtliche weißen Pixel. Das geht am einfachsten, in dem wir auf Menü>Auswahl>Farbbereich auswählen gehen. Danach die weiße Farbe auswählen und die Toleranz auf 200 setzen. Danach sollten alle weißen Pixel ausgewählt sein, und die können wir durch Drücken der Entfernen-Taste entfernen. Unter der neuen Ebene, die wir am besten in "Linienführung" umbenennen, können wir eine weiße Hintergrundebene legen, damit wir die Linien besser sehen.

Bilder


 

Schritt 2:

Als Nächstes erstellen wir eine neue Ebene mit dem Namen "Hemd". Wir klicken mit dem Zauberstab auf die Linienführungsebene in den Bereich, wo sich das Hemd befindet. Es entsteht eine Auswahl, die wir mit einer z.B. orangen Farbe füllen. Jetzt füllen wir auch alle weiteren Flächen des Hemdes.

Bilder


 

Schritt 3:

Als Nächstes verfeinern wir das Hemd, indem wir einen Schatten andeuten. Das geht am einfachsten durch einen Pinsel, oder aber du erstellt mit dem Polygon-Lasso eine pixelgenaue Auswahl. Danach füllst du diese Auswahl mit einer dunkleren Farbe. Um die schwarzen Linien jetzt zu entfernen, klicke mit der Strg-Taste in auf die Linienführungs-Ebene. Es entsteht eine Auswahl. Danach klickst du wieder auf die Hemd-Ebene. Diese kannst du jetzt durch die Hemdfarbe leicht übermalen.

Bilder


 

Schritt 4.1:

Damit das Hemd noch stylischer aussieht, verpassen wir ihm noch einen oberen Streifen. Wir könnten das mit einem Pinsel machen. Jedoch ist das mit der Maus leider schwer möglich. Leichter wäre es mit einem Grafik-Tablett. Weil aber nicht jeder so etwas besitzt, geht's auch anders. Und zwar mit einer Vektor-Form. Dazu erstellen wir ein Rechteck als Formebene (U). Danach fügen wir der Formebene mit dem Ankerpunkt-hinzufügen-Werkzeug ein paar neue Punkte hinzu, damit wir sie besser biegen können.

Bilder

 

 

Schritt 4.2:

Danach sollte der Streifen ungefähr so aussehen wie im Bild gezeigt.

Bilder


 

Schritt 4.3:

Das gleiche Verfahren wenden wir jetzt für den unteren Armstreifen an. Auch für die rechte Schulter fügen wir einen kleinen Streifen ein. Zum Schluss, wenn wir damit fertig sind, können wir alle Ebenen, die das Hemd betreffen, zusammenfügen lassen. Dazu einfach in der Ebenenpalette die Option wählen Mit darunterliegender auf eine Ebene reduzieren (Strg+E).

Bilder


 

Schritt 5:

Jetzt können wir eine neue Ebene für die Armkolorierung erstellen. Den Arm färben wir schwarz. Danach fügen wir wieder mit einer Formebene einen kleinen Schatteneffekt ein. Beim Färben kann es leicht passieren, dass wir die Träger des Rucksacks mit färben. Das können wir aber nachher wieder korrigieren.

Bilder


 

Schritt 6:

Als Nächstes erstellen wir wieder eine neue Ebene, nur diesmal mit dem Namen "Rucksack". Danach wieder wie gewohnt per Zauberstab von der Linienführungsebene eine Auswahl erstellen und dann mit dem Fülleimer färben.

Bilder


 

Schritt 7:

Jetzt erstellen wir eine Ebene mit dem Namen "Gürtel". Danach wieder wie gehabt eine Auswahl erstellen und färben.

Bilder


 

Schritt 8:

So, und jetzt sind die Bücher dran. Wieder eine neue Ebene erstellen und die zwei Bücher per Auswahl färben. Den Büchern können wir dann noch einen Schatten geben.

Bilder


 

Schritt 9:

Wieder eine neue Ebene erstellen mit dem Namen "Hose". Danach wie gewohnt eine Auswahl von der Linienführungsebene erstellen und per Farbeimer färben. Wir können schon sehr stolz sein, denn bis auf den Kopf sind wir komplett fertig!

Bilder


 

Schritt 10:

Als Nächstes kommt ein nicht ganz so leichter Bereich: die Haare. Wir erstellen wieder eine neue Ebene und färben dann die Haare per Auswahl. Jetzt haben wir noch viele weiße Stellen. Diese färben wir im nächsten Schritt mit einer dunkelgrauen Farbe.

Bilder


 

Schritt 11:

Wir können jetzt die weißen Stellen mit einer dunkelgrauen Farbe färben. Wie wir merken werden, schimmert manchmal noch Weiß durch. Das können wir durch eine unter den Haaren liegende Ebene korrigieren. Darum legen wir eine neue Ebene unter der Haare-Ebene an und färben diese dann, wo die kleinen weißen Stellen sind, mit schwarzer Farbe.

Bilder


 

Schritt 12:

Weil jetzt die Haare soweit OK sind, könne wir die "Haare"-Hilfsebene mit der "Haare"-Ebene verbinden.

Bilder


 

Schritt 13:

Jetzt der schwierigste Part zum Schluss: das Gesicht! Wir erstellen wieder eine neue Ebene mit dem Namen "Gesicht". Das füllen wir mit einer gelben Farbe. Danach erstellen wir mit einer Formebene einen Schatten.

Bilder


 

Schritt 14:

Wie erstellen auch für den Lichteffekt auf Nase und Kinn eine Formebene und formen diese so, dass sie sich genau der Gesichtskontur anpasst. Den Lichteffekt beim Auge können wir genauso erstellen.

Bilder


 

Schritt 15:

Als Nächstes erstellten wir eine neue Ebene für die Augenbrauen. Die können wir mit einem feinen Pinsel schwarz füllen. Die Wimpern können wir in der Gesichtsebene mit einem Pinsel füllen.

Bilder


 

Schritt 16:

Jetzt können wir in einer neuen Ebene das Auge malen. Das geht am einfachsten mit einem Pinsel.

Bilder


 

Schritt 17:

Als Nächstes erstellen wir eine neue Ebene für das Ohr. Das füllen wir mit der gleichen Farbe wie das Gesicht. Auch der Schatten bekommt die gleiche Farbe wie der Schatten beim Gesicht.

Bilder


 

Schritt 18:

Wieder in einer neuen Ebene erstellen wir einen Ohrring. Wieder eine Auswahl von der Linienführungsebene und dann per Pinsel ausfüllen.

Bilder


 

Schritt 19:

Gleich haben wir es geschafft. Jetzt noch eine neue Ebene für die Lippen und diese mit einer lila Farbe ausfüllen. Einen kleinen Glanzeffekt können wir durch einen helleren Ton mit einem Pinsel erzeugen.

Bilder


 

Schritt 20:

Wir haben es geschafft. Sehr viele neue Ebenen haben wir erstellt. Notwendig ist das, um im Nachhinein eine perfekte Kontrolle über sämtliche Flächen zu erhalten. So können wir Flächen jederzeit ziemlich einfach umfärben. Ab sofort sollte es für dich relativ einfach sein, Skizzen zu kolorieren.

Bilder


Download:
Skizze
Resultat als PSD-Datei


Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Portrait von pinwand
  • 08.09.2006 - 15:48

wow! :) sehr schön! auch die skizze ist toll! werde ich gleich auch mal ausprobieren!

Portrait von Sabu
  • 07.09.2006 - 16:25

Sehr gelungenes Tutorial!

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 09.08.2006 - 07:20

1A Workshop!!! Für Illustratoren genau das richtige um es mal auch mit PS auszuprobieren. Weiter so!

Portrait von cybuk
  • 08.08.2006 - 03:49

sehr gutes tut. Hat mir sehr geholfen. Vielen Dank
Cybuk

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 20.07.2006 - 12:48

Gut beschrieben.
Eine Bitte: wenn Du die Bilder in klein einfügst und einen Link draufsetzt zum großen Bild, zerschneiden die Illustrationen nicht so sehr die Erklärung und wenn man was genau ansehen will, kann man halt draufklicken :-).

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 28.06.2006 - 09:59

klasse tut sehr hilfreich beim colorieren von
comics

Portrait von marix1625
  • 17.06.2006 - 17:18

Super tut!!! Obwohl deins besser aussieht als meins :-P
5Sterne!!!

Portrait von mayhardcastle
  • 17.06.2006 - 12:55

sehr schönes, umfangreiches tutorial! probiere mich gerade ein wenig im vektorisieren und kann jeden tipp gut gebrauchen...

lg may

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 12.06.2006 - 21:42

Sehr gelungener Workshop , dieser hat mir bei meiner Zeichnung sehr geholfen ... BiG Thx

Portrait von rootkehlchen
  • 12.05.2006 - 23:30

ja wunderbar!!!

das brauch ich, hab ich gesucht und endlich endlich gefunden... und vor allen dingen ist es wunderbar ausführlich erläutert und klasse bebildert... das schafft doch jeder....

ich danke dir auf knien... :-)))

Portrait von lagraneme
  • 27.04.2006 - 22:42

Toll gefällt mit. Danke...

Portrait von EoWyn
  • 26.04.2006 - 17:51

Echt super.
Hab meine Zeichnungen nie richtig koloriert gekriegt, aber dank der ausführlichen Beschreibungen kann ich mich mal wieder ran wagen!

Portrait von FreakD
  • 23.04.2006 - 00:11

Gut erklärt!

Und öfters brauchbar!

Portrait von dapoldi
  • 04.04.2006 - 06:45

das sieht sehr interessant aus und ist ausführlich beschrieben.
werds mal ausprobieren

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 28.03.2006 - 17:01

Schönes Tut, sehr ausführlich beschrieben...



5 Punkte von mir




Have a nice day

Portrait von Hano
  • 24.03.2006 - 09:55

sehr gut beschriebender und ausführlicher Workshop Vielen Dank

Portrait von begemo
  • 20.03.2006 - 10:29

Sehr Gutes Tutorial und ausführlich beschrieben
war mir eine große hilfe

Portrait von TRex2003
  • 16.03.2006 - 21:53

wie konnte ich dieses tutorial bloß übersehen..5 PUNKTE!!

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 16.03.2006 - 02:13

schönes tut gut beschrieben. vielen dank für deine mühe :-)

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 09.03.2006 - 15:46

schön!! war mir wirklich eine sehr große hilfe!!! super!

Mehr anzeigen

x
×
×