Chapter 7 Creating Graphics. Chapter Objectives Use the Pen tool Reshape frames and apply stroke effects Work with polygons and compound paths Work with.

Slides:



Advertisements
Similar presentations
Chapter 9 Working with Tabs and Tables. Chapter Objectives Work with tabs Create and format a table Format text in a table Place graphics in a table.
Advertisements

Introduction to InDesign Understanding the Basics DTB203 Interior Visualisation
Chapter 7 Working with Distortions, Gradient Meshes, Envelopes, and Blends.
Chapter 3 Drawing and Composing an Illustration. Objectives Draw straight lines Draw curved lines Draw elements of an illustration Apply attributes to.
Chapter 12 Using Clipping Masks, Paths, & Shapes.
Adobe Illustrator CS5 - Illustrator
© 2011 Delmar, Cengage Learning Chapter 7 Working with Distortions, Gradient Meshes, Envelopes, and Blends.
Working with Vector Graphics – Lesson 21 Working with Vector Graphics Lesson 2.
Adobe Photoshop CS Design Professional PATHS, & SHAPES USING CLIPPING MASKS,
Macromedia Fireworks MX 2004 – Design Professional Macromedia Fireworks MX 2004 GETTING STARTED WITH.
Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons.
Macromedia Flash MX 2004 – Design Professional Macromedia Flash MX DRAWING IN.
Macromedia Fireworks MX 2004 – Design Professional WORKING WITH OBJECTS.
Linda Krzywda Bryant and Stratton College Grad 215: Illustrator CS5 Ms. Tamara Long April 14, 2011.
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.
Working with Graphics. Objectives Understand bitmap and vector graphics Place a graphic into a frame Work with the content indicator Transform frame contents.
Adobe InDesign CS5 – Illustrated Unit D: Working with Graphics.
Adobe Flash CS4 – Illustrated Unit B: Creating Graphics and Text.
Macromedia Fireworks 8 Revealed WORKING WITH OBJECTS.
Macromedia Fireworks 8 Revealed MACROMEDIA FIREWORKS GETTING STARTED WITH.
Chapter 2 Creating Text and Gradients. Objectives Create and format text Flow text into an object Position text on a path Create colors and gradients.
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.
Adobe Illustrator Basics Instructor: Cristol Gregory Assistant: Tara Caimi.
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.
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
1 Pertemuan 04 Drawing with Path and Point Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
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.
© 2011 Delmar, Cengage Learning Chapter 2 Creating Text and Gradients.
© 2010 Delmar, Cengage Learning Chapter 2 Working with Text and Gradients.
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.
© 2011 Delmar, Cengage Learning Chapter 2 Drawing Objects in Adobe Flash.
© 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics.
Chapter 3 ADOBE INDESIGN CS3 Chapter 3 SETTING UP A DOCUMENT.
PLACING AND LINKING GRAPHICS
Chapter 3 Drawing and Composing an Illustration. Drawing Straight Lines When you are working with the Pen tool, your view of the board becomes more critical.
© 2010 Delmar, Cengage Learning Chapter 4 Working with Frames.
XP Tutorial 2 Drawing, Adding Text, and Creating Symbols.
CIS 205—Web Design & Development Fireworks Chapter 2.
ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can.
© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.
Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS.
ADOBE INDESIGN CS3 Chapter 5 WORKING WITH COLOR. Chapter 52 Work with Process Colors LESSON 1 2 Process colors are colors you create by mixing varying.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Illustrator.
Creating Vectors – Part One 2.02 Understand Digital Vector Graphics.
© 2011 Delmar, Cengage Learning Chapter 12 Using Clipping Masks, Paths, & Shapes.
Adobe InDesign CS5 – Illustrated Unit C: Working with Objects.
ADOBE INDESIGN CS3 Chapter 9 WORKING WITH TABS AND TABLES.
Aim: What is a Bezier curve? Ms. Edelman Technology Tuesday, 2.12.
Adobe Illustrator CS5 - Illustrated Unit B: Performing Essential Operations.
Adobe Illustrator CS5 - Illustrator Unit D:Creating Blends and Complex Artwork.
Chapter 7 Vector Editing © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
© 2010 Delmar, Cengage Learning Chapter 5 Working with Color.
AN ILLUSTRATION DRAWING AND COMPOSING Adobe Illustrator CS Design Professional.
Chapter 7 Working with Distortions, Gradient Meshes, Envelopes, and Blends.
Adobe Photoshop CS5.
Adobe Flash Professional CS5 – Illustrated
Working with Tabs and Tables
Pertemuan 05 Drawing with Shape
Fill and Stroke Stroke is the outline of a shape, text or image.
Exercise 28 - Skills Vector tools enable you to create perfectly formed shapes and lines of all sorts. What’s more the vector objects keep their shape.
Chapter 7 Vector Editing
2.02 Understand Digital Vector Graphics
Chapter Lessons Understand the Fireworks work environment
Chapter Lessons Use the Macromedia Flash drawing tools
Creating Blends and Complex Artwork
Drawing in Illustrator
Performing Essential Operations
Creating Vectors – Part One
Creating Vectors – Part One
Presentation transcript:

