Working with Graphics. Objectives Understand bitmap and vector graphics Place a graphic into a frame Work with the content indicator Transform frame contents.

Slides:



Advertisements
Similar presentations
Creating posters and flyers Lesson -IV. Editing pictures inside Office Office 2007 has tools to edit photos and pictures in the document. Office 2007.
Advertisements

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
© 2010 Delmar, Cengage Learning Chapter 7: Importing and Modifying Graphics.
Chapter 3 Creating a Business Letter with a Letterhead and Table
Word Lesson 1 Microsoft Word Basics
Chapter 12 Using Clipping Masks, Paths, & Shapes.
Raster Graphics vs. Vector Graphics
Objectives Define photo editing software
Chapter 7 Creating Graphics. Chapter Objectives Use the Pen tool Reshape frames and apply stroke effects Work with polygons and compound paths Work with.
Technology ICT Core: Desktop Publishing. Desktop Publishing Desktop Publishing - assembly centres for text, graphics etc Starting a Publication: Start.
Adobe Photoshop CS Design Professional PATHS, & SHAPES USING CLIPPING MASKS,
InDesign CS3 Lesson 3 Working with Frames. Using Frames Frames are containers in which you place graphics or text. Frames can also be used as graphic.
Raster vs Vector and Image Resolution By Josh Gallagan.
By: Zaiba Mustafa Copyright ©
Project 8 Mastering Digital Media: Picture Files.
Adobe InDesign CS5 – Illustrated Unit D: Working with Graphics.
 Insert a picture from a file  Move and delete images  Use the Picture Tools tab  Add styles, effects, and captions to images  Resize photos  Use.
Chapter 3 Working with Symbols and Interactivity.
Adobe Flash CS4 – Illustrated Unit B: Creating Graphics and Text.
Microsoft Word 2010 Chapter 1 Creating, Formatting, and Editing a Word Document with Pictures.
Tutorial 2 Drawing Text, Adding Shapes, and Creating Symbols.
Digital Terminology. Bitmap A representation consisting of rows and columns of dots of a graphic image stored in computer memory. To display a bitmap.
Bitmap Vs. Vector Graphics. To create effective artwork, you need to understand some basic concepts about vector graphics versus bitmap images, resolution,
Chapter 6 Images in Dreamweaver & Fireworks Mrs. Johnson Web Design.
Adobe Fireworks CS3 Revealed CHAPTER ONE: GETTING STARTED WITH ADOBE FIREWORKS.
Graphics A graphics program allows you to combine pictures and text in many different ways. Features – General Level Draw graphics Enter Text Common Tools.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Symbols and Interactivity.
Working with Symbols and Interactivity
Adding Pictures and Shapes to a Document Lesson 10.
© 2010 Delmar, Cengage Learning Chapter 3: Working with Symbols and Interactivity.
Chapter 2 Drawing Objects in Adobe Flash. 1.Use the Flash drawing and alignment tools 2.Select objects and apply colors 3.Work with drawn objects 4.Work.
Adobe Illustrator Chapter 1 Notes Pages 1-2 –1-75 Mrs. Leonard.
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
Section 8.1 Create a custom theme Design a color scheme Use shared borders Section 8.2 Identify types of graphics Identify and compare graphic formats.
Working with Objects. Objectives Create an object Transform an object Arrange and lock an object Step and repeat an object Use Live Distribute Use the.
1 Pertemuan 02 Setting Up Your Document Panels and Pages Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
Microsoft Publisher 2010 Chapter 1 Creating a Flyer.
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.
Illustrator I I450 Technology Seminar. Bitmap vs. Vector Photoshop = Bitmap Illustrator = Vector Bitmap images are resolution dependent Vector images.
Adobe InDesign CS2—Revealed PLACING AND LINKING GRAPHICS.
Chapter 3 ADOBE INDESIGN CS3 Chapter 3 SETTING UP A DOCUMENT.
PLACING AND LINKING GRAPHICS
A skills approach © 2012 The McGraw-Hill Companies, Inc. All rights reserved. powerpoint 2010 Chapter 4 Managing and Delivering Presentations.
Adobe Photoshop CS5 – Illustrated Unit A: Getting Started with Photoshop CS5.
13 Production Essentials. Chapter 13 Objectives Differentiate between continuous tone and vector artwork. Use the mighty Links panel Adjust image resolution.
© 2010 Delmar, Cengage Learning Chapter 4 Working with Frames.
XP Tutorial 2 Drawing, Adding Text, and Creating Symbols.
© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Illustrator.
* Bitmap images are based on a grid of pixels * Each pixel is assigned a specific location and color value * Bitmaps contain a limited number of pixels,
© 2011 Delmar, Cengage Learning Chapter 12 Using Clipping Masks, Paths, & Shapes.
1 Pertemuan 01 Explore state-of-the art tools Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
Adobe InDesign CS5 – Illustrated Unit C: Working with Objects.
1 Word Lesson 1 Microsoft Word Basics Microsoft Office 2010 Introductory Pasewark & Pasewark.
RASTERIZING SHAPES IN PHOTOSHOP RASTERIZE: A process in Photoshop of converting a vector image into a bitmap (or raster) image VECTOR: A vector image is.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
To play, start slide show and click on circle Lesson 4 Lesson 4 Lesson 5 Lesson 5 Lesson Lesson 6.
Chapter 7 Vector Editing © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Adobe Illustrator CS Design Professional WITH ILLUSTRATOR GETTING STARTED.
Photoshop CS6 – Nelson Unit 3: Photoshop CS6. Objectives Define photo editing software Start Photoshop and view the workspace Use the Zoom tool and the.
Section 8.1 Section 8.2 Create a custom theme Design a color scheme
Getting Started with Adobe Photoshop CS6
Introduction to Illustrator
Adobe Flash Professional CS5 – Illustrated
Creating, Formatting, and Editing a Word Document with Pictures
Fill and Stroke Stroke is the outline of a shape, text or image.
Chapter 7 Vector Editing
Working with Symbols and Interactivity
VISUAL COMMUNICATION USING ADOBE PHOTOSHOP CREATIVE SUITE 5
Presentation transcript:

