banner



How To Animate On Paint Tool Sai

Do y'all like pixel art? In this tutorial I volition guide y'all through the process of creating pixel art, and we volition make a magical brute known as a Pegasus. Lots of pictures will help you lot to get the idea of working with pixels in Paint Tool SAI. Let's practice information technology!

1. Create a Clean Outline

Footstep one

Our first step is to create a New Sheet with 450 ten 450 px resolution. We don't need a big canvas, because we will work with pixels. Take thePen tool and start sketching! Because generally a Pegasus is a horse with wings, find some references of horses and bird'southward wings.

You can find some inspirational photos here:

  • Horses
  • Wings
  • Pegasus

We can add together motion to the image with a dynamic pose and flying locks of mane and tail. When an image has motion, it is e'er more interesting and fun.

Also recollect: the clearer your sketch, the easier information technology will be to pixelate it, so try to make tidy lines.

Sketch of the future illustration Sketch of the future illustration Sketch of the future illustration

Step 2

To create the basic structure, we will make a black outline. Prepare the opacity of the sketch layer to 20-30% and create a New Layer on top. Accept our Binary tool (in some versions of the plan it tin be chosen thePixel tool), and commencement to pixel the outline. Your brush should have 1 px size and 100% opacity—make sure of it. Endeavour to make your lines every bit polish equally possible.

At first yous can experiment on a different layer or canvases, until you feel confident working with theBinary tool and satisfied with your outline. Anyway, yous can ever erase all mistakes and move on.

Start drawing pixel outline Start drawing pixel outline Start drawing pixel outline

Step 3

When drawing wings, it would probably be better to create another layer and depict pixels in that location, so you don't have to worry nearly messing about with lines. Then Merge down all layers except the sketch layer—you tin either delete information technology or turn off its visibility.

Finished pixel outline Finished pixel outline Finished pixel outline

ii. Pixel Coloring of the Pegasus

Step 1

Now that our pixel outline is complete, we can brainstorm to make full our Pegasus with colour. First, take the Magic Wand and select the part you desire to colour, such as the torso or tail. Then create aNew Layer on top and, using theBucket tool, make full in the selected area.

Repeat these steps with all parts of the Pegasus. And it would be better if yous make a separate layer for each big part, considering it makes coloring work then much easier.

Filling with basic colors Filling with basic colors Filling with basic colors

Step 2

Zoom in on your drawing to about 300-400%. While working with theSaucepan tool, you can see that there are some gaps of single pixels in some places. We'll have to paint them separately with theBinary tool.

Filling gaps with pixels Filling gaps with pixels Filling gaps with pixels

Stride 3

After finishing work with the base of operations colors, we tin can move direct on to creating shadows. On pinnacle of our trunk base colour layer, create aNew Layer and Clipping group it to the base colour layer. Now nosotros tin paint in this area without worrying most stepping out into other areas.

Basic shadows Basic shadows Basic shadows

Step iv

When cartoon with pixels, y'all can get a desire to use many colors to make it wait more realistic, but try to avoid this. Information technology is ameliorate to use ii colors for shadows and two colors for lite and besides a base color. It will make your pixel fine art look cleaner.

Pixel coloring of the tail Pixel coloring of the tail Pixel coloring of the tail

Also, yous can experiment with adding ane more than bright color for highlights. This new color can be completely dissimilar from your main color palette—for example, I chose this emerald light-green, and it worked well in creating an interesting entreatment.

And pixel coloring of the tail is complete! Well washed!

Finished pixel coloring of the tail Finished pixel coloring of the tail Finished pixel coloring of the tail

Step v

Now get to the mane—basically repeat the same steps you lot used with the tail. Create aNew Layer and Clipping group information technology to the base color layer, and then, using theBinary tool, make the base of operations middle shadows and dark shadows. Y'all tin either stay on the same layer for drawing highlights, or create aNew layer for them.

Working on a mane Working on a mane Working on a mane

Gradually work on the highlights and add one more hue to make an interesting effect. I used the same emerald green as with the Pegasus tail.

Likewise it's a practiced fourth dimension to work on other details like the hooves and Pegasus's centre. We tin make them expect golden, just with the use of a nighttime yellow hue plus white.

Finished pixel coloring of the mane Finished pixel coloring of the mane Finished pixel coloring of the mane

Our progress, for at present, looks pretty good. And as we've finished with the trunk of the Pegasus, let's move to the wings.

Finished pixel coloring of the body Finished pixel coloring of the body Finished pixel coloring of the body

Step 6

And again, create aNew Layer on tiptop of the wing base colour layer and Clipping group it to the base of operations color layer.

At first, choose a color palette to piece of work with. Two chief colour variations are enough. In this case I chose purple and emerald green, as for the tail. At this stage you tin can draw without worries—we need this step only to lay down all base of operations colors for the wing. You lot can also work on the basic blueprint for the feathers, pointing out color placement.

Placing base colors and main pattern Placing base colors and main pattern Placing base colors and main pattern

When we have all the basic colors in their places, nosotros can continue detailing the feathers. Also, to make the working process more comfortable, y'all can use theRotate tool to achieve meliorate access to some parts of the drawing.

Main pattern of the second wing Main pattern of the second wing Main pattern of the second wing

And... done!

Both wings are finished Both wings are finished Both wings are finished

three. Continue Detailing

Step ane

We can brand the wings more realistic past adding details to the feathers. Look at existent-life birds—they all have these jagged edges on their feathers. Merely create aNew Layer on top of all layers and utilize theBinary tool to continue drawing.

Details for the feathers Details for the feathers Details for the feathers

Step 2

Besides, to split and distinguish the wings from each other, we can draw a white line between them, and also with the mane. Generally, nosotros may depict this line to split parts that have the same colour palette, like wings, mane and tail.

Separating wings and mane Separating wings and mane Separating wings and mane

Step 3

Also, there is a cluttered place on the drawing that nosotros shall fix. Create aNew Layer for that and take theBinary tool to draw on this spot. Make the fly wait every bit if information technology is on height of the tail, and don't forget about a white separating line to distinguish the fly and tail.

Fixing the problem spot Fixing the problem spot Fixing the problem spot

Step iv

And finally, allow's make a stake xanthous stroke around our Pegasus to emphasise the drawing.

Adding pale yellow stroke Adding pale yellow stroke Adding pale yellow stroke

Awesome, We've Washed information technology!

Now y'all know how to work with the Binary (or you lot may find information technology as Pixel) tool in the Paint Tool SAI program. I promise this tutorial was helpful and you learnt something new nearly the topic. Good luck, and have fun with pixels!

Finished pixel art Finished pixel art Finished pixel art

Source: https://design.tutsplus.com/tutorials/how-to-create-pixel-art-in-paint-tool-sai--cms-25526

Posted by: williamsgeonsely.blogspot.com

0 Response to "How To Animate On Paint Tool Sai"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel