Open main menu

Storyboard Artwork Project/ArtRage2

Using ArtRage 2 to draw thumbnail storyboards

Storyboarding with ArtRage2 Free

ArtRageFree2o11.jpg


A simple but challenging program
Simply wonderful
ArtRage Free is a wonderful program. The free version is absolutely free, fully working, and extremely easy to use. I highly recommend that you download this program.
Simple
It takes only 2 seconds to understand how to paint using this program since it one of the easiest programs to learn.
Fun
While the free version does not have as many features as the full version, it is great fun to use. That is because it simulates real artist tools.
Skill required
Yet, the program is challenging. When you want to draw thumbnail storyboards, it can take you a long time to figure out how to get your storyboards to look good… or even just acceptable. Specially if you are not a skilled artist.
The tutorial
To help you get started specially if you are not a skilled artist, I have created this tutorial to help get you started.





ArtRage2NewColor.jpg
NEW
Start by creating a NEW page. When the dialog box comes up, select a frame size of 640 by 360 pixels. Because of the way that ArtRage2 works, it is easier to draw on a large page than a small page.
Night time background
Then select a background color for the storyboard frame. Our movie takes place at night so, to give a night feel to the storyboards, I want a slightly blue background.





ArtRage2Chalk100.jpg
The set of tools
Here is the pallet for the art tools of ArtRage 2. When you get the free version, some of the tools are disabled. The disabled tools are usually the more advanced tools. All of the basic tools work in the free version.
Chalk
To begin, I select the chalk tool and set it as large as possible which is 100%. Note: This size of the piece of chalk stays fixed while I draw. When I set the chalk tool to 100%, it stays at 100% the entire time that I use the tool. When I press down harder on my pen tablet, the amount of chalk added increases but the diameter of the chalk always remains the same.

.




ArtRage2SkinColor.jpg Using the color picker, I select a color for the face of the character.

Color Picker
The color picker is simple. You select the basic shade on the left and then adjust the brightness in the tiny verticle bar on the right. The shade that you pick appears in the lower right corner of the tool.

.




ArtRage2StartFace.jpg
Begin drawing
I begin to draw the face by adding chalk for the face. I use circular motion to increase the face until the blob of chalk reaches the correct size.

.




ArtRage2EndFace.jpg
Create the face
Quickly, I get a nice round face. The size of the face depends on how I think the shot should be composed.

.




ArtRage2ColorBlackOrange.jpg

Next I select black.

.




ArtRage2FaceOutline.jpg

Then I go all around the face to get an outline.

.




ArtRage2ColorWhite.jpg

Next, I create the eyes so to get white, I click in the white part of the bar at the right.

.




ArtRage2Caryon20.jpg

I use the crayon which is set to 20% wide.

.




ArtRage2FaceEyesWhite.jpg

I paint the eyes white.

.




ArtRage2Pen28.jpg
Black detail
Then I select the felt tip brush which is about 30% in size and draw the eyes and the body.

.




ArtRage2ColorBlackOrange.jpg

I switch to black.

.




ArtRage2EyesWhiteFinished.jpg

And I paint the center of the eyes.

.




ArtRage2FigureWOHair.jpg

Then I draw the body. Now everything is done but the hair.

.




ArtRage2ColorBrown.jpg

Then I select brown.

.




ArtRage2Caryon20.jpg

I use the crayon which is set to 20% wide.

.




ArtRage2FigureFinished.jpg

Finally the figure is finished.

.




ArtRage2Save.jpg
SAVE and EXPORT
I must save the painting. Also I must export the painting as a JPEG files. This is not automatic with ArtRage 2.


The Unformatted Movie Script
"Seduced by the Dark Side!"


EXTERIOR - The local movie theater - NIGHT


(1) The Young Person and Old Person stand looking at the movie poster outside the theater.



The "Dancing Fairies" music begins to play.

ArtRage2SBTDS1a.jpg
Slowly dolly in as music builds.


