Wikia

Warriors Wiki

Warriors Wiki:Charart/Apprentice Tutorials

Talk26
2,068pages on
this wiki

< Warriors Wiki:Charart

Charart Tutorial


Here, you will find the following:

  • Introduction
  • Tools used in the different programs
  • Image Example
  • Shading Placement
  • Eye Placement
  • Ear and pelt colors that work well together
  • Abnormal Lineart
  • Layers

Introduction

Everyone always asks how to become a warrior; well, here it is:

  • Users join as an apprentice.
  • Apprentices ask questions if need be from experienced users. Before an apprentice puts art up, they should get basic guidelines from one of the tutorials listed below; i.e: art program, shading style, basic instructions etc.
  • Apprentices may request a mentor.
  • Journey from apprentice to warrior.
    • Have to have more than one image approved and be nominated.
    • Know how to use shading, highlights, blur, etc.
    • Be able to put in good critiquable comments to others' images.

Tools

Tools for Gimp:
20121229072241%21PCA_Tut.png

Tools for Pixlr:

20121229072300%21PCA_Tut.png

Ears & Eyes For a good looking ear pink choose the colours like this~

20121229072215%21PCA_Tut.png

And for pupil placement and shading in the eye~

20121229072228%21PCA_Tut.png

Example Image

We all know that sometime you just can't describe a colour. You want somebody to darken the image, but when they do, the colour looks weird. You want somebody to lighten the earpink, but when they do, the colour is just off. If you really just want to show the artist the colour the earpink or eyes or pelt really should be, you can just use the colour example image. Just save the image to your computer and bucket fill it with the proper colour you want the artist to use, and then reupload the image over the previously mentioned file with what the colour is for, the artist, and the image the colour is for. For example, you could say "Earpink for Wildheart7's Rain (TB)", if you were uploading an earpink colour for my TB image of Rain. Then you would go to (again, just an example) my section on the Tweak Page and put this code: [[:File:Colour.example.png|(insert whatever you want to say here)]] under the section. You'd then say "(insert whatever you want to say here)" or whatever you were going to comment on. Remember, guys, the image shouldn't be used every time you want the artist to darken the stripes or lighten the earpink - just when they really don't get it. Hopefully that was helpful. llwildheartl

Shading Placement

20130102194259%21PCA_Tut.png

Abnormal Lineart

Here is some ways to change up the lineart to match the character decription better. A few things to make sure of:

  • Make the new lineart thick
  • Check the box that says "Hard Edge" when erasing to make sure you get it all
  • Double check to make sure there's no waste
Chances are this is the only type of lineart change you will need to make. Its simple. Just erase the ears tip and draw in the new gap using true black. Some good examples are Lionheart, Yellowfang and Bluestar.
Tornear
Another likely lineart change is patchy fur. You can see some examples on Dappletail and Stoneteller, or for really patchy fur, Running Horse Pretty much the same steps as the torn ear.
Patchyfur
All lineart changes are basically the same. Erase, redraw, fiddle with it, put it for approval. Easy peasy. Heres some more abnormalities:
Stumpy tails like Halftail and my favorite, Berrynose
Stumptail
Ragged fur like Silverhawk and Raggedstar
Raggedfurtut
Twisted feet like Oddfoot and Cinderpelt
Twistedfoot
Tuffed ears like Redtail and Tawnyspots
Tuffedears
A crooked jaw like Crookedstar
Crookedjawtut

Layers

These are how I use layers. Feel free to add in other methods.

Layers are such an invaluable tool for me. You don't have to worry about blurring the lineart, and it makes charart creation so much easier. I typically use three layers in GIMP.

Layers

  1. Eye: Pretty self-explanatory. Make all pixilations of the eye in this top layer.
  2. Lineart: The lineart. Unless the character has a physical flaw that you need to work into the lineart, this layer should remain untouched.
  3. Color: Add all color other than eye color here. Add all your shading and highlights here.
To add in layers, click the button I've circled in purple. A box will pop up with information in it. For our purposes, just change the name if you want and ignore everything else.
To change a layer's name, double click its name in the layer box you see above.
There's undoubtedly more to layers than this, but this is really all you need to know to use layers in charart making. Moonflight 14:01, October 31, 2011 (UTC)

Shading Styles

Basic Shading

Stoneclaw33.charart tutorial.shading

 ☯Stoneclaw☯    01:11, November 4, 2011 (UTC)

A Closer Look

This is a closeup view on how I do my shading.

Screen shot 2011-11-02 at 10.50.32 PM

In the first picture, (The top left one) you see that in a new layer, I put black in pencil where I want my shading to be. There are many different spots to put shading, remember, not only one way.

