Projection Content Creation

Slides:



Advertisements
Similar presentations
Layout Library Story line Preview screen Tool selection menu.
Advertisements

Compositing Images in Photoshop FYS100 Creative Discovery in Digital Art Forms Spring 2007 Burg.
Photoshop Lab colorspace A quick and easy 26 step process for enhancing your photos.
Macromedia Fireworks MX 2004 – Design Professional Importing, Selecting, and Modifying Graphics.
| | Tel: | | Computer Training & Personal Development Adobe Photoshop CS3 Intermediate.
Macromedia Fireworks. Understanding Fireworks What can you do in Fireworks MX? –Work with vector objects and bitmap images –Add JavaScript-enabled interactivity.
GIMP Tutorial v2.0 Boo Virk
Chapter 5 Develop a PSA & Commercial Using Premiere Pro & After Effects CS6.

Create a new document and import files Learn about the Macromedia Fireworks window Work with bitmap and vector images Create and modify text Unit Lessons.
Text, Masks, and Live Effects – Lesson 41 Text, Masks, and Live Effects Lesson 4.
Working with Special Layer Functions
By Jacqui Sharp Animating a Volcanic Eruption. Step One: You need objects Tip: you need to close the shape before you can see a colour in it. Go to Paint.
Discover Digital Textile Printing for Fashion & Textiles Photo montage and engineered prints.
1 Introduction to Photoshop Or Why Paint is “yesterday’s news…”
Transparency Transparency (alpha, opacity) defines a pixel color’s visibility in a layer Every element imported into AE contains an opacity channel If.
GIMP Image Editing. Basic Edits Cropping (cut out region) File format conversion –JPEG/PNG/GIF –Native XCF format –Supports.psd (Adobe) –Others…
CSC/FAR 020, Computer Graphics, October 27, 2014 Dr. Dale E. Parson Outline for Week 9 Vectors and Paths, also File.
GIMP Graphic Image Manipulation Program. GIMP Image manipulation software Free Open Source Written by two students First version in 1996.
Midterm Review - Photoshop Notes. Crop tool  The crop tool trims and scales a photograph  The crop tool permanently deletes all the pixels outside the.
BC 420 Foreground and Background Colors Foreground color used –With any painting tool –Creating type –Using the stroke command Background color used –What's.
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.
Project 4: Composite Movie Ad
Lesson 1: Introduction to After Effects CMM204 – Digital Media Effects.
Chapter 4 Working with Frames. Align and distribute objects on a page Stack and layer objects Work with graphics frames Work with text frames Chapter.
PLACING AND LINKING GRAPHICS
CIS 205—Web Design & Development Fireworks Chapter 2.
© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.
Flash Develop Rich Internet Content and Applications –Design motion graphics or build data-driven applications Flash Document = “.fla” filename extension.
Desktop Publishing Part 2 Desktop Publishing Photoshop Skills Lesson4
Copyright © 2013 MyGraphicsLab / Pearson Education LAYERS AND MASKS MYGRAPHICSLAB: ADOBE PHOTOSHOP CS6.
Introduction to Tool Panel. The tools in the Tools panel let you draw, paint, select, and modify artwork, as well as change the view of the Stage If the.
COLORS PRIMARY COLORS Are red, blue and yellow SECONDARY COLORS Are made by mixing primary colors.
Projection Content Creation USITT 2016 PDW. VIDEO EDITING WITH PREMIERE PRO.
1 Pertemuan 08 Using Strokes and Fills Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
Projection Content Creation USITT 2016 PDW. Photoshop.
Introduction to Premiere Pro CS6
V2.2 Boo Virk GIMP Tutorial v2.2 Boo Virk
Layers in Adobe After Effect
OVERVIEW Objectives Follow a design document to prepare images for inclusion in a Web page Run a batch process to prepare multiple images in one step Use.
Composition.
Learn Animations in Fireworks
Flash Interface, Commands and Functions
Visual Effects.
Using Brushes and Shapes to create Artwork in Photoshop
Are made by mixing primary colors
ورشة عمل : لنفبرك معاً! تقديم : مها عبوش.
CSC020, Computer Graphics Adjustment Layers 1.
Vector Rabbit.
Selection, cropping, Rotation & layers.
Random Stuff and Keyframes
Animate Workspace. Objective % Utilize appropriate tools and methods to produce digital animation.
PSE Special Session Topics to be covered Specials Tips and Tricks
1.
Sample heading First line of text Second line of text
DIRECTIONS: 1. Click Enable Editing in the yellow bar above.
INTRO TO PHOTOSHOP.
Introduction to 3D Art and Animation
Introduction to PowerPoint
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.
Vectors and Paths, also File Export
Develop Rich Internet Content and Applications
Narrative Motion Graphics
VISUAL COMMUNICATION USING ADOBE PHOTOSHOP CREATIVE SUITE 5
ANIMATE WORKSPACE Stage Timeline Properties Panel Library Panel
VISUAL COMMUNICATION USING ADOBE PHOTOSHOP CREATIVE SUITE 5
TEXT FORMAT Textured and layered background with title - Advanced
INTRO TO PHOTOSHOP.
Balancing Chemical Equations
CSC/FAR 020, Computer Graphics, March 23-25, 2010
Presentation transcript:

Projection Content Creation USITT 2016 PDW

After Effects

“Photoshop on Steroids” Composition = Canvas ⌘N = Create new Comp ⌘K = Modify Comp ⌘R = Rulers Masking = Layer Mask Many of the same Tools Many of the same Effects