ArtRage2SBTDS1b160.jpg
A smile begins to form on the young persons face.


ArtRage2SBTDS1c160.jpg
Cut to the poster and dolly in slowly.

The "Dancing Fairies" music morphs into the Star Wars theme.



(2) Young Person: "That was a great movie..."



ArtRage2SBTDS2160.jpg
Cut to a side view as the Star Wars music begins to fade to street noise.



(3) Young Person (contined): "but I do not understand one thing."



ArtRage2SBTDS3160.jpg
The young person;s head turns to the older person.




(4) Old Person: "What's that?"



ArtRage2SBTDS4160.jpg
Wide angle shot to show emotional distance between the two characters.




(5) Young Person: "How can anyone be seduced by the Dark Side?"



ArtRage2SBTDS5160.jpg
Immediately a dark cord plays.




(6) The old person thinks for a while. Old Person: "Humm!"



ArtRage2SBTDS6160.jpg
Thinking very slowly.

Music: The music starts with "thinking music" and then morphs into to "fairie music". Finally, the music comes to a sharp halt.



(7a) Old Person: "What computer do you..."



ArtRage2SBTDS7160.jpg





(7b) Old Person(off camera): "... have at home?"



ArtRage2SBTDS8a160.jpg

Cut in mid sentence to see the young person's anticipation.



(8) Young Person (eagerly): "A Macintosh!"



ArtRage2SBTDS8b160.jpg

The young person's face lights up with excitement.



(9) Old Person: "But what computer does your father use at work?"



ArtRage2SBTDS9160.jpg

Military music for thoughts of father.



(10) The young person thinks for a moment. Young Person: "Humm!"



ArtRage2SBTDS10160.jpg

Music: The music starts as thinking music and shifts to fairy music and then ends with the Star Wars theme.





(11) Young Person (amazed and excited): "Seduced by the Dark Side!"



ArtRage2SBTDS11160.jpg

Full Star Wars theme



(12) The Old Person smiles. Old Person: "Ahh!"



ArtRage2SBTDS12a160.jpg

ArtRage2SBTDS12b160.jpg

The face lights with a knowing smile as the fairy music starts again.



(13) Old Person and the Young Person walk toward home together.



ArtRage2SBTDS13a160.jpg

Lock the camera for a matte painting.

ArtRage2SBTDS13b160.jpg

The camera remains locked. When the matte painting is added, the shot will look like this:



(14) Fade to Black.



The End

Using a mouse?

Using my wireless mouse instead of my Wacom table, my storyboard artwork looks like this.


ArtRage2UsingMouse.jpg


The image quality is not too bad but it sure feels uncomfortable when drawing.


Crystal Clear action reload.png

The Secret Tool of ArtRage 2

Undo
One tool not mentioned enough in ArtRage2 is the Undo command. Keep your fingers ready to undo at all times. There is even multiple levels of undo. This command will rescue you more times than you can imaging. Try it.


Nuvola apps bell.png

It is free!

Download today
Download ArtRage 2 Free today. Try it. If you really like it, try doing the lesson where you must draw the poster for Star Wars. ArtRage is the ideal tool for this. And the poster is a wonderful excuse for you to relaz and draw for an hour or two.
ArtRage2SBTDS1a.jpg

The Finished Drawing

Size Reduction
Finally, I use another program to reduce the size to 160 by 90 pixels. In my case, I took the JPEG picture which I exported from ArtRage 2 Free and imported it into iPhoto. Inside iPhoto, I simply exported the picture with the image size of 160 by 90 pixels in the JPEG format. This gives me a very simple thumbnail storyboard frame which takes very little memory on the WikiU Film School website.
Talent helps
As you can see, I don't have much artistic talent. But I have enough to show you how I want to film my movie. Also, more importantly, this rough storyboard shows me if my series of shots will work together. Look at the final thumbnail storyboard to the right.
Crystal Clear app korganizer.png

