tvpaint guide

8/10/2019 TVPaint Guide

1/470

User Guide


2/470


3/470


4/470


5/470

Table of Contents

Lesson 00 : Introduction and typographic conventions

Lesson 01 : First approach of TVPaint Aniation

The various progra panels 1 ! "

The Menu panel 1 ! #

Main panel 1 ! #

Color picker 1 ! #

Tool panel 1 ! #

Current project window 1 ! $

The Timeline 1 ! $

The Panel Bins 1 ! %

Main menu 1 ! %

Working in fullscreen mode 1 ! &

Info Bar 1 ! &

'oe useful tips 1 ! (

Move a window 1 ! (

Close, minimize or maimize a window 1 ! (

!liders and mini"sliders 1 ! (

#lphanumeric fields 1 ! (

Progress $ar 1 ! )

*or+ing ,ith pro-ects 1 ! )

Create a new project 1 ! )

%iew data relative to &our project 1 ! .

'ame a project 1 ! .

Working with several projects 1 ! 10

Close a project 1 ! 10

1 ! 11

In(ine support 1 ! 11The #$out))) window 1 ! 11

The Check for *pdates option 1 ! 11

To /uit the progra 1 ! 11

1 ! 1"

The +eneral ta$ 1 ! 1"

The ispla& ta$ 1 ! 1%

The Interface ta$ 1 ! 1(

The Memor& - Cache ta$ 1 ! 1.

The !ound ta$ 1 ! 1.

The !tartup ta$ 1 ! "0

'oe details 1 ! "1

Working without the notion of PI 1 ! "1

The notion of piel aspect ratio 1 ! ""

%ideo fields 1 ! ""

Lesson 0" : ra,ing basics

anage dra,ing tools " ! "

Presentation of the drawing tools " ! "

!ettings the tools " ! %

!ettings of the $rush profile " ! &

#ctivate (ine smoothing " ! (

2se colors " ! )

# Color and B Color " ! )

.,+,B and /,!,( s&stems 0cursor ta$1 " ! )Picker ta$ " ! )

The Helpain enu

The Preferences panel


6/470

Mier ta$ " ! .

Bin ta$ " ! .

Color /istor& " ! 10

.ecover a color from the screen " ! 10

The color variation panel " ! 11

2se filling tools " ! 11

2illing tools presentation " ! 112loodfill3s smooth, opacit& and anti"aliasing " ! 11

Color gradients " ! 11

4pacit& mapping " ! 1#

!ome remarks for using the 4pacit& function " ! 1$

2sing papers " ! 1%

/ow to use papers " ! 1%

Create and manage &our own papers " ! 1(

'election3 crop and transfor " ! 1(

The various t&pes of selections " ! 1(

Comple selections and $rush creation " ! 1(

The transformation tools " ! 1)

The panning tool " ! 1)The transform tool " ! 1.

The warp tool " ! "0

Further details " ! "1

'otion of piel opacit& " ! "1

The drawing modes " ! "1

The .e"appl& option " ! "#

rawing tool histor& " ! "#

5oom and %iew options " ! "$

'otion of piel opacit& " ! "%

.otation of the workspace " ! "%

2lip /orizontall& and %erticall& " ! "&

The coordinates " ! "(

*se the grid " ! "(

*se the guides " ! ")

The safe area " ! ".

ispla& settings " ! ".

/istor& panel " ! ".

Lesson 0#: 'pacial anageent of Layers

Layers and tieline # ! "

2irst drawing # ! "

.ename a la&er # ! "

Create a 'ew la&er # ! #

The advantage of working with several la&ers # ! $The current la&er # ! $

!how and hide a la&er # ! %

2lip la&ers # ! &

6rase the content of a la&er # ! &

Modif& the glo$al opacit& of a la&er # ! (

Merge la&ers # ! (

4lending odes concept # ! )

The Color $lending mode # ! .

The Behind $lending mode # ! .

The 6rase $lending mode # ! .

The !hade $lending mode # ! .

The (ight $lending mode # ! .The Colorize $lending mode # ! 10


7/470

The Tint $lending mode # ! 10

The !aturate $lending mode # ! 10

The %alue $lending mode # ! 10

The #dd $lending mode # ! 10

The !u$ $lending mode # ! 11

The Multipl& $lending mode # ! 11

The !creen $lending mode # ! 11The .eplace $lending mode # ! 11

The !u$stitute $lending mode # ! 11

The ifference $lending mode # ! 1"

The ivide $lending mode # ! 1"

The 4verla& $lending mode # ! 1"

The odge 0(ight71 $lending mode # ! 1"

The Burn 0!hade71 $lending mode # ! 1"

The /ard (ight $lending mode # ! 1#

The !oft (ight $lending mode # ! 1#

The +rain 6tract $lending mode # ! 1#

The +rain Merge $lending mode # ! 1#

The !u$tract $lending mode # ! 1#The arken 4nl& $lending mode # ! 1$

The (ighten 4nl& $lending mode # ! 1$

Further details # ! 1$

elete, duplicate a la&er # ! 1$

(ock a la&er # ! 1$

.educe a la&er # ! 1%

*se groups # ! 1%

*se masks # ! 1(

Preserve alpha channel # ! 1)

ispla& masks and papers # ! 1)

Lesson 0$: Teporal anageent of Layers

Aniation layers $ ! "

Creation and concept of an #nimation la&er $ ! "

#dd images $ ! #

Movement and orientation within the timeline $ ! #

Create a $rush $ ! $

The first animation $ ! %

Pla& an animation $ ! &

The .emote Control $ ! )

Pla& an animation on fullscreen $ ! )

4ther movement methods $ ! )

2ielded projects $ ! .

The 'avigator $ ! .!elect, erase the contents of the images in an #nimation la&er $ ! .

.everse the images of an #nimation la&er $ ! 10

Move the la&ers in the timeline $ ! 11

Further details $ ! 11

!how, hide the icons $ ! 11

The #uto 2it option in the timeline $ ! 11

*sing the Bookmarks $ ! 1"

*se the Image mark Panel $ ! 1"

'ame an instance $ ! 1#

The !troke #nimator option $ ! 1#

The Preview settings panel $ ! 1$

The !topwatch $ ! 1%


8/470

Lesson 0%: 5andling TVPaint Aniation pro-ects and Layout

5andling TVPaint Aniation pro-ects % ! "

Introduction % ! "

!ave a project % ! "

*se the re8uester % ! "

!ave a template % ! $(oad an eisting project % ! $

Modif& a project % ! $

(oad an image or animation % ! &

ependencies % ! )

6port files % ! )

The share manager % ! 1"

Video options % ! 1%

The %ideo Input panel % ! 1%

The %ideo 4utput panel % ! 1(

The Panel 4ins feature % ! 1(

(ocate the Panel Bins % ! 1)

Working with the Panel Bins % ! 1)!ome eceptions % ! "1

More options % ! ""

*or+ing ,ith 6oos % ! "$

The aim of a room % ! "$

Customized &our rooms % ! "%

Lesson 0&: The steps to creating an aniated iage

Introduction & ! "

*or+ing ,ith hand!ade dra,ings & ! "

Import an images se8uence & ! "

Crop a project & ! #

Clean"up the se8uence & ! $

2lip an image & ! $

*or+ing directly ,ith TVPaint Aniation & ! %

The sketch Panel & ! %

anaging the iages of an aniation layer & ! )

Move and duplicate one or several images & ! )

Insert or delete one or several instances & ! .

Cut, Cop&, Paste la&ers & ! 10

*se the Peg"holes registration & ! 10

*or+ing ,ith instances & ! 11

Introduction & ! 1"

What is instance 9 & ! 1"

!ome voca$ular& & ! 1#The contents of the cells & ! 1$

!plitting an instance into two smaller instances & ! 1$

/ow to use the instances for animating & ! 1$

The 2au"2i feature & ! 1(

/ow to change the line3s color & ! 1)

6rase the content of an image instance & ! 1)

'avigate in the la&er & ! 1)

#dd eposure cells in an instance & ! 1.

.emove eposure cells from an instance & ! "0

elete selected images & ! "0

Merge la&ers & ! "1

!tretch a la&er & ! ""!hrink an #nimation la&er & ! "#

Pre and Post"$ehavior & ! "$


9/470


10/470

Create a custom panel ( ! ##

/ow to man the panels ( ! #$

/ow to use T%P; format ( ! #%

Lesson 0): 'ound and 9'heet

Audio ulti trac+s ) ! "/ow to add audio multi tracks to a project ) ! "

The audio tracks parameters ) ! #

The audio tracks preview ) ! $

The preferences panel options ) ! &

The 9'heet Layers and 9'heet Panel ) ! (

Introduction and principle ) ! (

The projects used in this chapter ) ! )

) ! )

The Timeline ta$ ) ! 10

The ;!heet ta$ ) ! 10

# few simple options of the ;!heet panel ) ! 11

/ow to create a ;!heet la&er ) ! 1"/ow to create and manage the sources ) ! 1#

# concrete eample ) ! 1$

/ow to manage the content of a ;!heet la&er ) ! 1$

!elect and move several images in a ;!heet la&er ) ! 1&

The icons of the ;!heet ta$ ) ! 1(

!elect a default source ) ! 1)

#$out the projects ) ! 1)

The steps to create a Lip!'ync ) ! 1.

Cali$rate the options relative to the audio track ) ! "0

