lesson 6: drawing, painting and puppetry cmm204 – digital media effects
TRANSCRIPT
![Page 1: Lesson 6: Drawing, Painting and Puppetry CMM204 – Digital Media Effects](https://reader035.vdocuments.us/reader035/viewer/2022062408/56649f305503460f94c4ba87/html5/thumbnails/1.jpg)
Lesson 6: Drawing, Painting and Puppetry
CMM204CMM204 – Digital Media Effects– Digital Media Effects
![Page 2: Lesson 6: Drawing, Painting and Puppetry CMM204 – Digital Media Effects](https://reader035.vdocuments.us/reader035/viewer/2022062408/56649f305503460f94c4ba87/html5/thumbnails/2.jpg)
Chapter ObjectivesChapter Objectives
• Basic of creating, combining and modifying shapes
• Creating graphical elements
![Page 3: Lesson 6: Drawing, Painting and Puppetry CMM204 – Digital Media Effects](https://reader035.vdocuments.us/reader035/viewer/2022062408/56649f305503460f94c4ba87/html5/thumbnails/3.jpg)
Topics to be coveredTopics to be covered
• Shape Tool• Pen Tool• Grouping• Shape Effects• Paint Tools• Paint with other effects• Puppet pin Tool• Overlap Tool• Starch Tool
![Page 4: Lesson 6: Drawing, Painting and Puppetry CMM204 – Digital Media Effects](https://reader035.vdocuments.us/reader035/viewer/2022062408/56649f305503460f94c4ba87/html5/thumbnails/4.jpg)
Shape ToolsShape Tools
• Replaces former rectangle and ellipse mask tool with a longer menu of core parametric shapes
![Page 5: Lesson 6: Drawing, Painting and Puppetry CMM204 – Digital Media Effects](https://reader035.vdocuments.us/reader035/viewer/2022062408/56649f305503460f94c4ba87/html5/thumbnails/5.jpg)
Pen ToolPen Tool
• Used to draw mask• Used to draw motion• Able to draw custom shapes• Graph editor paths can also be used
to draw shapes
![Page 6: Lesson 6: Drawing, Painting and Puppetry CMM204 – Digital Media Effects](https://reader035.vdocuments.us/reader035/viewer/2022062408/56649f305503460f94c4ba87/html5/thumbnails/6.jpg)
Fill OptionsFill Options
• Decide if fill is enabled or disabled• If fill is solid color or a gradient• Blending mode and opacity can be
set• Also able to set the fill color
![Page 7: Lesson 6: Drawing, Painting and Puppetry CMM204 – Digital Media Effects](https://reader035.vdocuments.us/reader035/viewer/2022062408/56649f305503460f94c4ba87/html5/thumbnails/7.jpg)
Stroke OptionsStroke Options
• Able to set none, solid and gradient stroke
• Able to set the blending mode• Able to set the opacity• Able to set stroke color • Able to set stroke width using px
![Page 8: Lesson 6: Drawing, Painting and Puppetry CMM204 – Digital Media Effects](https://reader035.vdocuments.us/reader035/viewer/2022062408/56649f305503460f94c4ba87/html5/thumbnails/8.jpg)
Pen Path ShapesPen Path Shapes
• With the Pen tool, you can create freeform shapes
• Able to edit pen shapes– Able to add, delete, move, edit vertices
• Freeform shapes can also be transformed
• Open paths can be used as strokes, map lines and other graphical elements
![Page 9: Lesson 6: Drawing, Painting and Puppetry CMM204 – Digital Media Effects](https://reader035.vdocuments.us/reader035/viewer/2022062408/56649f305503460f94c4ba87/html5/thumbnails/9.jpg)
GroupingGrouping
• Press Ctrl+G to group shapes together
• Able to transform multiple shapes together
![Page 10: Lesson 6: Drawing, Painting and Puppetry CMM204 – Digital Media Effects](https://reader035.vdocuments.us/reader035/viewer/2022062408/56649f305503460f94c4ba87/html5/thumbnails/10.jpg)
Merge PathsMerge Paths
• Is useful when you want just the outline of the composite shape to be stroked
• More control over intersections and fills what what’s provided by the Fill operator’s Fill Rule Popup
![Page 11: Lesson 6: Drawing, Painting and Puppetry CMM204 – Digital Media Effects](https://reader035.vdocuments.us/reader035/viewer/2022062408/56649f305503460f94c4ba87/html5/thumbnails/11.jpg)
Shape EffectsShape Effects
• There are different types of shape effects– Merge Paths– Offset Paths– Pucker & Bloat– Repeater– Round Corners– Trim Paths– Twist– Wiggle Paths– Zig Zag
![Page 12: Lesson 6: Drawing, Painting and Puppetry CMM204 – Digital Media Effects](https://reader035.vdocuments.us/reader035/viewer/2022062408/56649f305503460f94c4ba87/html5/thumbnails/12.jpg)
Paint ToolsPaint Tools
• Three paint tools– Brush Tool
• Able to use like a paintbrush to paint the layer
– Clone Stamp Tool• Able to duplicate a image with a reference
point
– Eraser Tool• Erases any mistakes created or erases any
unwanted portions
![Page 13: Lesson 6: Drawing, Painting and Puppetry CMM204 – Digital Media Effects](https://reader035.vdocuments.us/reader035/viewer/2022062408/56649f305503460f94c4ba87/html5/thumbnails/13.jpg)
Animating StrokesAnimating Strokes
• Various methods to animate the drawing of your brush strokes– Start here, End there– Write on Mode– Paint frame by frame– Use a single brush stroke and
interpolate the shape of the stroke over time
![Page 14: Lesson 6: Drawing, Painting and Puppetry CMM204 – Digital Media Effects](https://reader035.vdocuments.us/reader035/viewer/2022062408/56649f305503460f94c4ba87/html5/thumbnails/14.jpg)
RotoscopingRotoscoping
• Pick a color and brush size of your choice• Set the Mode to Normal and Channels to
RGBA• Set the duration popup to Custom and set
a frame eg.3• At the start of the timeline paint a stroke• Press “2” and paint the next stroke• Continue till you get the desired outcome
![Page 15: Lesson 6: Drawing, Painting and Puppetry CMM204 – Digital Media Effects](https://reader035.vdocuments.us/reader035/viewer/2022062408/56649f305503460f94c4ba87/html5/thumbnails/15.jpg)
Paint with other EffectsPaint with other Effects
• Pick a color and brush size of your choice• Set the Mode to Normal and Channels to
RGBA• Set the duration popup to Constant• Draw a stroke, go to the Path propery in
the timeline and create a keyframe• Go forward in time and create another
keyframe and draw another stroke• You can see the effect where the 1st stroke
interpolate to form the 2nd stroke
![Page 16: Lesson 6: Drawing, Painting and Puppetry CMM204 – Digital Media Effects](https://reader035.vdocuments.us/reader035/viewer/2022062408/56649f305503460f94c4ba87/html5/thumbnails/16.jpg)
Puppet Pin ToolPuppet Pin Tool
• New way to warp layers, including shapes and text layers
• Puppet pins represents points you want to grab and move or you want to stay in place
![Page 17: Lesson 6: Drawing, Painting and Puppetry CMM204 – Digital Media Effects](https://reader035.vdocuments.us/reader035/viewer/2022062408/56649f305503460f94c4ba87/html5/thumbnails/17.jpg)
Keyframing PinsKeyframing Pins
• With an already Puppet pined object• Go to the puppet property followed
by the Puppet pin property• Create a keyframe and move to the
end timeline you desire• Change the puppet pin property’s X
and Y values to your liking
![Page 18: Lesson 6: Drawing, Painting and Puppetry CMM204 – Digital Media Effects](https://reader035.vdocuments.us/reader035/viewer/2022062408/56649f305503460f94c4ba87/html5/thumbnails/18.jpg)
Motion Sketching PinMotion Sketching Pin
• With the already pinned object• Ctrl Click on the Puppet pin, you will
see a stopwatch• The recording will starting till you
release the mouse• You can then edit the Bezier motion
path as you please
![Page 19: Lesson 6: Drawing, Painting and Puppetry CMM204 – Digital Media Effects](https://reader035.vdocuments.us/reader035/viewer/2022062408/56649f305503460f94c4ba87/html5/thumbnails/19.jpg)
Overlap ToolOverlap Tool
• Allows portions of the layer to pass in front or behind other portions
• Used on an undistorted shape• You cannot animate the location of
overlap pins but you can animate their Extent and In Front Values
![Page 20: Lesson 6: Drawing, Painting and Puppetry CMM204 – Digital Media Effects](https://reader035.vdocuments.us/reader035/viewer/2022062408/56649f305503460f94c4ba87/html5/thumbnails/20.jpg)
Starch ToolStarch Tool
• When using puppet pin tool, the shape of the object/character will tend to get deformed and look out of shape
• Using the starch tool we are able to get a more rounded shape
• As with overlap pins, you can drag starch pins to see if a different location will work better
![Page 21: Lesson 6: Drawing, Painting and Puppetry CMM204 – Digital Media Effects](https://reader035.vdocuments.us/reader035/viewer/2022062408/56649f305503460f94c4ba87/html5/thumbnails/21.jpg)
Thank You!Thank You!