1 Pertemuan 04 Drawing with Path and Point Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.

Slides:



Advertisements
Similar presentations
Chapter 12 Using Clipping Masks, Paths, & Shapes.
Advertisements

XP Tutorial 4 New Perspectives on Microsoft Windows XP 1 Microsoft Windows XP Personalizing Your Windows Environment Tutorial 4.
Chapter 7 Creating Graphics. Chapter Objectives Use the Pen tool Reshape frames and apply stroke effects Work with polygons and compound paths Work with.
1 Pertemuan 13 Producing Vector Graphics Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
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.
DIGITAL GRAPHICS & ANIMATION
InDesign CS3 Lessons 1 and 2. Work Area When First Opened.
Macromedia Fireworks 8 Revealed WORKING WITH OBJECTS.
1 Pertemuan 03 Using Layers and Symbols Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
Create an Image Map Web Publishing & Design. Hot Spots  hot spot: An area on an object containing a hyperlink. An entire object can be a single hot spot,
Adobe Fireworks CS3 Revealed CHAPTER ONE: GETTING STARTED WITH ADOBE FIREWORKS.
Macromedia Fireworks 8 Revealed MACROMEDIA FIREWORKS GETTING STARTED WITH.
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.
1 Pertemuan 11 Special Effect Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
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 09 Working with Color Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
1 Pertemuan 02 Setting Up Your Document Panels and Pages Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
Tutorial 2 Drawing Shapes, Adding Text, and Creating Symbols.
Chapter 9 Fireworks: Part I The Web Warrior Guide to Web Design Technologies.
Creating HUD Rings. Step 1 Open a new document in Illustrator. You can set it to the size you prefer to work in. In my case I have it set at 500px by.
© 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics.
Working in FreeHand – Lesson 21 Working in FreeHand Lesson 2.
XP Tutorial 2 Drawing, Adding Text, and Creating Symbols.
CIS 205—Web Design & Development Fireworks Chapter 2.
Getting Started with Adobe Illustrator CS6. Objectives Define illustration software Start Adobe Illustrator CS6 and change preference settings View the.
ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can.
Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS.
Chapter 2 Using Selection Tools and Shortcut Keys
Creating Vectors – Part One 2.02 Understand Digital Vector Graphics.
© 2011 Delmar, Cengage Learning Chapter 12 Using Clipping Masks, Paths, & Shapes.
Liliya Karakoleva Telerik Software Academy academy.telerik.com Senior UX Designer Рисуване с вектори, пътеки и пиксели Drawing with Vectors, Paths and.
Paint Tutorial Created February 2006 Start Paint: Start>Programs>Accessories>Paint.
1 Pertemuan 01 Explore state-of-the art tools Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
Aim: What is a Bezier curve? Ms. Edelman Technology Tuesday, 2.12.
1 Pertemuan 06 Editing Path Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
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.
Adobe Illustrator CS5 - Illustrated Unit B: Performing Essential Operations.
Forms Go to Right click on image and copy.
Chapter 7 Vector Editing © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
1 Pertemuan 10 Using Type Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
ITEC2110, Digital Media Chapter 3 Digital Image Processing 1 GGC -- ITEC Digital Media.
Adobe Illustrator CS Design Professional WITH ILLUSTRATOR GETTING STARTED.
1 Pertemuan 06 Modern Glamour (Clamshell Lighting) Matakuliah: U0183 / FOTOGRAFI 2 Tahun: 2006.
1 Pertemuan 08 Using Strokes and Fills Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
Chapter 4 Drawing and Painting with Color
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Adobe Photoshop CS5.
Learn Animations in Fireworks
Adobe Flash CS6 Tools and Functions
Pertemuan 05 Drawing with Shape
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
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
Drawing in Illustrator
Vectors and Paths, also File Export
Performing Essential Operations
More on Graphs, Pen, Brush, Pathfinder, Symbols
Creating Vectors – Part One
Creating Vectors – Part One
Presentation transcript:

1 Pertemuan 04 Drawing with Path and Point Matakuliah: U0344 / DESKTOP 1 Tahun: 2006

