How to Avoid Landmines: Managing your Motion Graphics Projects

Similar documents
IMAGE SIZING AND RESOLUTION. MyGraphicsLab: Adobe Photoshop CS6 ACA Certification Preparation for Visual Communication

Photoshop for Documentaries:

Welcome to Photoshop CS

Understanding Image Formats And When to Use Them

Specific structure or arrangement of data code stored as a computer file.

Vector VS Pixels Introduction to Adobe Photoshop

Raster (Bitmap) Graphic File Formats & Standards

Photoshop Elements Week 1 - Photoshop Elements Work Environment

raw format format for capturing maximum continuous-tone color information. It preserves all information when photograph was taken.

Photoshop 01. Introduction to Computer Graphics UIC / AA/ AD / AD 205 / F05/ Sauter.../documents/photoshop_01.pdf

Factors to Consider When Choosing a File Type

How to generate different file formats

INTRODUCTION TO COMPUTER GRAPHICS

CGT 211 Sampling and File Formats

Digital Imaging & Photoshop

GUIDELINES & INFORMATION

Epson Scanner (Expressions Photo) Basic Directions:

Digital Images. Digital Images. Digital Images fall into two main categories

Digital Imaging - Photoshop

PCCLUB.ORG.UK Tuesday, 3 rd May 2005 Stuart Crump. Picture Editing, Printing & Publishing Tutorial 1 of 2

B.Digital graphics. Color Models. Image Data. RGB (the additive color model) CYMK (the subtractive color model)

6. Graphics MULTIMEDIA & GRAPHICS 10/12/2016 CHAPTER. Graphics covers wide range of pictorial representations. Uses for computer graphics include:

MOTION GRAPHICS BITE 3623

LECTURE 02 IMAGE AND GRAPHICS

Image is a spatial representation of an object or a scene. (image of a person, place, object)

HTTP transaction with Graphics HTML file + two graphics files

Using Adobe Photoshop

4 Images and Graphics

Bitmap Image Formats

Learning Outcomes In this lesson, you will learn about the file formats in Adobe Photoshop. By familiarizing

SCANNING IMAGES - USER S GUIDE. Scanning Images with Epson Smart Panel and PhotoShop [for Epson 1670 scanners]

CHAPTER 3 I M A G E S

Developing Multimedia Assets using Fireworks and Flash

Digital imaging or digital image acquisition is the creation of digital images, typically from a physical scene. The term is often assumed to imply

Sample Hands-On-Training Chapter Review Copy Only Contact Information Notice of Rights Notice of Liability Trademarks

Adobe Photoshop Notes. Adobe Photoshop CS3

Adobe Illustrator CS6

TEST INFORMATION: 40 questions 50 minutes 70% minimum required to pass. Score is based on a 1000 pt system so passing will be a 700.

Graphics for Web. Desain Web Sistem Informasi PTIIK UB

A raster image uses a grid of individual pixels where each pixel can be a different color or shade. Raster images are composed of pixels.

CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB

Images and Graphics. 4. Images and Graphics - Copyright Denis Hamelin - Ryerson University

For all question related to Photoshop that we cannot address in class, start by looking at the excellent Photoshop help: Help > Photoshop Help.

*Which code? Images, Sound, Video. Computer Graphics Vocabulary

Identifying Design Elements When Preparing Images

Photoshop (Image Processing)

CD: (compact disc) A 4 3/4" disc used to store audio or visual images in digital form. This format is usually associated with audio information.

Monaco ColorWorks User Guide

Sun City Summerlin Computer Club Seminar. Managing Your Photos. Tom Burt July 26, 2018

Computers & Philately Overview

Color, graphics and hardware Monitors and Display

This report provides a brief look at some of these factors and provides guidelines to making the best choice from what is available.

TOON BOOM HARMONY Advanced Edition - Compositing and Effects Guide (Server)

Diploma in Photoshop

FILE ASSEMBLY GUIDE. ~ File Assembly Guidelines ~

Contents. Introduction

Welcome Back to Fundamentals of Multimedia (MR412) Fall, 2012 Chapter 3. ZHU Yongxin, Winson

Section 1. Adobe Photoshop Elements 15

Working with Photos. Lesson 7 / Draft 20 Sept 2003

Photoshop CS6. Table of Contents. Image Formats! 3. GIF (Graphics Interchange Format)! 3. JPEG or JPG (Joint Photographic Experts Group)!

Chapter 14 Inserting Bitmapped Images

Photoshop: a Beginner s course. by: Charina Ong Centre for Development of Teaching and Learning National University of Singapore