The next lesson

Once you have quickly created your thumbnail storyboards, you can begin the course on 3D Storyboarding. Crystal Clear action forward.png

Contact your instructor

Your instructor for this filmmaking class is Robert Elliott. You can email me by clicking here. Crystal Clear app xfmail.png
Nuvola apps kfig.svg

Reference materials

Reference materials for Seduced by the Dark Side! that you might need.
  • The storyboard outline. Print this script outline and use the numbers on this script for your thumbnail storyboards.
  • The original story. To get additional information for your storyboards, look at the original story.
  • A possible floor plan for the movie set. This will help you plan your shots.


Thumbnail storyboards from the lesson on Thumbnail storyboarding


Kastarika sample frame.png

Kasturika Thumbnail Storyboard tiny.png
Click on the image to see larger version.

Kasturika has completed this assignment (pdf) (23 May 2007) Good job! 10 points

Kasturika says, "I used the Microsoft paint application.

I took a screen shot of the storyboard, converted it into bitmap image, made the frames separately and pasted them.

Then I used OpenOffice.org Draw to export the bitmap image as PDF."



Helena Sample Frame tiny.png

assignment
Click on the image to see larger version.

Niri0n in Sweden has completed this assignment (png). Click on the image to see larger version. (23 May 2007) Good job! 10 points




Wachapon2 Sample Frame Thumbnail.png

assignment
Click on the image to see larger version.

Wachapon2 has completed this assignment (png). Click on the image to see larger version. (2 June 2007) Good job! 10 points




Tunderboy9 Sample Storyboard Frame.png

assignment
Click on the image to see larger version.

Tunderboy9 has completed this assignment. (13 July 2007) Good job! 10 points




Vijay singh sample thumbnail storyboard.png
Vijay singh Thumbnail 1.png Vijay singh Thumbnail 2.png
Click on the image to see larger version.
Vijay Singh has completed this assignment. (17 July 2007) Good job! 10 points




Mok Sample Thumbnail Storyboard.png

This is the first storyboard which looks like a movie.

The figures are positioned as in a movie. The size of the figures are as in a movie.

Yet, these are still very simple thumbnail storyboards. Please look at these storyboards!!!!


Mok Thumbnail storyboards tiny1.png Mok Thumbnail storyboards tiny2.png
Click on the image to see larger version.
Mok has completed this assignment. (21 July 2007) Very good job! 10 points




Fred Sample thumbnail Storyboard.png

Here is a very artistic thumbnail storyboard.


Thumbnail story1.jpg Thumbnail story2.jpg
Click on the image to see larger version.
Fred has completed this assignment. (5 August 2007) Very good job! 10 points




Sample Storyboard- User Mpftmead.png

assignment
Click on the image to see larger version.

Mpftmead has completed this assignment (png). Click on the image to see larger version. (6 August 2007) 10 points




Izwah sample thumbnail storyboard.png


Izwah thumbnail storyboard v1.png Izwah thumbnail storyboard v2.png
Click on the image to see larger version.
Izwah has completed this assignment. (6 August 2007) 10 points




Storyboard Sample Refardeon.png

assignment
Click on the image to see larger version.

Refardeon has completed this assignment (png). Click on the image to see larger version. (13 August 2007) 10 points




Noblerinthemind sample thumbnail storyboard.png

assignment
Click on the image to see larger version.

Noblerinthemind has completed this assignment using GIMP (png). Click on the image to see larger version. (16 August 2007) 10 points




KinnetiK Sample Storyboard.png

KinnetiK Storyboard sheet.jpg
Click on the image to see larger version.

KinnetiK has completed this assignment (JPG). Click on the image to see larger version. (23 August 2007) 10 points




Sushant Thumbnail storyboard frame.png

Sushant Thumbnail storyboard.png
Click on the image to see larger version.