In the second picture, (The top right one), you see that I am going to guassian blur it. To guassian blur, go to Filter, then blur, and then guassian blur. Put it at a rate from around 15 to 23. Mine is at 20. Once you have set the rate you wish to blur it at, click OK.

Lastly, lower the opacity of the shading layer. It depends on how dark you want your shading. In the bottom picture, you see that I put my opacity at 38.7.

When you are done, you can always tweak the shading, such as using the blur tool to blur some parts, or changing the opacity number. If you blur some parts, make sure to put it at a higher rate. Remember that you can get very creative with shading, there isn't just one way to do it.

- Ivyheart =P

Shading Without Layers

This is probably the most confusing way to shade I've ever done, but it's how I did my first... at least 9 chararts. It's super confusing, Wildheart was at my house and I showed her how to do and she didn't really get it, so I wish you the best of luck. This is a good way to do highlights because they're already 90% blurred before you even touch the blur tool. Enjoy!&nbsp Blendtut-ſceheartBlah blah 00:05, December 10, 2011 (UTC)

Here, you will find the following:

  • Plain Cat Tutorial
  • Black Cat Tutorial
  • White Cat Tutorial
  • Dual-Colored Cat Tutorial
  • Texture Tutorial

Shading Placement

20130102194259%21PCA_Tut.png

Plain Cats

Coloured

SolidCatTutorial

Black

20121229071938%21PCA_Tut.png - Fill it in with the paint bucket (GIMP) with a dark gray color.

20121229071949%21PCA_Tut.png - Make a new layer. Name it "Shading" and with a size 9 black brush, add the various shading areas in.

20121229072127%21PCA_Tut.png - Blur by going to "Gaussian Blur" and blur it at any rate between 15.0 and 40.0.

20121229072015%21PCA_Tut.png - This is optional. Create a new layer and with white, dot areas that you'd have highlights on.

20121229072056%21PCA_Tut.png - Now, blur it with the same rate you blurred your shading at. Change the layer mode to multiply.

20121229072139%21PCA_Tut.png - Make a new layer. This is for the ear pink. With the path tool, make a triangle. Press enter on your keyboard, then fill it in. Then, press Ctrl + Shift + A. Blur your ear pink.

20121229072159%21PCA_Tut.png - Eyes now. Go on the background layer and put in four pixels. I used blue. For the eye color, I usually put one lighter pixel at the top on the left side, underneath it with a tad darker color, then a really darker color. Then I put two pixels for the pupil and white.

20121229073355%21PCA_Tut.png - On the background layer fill it in with a color you haven't used in your charart before. Then color select it and press delete on your keyboard on every layer. You now have a clean picture, ready to be put for approval. princess twilight sparkle  let the rainbow remind you    03:12, September 11, 2011 (UTC)

White

Stoneclaw

Stoneclaw33.whitecats.tutorial

Paleclaw

20121229080540%21PCA_Tut.png Step 1 - Make a layer below your lineart and fill it with your white. I usually use one or two shades away from pure white.

20121229080636%21PCA_Tut.png Step 2 - On a new layer, block in your shading. The key on white cats is to not make your shading too thick, otherwise it will spread over the entire image when you blur the shading, making the image look gray.

20121229080651%21PCA_Tut.png Step 3 - Blur/smudge your shading as desired.

20121229080716%21PCA_Tut.png Step 4 - Though this step is optional, a nice trick is to pick a color a shade or two lighter than you the darkest you want your shading to be. Then lock the opacity of your shading layer, and paint bucket over it. Set the layer to multiply and leave it at that. By doing this, you ensure your image will never be darker than you want it.
If you don't want to do this step, set your layer to multiply anyways, and change your black shading's opacity till it looks right.

20121229080822%21PCA_Tut.png Step 5 - Finally, add earpink and eyes and remove the waste. Just a tip on removing waste, it's sometimes a good idea to not remove the waste on your shading layer if it's on multiply. The waste won't show up as long as it's set to that, and leaving it there will make blurring easier later if you need to.

Hope this helped. Paleggy Ship it

Dual Coloured I use GIMP and Paint, but you're free to skip where I use Paint and use GIMP instead. I just find Paint to be a simpler program to use.

Warriorlongm Step 1: Insert image into Paint.

20121229065728%21PCA_Tut.png Step 2: Fill in base fur colour. Now, we're going to making this little guy grey-and-black, because he's just awesome like that.

20121229065736%21PCA_Tut.png Step 3: Add markings. Woah, woah, WOAH. It's green. Don't worry kiddies, I did that on purpose :3 It's a lot easier to separate the markings into layers if the black is a neon colour. Like green.