Positioning s&lla$les and phonemes ) ! "0

Create some source columns ) ! "1

Create some ;!heet (a&ers ) ! ""

Lesson 0. : Create and anage a storyboard

*hat is a storyboard . ! "

Create a storyboard . ! "

efine the project . ! "

2irst clip and first drawing . ! #

anage your storyboard . ! $

Create scenes and clips . ! $

Change scenes and clips . ! $

!tor&$oard3s aspect . ! (

Turn a storyboard into an aniatic . ! .

What is an animatic . ! .+ive a duration to &our clips . ! .

#dd sound . ! 11

Making a camera movement . ! 1#

Configure &our camera . ! 1%

;port your storyboard < aniatic . ! 1)

Three kinds for eporting . ! 1)

P2 6port . ! 1)

/TM( 6port . ! 1.

6( 6port . ! "1

6port to))) . ! ""

Lesson 10: *or+ing ,ith F9 'tac+s

The effect stac+ or F9 stac+ 10 ! "

2irst approach of the ;!heet panel


11/470

Initial stud& of the 2; stack 10 ! #

Working in real time 10 ! #

The various viewing modes 10 ! $

!ome operations 10 ! $

#ppl& 2; 10 ! %

*or+ing ,ith aniation +eys 10 ! &

Manage the effect3s progress 10 ! (Managing effects with several parameters 10 ! )

The path 10 ! 10

Moving from ke& to ke& 10 ! 10

The contetual menu for the ke&s 10 ! 10

Contract, stretch a ke& line 10 ! 11

*se the selections 10 ! 11

ore details about the F9 stac+ 10 ! 11

# more comple effect: the .endering < (ighting effect 10 ! 11

!ingle effect, multiple effects 10 ! 1#

Current effect, preview and collapsing of effects 10 ! 1$

!wap two effects 10 ! 1%

.eset and rename effects 10 ! 1%*ndo=.edo of the 2; !tack 10 ! 1&

!ave the settings of the 2; stack 10 ! 1&

2; stack and T%Paint #nimation projects 10 ! 1&

Introduction to the video effects 10 ! 1&

Lesson 11: The effects of the 4lur and Transition groups

The 4lur group effects 11 ! "

The Blur < Cu$ic $lur effect 11 ! #

The Blur < +aussian $lur effect 11 ! #

The Blur < Chroma $lur effect 11 ! $

The Blur < Center $lur effect 11 ! $

The Blur < .adial $lur effect 11 ! %

The Blur < irectional $lur effect 11 ! %

The Blur < Median $lur effect 11 ! %

The Median $lur in !mooth mode 11 ! &