Topics. 1. Raster vs vector graphics. 2. File formats. 3. Purpose of use. 4. Decreasing file size

Fundamentals of Multimedia

Photoshop Elements. Lecturer: Ivan Renesto. Course description and objectives. Audience. Prerequisites. Duration

Multimedia. Graphics and Image Data Representations (Part 2)

PENGENALAN TEKNIK TELEKOMUNIKASI CLO

Image Optimization for Print and Web

Designing with White and Specialty Ink

Dr. Shahanawaj Ahamad. Dr. S.Ahamad, SWE-423, Unit-06

ONYX White Paper DESIGNING WITH WHITE & SPECIALTY INK

PanosFX CARTOONS User guide PANOSFX CARTOONS. Photoshop actions - for PS CC, CS6, CS5, CS4, CS3. User Guide

(RGB images only) Ctrl-click (Windows) or Command-click (Mac OS) a pixel in the image.

Resolution: The Peanut Butter Analogy

Using Adobe Photoshop

1 Li & Drew c Prentice Hall Li & Drew c Prentice Hall 2003

By Washan Najat Nawi

3.1 Graphics/Image age Data Types. 3.2 Popular File Formats

Pros and Cons for Each Type of Image Extensions

Images for PowerPoint Scanning, adjusting, & saving digital images

LECTURE 03 BITMAP IMAGE FORMATS

Guide to Computer Forensics and Investigations Third Edition. Chapter 10 Chapter 10 Recovering Graphics Files

Adobe Photoshop CC 2018 Tutorial

IT154 Midterm Study Guide

Mid_Term_Review_PhotoShop_Design Test B Name

Adobe Photoshop CS5 Layers and Masks

VECTOR PAINTINGS - User Guide VECTOR PAINTINGS. For Adobe Photoshop Elements 2019, 2018, 15, 14, 13, 12, 11. User Guide

Lecture - 3. by Shahid Farid

!! Select Professional Mode. !! Click on Other then Select Scratch.

Digital Imaging and Image Editing

UNIVERSITY OF CALICUT INTRODUCTION TO MULTIMEDIA QUESTION BANK

Elements of Design. Basic Concepts

4/9/2015. Simple Graphics and Image Processing. Simple Graphics. Overview of Turtle Graphics (continued) Overview of Turtle Graphics

Appendix A ACE exam objectives map

GETTING STARTED. 0 P a g e B a s i c s o f A d o b e P h o t o s h o p A g a P r i v a t e I n s t i t u t e f o r c o m p u t e r s c i e n c e

Chapter 3 Graphics and Image Data Representations

Raster Image File Formats

Copyright Notice. Trademarks

Using Layers. Chapter Delmar, Cengage Learning


Transcription:

How to Avoid Landmines: Managing your Motion Graphics Projects -Richard Harrington, PMP www.rhedpixel.com 703.560.0220 Import Tips Double-Click in Project Window Shift-Click Multiple Items Organize in Folder and Option+Drag (Alt+Drag) Keep file names less than 27 characters long Photoshop Assign unique names to each layer Avoid using layer sets unless you want the layers to come in as a nested composition If layers are not needed, reduce your render burden by importing as a flattened file such as a PICT, TIFF or TARGA (If using PS7 be sure to download Targa updater for consistent results) If you have applied an adjustment layer in Photoshop such as Levels, consider applying the effect directly to the individual layers in Photoshop instead If using Layer Styles, be forewarned that many of the most complex styles do not import properly. After Effects attempts to recreate styles through a series of complex nested compositions. o For best results, flatten layer styles in Photoshop o Create a new (empty) layer in Photoshop and link it to the effected layer. o Choose Merge Linked to permanently merge the two layers. o Hold down the option (alt) key when merging and you can create a merged copy that preserves the original effect. Illustrator Be sure to use layers in Adobe Illustrator to split up elements Change AI preferences to use AICB format (not PDF) for proper Copy/Paste Save files as AI version 8 if you want to use them with Zaxwerks Invigorator