Add image into GIMP. On Paint, go to Select, then Select All. Copy the image (or press CTRL + c). Go to GIMP, click File, then underneath New, it should say Create, with a little arrow beside it. Hover over that, and then click on From Clipboard. Your image should show up, in its own layer. Be sure to right click on the layer and select Add Alpha Channel, or it won't be transparent. On the subject of transparency, see here for information how to make an image transparent on GIMP. If your cat has markings (tabby stripes, patches, ect.) use the Select by Colour Tool to select all of the marking colour in an image. Then I cut the selection (CTRL + z), and re-paste it (CTRL + v), effectively starting a new layer. Create a new layer (don't ask why, it just works) and there you go. Now, select all the colour in the marking layer and go back down to the layer you started on. Use the dropper tool to select the base fur colour, then use the bucket tool to fill in the now-transparent markings.

20121229065758%21PCA_Tut.png Step 4: Okay, now you should have an image that's transparent and on two separate layers, but the markings are still green! This is simple to fix. Simply using the Select by Colour Tool, select the green (durr) and use the bucket tool to fill it in with black. I advise not to use pure black; it's very hard to shade. Use a really dark grey.

20121229065826%21PCA_Tut.png Step 5: Blur those markings. Now, if you can't tell, I really love my Smudge Tool - maybe a little too much - so if you just want to have him solidly black (like Barley), simply use the Blur Tool, not too aggressively.

20121229065837%21PCA_Tut.png Step 6: Because of the smudging, it looks more like dark grey instead of black right now, so I just used my Burn Tool to make the markings a little darker. Moving on.

20121229065904%21PCA_Tut.png Step 7: Add some shading. Be sure to start a new layer. I tend to use three shading layers - one for the tail, head, and main body, one for the two legs closest to us, and one for the legs and ear farthest from us - but it's really not necessary. It just makes it easier to blur the way I do it.

20121229065851%21PCA_Tut.png Step 7: Blur, using Gaussian Blur. I usually set it to 7 and repeat it a couple times, but that's also not necessary. You can set it anywhere from 5 to 20 and it'll look fine.

20121229065914%21PCA_Tut.png Step 8: Now set the layer mode to Multiply. This makes any shading outside the blank invisible, but doesn't delete it, in case you want to blur it more later on. Then, drag the layer opacity to wherever you see fit.

If you don't use highlights, you can skip this part and go straight to step 11. However, I recommend you use them for an image like this.

20121229070001%21PCA_Tut.png Step 9: Start a new layer, and do this <--- with your Paintbrush. We're making highlights!

20121229070019%21PCA_Tut.png Step 10: You already know how to blur, so I'm skipping that step. However, for highlights, you should probably set the layer mode to Overlay, then reduce the opacity. You don't have to, but...

20121229070041%21PCA_Tut.png Step 11: Add earpink, and you're done! You can use this method for any type of dual-coloured cats, even for tortoiseshells.

20121229071926%21PCA_Tut.png And here's what he'd look like in black-and-white! Fascinating, no? oblivionAudience? 01:54, December 6, 2011 (UTC)

Texture

Texturetut

Hawkeh Blades of Blood19:22 Sun Jul 6


Here, you will find:

  • Tabbies (thin, dappled, spotted and marbled)
  • Tortoiseshell (brindled, calice, torbie)
  • Flecked
  • Mottled

Tabbies

Tabby Types - Shelly

20130121021951!Shellyheart.png

Tabby Types - Ivystripe

Tabby patterns
Please do not simply copy and paste these onto your image, they're merely a guide and should not be directly pasted onto an image.

Thin Tabbies

Hi everyone! I'm Splook, and I'm here to show you how to do my favorite kind of tabby: the thin tabby! I'm using the program GIMP. Open your blank and color select the white inside of it. Press delete, then go up to the top toolbar and press "select" < "none." Then make a new layer and put it behind the lineart layer.

20121229072436%21PCA_Tut.png I'm going to do a brown tabby. Fill in the whole blank with your chosen color. Make sure the whole blank is colored. Now make a new layer above the base layer and name it "stripes."

20121229072532%21PCA_Tut.png Put the brush on the smallest possible (make sure the scale is 1.00) and put stripes across the whole image. Connect them, go across the blank, do whatever you want! I like to make sure that every somewhat large spot of empty space is covered.

20121229072554%21PCA_Tut.png Go to the blur tool (the teardrop tool)and put the scale on the largest it can be. Lower the rate to 30 or 20 (this was at 30) and swipe across the blank two times. Now create a new layer named "shading" above this layer.

20121229072616%21PCA_Tut.png Choose a color darker than the pelt and draw in the appropriate areas. Now go back to the blur tool and raise the rate as high as it can go (100) and blur it together. (or use guassian blur.)

20121229072632%21PCA_Tut.png After blurring, it should look like this. Go to the box where you have your layers and change the mode from normal to multiply. Lower the opacity to your liking. Now make a new layer for your eyes and highlights.

