Liliya Karakoleva Telerik Software Academy academy.telerik.com Senior UX Designer Рисуване с вектори, пътеки и пиксели Drawing with Vectors, Paths and.

Slides:



Advertisements
Similar presentations
Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission. 1 Telling a Story: Introduction.
Advertisements

1. Tuesday: Halloween Shoot due TOMORROW. You must make a contact sheet of your photos and print it from my computer tomorrow. -5 pts for every day I don’t.
Macromedia Fireworks. Understanding Fireworks What can you do in Fireworks MX? –Work with vector objects and bitmap images –Add JavaScript-enabled interactivity.
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.
Photoshop/Illustrator
Chapter 7 Creating Graphics. Chapter Objectives Use the Pen tool Reshape frames and apply stroke effects Work with polygons and compound paths Work with.
“To make my meal in a box taste better, I decided to tweak the logo, rather than the ingredients. ” -Jarod Kintz ILLUSTRATOR.
© 2011 Delmar, Cengage Learning Chapter 7 Working with Distortions, Gradient Meshes, Envelopes, and Blends.
Creating Vectors – Part Two 2.02 Understand Digital Vector Graphics.
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.
Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning.
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.
CSC/FAR 020, Computer Graphics, October 27, 2014 Dr. Dale E. Parson Outline for Week 9 Vectors and Paths, also File.
Macromedia Fireworks 8 Revealed WORKING WITH OBJECTS.
Welcome to DEP’s GIS Workshop Series Workshop 6 Using the ArcMap Pictometry Extension 1.
More Tips on Flash FYS100 Creative Discovery in Digital Art Forms Spring 2007 Burg.
Adobe Fireworks CS3 Revealed CHAPTER ONE: GETTING STARTED WITH ADOBE FIREWORKS.
CSC/FAR 020, Computer Graphics, November 14, 2012 Dr. Dale E. Parson Outline week 11 through end of semester Illustrator.
Default Fill & Stroke D Swap Fill & Stroke Shift X None / Gradient > Color < Stroke X Fill (Click to activate) X More about Fill and Stroke:
Adobe CS6: The Graphic Design Portfolio Project 2: Balloon Festival Artwork Drawing Complex Artwork Coloring and Painting Artwork Exporting EPS and PDF.
1 Pertemuan 04 Drawing with Path and Point Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo.
© 2001 – All Rights Reserved – Page 1 PathsPaths.
Chapter 9 Fireworks: Part I The Web Warrior Guide to Web Design Technologies.
Chapter 4 Drawing Lines and Shapes. Goals (1 of 2) Review the process of creating illustrations in Illustrator Learn the difference between open lines.
Adobe CS6: The Graphic Design Portfolio Project 1: International Symbols Setting up the Workspace Drawing Basic Shapes.
Adobe CC: Graphic Design Portfolio Portfolio Project 1: International Symbols Setting up the Workspace Drawing Basic Shapes.
Using Shape Layers When it comes to creating flat, sharp and colorful images, it is always advantageous to involve the use of vectors. Vectors are mathematical.
 Looks like the Layers Panel  Allows you to organize paths  Converts paths into: › Filled shapes › A brush stroke › A selection › A clipping mask.
Chapter 5. Shape tool  Vector images  Can be resized without loss of quality  Must rasterize to work with in some cases.
© 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics.
Adobe Illustrator. Work Area Tool bar Menu Bar Options Bar Active Image Area Title Bar Palettes New Document.
Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS.
* 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.
© 2001 – All Rights Reserved – Page 1 Selections Selections.
Aim: What is a Bezier curve? Ms. Edelman Technology Tuesday, 2.12.
CSC/FAR 020, Computer Graphics, November 22, 2010 Dr. Dale E. Parson Outline for week 12 Merging, Splitting, Pathfinder,
1 Pertemuan 06 Editing Path Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
Chapter 7 Vector Editing © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
ITEC2110, Digital Media Chapter 3 Digital Image Processing 1 GGC -- ITEC Digital Media.
1 Pertemuan 06 Modern Glamour (Clamshell Lighting) Matakuliah: U0183 / FOTOGRAFI 2 Tahun: 2006.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Selection tools Move Tool:
Pertemuan 05 Drawing with Shape
ANM 100 ADOBE CREATIVE SUITE
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Adobe Illustrator CS5 – Illustrated
Chapter 7 Vector Editing
2.02 Understand Digital Vector Graphics
Creating Vectors – Part Two
1.
Brush Tool Apply and draw with brushes to create artistic elements.
Drawing in Illustrator
Vectors and Paths, also File Export
Cross contour Skulls Mrs Ras.
More on Graphs, Pen, Brush, Pathfinder, Symbols
INSTRUCTIONAL NOTES There are many similarities between Photoshop and Illustrator. We have attempted to place tools and commands in the context of where.
CSC/FAR 020, Computer Graphics, November 17, 2014
Creating Vectors – Part Two
CSC/FAR 020, Computer Graphics, November 18, 2013
Live Paint, Live Color, Swatches, Tracing
CSC/FAR 020, Computer Graphics, March 23-25, 2010
Presentation transcript:

Liliya Karakoleva Telerik Software Academy academy.telerik.com Senior UX Designer Рисуване с вектори, пътеки и пиксели Drawing with Vectors, Paths and Pixels

2 Path Components Path segments, components, points: Curved line segment, Selected anchor point, Unselected anchor point, Direction point, Direction line; Smooth point and corner point: adjust curves simultaneously on both sides, adjust only the curve on the side of direction line;

3 Draw with Pen tool Draw Straight Line Segments: Shift-click to constrain the angle of the segment to a multiple of 45° Ctrl-click anywhere away from all objects to leave the path open Draw Curve Segment Drag to set the slope of the curve segment Alt-drag direction lines to break out the direction lines of an anchor point.

4 Draw with Freeform Pen Tool: control how sensitive the final path is - enter a value between 0.5 and 10.0 pixels for Curve Fit Draw with Magnetic Pen Options; Convert Point Tool - converting smooth anchor points to corner anchor points and vice versa;

5 Select a path Path Selection tool: select a path component; Direct Selection tool: select a path segment;

6 Paths panel Work Path temporary and unsaved path; double-click the path to save a work path ; Create New Path named path; Vector Mask Path Layer > Vector Mask > Current Path

7 Boolean Operators Combine Shapes - Adds the path area to overlapping path areas; Subtract From Shape Area - Removes the path area from overlapping path areas; Intersect Shape Areas - Restricts the area to the intersection of the selected path area and overlapping path areas; Exclude Overlapping Shape Areas - Excludes the overlap area;

8 Convert a Path into a Shape Layer > New Fill Layer > Solid Color Adjustment Layer > Solid Color Option Tool > Make > Shape Export Vector Path into Illustrator File > Export > Paths to Ilustrator…

9 THANK YOU!