File Management Keep files organized in folder Avoid deleting or adding layers after import If a layer is offline, color bars will appear Double-click an offline item to call up navigational services, locate the file and click Okay. Any other offline files in the same location should also be relinked at the same time. To replace a file globally in your composition, choose use the replace footage command. 1. Highlight the file you want to replace 2. Choose File>Replace File or press Cmd + H (Ctrl + H). 3. All instances of the file throughout the project will substitute the new footage for the old. To replace a file within an individual composition, you can replace a layer. 1. Highlight the layer you d like to replace. 2. Select its replacement within the project window 3. Hold down the Option (Alt) key and drag it on the layer to be replaced. 4. This is an EXCELLENT way to create multiple versions of a composition. Render Using Templates For best results, be certain to render your files consistently. After Effects comes with several built-in templates that addresses several of the more common production needs. After Effects offers both render setting templates (for establishing quality, resolution, and duration) and output module (for defining file formats). If these built-in options don t do it for you however, you can easily create your own. 1. Choose Edit > Templates> Render Settings or Output Module. 2. Click New to create a new setting or Duplicate to modify a copy of an existing setting. 3. Modify the settings to match your needs. When finished click OK. 4. If you d like, you can choose one of your settings to be the default. Quick Path to Consistency You ve gone through all the trouble to set up your render and tweak your render and output settings. Now save those custom settings for future use. 1. Click on the render settings or Output Module pop-up menu. 2. Choose Make Template from the list.

Advice When Scanning Before scanning an image, install the software needed by your scanner provided by the manufacturer. For a high-quality scan, you should pre-determine the scanning resolution, as you want to avoid re-sampling ( upsizing ) an image. The most important thing when scanning is be consistent. In a multi-user environment, this means posting the scanning guidelines on the scanner lid. A little consistency goes a long way in speeding up workflow. Some other general tips when using a flatbed scanner for best results: 1. Ensure that the scanner is lying flat, or you may get mis-registered scans. 2. Use a gentle glass cleaner whenever smudges appear. Spray the cleaner on the soft cloth, and then wipe the scanner down. 3. Make sure your photos are clean before scanning. Never write on the back of photos, instead write on a post-it note and adhere to the back. 4. Place your photos on the scanner straight. Use the edges to help you maintain parallel edges on your photos. 5. If your scanner allows you, set the white and black points before scanning. Think of this as a white and black balance that you would do in a video camera. This will produce the best tonal range. You can then use Photoshop s color correction tools to adjust the white and black points as well as make additional color changes. 6. If you are scanning in previously printed items such as newspapers, magazines, books, inkjet prints, etc, you will likely get a moiré pattern. This is caused by Photoshop scanning the small spaces between the previously printed dots. Most scanners have a de-screen filter in their software. If available use it when scanning previously printed items. If this is not available, run the Median filter at a low value (Filter>Noise>Median). 7. If you are scanning three-dimensional objects place a piece of clear glass or plastic on top of your scanner s tray. You can also remove the scanner s lid and place a shadow box or black cloth on top of large objects. 8. Scan at the quality you need. For video, scan so you have approximately 4,000 by 3,000 pixels. This is generally enough pixel information so you can zoom in for corrections. This will also allow you to crop at a later time, or perform motion control in After Effects or your Non-Linear Editing System. Remember, you can go down, but you can t go up. 9. Save to uncompressed formats such as TIFF, PICT or TARGA for maximum compatibility and disk space usage. The PSD format is great for layered files, but is not as efficient for single layered files. Always save the appropriate file extension for your file type. 10. Routinely check your manufacturer s website for new drivers. This software improves upon how well your scanner interfaces with Photoshop. The updates are generally free. 11. If your scanner malfunctions, power down your system, and check your cable connections. When satisfied, power up the scanner first and restart your computer. If the problem is not fixed, check for new drivers.

Tips on working with and selecting file formats- Photoshop supports more than 20 file formats by default. Additional formats used by filters or certain cameras can be added via plug-ins. You access these formats by choosing Save As or Export from the File menu. Many of these files are designed for print and web applications. Video friendly formats are marked for ease of use. PSD: Photoshop format is the default file format. This format is the only format that supports all of Photoshop s features. Always save your design files in this format for maximum editability. BMP: Microsoft Paint s BMP is a standard Windows image format on DOS and Windows computers. The BMP format supports RGB, Indexed Color, Grayscale, and Bitmap color modes. The BMP format supports several lower quality modes and is most used by video game developers. This format is not very useful for video editing. GIF: The Graphics Interchange Format (GIF) was originally developed by online service provider CompuServe (if you remember them, add one point to your Geek IQ). This format displays 8-bit or indexed-color graphics and images in HTML documents on the Internet. Because of its small color range and compressed images, this format is not very useful for video editing. EPS: The Encapsulated PostScript (EPS) language file format can contain both bitmap and vector graphics in RGB, Lab, CMYK, Indexed Color, Duotone, Grayscale, and Bitmap color modes. It is a widely supported format in the print world. When asking for logo files, an Illustrator file (.ai) or an.eps created in a vector program is desirable. When opening an EPS file containing vector graphics, Photoshop converts the vector graphics to pixels. There are no advantages to the EPS format for video applications. Depending on image mode, not all formats will be available to you. Filmstrip: The Filmstrip format is used for movie files created by Adobe Premiere. Every frame of video is saved to one file, which you can open in Photoshop for Rotoscoping. This generally does not produce smooth results, as you lack the ability to keyframe or tween items. If you change resolution, delete alpha channels, or alter the color mode, you won t be able to save it back to Filmstrip format. For more information, look in your Premiere owner s manual.