20121229072657%21PCA_Tut.png Fill in the ear and eye. Now go to your base layer and fill the outside of the lineart with neon color (or a color you didn't use.) Color select then delete. Press delete on all your layers. This gets rid of the waste.

20121229072711%21PCA_Tut.png And there's your thin tabby cat! I don't use highlights, my "highlights" are the light source. Thank you for your time and happy charart making! SplookMavinotp♥ 19:57, August 14, 2012 (UTC)

Marbled Tabbies

Marbledtutorial By: Blue Orca

Dappled Tabbies

Stoneclaw33.chararttutorial.dappledtabbies  ☯Stoneclaw☯    04:15, December 2, 2011 (UTC)

Spotted Tabbies

Spottedtabbytut  ☯Stoneclaw☯    07:47, February 18, 2012 (UTC)

Tortoiseshells

Here is how I make my torties:

20121229072313%21PCA_Tut.png First colour pick the line art and put it on a new layer and colour in the background with the dark base colour, usually black or dark brown
20121229072323%21PCA_Tut.png Then add another layer and add splashes of a lighter colour, usually a shade of ginger, and smudge with circle brush 3 at a rate of 60, and then blur at a rate of 25-30
20121229072332%21PCA_Tut.png You can repeat step 2 for every colour you want, but adding more than 3 usually looks too busy, so try to stick with 2-3 different colours.
20121229072347%21PCA_Tut.png Then add another layer for shading. I use solid black, but any dark colour would work. Just paint it where the shading would go, erase where the highlights would be, and blur really well.
20121229072406%21PCA_Tut.png Then lower the layer’s transparency until you have a nice balance between shading and coat colour. I set it to 39
20121229072417%21PCA_Tut.png Then add one more layer for the ear pink and eye colour
20121229072427%21PCA_Tut.png Now the most important step, go to the line art layer and select outside the line art (using fuzzy select). Then go through all the layers hitting Crtl+X and that will get rid of all the waste on the outside.

And there's your finished tortoishell. I would probably be told to lighten the shading, but I'm partial to dark shading so it looked fine to me. There's lots of different kinds of tortieshells, like a dark one like Redtail, tortieshell and white like Cherrytail and calico like Poppyfrost. -ſceheartBlah blah

Brindled Tortoiseshell

This is a traditional tortoiseshell with brindle patterns. Howtotortie

Calicoes

This is a tutorial on Calico cats. Calicochararttuorial  ☯Stoneclaw☯    06:36, January 22, 2012 (UTC)

Mottled & Flecked

Mottled/Dappled

Mottledtut -ſceheartBlah blah 01:35, December 2, 2011 (UTC)

Flecked

Fleckedtut -ſceheartBlah blah 01:35, December 2, 2011 (UTC)

Here, you will find:

  • Changing pelt lengths
  • Blurred Lineart
  • Tweaking Shading
  • Changing Color
  • Adding Stripes
  • Floating a Section

Tweaking

This section is mostly for warriors, though some apprentices may need to use one or two of these for a normal image every once and a while.

Changing Pelt Lengths

Here is how you change the pelt length of cats without having to do a completely new charart pixil (invaluable if you like the original picture a lot, you did the wrong pelt length and don't want to start anew, or for consistency purposes)

Shorttolong

Blurred Lineart

Blurred lineart is something you'll probably run into a lot when you're tweaking. It's actually a lot easier to fix than you'd think. Just follow these steps and you'll be fine. Sorry if it doesn't make sense at some parts, I'm horrible at explaining things.

Blurred Lineart Tutorial

♔ⓅⓐⓁⓔⒸⓛⒶⓦ♕ ☆StarClan be with you★ 04:42, November 6, 2011 (UTC)

Tweaking Shading

TweakingShading

- Ivyheart =P

Changing Color

Changingcolourtutorial

--Leafstrike-- 22:24, December 6, 2011 (UTC)

Adding Stripes

AddingStripes.tutorialllwildheartl05:13 Thu Dec 8

Floating a Section

This section explains how to seperate the coat colour(s) from the lineart. I used to use this method before I started using layers. Floatsection

OA for these were (in order) Insaneular, Nightshine, Ivystripe, Oblivion, and Shelly

Speed-Charart Jigsaw (KP)04:35

Speed-Charart Jigsaw (KP)

Speed-Charart Patchfoot (Ro)03:16

Speed-Charart Patchfoot (Ro)

Speed-Charart Mallownose (Kit)03:11

Speed-Charart Mallownose (Kit)

Warrior Blank Tutorial04:34

Warrior Blank Tutorial

GIMP Tutorial21:50

GIMP Tutorial

Ivystripe's all-around GIMP tutorial

Tabby Charart Tutorial06:03

Tabby Charart Tutorial

File:Warriors Wiki PCA Tutorial 1

Around Wikia's network

Random Wiki