Lesson 6: Drawing, Painting and Puppetry CMM204 – Digital Media Effects.

Slides:



Advertisements
Similar presentations
Distributed Multimedia Programming Week - 1. Document Window The Document Window is divided in to six main components Timeline – The Timeline is where.
Advertisements

Chapter 4 Transforming and Distorting Objects. Objectives Transform objects Offset and outline paths Create compound paths Work with the Pathfinder panel.
The GIMP Simple features tutorial By Mary A White.
Chapter 6 Raster Editing
1 USING FIREWORKS Cropping an Image Obtaining Information Changing Image Size Rotating an Image Adjusting the Color of an Image Drawing Tools Using the.
Macromedia Director 8 Foundation Level Course. What is Director? Director is a challenging program for creating animation and multimedia productions for.
Chapter 3 Drawing and Composing an Illustration. Objectives Draw straight lines Draw curved lines Draw elements of an illustration Apply attributes to.
Adobe ImageReady 3 Foundation Level Course. What is ImageReady? ImageReady is a graphics program that offers several tools tailored to efficiently prepare.
Foundation Level Course
Exploring Other FreeHand Features – Lesson 31 Exploring Other FreeHand Features Lesson 3.
Working with Vector Graphics – Lesson 21 Working with Vector Graphics Lesson 2.
Macromedia Fireworks MX 2004 – Design Professional WORKING WITH OBJECTS.
Working with Special Layer Functions
© 2010 Delmar, Cengage Learning Chapter 4: Creating Animation.
Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning.
Linda Krzywda Bryant and Stratton College Grad 215: Illustrator CS5 Ms. Tamara Long April 14, 2011.
Illustrator CS4 Inspiration + basics + tutorial. Inspiration By viewing artworks of artists, we get to know what we can do with techniques and skills.
INF1090 Part Deux Photography- Photomanipulation.
Adobe Photoshop CS Design Professional LAYER FUNCTIONS WORKING WITH SPECIAL.
Macromedia Fireworks 8 Revealed WORKING WITH OBJECTS.
Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.
Media Arts – Review Day 2 Photoshop Tools and Functions.
CT1514.  What is Motion Guide Layer?  Controls the movement of objects in a Motion tween animation  How to create a Motion Guide Layer?  Click on.
Lesson 5: Applying Effects CMM204 – Digital Media Effects.
Filters and Blend Modes. Filters Filters are a method that processes the pixels of a graphic object to produce a specific visual effect Filters can only.
CSC/FAR 020, Computer Graphics, November 14, 2012 Dr. Dale E. Parson Outline week 11 through end of semester Illustrator.
INTRODUCTION TO PHOTOSHOP. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Work Area Work Area.
Default Fill & Stroke D Swap Fill & Stroke Shift X None / Gradient > Color < Stroke X Fill (Click to activate) X More about Fill and Stroke:
© 2010 Delmar, Cengage Learning Chapter 2: Drawing Objects in Adobe Flash.
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Hands-on Introduction to After Effects Chris Jackson Author, Designer, Professor.
Introduction to Flash. Topics What is Flash? What can you do with it? Simple animation Complex interactive web application, such as an online store. Starting.
Chapter 6 Working with Patterns and Brushes. Objectives Use the Move command Create a pattern Design a repeating pattern Use the Pattern Options panel.
Chapter 9 Fireworks: Part I The Web Warrior Guide to Web Design Technologies.
Lesson 1: Introduction to After Effects CMM204 – Digital Media Effects.
Flash CS 5 Interface BY NSCHEWCZYK | ©2012. MENU BAR A bar at the top of the window. It lists menu options including: File, Edit, View, Insert, Modify,
By: Affaf Muzammal ALLIED SCHOOL 46-Iqbal Block, Ittefaq Town, Multan Road, Lahore ,
© 2011 Delmar, Cengage Learning Chapter 6 Working with Patterns and Brushes.
Adobe Illustrator. Work Area Tool bar Menu Bar Options Bar Active Image Area Title Bar Palettes New Document.
Advanced 2D Design Concepts Guilford County Sci Vis V
Toolbar Terms and Concepts
Working with Shapes Guided Lesson. Objective  In this lesson you will learn how to insert a shape and format it by changing its fill color, outline color,
Distributed Multimedia Programming Week - 3 Shape Tweening Symbols and Instances.
Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS.
Creating an Animated Map – Lesson 91 Creating an Animated Map Lesson 9.
Desktop Publishing Part 2 Desktop Publishing Photoshop Skills Lesson4
Illustrator Training Level I Training; Using Illustrator as a 2d visualization tool.
CSC/FAR 020, Computer Graphics, November 22, 2010 Dr. Dale E. Parson Outline for week 12 Merging, Splitting, Pathfinder,
Advanced 2D Design Concepts V The basic fill options include uniform or solid, fountain or gradient, and pattern. The uniform fill is produced.
Chapter 7 Vector Editing © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
ITEC2110, Digital Media Chapter 3 Digital Image Processing 1 GGC -- ITEC Digital Media.
Chapter 4 Drawing and Painting with Color
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Adobe Photoshop CS5.
Chapter 6 Raster Editing
MS Paint A simple drawing tool that can be used to create simple or elaborate drawings. These drawings can be either black-and-white or color, and can.
Composition.
Gimp Guide Mr Hall.
First text statement positioned here at guide intersection
Chapter 6 Raster Editing
Chapter 7 Vector Editing
Chapter Lessons Use the Macromedia Flash drawing tools
Chapter 6 Raster Editing
Transforming and Distorting Objects
Enhancing Artwork and Creating Web Graphics
Photoshop Bell Work Hand Tool: The hand tool moves an image within its window Zoom Tool: The Zoom Tool magnifies and reduces the view of an image. CTRL.
More on Graphs, Pen, Brush, Pathfinder, Symbols
2.01 Understand Digital Raster Graphics
CSC/FAR 020, Computer Graphics, November 17, 2014
Photoshop Tools.
CSC/FAR 020, Computer Graphics, November 18, 2013
Presentation transcript:

Lesson 6: Drawing, Painting and Puppetry CMM204 – Digital Media Effects

Chapter Objectives Basic of creating, combining and modifying shapes Creating graphical elements

Topics to be covered Shape Tool Pen Tool Grouping Shape Effects Paint Tools Paint with other effects Puppet pin Tool Overlap Tool Starch Tool

Shape Tools Replaces former rectangle and ellipse mask tool with a longer menu of core parametric shapes

Pen Tool Used to draw mask Used to draw motion Able to draw custom shapes Graph editor paths can also be used to draw shapes

Fill 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

Stroke 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

Pen 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

Grouping Press Ctrl+G to group shapes together Able to transform multiple shapes together

Merge 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

Shape Effects There are different types of shape effects –Merge Paths –Offset Paths –Pucker & Bloat –Repeater –Round Corners –Trim Paths –Twist –Wiggle Paths –Zig Zag

Paint 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

Animating 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

Rotoscoping 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

Paint 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 1 st stroke interpolate to form the 2 nd stroke

Puppet 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

Keyframing 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

Motion 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

Overlap 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

Starch 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

Thank You!