JPEG: The Joint Photographic Experts Group (JPEG) format is used to display continuous-tone images (such as photos) on the World Wide Web. Most digital cameras use JPEG as it provides excellent compression; the maximum setting provides comparable quality to much larger files. The JPEG format supports RGB, CMYK, and Grayscale color modes, but does not support alpha channels. JPEG is a lossy compression and should not be used as a storage or production file format. If you are using it as a source format, be sure to set the digital camera to Maximum quality, PCX: The PC Paintbrush format is used by PC-compatible computers. The format is designed to match the standard VGA color palette. PCX supports RGB, Indexed Color, Grayscale, and Bitmap color modes, but does not support alpha channels. It is commonly a compressed file and supports bit depths of 1, 4, 8, or 24. Because of its small color range and compressed images, this format is not very useful for video editing. PDF: The Portable Document Format is an amazing, cross-platform, cross-application file format. PDF files accurately display and preserve fonts, page layouts, and both vector and bitmap graphics. You can also transfer Photoshop s annotation notes (both text and audio) into the PDF. The Photoshop PDF format is the only one that Photoshop can save, and it supports layers other Photoshop features. You do not need to flatten to save a PDF file. This file can then be transferred to others for review and comment using Adobe Acrobat or viewed with the free Acrobat Reader. This is an excellent format for review purposes, but will not be understood by all video-editing applications. PICT: The Macintosh Picture format is widely used by Video Editors. Its popularity can be traced back to many editing packages, which historically required graphics to be in the PICT format. Its popularity has suffered as other options became available, but the technology behind the format still makes it the best format for video. The PICT format supports RGB images with a single alpha channel, and is very effective at compressing large areas of solid color. This compression results in huge file savings for Alpha Channels, which are mostly black or white. When saving, be sure to pick 32-bit pixel resolution. On the Mac platform, you have choices of additional JPEG compression. Avoid these as they cause import problems on PCs and the file savings are not worth the quality loss. RSR: The PICT resource is a PICT file which is contained in a Mac OS file s resource fork. This format is often used to create startup screens for software. While similar to a plain PICT file, avoid it. Resource files generally confuse video editing applications. You can edit a PICT resource file by importing it into Photoshop.

PXR: The Pixar format is designed for high-end 3-D applications. It supports RGB and grayscale images with a single alpha channel. If you also create 3-D animation, you may use this format. PNG: The Portable Network Graphics format provides lossless compression for the World Wide Web. The PNG supports 24-bit images and with 8-bit transparency. Because only newer browsers support it (and the file sizes are bigger) you will not find it widely used. If you have to use a web image in your video, look for a PNG if you can find it. RAW: The Raw format is a flexible (and confusing) file format for transferring between applications and computer platforms. Essentially, a text file is written containing a stream of bytes describing the color information for the image. Every pixel is described in binary format. Avoid this format. CT: The Scitex Continuous Tone format is used for high-end print work on Scitex computers. This format needs special scanners and rasterizing formats, and is designed for output of high-quality print such as magazines and art prints. While you may receive this format, you will never need to save in it for video output. TGA: The Targa format was designed for systems using Truevision video boards. It has become a standard format for PC users because it supports 24-bit RGB images (8 bits x 3 color channels), and 32-bit RGB images (3 color channels plus an alpha channel). Photoshop 7.0 shipped with a bug in its Targa module that improperly saved the alpha channel. The free update to 7.0.1 or a separate TARGA download fixes this. TIF or TIFF: The Tagged-Image File Format is a common cross platform format that is supported by several applications. Several scanners can create TIFF files as well, and it is a more efficient format for saving non-layered images. The TIFF format supports RGB, CMYK, Lab, indexed-color, and grayscale images with alpha channels. Photoshop can also save layers in a TIFF file; however, other applications only see the flattened. This is a good format for storing source photos. DCS 1 or 2: The Desktop Color Separations format is a variation of the standard EPS format. It is for saving color separations of CMYK images. This format has no uses for video applications.