Sushant has completed this assignment (JPG). Click on the image to see larger version. (01 September 2007) 10 points




Tharun Bhascker storyboard frame.png

200px
Click on the image to see larger version.

Tharun Bhascker has completed this assignment (JPG). Click on the image to see larger version. (5 September 2007) 10 points




Moraistelmo thumbnails sample.png

Moraistelmo thumbnail Storyboards.png
Click on the image to see larger version.

Moraistelmo has completed this assignment (JPG). Click on the image to see larger version. (7 September 2007) 10 points




Elisia Johnson Thumbnail Storyboard sample.png

Elisia Johnson Thumbnail Storyboards full.png
Click on the image to see larger version.

Elisia Johnson has completed this assignment (PNG). Click on the image to see larger version. (01 October 2007) 10 points




Syed Sibte Hassan SBTDS Thumbnail Storyboard Sample.png


Syed Sibte Hassan SBTDS Thumbnail Storyboard p1.png Syed Sibte Hassan SBTDS Thumbnail Storyboard p2.png
Click on the image to see larger version.
Sibte Hassan has completed this assignment. (6 October 2007) 10 points




Mattjames17 Sample Thumbnail Storyboard.png


Mattjames17 Thumbnail storyboard1.JPG Mattjames17 Thumbnail storyboard2.JPG
Click on the image to see larger version.
Mattjames17 has completed this assignment. (30 October 2007) 10 points




Thumbnail storyboard sample Cristiana.png


Thumbnail storyboard sheet Cristiana.png
Click on the image to see larger version.
Cristiana has completed this assignment. (08 November 2007) 10 points




William Lewis-Seduced by the dark side frame.png


William Lewis-Seduced by the dark side cc.jpg
Click on the image to see larger version.
William Lewis has completed this assignment. (13 November 2007) 10 points




Manuelciosici storyboard frame.png


Manuelciosici storyboard.png
Click on the image to see larger version.

Manuelciosici has completed this assignment. (05 December 2007) 10 points




Pruthvirajg Thumbnail frame.png


Pruthvirajg Thumbnail Image2.jpg
Click on the image to see larger version.

Pruthvirajg has completed this assignment. (10 December 2007) 10 points




Davidmp4 storyboard frame.png


Davidmp4 storyboard.jpg
Click on the image to see larger version.

Davidmp4 has completed this assignment. (21 December 2007) 7 points




Alideniz Storyboard SBTDS sample frame.png


Alideniz Storyboard SBTDS 1.jpg Alideniz Storyboard SBTDS 2.jpg
Click on the image to see larger version.
Alideniz has completed this assignment. (01 January 2008) 10 points




Sereyaco storyboard frame SBTDS.png


Sereyaco Thumbnail storyboard SBTDS.jpg
Click on the image to see larger version.
Sereyaco has completed this assignment. (03 January 2008) 10 points




Marcus mac thumbnail storyboard a.jpg


Marcus mac thumbnail storyboard.jpg
Click on the image to see larger version.

Marcus Mac has completed this assignment. (28 January 2008) 10 points




Mike305 Storyboard adj frame.png


Mike305 Storyboard adj.jpg
Click on the image to see larger version.

Mike305 has completed this assignment. (01 March 2008) 10 points




Vikram Acharya Thumbnail Storyboard frame.jpg


Vikram Acharya Thumbnail Storyboard.jpg
Click on the image to see larger version.

Vikram_Acharya has completed this assignment. (30 March 2008) 10 points



Eldorino Thumbnail Storyboard frame.jpg


Eldorino Thumbnail Storyboard.jpg
Click on the image to see larger version.

Eldorino has completed this assignment. (05 April 2008) 10 points


Completed assignment - Creating the thumbnail storyboard

June 12, 2008 -- Rick14 has created a thumbnail storyboard.

Rick14 SBTDS thumbnail frame.png


Rick14 SBTDS thumbnail storyboard.png
Click on the image to see larger version.