Workspace Import Files Import Premiere Pro Project Images/Video/Audio Photoshop Files – as footage (flattens layers) Photoshop Files – as comp (preserves layers) Import Premiere Pro Project Can import FCP files as well (export as XML and use Import/Pro Importer)

Playback in After Effects Space bar = Video only . = audio only (ctrl . on a laptop) 0 = audio and video (ctrl 0 on a laptop) * = make marker (ctrl * on a laptop)

Effects Choose an effect from the effects/presets window Drag it onto a layer in the timeline Adjust the effect properties in the Effect Control Window.

Example Effects from Photoshop Hue/Saturation Levels Liquify Smart Blur Edit and animate Hue/Saturation and then liquify

Effects in Photoshop vs. After Effects After Effects is NON-destructive in applying effects. All effects can be animated. Effects can be applied to video (rather than to just one frame)

Particle Effects Create a new solid (⌘Y) Select CC Particle Systems II and drag on to the solid. Adjust the effect properties in the Effect Control Window Birth rate – higher numbers, the more particles. Animate this to start and end the particles. Longevity – how long the particles “live” Physics Particle Type Producer – animate this to move the particles around the screen. Physics – get started and it goes.

Particle Effects: Flames CC Particle Systems II Effect Settings: Birth rate – high (~10) Longevity – low (less than 1) Physics - Fire Particle Type – Motion Polygon Color – Orange and Red Vector Blur Add this effect after CC Particle World Blur amount medium (~10) Create fire.

Explosion Effects CC Scatterize Shatter Effect Settings: Grow Bounds Animate the scatterize amount Animate the twist Shatter Effect Settings: View – Rendered Shape – Glass, Brick, Custom Force 1 Radius Radius = 0, no shatter Radius > 0, shatter starts Grow Bounds Increase the bounds of the original layer Place as the effect before shatter. Shatter building.

Animating Time Time Remapping (⌘ ALT T) Animate each frame of time Can animate physics effect but must pre-compose the layer first. ⌘ SHIFT C = Pre-compose a layer. Choose Move all Attributes Time remap shatter.

Texture Effects Fractal Noise Effects/Animation Presets/Backgrounds The basis of many pre-made backgrounds in After Effects Effects/Animation Presets/Backgrounds Swirly. Use preset backgrounds. Adjust and animate.

Fractal Noise Create a new solid (⌘ Y) Fractal Noise Settings: Fractal Type Contrast Transform – set the scale and rotation of the noise. Turbulence Evolution – the main method of animating fractal noise. Tint or Tritone Use this to add color to your noise.

Chroma Effects Colorama Change to Color Keylight Snazzy Use to change a single color or a range of colors in an image (ala Pleasantville) Keylight Use to key out a color and leave it transparent. Does NOT work on white or black (use a luma keyer or extract for white or black).

Keylight Screen color – pick the eyedropper and select the background color Screen Gain/Screen Balance – adjust to try to remove more of the background Screen Matte Clip Black/Clip White – adjust to remove the rest of the background. Screen Shrink/Grow – Adjust to trim edge Screen Softness– Adjust to soften the edge Keyout Mike

Masking Select a layer Draw a mask Animate the Mask Path Expansion Feather Draw a mask on a layer

Effects using Masking Stroke Lens Flare Apply to a layer with a mask Choose to animate Start or End Percent Lens Flare Masks can be used as position animation for effects. Select the mask path Copy (⌘C) Click on Flare Center and paste (⌘V) Animate on cursive or some drawing – demonstrate.

Drawing Shapes Deselect all layers Draw a shape (using the same tools as masking) Animate the Shapes Create shapes.

Shapes Click on the shape In the Timeline click “add” and choose the shape property to animate.

Puppet Animate pick-points on a layer Edges are determined by transparency of layer Refine in graph editor or with The Smoother

Text & Masking Create Text Draw a path on the text layer Toggle open the text layer in the timeline Choose the Path Animate First Margin Animate text

Text Presets Animate per-character Effects/Animation Presets/Text Drag preset to text layer Animation will start at the play head. ⌘Z to undo

Animating Text Toggle open text Click “Add” Choose a property to animate Adjust the property Animate the range selector or offset Animate text preset.

Matte Matte Cookie Analogy A layer that dictates transparency for the layer underneath Cookie Analogy Matte – Cookie Cutter Image – Cookie Dough Use Keyed footage as a matte for a preset background.

Matte Mattes in After Effects Matte layer must be directly above matted layer. In the TrkMatte column for the matted layer choose the type of matte you want to use.

Types of Mattes Luma Matte Alpha Matte Luminance determines transparency Black = Transparent White = Opaque Gray = somewhat transparent Alpha Matte Alpha channel determines transparency

Luma Matte Use images or video with high contrast for luma mattes Use levels or curves on the matte layer to improve the contrast.

Alpha Matte Use an image with an alpha channel (such as PNGs, ProRes 4:4:4, PSD layers, AI files, etc.) Create an alpha channel (masking, keying, rotoscoping, etc.)

Rendering CTRL ⌘ M Click on “file location” to change where to save to. Click on “lossless” to change the render settings

Render Settings Format: The file format of the finished render. Codec: The compressor/decoder algorithm used to compress the file.

Rendering Efficiency Templates – change the default setting of the movie or image render. Edit/Templates/Output Module Click “Create New” Edit the settings and give your template a name In the Movie Default drop down, pick your new template.