Working with Graphics

Objectives Understand bitmap and vector graphics Place a graphic into a frame Work with the content indicator Transform frame contents Use the Links panel Replace a linked image and embed a file Add graphics to a library

Understanding Bitmap and Vector Graphics Bitmap graphic  Graphic that is made up of pixels Tiny color squares arranged in a grid used to display graphics Pixels can be seen when zooming  Examples: Television screens Scanned photographs Photographs taken from a digital camera Files created in an image-editing software program

Vector graphic  Graphic that is made up of vectors Straight or curved line segments connected by anchor points (small dots)  Created in drawing programs  Ideal format for illustrations and logos Can be resized in page layouts without losing image quality  Can be manipulated in InDesign using the Pen tool and Direct Selection tool Understanding Bitmap and Vector Graphics

FIGURE D-1: Viewing pixels Understanding Bitmap and Vector Graphics

Resolution is the number of pixels per inch (ppi) used to display computer graphics on a monitor  There should be at least 72 pixels per inch in order for a graphic to display correctly  The resolution required for printed materials, also known as the number of lines per inch (lpi) or dots per inch (dpi), is much higher because pixels are converted to dots when graphics are printed Understanding Bitmap and Vector Graphics

Placing a Graphic into a Frame Graphics are placed into frames  Using any of the frame tools: Rectangle, Ellipse, and Polygon tool  Placed using the Place command on the File menu Upper-left corner of the graphic snaps to the upper-left corner of the frame and fills the remainder of the frame If the frame is larger than the graphic, not all of the frame will be filled If the graphic is larger than the frame, part of the graphic will not be seen

Placing a Graphic into a Frame

Figure D-6: pizza.psd graphic placed in the frame

Working with the Content Indicator Content indicator  Donut-shaped icon  Appears over a placed graphic when Selection tool is moved over the graphic  Allows you to move a graphic in a frame without moving the frame  Image can be dragged until it is cropped to your liking Cropping: hiding part of the image without permanently removing it

Working with the Content Indicator

The Direct Selection tool has many uses in addition to selecting a placed object separately from its frame Select the individual anchor points and line segments of vector graphics, then edit the graphic to make a subtle change or an entirely new shape

Transforming Frame Contents Control panel  Displays options for transforming frame contents Examples: scale, rotate, center, or flip  There are also buttons for fitting the image to match the size of the frame and vice versa

Transforming Frame Contents

Using the Links Panel When an image is placed in a frame a preview is displayed  Graphical representation of the original image file and not the file itself  Link is automatically established between the preview and actual image file  Linking images helps to keep file size manageable Size of placed image files is not added to the InDesign file size

Using the Links Panel

Editing a link  Use the Edit Original button on the Links panel or  Use the Edit Original command on the Links panel menu  The file opens in the software program that it was created in

Replacing a Linked Image and Embedding a File To replace a placed image in InDesign:  Click the image on the Links panel  Click the Relink button on the Links panel  Choose a new file in the Relink dialog box  New image replaces the original image Inherits any fitting commands and transformations that were made to it

Embedding a file:  Makes it a permanent part of the file No longer linked  Embedded files remain on the Links panel with an Embedded icon  Great way to protect a file from being changed, moved, or deleted Link status Replacing a Linked Image and Embedding a File

Figure D-15: Relink dialog boxFigure D-16: Embedding the logo file Replacing a Linked Image and Embedding a File

Adding Graphics to a Library Libraries  Strictly for storing often-used text, graphics, and pages for use in any InDesign document  Store all formatting applied to objects and text  InDesign files (with an.indl extension) that look and work like InDesign panels

Adding Graphics to a Library

Printing an InDesign document with linked files Original files that are linked to the document must be present on the same computer in order for the document to print correctly If you send your InDesign document to a printer or a service bureau for printing, you must send not only the InDesign document, but also all of the linked files in one folder

Unit Summary  Understand bitmap and vector graphics  Place a graphic into a frame  Work with the content indicator  Transform frame contents  Use the Links panel  Replace a linked image and embed a file  Add graphics to a library