The Median $lur in (ight halo mode 11 ! &

The Median $lur in ark halo mode 11 ! &

The Median $lur in (ight mark mode 11 ! (

The Median $lur in ark mark mode 11 ! (

The Median $lur in ou$le edge mode 11 ! (

The Median $lur Impressionist mode 11 ! )

The Blur < einterlace effect 11 ! )

The Blur < Motion $lur effect 11 ! .

The Transition group effects 11 ! 1"The Transition < Block effect 11 ! 1#

The Transition < Blind effect 11 ! 1#

The Transition < Classic effect 11 ! 1$

The Transition < 2ade effect 11 ! 1$

The Transition < !lide effect 11 ! 1$

The Transition < .otar& effect 11 ! 1$

The Transition < Page Turn effect 11 ! 1%

Increasing the transition possibilities by using the F9!stac+ 11 ! 1%

Lesson 1": The effects of the Color and =ey groups

Color channels 1" ! "The effects of the Color enu 1" ! "


12/470

The Color < Black - White converter effect 1" ! "

The Color < Color #djust effect 1" ! #

The Color < Color eraser effect 1" ! &

The Color < Tint replacer effect 1" ! (

The Color < Color replacer effect 1" ! (

The Color < Curves effect 1" ! (

The Color < /istogram effect 1" ! )The Color < !liders effect 1" ! 10

The Color < !can cleaner effect 1" ! 11

The Color e&ing < Color >e&er effect 1" ! 1(

The >e&ing < Chroma >e&er effect 1" ! 1.

The >e&ing < #lpha Control effect 1" ! "1

The >e&ing < #dvanced >e&er effect 1" ! ""

The >e&ing < Cross >e&er effect 1" ! "#

Lesson 1#: The effects of the 'tyli>e group

Introduction 1# ! "

The !t&lize < +low effect 1# ! "

The !t&lize < +rain effect 1# ! "

The !t&lize < Bevel effect 1# ! #

The !t&lize < rop shadow effect 1# ! #

The !t&lize < Toon !hading effect 1# ! $

The !t&lize < 6rode effect 1# ! (

The !t&lize < #dd Border effect 1# ! (

The !t&lize < Bloom effect 1# ! (

The !t&lize < Blender effect 1# ! )

The !t&lize < Mosaic effect 1# ! )

The !t&lize < Posterize effect 1# ! )

The !t&lize < 'oise effect 1# ! .

The !t&lize < Print effect 1# ! .

The !t&lize < 'egative effect 1# ! 10

The !t&lize < !olarize effect 1# ! 10

The !t&lize < Color range effect 1# ! 10

The !t&lize < /alfTone effect 1# ! 11

The !t&lize < (umi effect 1# ! 11

The !ource Image notion 1# ! 1"

The Colors < Image !ource effect 1# ! 1#

The !t&lize < Convolve effect 1# ! 1&

Lesson 1$: The effects of the istortion group

The istortion < 2lip effect 1$ ! "

The istortion < Mirror effect 1$ ! "

The istortion < >aleidoscope effect 1$ ! #

The istortion < Perspective : ? points effect 1$ ! (

The istortion < Wave effect 1$ ! )

The istortion < Tornado effect 1$ ! )

The istortion < Bump effect 1$ ! .

The istortion < isplacement Mapping 6ffect 1$ ! 10

The istortion < Wrapping +rid effect 1$ ! 11The istortion < 4ptical 2low effect 1$ ! 1%


13/470

Lesson 1%: The effects of the otion and Paint groups

The Paint < #utoPaint effect 1% ! "

Management of Paths 1% ! $

The Path recorder 1% ! $

The Path manager 1% ! %

!ave paths 1% ! &

The Piel Tracker 1% ! (

The Motion < >e&framer effect 1% ! .

@st eample : movement, zoom and motion $lur 1% ! .

7nd eample: Pitch, /eading, Bank and Pivot 1% ! 11

Ard eample 1% ! 1#

?th eample 1% ! 1%

The Motion < !haker effect 1% ! 1&

The Motion < !ta$ilization effects 1% ! 1(

The Motion < !ta$ilization @ point effect 1% ! 1(

The Motion < !ta$ilization 7 points effect 1% ! 1)

Lesson 1&: The otion ? ultiplane Caera effect

The concept 1& ! "

The $lur caused $& focusing 1& ! "

6diting ta$le and computer multi plane camera 1& ! #

The project used in this chapter 1& ! #

A views 1& ! $

Positioning in space 1& ! %

The %iew ta$ 1& ! %

The Planes ta$ 1& ! (

Create an animation with the multi plane camera effect, part @ 1& ! (

The Position, Pivot and !ize parameters 1& ! )

Create an animation with the multi plane camera effect, part 7 1& ! )

Create an animation with the multi plane camera effect, part A 1& ! .

Creating movement: move the camera 1& ! 10

Create and manage focusing $lurs 1& ! 10

Make the kid run 1& ! 1"

The multi plane camera wizard 1& ! 1"

4ther situations 1& ! 1$

Lesson 1(: The effects of the 6endering group

The .endering < (ens 2lare effect 1( ! "

1( ! #

!treak t&pe (ens 2lares 1( ! &

1( ! (

The .ender order for lens flares 1( ! (

The (ens 2lare 4$scuration la&er 1( ! )

The .endering < (ighting effect 1( ! .

The .endering < %olumetric (ight effect 1( ! 11

The .endering < .otoTracking effect 1( ! 1#

The .endering < /ealing Tracker effect 1( ! "0

The .endering < Background +enerator effect 1( ! "#

The .endering < Plasma effect 1( ! "$

The .endering < Perlin 'oise effect 1( ! "%

The .endering < Tet effect 1( ! "&

The .endering < Multiline Tet effect 1( ! "(The .endering < Time Code generator effect 1( ! ".

(ens 2lares of the generict&pe

(ens 2lares of theImage t&pe


14/470


15/470


16/470


17/470

Lesson 1

First approach of TVPaint Animation

In this lesson you will:

Learn to open and close TVPaint Animation.

Discover the various panels and windows.

Start a project.

Access InLine help.

Set your preferences.


18/470


19/470

The various pro!ram panels

To move the menu panel# clic' on the two leftvertical %ars of the menu panel and hold the leftmouse %utton# then move the cursor as re4uired.

The menu Panel then appears as opposite in the form of apanel.

Main panel

This panel is used to draw se!ments# ellipses# rectan!les#curves#... 5rush selection and cuttin! options are alsoavaila%le here.

Color picker

This panel is used to select the color in which you wish towor'. Distinction is made %etween the A color (alwaysreferred to as main color* in the left rectan!le and theB color in the ri!ht rectan!le.

Tool panel

The tool panel contains a wide choice of %uttons

correspondin! to traditional drawin! tools: air%rush# %rush#pencil# wet %rush# etc.

Various parameters may %e set: si6e# power# opacity# etc.

irst approach of TVPaint Animation 2&7


20/470


Current project window

The current project window (or current drawin! space* is the one in which you will %e a%le to

epress your artistic talents and create a wide variety of animated se4uences.

The Timeline

This window is called a /timeline0 %y many users. It is used to mana!e your notes# your soundtrac's# your layers and insert 'eys for your effects (we will discuss these points in su%se4uentlessons*.

If the layer window is not visi%le on the screen# clic' on the Timeline

icon on the tool%ar to ma'e it appear ('ey%oard shortcut 89 on thenumeric pad*.

2&; irst approach of TVPaint Animation


21/470


The Panel ins

This feature is represented %y two availa%le free areas on each side of the screen.

These two additional areas allow you to place and arran!e almost all the panels of TVPaintAnimation. )ith this feature# the wor'space %ecomes totally clear.

The wor'space can now %e divided into ; main parts containin! the Current project window# theTime Line windowand the two Panel Bins.

A full section will %e dedicated to the Panel Binfeature in a net lesson.

Main menu

TVPaint Animation has menus located just a%ove : File, Edit, Project, Layer, ma!e, E""ects, View,#indows, $elp.


22/470


!orking in Full "creen mode

A %utton# located at the top ri!ht corner of your interface# will allow you to wor' in full screen modeand optimi6e the space on scree.

,n )indows et Linu

,n +ac

#nfo ar

This n"o Baris located at the %ottom of the TVPaint Animation window. It contains information thatthe user li'es to always have under their eyes.

$ The first %o contains the coordinates of the cursor (# y*# where the position (9#9* starts at the topleft corner of the project.

$ The second %o contains the color of the ima!e when the cursor moves over the project. Thiscolor considers the Alpha channel value of the piel under the cursor of the project.It means that the selected %ac'!round color has no effect on these values. ()hen you start a newempty project# the ima!e is not w%ite%ut totally transparent# li'e this %o will show you*.

$ The third %o indicates the Proy state. 5y the way# if you preview an animation with some la!#this element will %ecome red.

$ The fourth %o can display several informations :

5y default# it displays the title of the timeline.

If the cursor is over a %utton with a help tooltip# the %o displays instantaneously the first line of thehelp tooltip.

And when a pro!ress %ar panel appears# the pro!ress line is also shown in this %o.

The last %o contains all the &ooms# and !ives you the possi%ility to navi!ate

%etween all of them. The &oomssection will %e seen further in a net lesson.

2&> irst approach of TVPaint Animation


23/470

Some useful tips

"ome useful tips

Move a window

If for some reason you wish to move a window# this is done %y simply clic'in! on the title %ar andthen movin! it to the re4uired location while 'eepin! the mouse pressed.

Close$ minimi%e or ma&imi%e a window

,n )indows# +ac and Linu# three %uttons are present on most of panels and windows.

)indows and Linu +ac

?lose the software# the project@s window or the panel

+aimi6e minimi6e the software or project@s window

Beduce the software@s window in the tas' %ar or the doc'

?ollapse uncollapse the project@s window or the panel

The si6e of some windows# the timeline for eample# may %e adjusted: it is possi%le to adjust theirsi6e with precision %y clic'in! on one of the ed!es.

5y the way# some shortcut may %e used :C 8?TBL ) or 8?+D ) to close a the project@s window (without closin! the project*C 8Shift ) to close a projectC 8+ to duplicate the window@s project (attention# this manipulation is visi%le only if your window@sproject is minimi6ed*

"liders and mini'sliders

The element a%ove on the left is referred to as a slider. It is located hori6ontally under somewindows (in particular under the current project window* or vertically net to these windows.?lic' on the arrows with the left mouse %utton or slide the rectan!le to view the content of thewindow with which the slider is associated# either up and down or left and ri!ht.As you have already !uessed: the element on the ri!ht is a mini&slider which may %e used tochan!e the numeric value or percenta!e net to it with a left clic' and slide of the mouse on thedou%le arrow.

)hen slidin! the mouse on a mini&slider# press and hold the ri!ht %utton to

accelerate movement.

Alphanumeric fields


24/470

Some useful tips

Progress (ar

If re4uired# the 8


25/470

)or'in! with projects

TVPaint Animation uses all standard formats (even very hi!h definition* %oth for ima!e widthhei!htratios ;7 and 2> as well as others.

,nce all options have %een selected# clic' on New Project. A project window then appears on thescreen (see %elow*. It is in this window that you will wor' and view your creations.

TVPaint Animation allows you to wor' on several projectsat the same time.

The maimum num%er of projects is limited only %y thecapa%ilities of your computer.

View data relative to )our project

To view data relative to your current project (si6e# frame rate# ratio# etc ...*# simply move the cursorover the title %ar and hold it there.

A small yellow window then appears with all the information you re4uire.

*ame a project

The default name for a new project is / Gntitled (92* 0# / Gntitled (93* 0# etc ... To render these

names more understanda%le# it is possi%le to rename them as you wish.To do this# simply use the Project+&ename main menu.

irst approach of TVPaint Animation 2&


26/470

)or'in! with projects

!orking with several projects

TVPaint Animation offers the user the possi%ility to wor' with several projects on the screen at thesame time. Kou can switch %etween the projects %y clic'in! on the correspondin! ta% :

If you open several projects# you can switch to the needed project than's to the little arrow on theri!ht hand side. Please note the name of the open projects are listed in the menu #indows +Projects. The chec'ed name is the current project.

Close a project

A project may %e closed in four ways:$ Gse the %utton on the projects ta%.$ Gse the File + Close project main menu.$ Gse the 'ey%oard shortcut 8Shift).

In order to avoid any mista'es# a confirmationmessa!e will appear (see opposite*.

2&29 irst approach of TVPaint Animation


27/470

The 1elp main menu

The Help main menu

#nLine support

At any time# a help function referred to as nLine %elp$ is availa%le in TVPaint Animation.+ove the cursor over the icon for which you wish to o%tain information (without clic'in! on it* and a%rief description of the icon you are pointin! at will appear to!ether with any associated 'ey%oardshortcut.

,pposite you will find the description correspondin! tothe Stroetool.If you wish to reduce the content of the InLine help orprevent it from appearin! on the screen entirely# thecorrespondin! options are availa%le in the $elp menu.

TheAbout+++ window

This section provides information a%out the pro!ram :$ name of TVPaint mem%ers$ name of %eta&testers$ date of creation$ serial and license num%er$ copyri!hts

The Check for Updatesoption

This option allows you to chec' directly on TVPaint Dveloppement@s we%site if there is an updatefor your software. If your version is outdated# you will %e allowed to download the latest version.Locand -nloc codes are needed to perform this operation.

To ,uit the program

)e will now 4uit the pro!ram. To do this you may:

$ ?lic' on the Close%utton at the top of the screen ()indows Linu* or (+ac*$ Select main menu File + .uit.$ Gse the 'ey%oard shortcut 8ShiftM

If you want to 4uit the pro!ram# withprojects that still need to %e saved# awindow as's if you want or don@t want tosave all these projects %efore 4uittin!.



28/470



The Pre"erencespanel is accessi%le via the Edit main menu. This function is used to set varioususer options which ena%le re&or!anisation of the interface.

It comprises si ta%s: /eneral, 0isplay, nter"ace, 1emory 2 Cac%e, Sound, Startup.

The General ta(

The /eneral ta%indicated a%ovecomprises five sections.

$ Thefirst section Languageis used to select the 1+I lan!ua!e. At present# the user may choose%etween rench#


29/470


To create your own shortcuts# clic' on the Con"i!ure %utton in the second section. The windowa%ove then appears.

Kou have pro%a%ly noticed that when the InLine help appears# many tools# options# drawin!modes# etc. already have associated 'ey%oard shortcuts : don@t hesitate to chan!e them if theydon@t suit to you. Any modification in that panel will cause a modification in the InLine help.

?han!in! the shortcuts is really a piece of ca'e :

O The left&hand column indicates all 'ey%oard 'eys and 'ey com%inations with the associatedfunctions when attri%uted.

O The ri!ht&hand column indicates all TVPaint Animation functions which may %e attri%uted to a'ey%oard shortcut.

O TheAssi!n%utton is used to assi!n a function to a specific 'ey or com%ination of 'eys (in whichcase you will create a shortcut for this function*. The com%ination 8?trl Assi!nis used to add afunction to a 'ey. The various functions will %e eecuted in the order they were added.

O The -nassi!n%utton has the opposite effect (in this case it deletes the shortcut*.

O The File popupmenu is used to save the eymapon your hard drive# load an eistin! 'eymap#

clear the current 'eymap or reset to the default 'eymap.

$ The third section Temp Directoryof the /eneralta% is used to define a temp directory in whichtemporary TVPaint Animation files may %e stored.

O This directory may %e modified usin! the associated tet field or usin! the Set %utton (a filenavi!ator window then opens*.

O The temporary files contain data relative to the current TVPaint Animation session. Data relativeto your animations is also stored here (for eample# the various sta!es of your wor' necessary forcorrect operation of the -ndoand&edo options*.

The faster the data stora!e device on which your temporary files are stored# thefaster TVPaint Animation will wor'. Always ensure this stora!e device has sufficientavaila%le stora!e capacity.

Ineperienced users are not advised to chan!e the default location.

$ Thefourth sectionof the/eneral ta% chan!es followin! your operatin! system.

O )indows Linu : )indows and Linu users can ena%le or disa%le the Su34Pi5el mode forfuturedrawin!s. This is in direct relation with your hardware and# more precisely# with your !raphic ta%letif you are usin! one (we stron!ly recommend it*.

All the latest models of )acomQ ta%lets wor' in Su%&Piel# i.e. the ta%let precision is !reater thanone piel on the screen.


30/470


The )inta% option# when ena%le# allows you to use )acomQ drivers installed on your computer. Ifyou are usin! another 'ind of ta%let# %ased on the )indows@ In' drivers# you can disa%le the#inta3option.

O +ac ,S - : there is an additional ,pen"L option. )hen this option is chec'ed# it is ,pen"Lwhich displays all the interface of TVPaint Animation instead of Muic'Draw. 5ut# as it is said in thewarnin! messa!e %efore the confirmation to use this option# the ,pen"L support is eperimental

with 'nown %u!s.

O That section also holds the Stroe Animatoroption. It is a li'a%le function which allows to draw ona layer# durin! this one chan!es the current ima!e each time the current tool is applied on theima!e.or eample# drawin! with Free$and 0ottool will apply each dot on a different ima!e in the layer ifthis option is ena%led and the 8?trl 'ey held durin! the drawin!.

$ The section a!e Alarmallows you to set an alarm that will remind you to save a project after acertain amount of time. This time can %e defined in minutes in the tet field %elow. At the end of the!iven time# a pop up alert will appear and will as' you to save your project :

$ The section "ackup Auto!enerates automatically %ac'up files each time you will save# allowin!you to !et %ac' your project# in case of pro%lems (crash# lost file# human error# corrupted file etc...*

In the present case# R3 is written in the 5ac'up Auto. It means each time you will save# there will%e a shift %etween two %ac'up files# plus a save on the main file (in .tvpp*.

5ac'up files are savec at the same place than the ori!inal .tvpp project and are named as follow :Rfilename.tvpp.Kear.+onth.Day.1our.+inute.Second.


31/470


$ The last section T#PP compressionallows you to compress the si6e of your TVPaint flies(.tvpp*# %ut 'eeps the same ima!e 4uality.

?ompressed files cannot %e read %y TVPaint Animation versions older than the 29.=version.

The Display ta(

The first section in the 0isplayta% concerns %rush and tool display (the latter will %e discussed in

detail in lesson ;*.

$ The Tool 0isplay%utton is used to mas' the tools preview when they are used as drawin! tools.,nly the mouse cursor remains visi%le on the screen and a frame indicates the eact location ofthe tool.This option is sometimes practical when wor'in! on a computer with limited resources: the use anddisplay of lar!e tools may slow the computer down.

$ )hen $ide s%ape display is disa%le# you could see the display of the current %rush when usin! ashape tool# such as &ectan!le or Ellipse)

$ The second section with the Layer consoption shows all the thum%nails in a layer when ase4uence is imported. It can ta'e time to load and read all the ima!es in the se4uence to ma'e thethum%nails# that@s why it can %e disa%led and only the first and last one will %e displayed.

irst approach of TVPaint Animation 2&2=


32/470


33/470


$ The last section activate the Time code : your project will not %e presented with a frame rate# %utwith a time code.

The $nterface ta(

$ The first section6Color6of this ta% may %e used to modify the pro!ram interface colors.

The default colors used in TVPaint Animation are li!ht !ray in order not to interfere with the colorsused in your projects. 1owever# you are of course free to modify these colors as you wish.

O The first popup menu allows you to select the element for which you wish to modify the color(%uttons# tet selected# sliders# etc.*. To the left of each element name# you will find a little colored%o which shows&& the current color of the element.

O Het to this field you will find a s4uare %o indicatin! the display color of the interface elementselected. Simply clic' on this %o and then select any color on the screen to %e assi!ned to thiselement.

O The Color sc%emepopup menu is used to 4uic'ly select a set of predefined colors or the defaultcolor scheme for the interface.

O The $i!%li!%tmini&slider# the Borderand 1irror options !ive a new !radient loo'.

O The Saveand Loadoptions allows to share the interface settin!s.

irst approach of TVPaint Animation 2&2F


34/470


7 The &eset%utton is used to return to the colors present when your confi!uration was loaded.

O TheApply%utton applies the selected colors to your current interface.

$ The second section6Cursor6allows you to choose the Styleof your cursor. The different choicesare: cross# arrow# point or circle as illustrated here.

,n )indows# four additional cursors are also availa%le (Pen from 2 to ;*# with the last one speciallymade for the left&handed persons.

$ In the third section 6#indows6# the 1a!netoption allows the various interface windows to %esnapped to other windows and menus. This allows mana!ement of the interface to %e 4uic'er andmore practical.Kou may also choose to display the pro!ram without tool or title %ars (for windows users*# whichincreases the project wor'in! area.

$ Thefourth section6File re8uester6is used to select which type of file re4uester is to %e used.5elow you will find eamples of TVPaint Animation specific as well as standard )indows and+ac ,S - file re4uesters.

TVPaint inter"ace #indows inter"ace

1ac inter"ace Linu5 inter"ace

The TVPaint Animation file re4uester is common to many software pac'a!es developed %yTVPaint Dveloppement and is present in your pro!ram re!ardless of your specific operatin!system.

The Never con"irm %utton# when tic'ed# cancels the confirmation re4uest which normally appearswhen a file is deleted or rewritten.

2&2J irst approach of TVPaint Animation


35/470


$ The ne&t section6Project window6contains a tic' %o used to place the current project windows%ehind the other interface panels.

$ The last option -se TVPaint 1enuis only availa%le for +ac ,S -. )hen this option is chec'ed#the main menu of TVPaint Animation is %oth availa%le in the +ac menu and inside the TVPaintAnimation window.

The %emory & Cache ta(

This ta% first displays the physical memory availa%le on your computer.

$ Nust %elow this field you will find a numeric field and mini&slider net to it. This field is used toattri%ute the amount of memory you re4uire for the-ndooption which allows you to /return0 toand undo the previous steps when drawin! on the screen. The hi!her this value# the /further%ac'0 you may !o. 1owever# this default value is lar!ely sufficient.

$ TVPaint Animation uses the physical memory of your computer and one or several temporaryfiles as discussed in the /eneralta%.Kou may want to allow TVPaint Animation to mana!e this function automatically or impose amaimum cache si6e to %e used (this may %e useful if you are wor'in! simultaneously with severalpro!rams demandin! a lar!e stora!e capacity*.)ith re!ard to this point# it should %e noted that TVPaint Animation mana!es operatin! systemsusin! over 7#3 "i!a%ytes of physical memory (for >;%its versions*.

The ound ta(

All these options will %e deeply developed in Lesson J. The first section is dedicated to thescru%%in!# and the second section to the audio fre4uency inside TVPaint Animation.



36/470


37/470


or eample : a confi!uration adapted to dual&screen computer# a confi!uration adapted to 1DTV#another one with other interface colors# etc The current confi!uration can %e saved when you4uit the pro!ram. The startin! panel of the pro!ram allows you to mana!e the confi!urations.

)hen restartin! TVPaint Animation Professional pielsin hei!ht.

The !lo%al si6e of your animation in centimeters# meters or inches depends entirely on the TV orcinema screen used to view them.



38/470

Some details

The notion of pi&el aspect ratio

The piel aspect ratio is the multiplication coefficient which lin's the piel width to the piel hei!ht.Dependin! on the video formats# the piels may %e either s4uare or sli!htly rectan!ular.

Avoid confusion %etween piel aspect ratio and widthhei!ht ratio of a video (;7#2># *. The ratio is the widthhei!ht ratio of the piels.

Gsin! ratios needs a serious 'nowled!e in the video environment. If you %e!in in thatdomain# we advise you to choose a simple ;7 or 2> format with a s4uare ratio (e4ual to 2*.

or eample# J99 >99 for ;7 or 2>99 99 for 2>.

Video fields

Hormally# a video ima!e is composed of two fields which alternate at a speed which is too fast forthe human eye# these fields are referred to as upper fields and lower fields. A field is a vertical half&resolution ima!e which contains every other line of the ima!e. Interlacin! of these fields is lin'edwith the PAL# S


39/470

Lesson 2

Drawing basics

In this lesson you will:

Learn how to handle the various tools: airbrush, penbrush, wetbrush, pencil,mechanical pencil.

Discover the various facets of the color picker.

Draw simple geometric shapes and floodfill surfaces.

Study the notions of opacity and transparency of a pixel.

Study the notions of colored background and layers.

!se and manage papers

!se floodfill tools "gradients, opacity mappage...#


40/470

Drawing basics

It is very easy to draw using $%&aint 'nimation. In this second lesson we will draw a small house"see below# using $%&aint 'nimation(s tools. In this way we can study the basics which will allowyou to express your artistic talents.

)ven if it is possible to draw with a trackball or mouse, it is strongly recommended to use a graphictablet e*uipped with a stylus. $his tool re*uires getting used to for beginners but it is much morenatural to use for drawing.

Manage drawing tools

Presentation of the drawing tools

Drawing tools are located in the main panel. $hey determine the use of your tool : stroke, line,rectangle, ellipse, floodfill tools...

$his one active the Stroke.If you click on, you a pop+up menu will appear and you couldchoose Dot, One point Dotand Filled stroke. $his last tool is a filling tool. It will be explained laterin that lesson, with other filling tools.

$his one active the Line.

$o trace a line in your drawing space : -lick on the first tip old the click and move your mouse Drop the button to create a line

old /Shift0 to draw a perfect straight line. $his shortcut works with Lines, DotandStroke.

1y the way, if you hold the click on the Line(s icon, you will have the possibility to use the tool Fillline. 's a filling tool, its parameters will be explained later in that lesson, with other filling tools.

$o draw a rectangle, click on the center of the image and, without letting go of the mousebutton, slide it towards the bottom right hand corner. 2elease the mouse button. ' gray rectanglehas now been drawn in the current pro3ect window "see diagrams below#.

4+4 Drawing basics


41/470

5anage drawing tools

>> >> >>

old /Shift0 to draw a s*uare instead of a rectangle.

$his icon is used to draw Ellipse.6n the drawing space, click on the ellipse(s center, then hold the click until you obtain the wishedellipse. &ress /Shift0 if you want to obtain a perfect circle.

If you click on that icon, you could choose different circle modes, such as 2 pts circleand 3 pts

circle.$he first one creates a circle by defining its diameter. $he second one creates a circle bydefining a diameter and a rotation angle.

77 77

2 pts circle

$his icon will give you an access to different Splines.1y default, you can draw 3 points splines, but you can also draw multiple points splines, such asBeziers splinesand B-Spline splines.

HUD 3 points spline

$o draw a 3 pts spline in your drawing space :8 click on the first tip8 hold your click and move your mouse or stylus8 drop the button and the opposite side8 move again your mouse or stylus8 click again, once you are satisfied of your spline.

9hen using the B-Splineor Beziers spline,hold /Shift Suppr0 to delete thelast placed points.

Drawing basics 4+;


42/470


HUD B-spline

$o draw a multiple points spline in your drawing space, click several times with your mouse or

stylus to build a line broken by yellow lines or punctuated with red dots.

$hese both tools are very useful, because you can modify dots or lines.

click on one of them and move your stylus in order to edit the spline. If you are using the 1e.

circles / lines / Bezier splines applied with different tools!

4+? Drawing basics


43/470


"etting the tools

=ou have numerous variables at your disposal to set your drawing tools. 9e will see in details theuse of theAirr"shtool "the other ones will be explainesdin lesson ># :

$he variable Sizedefines the tool radius in pixels.

$he variable #ower defines the color *uantity applied by the tool.

$he variable Op!city defines the global tool opacity.

$he opacity defines a maximum opacity threshold which the drawing toolcannot exceed.

$he variableAspect enables flattening of the current tool.

$he variableAn$leauthorises rotation around the tool @ axis.

$he variable Step, if enabled, manages the waiting time between twoapplications of the same tool.

$he variables Dryin$ and %r!dientwill be discussed further in thatguide.

In the little window to the left, it is possible to view the effect of the modification ofeach of the first five variables on the tool.

Some examples to help you understand the notions mentioned above:

See opposite, a straight line drawn with, from top to bottom, thepercentages ;AAB, CAAB and AB for the Stepvariable.

$%&aint written with the airbrush tool :An$le EAF andAspect 4AB

&ech!nic!l penciltool left without S'oothin$,right with s'oothin$.

If re*uired, the 2eset button resets the settings of the current tool.

Drawing basics 4+G


44/470


"etting of the br#sh profile

$he right field in the tool panel provides a view of the drawing tool cross section.1elow you will find two profile examples for the airbrush drawing tool.

left to right$ profile% three-di&ensional 'iew of the tool and its effect on the screen(

$he profile of brushesmay be edited in the

window shown opposite.-lick on the profile of thetool you are using tomake it appear.

=ou have the choice : to create or delete the points of the spline "by left+ and right+clicking on the profile line#. to move the latter.

to flip to the spline along the hori


45/470


)cti'ate Line smoothing

$his feature is located in the menu +indows Settin$s. =ou can also open this panels with a rightclick on any button from the 5ain &anel.

6ption So"rceis used by other modes such as #!ntoand e!lin$.$his option will be explained later.

#!nto !d"sts the #!nto mode. It is explained in the next sub+chapters.

e!lin$ad3usts the e!lin$ mode. It will be explained later.

$he last section is the option allowing you to smooth your lines.

$hanks to that feature, your lines will be optimi


46/470


47/470

!se colors

Mixer.ab

a left click on the mixer surface incorporates the A color to the visiblemixer which can then be NspreadO. hold /-trl0 to select a color in the palette "you can also use the color

picker, in the red circle# hold /'lt0 to smear colors in the palette hold /Shift0 to erase the colors

If you are not satisfied with the color obtained, you can delete it with theDelete &i0er choice.

' right click under one of the two tabs enables display of a contextual menuwhich is specific to this purpose and offers many choices "see opposite the&i0er tab menu #.

't first you can choose to work with pre+defined mixer surfaces: blue, clouds,

inks, dirty, nebula, etc.

If the mixers proposed are not what you want, $%&aint 'nimation also offers you the possibility tocreate, duplicate, rename and cancel your own palettes or mixers. $hese options are alsoaccessible via the contextual menus "see above#.

Bin.ab

$he contextual menu "right click# will allowyou to work with different pre+definedpalettes : rey, $%& C, 4, ; and ?.

In 1ew #!lettes, you can create an E'pty#!lette, D"plic!te c"rrent p!lette, create a1ew p!lette ro' i'!$e "already imported#or create a 1ew p!lette ro' l!st "sed

colors.

Like in the contextual menu of the mixers, it is possible to manage the current palette with )en!'eand Delete #!lette.

6ther additional choices are proposed in the contextual menu : )epl!ce color, Sw!p color, Spre!dand )e'o(e color. $hese options directly behave on the current palette.2espectively, you can replace the color s*uare by the A color, swap colors from two s*uares,spread colors from a s*uare to another and, at least, delete a s*uare.

=ou also have the ability to turn a palette into a c"sto' p!nel. C"sto' p!nelsmanagement will beexplained in lesson CE.

Drawing basics 4+E


48/470

!se colors

Last, but not least, you also have the possibility to change the s*uares( si


49/470

!se colors

It is possible to shade theAor Bcolors by left clicking on the latter in the main panelor the color picker and then keeping the /-trl0 button pressed when moving themouse to another color on the screen.

.he Color Variations panel

$he Color !ri!tions panel is accessible thanks to a right mouse click on the color box of the mainpanel or via the +indow main menu.

It puts at your disposal several ranges of color, derived from the currentA color.

H Some luminosity variations based on theA color.H Some saturation variations based on theA color.H Some chromatic variations based on theA color.H $he Step option allows to ad3ust the chromatic variation.

If the lock button is checked, the color boxes will stay the same

whatever you do.If the Lock button is not checked, the color boxes are automatically refreshed if you change theAcolor. "' simple click on a color of the Color !ri!tion panel will change theA color into the one youhave chosen#

Use filling tools

illing tools presentation

&reviously, we studied the shape tools "stroke, rect!n$le, ellipse...etc#. 5ost of these tools has a

variant, allowing you to fill a


50/470

!se filling tools

$he first hori


51/470

!se filling tools

-olor gradients and drawing tools

'ssigning a color or opacity gradient to a drawingtool provides a wide variety of interesting visual

effects "see example opposite#.

$he more power applied to the tool or the more repetition on

the screen, the more its color will cover the gradientchosen.

#pacity mapping

$his window is accessible with a right click on the correspondingfield of the Fillin$ Sh!pepanel and enables precise definition ofthe opacity and transparency areas when applying a filled shape.

=ou may draw the spline of your choice on the T and = axes byplacing points at your convenience. $hree types of interpolation

are available to connect the points with each other: Line!r,Spline or#olyno'i!l.In accordance with your settings, a new opacity mapping will bedefined.$he two red splines define the opacity of each point of the mapas indicated in the dotted example.

$he Filepopup menuenables saving, loading or resetting the opacity mapping. It allows in additiontoAdd*)e'o(ea custom opacity mapping and Selectone from the 1in. If re*uired, you may swapthe two splines corresponding to the T axis and = axis of the mapping "Sw!p button# or flip each

spline vertically or hori


52/470

!se filling tools

without modifications "C#

adapting to the shape you will floodfill "4#

according to a vector of your choice ";#

in a circular fashion along a vector "?#

"C# "4# ";#

or case ";#, you must draw a vector on the screen, as you havedone for drawing a gradient.

or the fourth option, modify the Tspline as shown in the exampleopposite.

"?#

"o&e re&ar1s for #sing the pacit f#nction

$he %r!dients and Op!city '!ppin$ functions combined for use in a layer are very useful forcreating effects of lighting or transparency independent of the background color or scenery "asthey are not part of it#.

$his is the case for windows, tinted windows, lamps, pro3ectors, etc

'bove, the opacity gradients were used on a layer to create car headlights. $hey must no longer

be modified when the background color changes, which results in considerable time saving.

4+C? Drawing basics

or case "?#, you mustdraw a vector on thescreen.

Kote that the option on the =axis is disabled.


53/470

!sing papers

Using papers

How to #se papers

'part from reproducing a given pattern, the papers may be used to simulate drawing on a realpaper. $he combination of papers with different drawing tools provides very realistic results andenables imitation of different drawing styles: charcoal, painting on glass, lithography, etc. "seebelow#

Some images are constructed using many papers.

$he image opposite, for example, which is availableon the -D was compiled using ten papers.

&apers can be activated by a simple click here, in the main panel :

If you right click on this icon, you will open this panel :

't the top of the &aper panel, a menu allows you toselect papers in different directories.

All: Display all the papers available in all directories.

/#!int Ani'!tion: Display all the papers which arein the installation directory of $%&aint 'nimation.

8ser: Display all the papers which are located in theuser configuration.

Kumerous options are available in the papers window. =ou may:

5odify !rdness, Size andAn$le of your papers.

Drawing basics 4+CG


54/470

!sing papers

hardness 33 hardness 44 hardness 566

size 266 size 566 size 76

angle 68 angle 468 angle 5268

5n(ert the papers "1e$!ti(e option#.

original paper in'erted paper

-reate a symmetry along the hori


55/470


56/470

Selections, crop and transform

one or several images in the current layer. If your current pro3ect contains several layers you willfind the same number of layers in the new pro3ect.

.he transfor&ation tools

These three tools have in common two parameters, that can be found at the top of the tool panel.

Those parameters are Shiftand Fill:

riginal i&age !hift option Fill option

The option Fillwill loop the image, contrary to the option Shift, that cuts definitely the image. Of

course, these parameters are memoried, even if you use different tools.

.he Panning tool

: If you check the &o(e Selection Sh!pe box, you will move the selection shape, without modifying

the image :

riginal i&age Filloption !hift option

4+CM Drawing basics

It is possible to transform all or part of several images using the three toolsshown opposite: #!nnin$, /r!nsor' and +r!p.

$he #!nnin$ tool is used to move an image or a selection on the screen,pixel by pixel, with a left click slide of the mouse.

If your check the &o(e 5'!$e the current image will be taken intoconsideration when shifting "like in the example above#.


57/470

Selections, crop and transform

If you check the&o(e Selection Content,you will move the selectionand its contain at the same time "see the image#.

If you check in more the &o(e C!'er! box, you will move your image

and you camera movement "more information about the C!'er! tool,please read lesson E#.

.he $ransform tool

$he/r!nsor'tool in the main panel is used to shift, rotate, increaseor reduce the image. $his tool is also accessible thanks to the shortcut/-trl $0.

$he #!nnin$ 6 and #!nnin$ 7 variables are used to translate theimage on the screen. $he Center buttonis used to re+center it. =ou can

also use the shortcuts /-trlM0, /-trlJ0, /-trl40 and /-trl?0, torespectively move your image at the top, on the right, at the bottomand on the left.

$he Sc!le variable is used to modify the si


58/470


59/470

urther details

#rther details

;otion of pi9el opacit

$hanks to what you 3ust learnt, you are now able to draw with $%&aint'nimation. $o draw the little house described at the beginning of thatlesson, please use the )ect!n$le, Line and Flood ill tools. !se the'irbrush or 2-pts circle with a gradient to the transparency to draw the sun.$his drawing will illustrate the next steps.

't this point, it seems at first sight that the image is mainly composed of white... in fact, that is notthe case U

Kow change the Color option "bottom left of thetimeline# into 1one, then into Check and note thechanges taking place in the current pro3ect window.

laer laer laer

bac1gro#nd < Color bac1gro#nd < 'one bac1gro#nd < Check

)verything happens as if our house and sun were drawn on a glass plate, the latter resting on acolored background "see perspective diagrams above...#.

9hat we will refer to as 5'!$e l!yerin all future lessons is the e*uivalent of a transparent glassplate placed on a colored background of your choice. =ou are drawing on this plate and not on thecolored background.

It is possible to change the color of the backgrounds Check and Color.$o do so, click on the littlecolored s*uare on the left, next to the pop+up menu, in order to obtain a cursor followed with a PVQ.$his cursor indicates you that you may choose any color on the interface of $%&aint 'nimation.

$he second colored s*uare will define the second color necessary for the Checkmode.

.he drawing &odes

$here are several drawing modes in $%&aint 'nimation:Color, Behind, Er!se, #!nto, Li$ht, Sh!de, /int, Colorize, S'ooth, %r!in , etc. 9e will study the ;first ones : -olor, 1ehind and )raser, which are the most used mode with drawing tools and fillingtools.

6ther modes will be explained lesson >

$hey are available in the popup menu located under the icons of the /ool panel "left click toaccess it#.

If re*uired, you may assign keyboard shortcuts of your choice to the various modes "see lesson C#.

Drawing basics 4+4C


60/470

urther details

9e will now draw a blue sky.$o do this:

Select the Freeh!nd line icon "in the main

panel#. Select the wetr"sh tool"si


61/470

urther details

=etbr#sh inBehind &ode

)irbr#sh in (rase &ode bac1gro#nd >

$his is a situation that is often encountered: you have drawn an ellipse on your screen

Drawing basics 4+4;

9hen you select the Behind mode "keyboard shortcut /;0#,$%&aint 'nimation will take into account the already existingpixels from the line as well as their level of opacity. 9hen theoption is chosen, the color is only applied to the transparentsurfaces of the image.$he color is therefore not applied over the house or over thesun but is partially visible through the latter.loodfill in the entire image in blue using this mode.

$he task of the Er!semode "keyboard shortcut /?0#, as thename implies, is to erase the pixels of the current layer bymaking them transparent.$hanks to this mode, it is possible to correct possible faults ina drawing.6pposite, the Er!se mode is used on a check background.


62/470

urther details

1ut, you have used the wrong tool: you used the Oilr"sh instead of the #enr"sh. $he 8ndooption allows you to go back "the ellipse drawn with the oilr"shwill disappear#, but you may havetrouble drawing the ellipse again with the same precision

)ven when having written down the exact coordinates of the ellipse "center coordinates and lengthof the two half axes#, it may be tiresome to reproduce exactly the same drawing on the screen.

$he)e-!pply option "keyboard shortcut /)nter0# was developed to counter this type of problem andfacilitate your task

9hen your ellipse is deleted, change the tool and ad3ust the parameters and colors. $hen selectthe )e-!pply option in the Editmain menu.' new ellipse is drawn.

=ou may even do more than that as, before using the )e-!pplyoption, you have the followingchoices : change the layer, select several layers, change the type of line to work with filledshapes "see the examples above#It is even possible to define selections or cut animated brushes from the original drawing U

)oom andVie* options

!ou will find a "oom in tool in the #ain panelof the software. This tool

allows you to oom in or out in the drawing space, repectively than$s to the

left or right clic$ on your mouse.

!ou could use also :

!se the small N :O and N -O icons above as well as the mini+slider.

!se the keyboard shortcuts /0 and />0.

'd3ust the


63/470

urther details

=ou may use the /50 key of the keyboard or select 1ew proect window in the iewmain menu todo this. $his is recommended when working with large


64/470

urther details

rotate in real time and you 3ust release the button once the desired angle is obtained. $his freead3ustment may also be carried out using the keys /-trl'lt0 left click.

.he free ad?#st&ent and its +in the for& of a traditional drawing wor1space

=ou may also right click on the same button, which will open a menu"see opposite# in which you have the possibility to :

)eset the overall angle value "keyboard shortcut /Insert0#,

)ot!te the (iew :;


65/470

urther details

riginal A&age lip Horizontall

lip @erticall lip Horizontall @erticall

.he Coordinates

$he Coordin!tes window is accessible via the +indows %"idesmain menu. left you find the coordinates in pixels of the pixel pointed with themouse as well as its 21 values. right you find a small


66/470

urther details

$he %ridpanel which is accessible with a right click on the %rid icon in the /ool !r or via the+indowsmain menu is used to set the width and height of the boxes "use the numeric fields of thesame name or the mini+sliders#.

$he St!rt 6 and St!rt 7 numbers will help you shift the grid on the surface defined by the workarea. $hose values can be negatives.

If re*uired, you may adapt these four values in such way as to recover the image using thecurrent brush and the Br"sh size button.

$he Setbutton is used to interactively define the grid parameters by drawing a dummy rectanglein the current pro3ect window.

$he Showbox displays the grid when it is checked.

$he Sn!pbox renders the grid magnetic. $his option imposes that the user may only use the redpixels at the intersections of the hori


67/470

urther details

.he "afe )rea

$he S!e !re! may be displayed in the current pro3ect window: it may beenabled via its Displ!ypopup menu "see on the left#. $he S!e !re! allowviewing of what will effectively appear on the $% screen "i.e. the Safe 'rea#.

=ou will find also many other options that you can make visible or not : grids,guides, stencils, paper, fiel chart, animator field, animator disk, camera andnotes.

Displa settings

$he Displ!y Settin$swindow is accessible via the +indows Settin$smainmenu and is used to choose the color and opacity of the guides, stencils,safe area, animation disk, etc.

=ou may also enable display of the stencil, paper and selections whenusing the latter.

$he safe area has some additional parameters: position of the action andtext safe areas may be set in percentages.

Histor panel

Int the menu +indows /ools, you will find a history panel. $he contain of the history paneldepends on the pro3ect.

Latest actions are at the top of the list. $he oldest are at the bottom.

Same actions are memori

$he history panel allows you to save the creation(s steps. or example, if you hesitate between tworenders for an illustration, you can save the both compositions and navigate from one to another.

Drawing basics 4+4E


68/470

urther details

irst render

"econd render

$o save an action, click on the action group that interests you and mark an action by clicking on theempty s*uare : it will now contain a green 5. If you mark several actions, you will have thepossibility to navigate from a mark to another one thanks to green arrows.

4+;A Drawing basics


69/470

Lesson 3

Spatial Management of Layers

In this lesson you will learn to :

Study the notion of the layer with its multiple aspects.

Name, move and select layers.

Assign a group to a layer.

Use the basic Blending odes of the layers.


70/470

!ayers and timeline

Layers and timeline

First drawing

"e#ll start by drawing a little man inthe center of our image.$o do this, use the Oilbrush tool,select FreeHandand the red color%&'()), *'+, B'+.

Now display the Timeline if it is not displayed yet (shortcut [0]). The following window will appear :

$his window shows that our little man was

drawn on a layer named -Untitled /.Indeed, every layer has a name.

Rename a layer

"e will now rename the layer. 0ou have the choice to :

1 Select Rename layer in theLayermain menu.

1 double clic2 on the layer#s name

34( Spatial management of layers


71/470

!ayers and timeline

Create a New layer

$56aint Animation offers the possibility to wor2 with several layers. "ith a bit of practice, this willma2e your wor2 much easier. $o create a new layer you can :

7 Select New Layer in themain menu Layer

You can also use the keyboard shortcut [Ctrl+N]

7 0ou can also use the Newbutton on the timeline.$his panel %see opposite will appear. 0ou couldname the layer, choose the group, the blendingmode, the position in the layer stac2 and itsbehaviors.

If you clic2 on m!ort, you could import a footage.

If you right clic2 on the button New from thetimeline, you will create automatically a new layerusing the last parameters configured in the panelon the left.

8ur timeline now comprises two layers: the -character / layer and our newly created layer,referred to by default as - Untitled /.

0ou may also rename this layer. "e will call it- gray blob /.

Spatial management of layers 343

19all up the popup menu by clic2ing on the layer name in the"imeline%here : - Untitled / or with a right clic2 on the layer name.

8nce the popup menu is displayed, select the name of the layer atthe top of the menu and release the mouse.

Independent of which method was used, a tet window will appear.0ou may now enter the name %- character / in the tet field and thenvalidate it by clic2ing on O#.


72/470

!ayers and timeline

The advantage of working with several layers

Now draw a gray blob in the center of the image on the new layer usingthe penbrush tool %radius: )+ piels, power: ++;, opacity: ++;,mode: colorAt first sight, the gray blob seems to cover the little man.But in reality this is not the case...

"hen loo2ing at the thumbnails in thetimeline, we see that the gray blob and thelittle man are on two different layers.

"e have thus overlaid two layers on ourwhite bac2ground, as illustrated in thediagram below.

- *ray Blob / layer

- character / layer

"hite bac2ground

$he gray blob therefore does not delete the little man. If you use the same tool in $rasemode onthe same gray blob, you will note that the little man will reappear ? @ and > @ on your 2eyboard.

1 9lic2 on the layer of your choice in the "imelineon the left side of the vertical slider.1 Use the shortcut > , @ to select the layer. $o do that, press the > , @ 2ey %the cursor change into anarrow with a uestion4mar2, position the new cursor over the proCect window, and when it is over apiel from which you want to get its layer, clic2 with the left button. If there is only one layer

34D Spatial management of layers


73/470

!ayers and timeline

%through all the layers with colors at this position, the layer will be automatically selected. If thereare several layers with colors at this position, then select the layer you wish in the popup menu.

"hen the menu appears, there is a preview near the name of the layer to ma2e the choice of thewanted layer easier.

Showand hidea layer

It is possible at any time to only show the layers of your choice.$he layers visible in the proCect window are those tic2ed in green in thefirst column of the timeline.$he hidden layers are those which are tic2ed in red in the same column

and the name of which is displayed in gray %clic2 on the color fields totoggle a layer from visible state to hidden state and vice versa.

0ou can draw only on a displayed layer.

"hatever the displaying options are, once the icon with the eye is tic2ed, only the current layer isdisplayed. 0ou can also use the shortcut >'@.

By default, this option only displays the current layer. Eowever, you can manage the layerattenuation through the menu %indows & 'ettin(s & )is!lay settin(s* $han2s to the part F!ayerattenuationG, you can then configure an reduced attenuation.

>>Display curren layerwithout Layer attenuation! Display curren layerwith Layer attenuation!

Spatial management of layers 34)


74/470

!ayers and timeline

Flip layers

"e will learn now how to flip two layers. $his is how it is done:!eft clic2 on the small frame representing the gray blob in the timeline, then slide the cursor on thetimeline until it is under the - character / layer. &elease the mouse button.

>

"efore flip after flip no flip #merge$

- character / layer

- *ray blob / layer

"hite bac2ground

position of layers after flip

"e now have the configuration as shown in the diagram above. In the current proCect window, thelittle man is positioned on top of the gray blob.

"hen trying to flip two layers, a freuent mista2e made is to move one layer ontop of another. $his is the process of merging two layers %which will be describedin detail later in this manual.

$he case being, clic2 on Cancelin the merge options window to return to the originallayer arrangement.

$he ndooption in the main menu may be used to undo the modifications made tothe proCect as well as for those applied to the timeline.

%rase the content of a layer

It is possible to erase the content of the current image in the current layer without using the $rasemode of the drawing tools.

$o do this, Cust clic2 on the icon of the main panel opposite or use the shortcut >Bac2space@.

8f course, this option only affects the current image of the current layer. 8ther images and layerswill stay intact.

Hor the net lesson, you will have to create a third layer that you will call - *lass /. $han2s to the

tool - Filled rectan(le , with -radientactivated, draw a glass in front of our character. Bothfeatures have been eplained lesson (.

34 Spatial management of layers


75/470

!ayers and timeline

Modify the glo"al opacity of a layer

*lobalO!acityof the *lass layer with various values:

+; (+ ; D+; +;

J+; ++;

Mergelayers

"hen it is no longer useful to wor2 with several layers, you have the possibility to merge the layers.

$he .er(e popup menu in the timeline offers you five options for this purpose.

$hese options are also available in the Layermain menu.

1 .er(e selectedlayers: the non4selected layers are not merged.1 .er(e /isiblelayers: in this case, the hidden layers remain intact.1.er(e alllayers: the layer resulting from this operation contains the current image.1 .er(e Current (rou!0s layers: all layers from the current group will be merged.1 .er(e Other (rou!s0 layers : all layers from other groups will be merged.

$o select an additional layer %multi4selection: press the >9trl@ 2ey on the2eyboard and left clic2 on its thumbnail. 0ou may also use the >Shift@ 2ey toselect all layers between the last selected and the one you are clic2ing on.

Spatial management of layers 34K

odification of the - glass / layer#s globalopacity will vary the opacity of all pielsma2ing up the layer.

0ou may modify the global O!acity of a layer:

1 by left clic2ing on the white bar on the timeline.1 by right clic2ing on the same bar to call up the numeric field shown

opposite&1 via the contetual menu of the layer.


76/470

!ayers and timeline

Another possibility is to slide one layer on top of another and callup the merge options shown opposite.

If you tic2 the 'tam!field, the merger is made according to theopacity of the layer moved and the1color.

0ou may choose to cancel or 2eep the original layer as well asapply one layer on another in color2 erase2 behindmode, etc.

'lending Modes concept

In this lesson, it has been seen that the layers are overlaid to create the final image of the proCect.

$he final image or animation is the result of the miing of all the piels of these layers.$he miing of these layers is applied from the bottom to the top of the layers list.

But ... there is maybe a need to mi the piels of each layer in differentways."ith the above eample, layer 3 is applied over the result of layer (and . But whereas the colors of layer 3 are Cust copied on the resultinglayer, the content of the layer 3 could Lrase, $int, Saturate, 8verlay, ...the content of the resulting layer.

It is already possible to do it in some way, with a limited number ofmodes. "hen you drag a layer over another one and drop it, a popup

menu appears and as2s how the piels of the dragged layer should be mied with the other layer.But in this case, the two layers will be merged and the informations of each layer will be lost. It is

often preferable to 2eep the layers separated.

$he solution is to mi the layers but without needing to modify them. $o do that, the layers shouldbe mied Mon the flyM.$here is a popup menu in each layer in the left side of the !ayers panel which allows you to selectthe way to mi the layer, it is called the Blending ode.

34J Spatial management of layers

!i2e it is said, each layer has its own Blending odes. "hat does it involve ... Aninfinity of possibilities. Seriously, each layer can be blend in a different way withthe other layers. $o be more precise, the image in the current layer will be blend inits Blending ode with the resulting image of the blending of all the layer under

the current layer.

And the final image is instantly displayed in the proCect window and without havingto modify something in any layer ools main menu. The uttons containing numers are usedto define the play frame rate &in frames per second).

Play an animation on fullscreen

It+s possile to play the animation in fullscreen,without any panels and menus. If the 0@((4 key is hit,

the animation will e displayed on the full siOe of thescreen.

The Time 1ode is displayed if the option is activated. &See the Pre(iew)ettingsection further to have more details)

Other movement methods

ou may use the timeline or pro!ect window to move within the pro!ect. To do this, !ust click andslide on one of the rectangles shown elow :

If you use the left mouse utton, you change the image.

If you use the left mouse utton, you change the image.If you use the right mouse utton you return automatically to the original image when releasing theutton.

ielded pro!ects

56J Temporal management of layers


95/470

"nimation layers

ow let+s move on to fielded pro!ects andPor pro!ects with a ratio other than ( :

; 9utton #enales display of oth fields simultaneously when playing an animation or video.; 9utton -will display the field which you have defined as the first field.; 9utton will display the second field of the current image.

ote that the ( and # uttons may only e used if your pro!ect is set to usefields. @urthermore, moving to the ne%t image in a pro!ect containing fieldswill have the effect that the cursor of the current image does not move to thene%t image ut to the ne%t field &as an image is composed of two fields).

9uttonAof the current pro!ect window is used to enalePdisale pi%elAspect "atio display.

This does not modify the current pro!ect: only its aspect in the pro!ect windowwill e different.

The Navigator

The other uttons, specifically used for navigation on the pro!ect surface,are found in the Na(igator window which is accessile in the &indows >oolsmain menu.This panel also allows you to have a low $uality preview of your

se$uencePanimation which can e useful y pressing the utton.

; 9uttonNshown aove is used to open a new pro!ect window.; The red rectangle indicates the current display area in your window relative to the full image.; The /isplaypopup menu is the same as the one descried in lesson 3.

"elect and erase the contents of the images in anAnimation Layer

ow we will see how to erase the contents of the 1loud layer.

This may e done with the utton on the main panel for all images one after the other, ut thismay e too time6consuming when working on long animated se$uences.

The trick is to select all images of the layer using the option )elect all in the conte%tual menu&keyoard shortcut 01trl2"4). our timeline must e displayed as shown elow: a light yellowrectangle is present underneath the selected images.

Temporal management of layers 56Q

The uttons #, - and of the horiOontal ar are onlyavailale when you are working with a pro!ect containingfields.


96/470


97/470

"nimation layers

Move the layers in the timeline

"s with the image layers in lesson 3, it is possile to move the animation layers in space. @ore%ample, you may move the cloud ehind the house or the sun in front of the cloud &in case of avery high cloud, oviously), etc. 9ut this is not all: image layers and animation layers may also emoved in time. Increase the image layers to #= frames and the following timeline will appear :

ow click on any image of the 7clouds8 layer and slide the mouse to the right efore releasing theutton. ou have now moved your layer in time. *o the same with the 7sun8 layer. In thescreenshot elow, the 7clouds8 layer will only e shown starting from the tenth image of theanimation and the 7sun8 layer starting from the fourth image.

In the Layermain menu, the RLock PositionR option allows to lock the position of a layer, and then,

it can+t e moved anymore. The symol will e displayed immediately after the click on alocked layer.

The range in numer of frames &or in seconds, if you are in ime!ode display mode)located at the top of the timeline offers a gloal identification system, enalinglocation of each layer in relation to the others within the current pro!ect.

The ranges under the frames of a layer &in numer of frames or ime !ode)only refer tothese layers.

urther details

"how# hide the icons

It is possile to show or hide the icons of an animation layer in the timeline. ou will find this optionin the conte%tual menu of the animation layer &the first and last image are, however, alwaysdisplayed).

TheAuto Fit option in the timeline

When using a very long animation layer, it may e discouraging having to use the sliderscontinually to only view a section of the timeline.

Temporal management of layers 56((


98/470

@urther details

@ortunately it is possile to modify the timeline scale :

1lick and hold the Z utton of the timeline tomodify its display &stretch or increase the iconsfrom the current image depending on the left or

right movement of the mouse or trackall).

TheAuto $it popup menu may e used to ad!ust the siOe of the icons in the timeline in order toview the entire pro!ect, current layer, current image, current selection or keys.

ou can also use 0"lt4 2 'M9 2 movement on the right or on the left, respectivelyto Ooom or unOoom in the timeline.

$sing the Bookmarks

It is possile to place #ookmarks on the images of your animationlayer &circled in lack aove) using the corresponding option in the0dit main menu.

Fnce the #ookmarks are placed, the keyoard shortcuts0Shift21trl2%4 and 0Shift21trl2&4 enale you to move to theclosest #ookmark to the left or right of the current image. @inally,

the keyoard shortcut 0Shift21trl24 creates a #ookmark for thecurrent image or deletes the #ookmarkif the current image alreadycontains one.

If the pro!ect contains a huge numer of #ookmarks, they can easily e removed y using theoption 0dit > "emo(e All #ookmarkin the main menu.

$se the Image mark Panel

In the menu &indows > oolsyou will find the Image markerpanel. This panel allows you to markimages, in order to differentiate key images and reakdowns, for e%ample.

Allmenu : in this menu, you can 0dit mark, "emo(e all mark in thecurrent layer and "emo(e all marks in the clip.

9asically, marks are in dark lue. Fther options, similar to the Allmenuare also availale. The menu Add 1 "emo(eallows you to add new

color codes.

2 : allows you to add a mark in the wished color

56(# Temporal management of layers


99/470


100/470


101/470

@urther details

The Stopwatc

The Stopwatch is an innovative function, allowing you to mark the eat of an animation or asoundtrack.

allows you to start the stopwatch. /ress again to pause it.

marks the eat measured y the stopwatch.

"esetresets the stopwatch.

-nale Metronome to eat with a little sound. ou can choose thetempo y entering a numerical value &in frames per second).

Link to playbackallows you to read your animation and the stopwatchat the same time.

"fter marking one or several eats, feel free to convert these marks yclicking on theActionsmenu.; New scene 4 put the rhythm into clips, in order to create an animatic; New layer 4 put the rhythm into instances; New bookmarks 4put the rhythm into ookmarks; New image marks 4put the rhythm into image marks

*o not forget an instance has to e created efore marking it.

; !reate sound rom tempo: turn the created rhythm into a sound visile in the space for soundtracks &e%plained lesson J); !reate sound rom marks: turn the mark &made via the image mark); !alculate tempochange the metronome+s tempo, following the eat you marked.; !lear listdelete the eat list.

Temporal management of layers 56(


102/470

Lesson 5

Handling TVPaint Animation projects and Layout

In this lesson you will :

Learn how to handle TVPaint Animation projects: load, save, import, export,etc...

Study the notions o Templates, Dependencies.

!iscover the Share manager.

!iscover the Video Grabber Panel.

"or# with the Panel Bins concept.

Study the notion o Rooms.


103/470

$andlin% TVPaint Animation projects

Handling TVPaint Animation projects

Introduction

In lessons & ' ( we studied the concepts o image layers andanimation layersas well as their

temporal and spatial speciicities."hat we reer to as a TVPaint Animation project )or simply project*, is all ima%e, animation or+sheet )see lesson * layers in a timeline )whether created -y drawin%, scannin% or any othermethod* with all associated options: %lo-al opacity, pre post -ehavior, /+ stac# )see lesson 01*,num-er o ima%es per second, position in the timeline, resolution, etc.

Save a project

In lesson 0 we saw how to create a project with the parameters o your choice.Ater havin% wor#ed with tools and layers )lessons 2, & and (*, you may wish to save your projector later use. To do this, use the Save project or Save project as unctions in theile main menu.

Save project )#ey-oard shortcut 3Shit4S5, 36trl4S5 and 36md4S5* allows you to save the projectunder the current name, whereas Save project asas#s you to choose a new ile name or yourproject. This unction allows you to easily duplicate your project as you pro%ress with its creation.

Use the reuester

A ile explorer then as#s you to select an access path and ile name or your project.

This window is laid out as ollows:7 The text ield at the top o the window allows you to enter the name under which the ile is to -esaved.7 The second text ield just -elow the irst is used to select the type o iles to -e displayed in theri%ht section o the window.7 The popup menu to the ri%ht o this ield is a shortcut used to select the ile types o your choice.In the deault settin%, all ile types are displayed )extension .P89 .;P .


104/470


The and -uttons are used to display or hide the content o your stora%e supports, olders orsu-olders.

7 The is used to return to the parent older.

7 The arrows are used to scroll throu%h the history o selections in the ile explorer. In thisway, you may ?uic#ly ind the olders in which you last saved your wor#.7 The ri%ht section o the window displays the iles contained in the older you selected on the letside o the window.7 @ou may choose to display thum-nails o your iles )-utton Th"mbs, -utton Scan* or display a listcontainin% inormation relative to your iles: type, name, count, resolution, time, sie, date o lastsave )-utton #ist, then -utton Scan*. 8ote that some data is not ta#en into account or all ileormats.7 It is also possi-le to delete the selected ile, rename it or create a new older usin% the -uttonsDelete, Renameand $e% &older.7 Bnce you have selected the ile or older you re?uire, clic# on !'.7 To ?uit the ile re?uester and i%nore all operations, clic# on (ancel.

"hen usin% the second text ield, the ?uestion

mar# is considered a random num-er or letter,whereas the asteris# is considered a completerandom word.

/or example :7 Cnter D 7.jp% E to display all ima%e iles o the type jp% in the ri%ht section o the window.7 Cnter D dessin11&F.jp% E to display all iles named dessin11& ollowed -y another character andthe extension D .jp% E.Thereore iles -etween dessin11&1.jp% and dessin11&G.jp% will appear whereas dessin1121.jp% ordessin11(1.jp% will not.

A-ove an example o a ile re?uester with projects displayed in the orm o thum-nails.

$andlin% TVPaint Animation projects and Layout >&


105/470


Save a Template

A template is a -lan# project usin% a predeined resolution, speed,aspect ratio and num-er o layers and ima%es.It

tvpaint guide

Documents