Chapter 7 Creating Graphics

Chapter Objectives Use the Pen tool Reshape frames and apply stroke effects Work with polygons and compound paths Work with advanced text features

You can create graphics using tools in InDesign. Use the Pen tool to draw straight and curved lines, polygons, and irregularly shaped objects. Use the Rectangle, Ellipse, and Polygon tools to create shapes. Introduction

Use the Pen Tool The Pen tool creates straight or curved line segments called paths. Clicking the Pen Tool on the page creates an anchor point. – Line segments are automatically placed between every two anchor points

Use the Pen Tool An open path is a path with unconnected end points. A closed path is a path consisting of continuous lines that do not contain end points.

Use the Pen Tool Closed paths Straight path Open and curved path

Use the Pen Tool Create straight line segments by creating corner anchor points. – Click Pen tool once, then release. – Lines are connected by corner points. Reconnecting to a path – Click the Pen tool over path’s end point when diagonal line appears.

Use the Pen Tool

Adding anchor points and using the Direct Selection tool – Use Pen tool to create the general shape. – Use Direct Selection tool to improve upon it. – Deselect path first, then click with Direct Selection tool. – Click anchor point and drag to new location.

Use the Pen Tool When you position the Pen tool over an anchor point, it becomes the Delete Anchor Point tool. Click to delete anchor point. When deleted, two line segments are joined into one.

Use the Pen Tool To draw a curve, click an anchor point, then click and drag the Pen tool when creating the next anchor point. Anchor points are called smooth points. Direction lines determine the arc of the curved path.

Use the Pen Tool

To change the shape of a path, manipulate direction lines with the Direct Selection tool. – Click the point you want to modify, then drag the direction handle in new direction to change direction, shorten, or elongate it. – When two segments are joined at a corner they can be manipulated independently.

Use the Pen Tool Converting anchor points – Direction lines move in tandem but can be moved independently with the Convert Direction Point tool. – Convert corner points to smooth points by clicking the Convert Direction Point tool on an anchor point and then dragging pointer until new direction lines appear.

Use the Pen Tool Use the Convert Direction Point tool to change corner points to smooth points and smooth points to corner points Corner point Click and drag corner point with Convert Direction Point tool pointer Resulting point is smooth

Reshape Frames and Apply Stroke Effects The Tools panel offers tools for creating shapes such as: Rectangles Ellipses Polygons

Reshape Frames and Apply Stroke Effects Anchor points can be moved Click a path with the Direct Selection tool or the Pen tool to manipulate the path and the anchor points within shapes.

Reshape Frames and Apply Stroke Effects A stroke is the border of a path. You can change the stroke color and stroke weight using the Stroke panel.

Reshape Frames and Apply Stroke Effects The Stroke panel

Reshape Frames and Apply Stroke Effects Defining joins and caps – A join defines the appearance of a corner point when a path has a stroke applied to it Miter join – produces pointed corner Round join – produces rounded corners Bevel join – produces square corners

Reshape Frames and Apply Stroke Effects A cap defines end points when a stroke is added. – Butt caps – produce square ends – Round caps – produce round ends – Projecting caps – apply square edges that extend anchor points

Reshape Frames and Apply Stroke Effects

The miter limit determines when a join is squared off to beveled edge. Default miter limit is 4, which means that when length of miter reaches 4 times the stroke weight, it will automatically be squared off to a beveled edge.

Reshape Frames and Apply Stroke Effects Dashed strokes are strokes that consist of a series of dashes and gaps. Define dash sequence by entering length of dashes and gaps in the Stroke panel. Create a maximum of three different size dashes separated by three different size gaps.

Reshape Frames and Apply Stroke Effects Dashes have Butt caps 24 pt. dash 12 pt. gap 6 pt. dash

Work with Polygons and Compound Paths The Tools panel offers the Polygon tool and Polygon Frame tool to create multisided objects such as triangles, pentagons, and hexagons.

Work with Polygons and Compound Paths Double-click the Polygon tool to open Polygon Settings dialog box. Choose number of sides.

Work with Polygons and Compound Paths Create compound paths to cut a “hole” in another object. Use Make Compound Path command to create compound paths.

Work with Polygons and Compound Paths Two paths that make up a compound path

Work with Polygons and Compound Paths Complex compound paths create interesting visuals.

Work with Polygons and Compound Paths Anchored objects are objects you create and use as text characters. – Place or paste objects into text blocks at intersection point. – When you edit the text, the anchored object is affected.

Work with Polygons and Compound Paths Example of anchored objects

Positioning type on a line – Use the Type on a Path tool to place type on a curved or straight path. – Float Type on a Path tool pointer over path until plus sign appears, click path and being typing. Work with Advanced Text Features

Positioning type on a line – Drag start bracket with either Selection tool to move text along path. – Drag from center to flow text in opposite direction. – Drag center bracket across the path to flow text in opposite direction. Work with Advanced Text Features

Converting text to outlines – Convert text to outlines so that you can fill it with images or gradients. – Select text, click Object on Menu bar, then click Create Outlines. – Each letter object is a vector graphic. Work with Advanced Text Features

Text converted to outlines Flower fill applied to paths Work with Advanced Text Features