2 path and point characteristics Paths and points have the following basic characteristics: A path can be open with unconnected end points, or closed with the same beginning and ending point. Each path can have up to 32,000 points, which lets you import complex files from other sources. Paths can be outlined by one or more strokes of varying widths and filled with color, gradients, or patterns. Paths have either clockwise or counterclockwise direction. The Rectangle, Polygon, and Ellipse tools draw in a clockwise direction. Different types of points anchor path segments and let you edit lines and curves in different ways by adjusting their handles.

3 path and point characteristics FreeHand places a corner point, which is displayed as a square, when you draw a straight path segment. A corner point’s handles can be adjusted independently. FreeHand places a curve point, which is displayed as a circle, when you draw a curved path segment. A curved point’s handles move in tandem. Connector points, which are displayed as triangles, let you make a smooth transition between a straight path segment and a curved one.

4 setting path and point display preferences You can set your preferences to change the way FreeHand displays paths and points. This can make it easier to select and edit a path or point, particularly in a complex drawing. To set the display preferences for selected paths and points: 1 Display general preferences by doing one of the following: In Windows, press Control+U, then click the General tab. On the Macintosh, press Command+U, then click the General category. 2 Select one or more options: Smaller Handles displays smaller points and handles. Show Solid Points displays points as a solid shape. Deselect this option to display points as an outline. 3Click OK.

5 setting path and point display preferences To set the display preferences for a fill in an open path: 1Display object preferences by doing one of the following: In Windows, press Control+U, then click the Object tab. On the Macintosh, press Command+U, then click the Object category. 2Select Show Fill for New Open Paths if you want an open path’s fill to be displayed. This option applies only to paths created after you have set this preference. 3 Click OK.

6 drawing with the pen tool You can use the Pen tool and Bezigon tool to draw by placing points to define a path. These tools differ in the way they place points. The Pen tool lets you adjust a point’s handles, and therefore the curvature of a path, as you draw. Click to place a point, then drag to adjust the handles. Use the Pen tool to create a path with curved segments. After you place the first point, the Pen tool shows a “rubberband” preview of what the path will look like when you click to place the next point. The Bezigon tool sets point locations. Click to place a point, then continue dragging to move that point. Use the Bezigon tool to create a path with straight segments. Drawing with the Pen tool Drawing with the Bezigon tool

7 drawing with the pen tool To draw with the Pen tool: 1In the Tools panel, select the Pen tool from its pop-up menu. 2 Do any of the following: Click to place a corner point. Drag to place a curve point and extend its handles. Press Control (Windows) or Command (Macintosh) as you drag to move the curve point to a new location. Hold down Alt and right-click (Windows) or Control- click (Macintosh) to place a connector point. Dragging as you place a connector point extends the point’s handle. 3 To finish the path, do one of the following: Double-click the last point or press Tab to create an open path. Click the first point to create a closed path.

8 drawing with the pen tool To draw with the Bezigon tool: 1In the Tools panel, select the Bezigon tool from its pop-up menu. 2 Do one of the following: Click to place a corner point. To place a curve point, hold down Alt (Windows) or Option (Macintosh) as you click. To reposition a point and the point handles simultaneously, hold down Control (Windows) or Command (Macintosh) and drag the point to its new location. To place a connector point that connects a straight segment to a curved path: In Windows, hold down Alt and use the right mouse button to drag; on the Macintosh, Control-drag. 3 To finish the path, do one of the following: Double-click the last point or press Tab to create an open path. Click the first point to create a closed path.

9 drawing with the pen tool To continue a selected path: 1 In the Tools panel, click the Subselect tool. 2 Select an end point on the path you want to continue. 3 In the Tools panel, select the Pen tool or Bezigon tool from their pop-up menu. 4 Click or drag to draw additional segments. To continue an unselected path: 1In the Tools panel, select the Pen tool or Bezigon tool from their pop-up menu. 2Move the pointer over an end point of the path you want to continue. 3 Alt-drag (Windows) or Option-drag (Macintosh) to extend the path. 4 Click or drag to draw additional segments.

10 drawing with the pen tool To close a selected open path, do one of the following: Use the Pointer or Subselect tool to drag one end point over the other end point. Select Window > Object. In the Object panel, select Closed to automatically connect the end points of the path with a new path segment. (Windows only) Right-click the path and select Path > Closed from the context menu. To open a selected closed path, do one of the following: Select Window > Object. In the Object panel, deselect Closed to remove the last path segment from the path. (Windows only) Right-click the path and select Path > Open from the context menu.