Data Driven Guides: Supporting expressive design for Information graphics
|
|
- Nathaniel Carson
- 6 years ago
- Views:
Transcription
1 Data Driven Guides: Supporting expressive design for Information graphics Nam Wook Kim Eston Schweickart Zhicheng Leo Liu Harvard Cornell Adobe Mira Dontcheva Wilmot Li Jovan Popović Hanspeter Pfister Adobe Adobe Adobe Harvard
2 Source: Google Search Trends 2016
3 Source: Google Search Trends Analysts & Researchers
4 Source: Google Search Trends Artists, Journalists, Bloggers, Designers
5 Visualization Design Tools Tableau Lyra Illustrator Excel ivisdesigner CorelDRAW Plot.ly AffinityDesigner Spotfire DataVisual Photoshop ManyEyes SageBrush Improvise Inkscape InDesign Less expressive (Automatic) More expressive (Manual)
6 Visualization Design Tools Tableau Lyra Illustrator Excel ivisdesigner CorelDRAW Plot.ly AffinityDesigner Spotfire DataVisual Photoshop ManyEyes SageBrush Improvise Inkscape InDesign Less expressive (Automatic) More expressive (Manual)
7 Visualization Design Tools Tableau Lyra Illustrator Excel ivisdesigner CorelDRAW Plot.ly AffinityDesigner Spotfire DataVisual Photoshop ManyEyes SageBrush Improvise Inkscape InDesign Less expressive (Automatic) More expressive (Manual)
8 Visualization Design Tools Tableau Lyra Illustrator Excel ivisdesigner CorelDRAW Plot.ly AffinityDesigner Spotfire DataVisual Photoshop ManyEyes SageBrush Improvise Inkscape InDesign Less expressive (Automatic) More expressive (Manual)
9 Visualization Design Tools Tableau Lyra Illustrator Excel ivisdesigner CorelDRAW Plot.ly Spotfire DataVisual? AffinityDesigner Photoshop ManyEyes SageBrush Inkscape Improvise InDesign Less expressive More expressive (Automatic) (Manual)
10 Interviews with infographic designers.
11 Interviews with infographic designers. Participants 2 professional designers 3 master student designers 1 visualization researcher.
12 Interviews with infographic designers. Participants 2 professional designers 3 master student designers 1 visualization researcher. 2 ~ 10 years of experience in graphic & infographic design.
13 Interviews with infographic designers. Participants 2 professional designers 3 master student designers 1 visualization researcher. 2 ~ 10 years of experience in graphic & infographic design. Mostly use vector editing tools such as Adobe Illustrator.
14 Interviews with infographic designers. Participants 2 professional designers 3 master student designers Questions What difficulties they face in creating infographics? 1 visualization researcher. 2 ~ 10 years of experience in graphic & infographic design. Mostly use vector editing tools such as Adobe Illustrator.
15 Interviews with infographic designers. Participants 2 professional designers 3 master student designers Questions What difficulties they face in creating infographics? 1 visualization researcher. Overall design practice. 2 ~ 10 years of experience in graphic & infographic design. Mostly use vector editing tools such as Adobe Illustrator.
16 Interviews with infographic designers. Participants 2 professional designers 3 master student designers Questions What difficulties they face in creating infographics? 1 visualization researcher. Overall design practice. 2 ~ 10 years of experience in graphic & infographic design. How they manually encode data into graphics. Mostly use vector editing tools such as Adobe Illustrator.
17 Interviews with infographic designers. Participants 2 professional designers 3 master student designers Questions What difficulties they face in creating infographics? 1 visualization researcher. Overall design practice. 2 ~ 10 years of experience in graphic & infographic design. How they manually encode data into graphics. Mostly use vector editing tools such as Adobe Illustrator. Related work Bigelow et al (AVI, 2014).
18 1. Lack of flexible design in visualization construction tools Tableau Excel Lyra ivisdesigner Illustrator CorelDRAW Plot.ly Spotfire ManyEyes DataVisual SageBrush Improvise AffinityDesigner Photoshop Inkscape InDesign Less expressive (Automatic) More expressive (Manual)
19 1. Lack of flexible design in visualization construction tools Tableau Lyra Difficult to add annotations & Illustrator Excel ivisdesigner embellishments. CorelDRAW ` Plot.ly AffinityDesigner Spotfire ManyEyes DataVisual SageBrush Improvise Photoshop Inkscape InDesign Less expressive (Automatic) More expressive (Manual)
20 1. Lack of flexible design in visualization construction tools Tableau Lyra Difficult to add annotations & Illustrator Excel ivisdesigner embellishments. CorelDRAW ` Plot.ly ` AffinityDesigner Spotfire ManyEyes DataVisual SageBrush Improvise Photoshop Inkscape InDesign Less expressive (Automatic) Difficult to design More expressive (Manual) new visual marks & layouts.
21 2. Tedious manual encoding required in graphic design tools Tableau Excel Plot.ly Spotfire ManyEyes Lyra ivisdesigner DataVisual SageBrush Improvise Illustrator CorelDRAW AffinityDesigner Photoshop Inkscape InDesign Less expressive (Automatic) More expressive (Manual)
22 2. Tedious manual encoding required in graphic design tools Tableau Excel Plot.ly Spotfire ManyEyes Lyra ivisdesigner DataVisual SageBrush Improvise Custom Scale Illustrator CorelDRAW AffinityDesigner Photoshop Inkscape InDesign Less expressive (Automatic) More expressive (Manual)
23 3. Absence of data binding for custom/imported charts in graphic design tools Tableau Excel Plot.ly Spotfire ManyEyes Lyra ivisdesigner DataVisual SageBrush Improvise Illustrator CorelDRAW AffinityDesigner Photoshop Inkscape InDesign Less expressive (Automatic) More expressive (Manual)
24 3. Absence of data binding for custom/imported charts in graphic design tools Tableau Excel Plot.ly Spotfire ManyEyes Lyra ivisdesigner DataVisual SageBrush Illustrator CorelDRAW AffinityDesigner Photoshop Inkscape Improvise To customize this chart, InDesign Less expressive ungrouping is required More expressive (Automatic) Graph Tool in Illustrator. resulting in loss of data binding. (Manual)
25 Design Goals
26 Design Goals 1. Maintain flexibility in the design process. e.g., not enforcing a predefined outcome or specific order of operations.
27 Design Goals 1. Maintain flexibility in the design process. 2. Provide methods for accurate data-driven drawing.
28 Design Goals 1. Maintain flexibility in the design process. 2. Provide methods for accurate data-driven drawing. 3. Support persistent data binding for freeform graphics.
29 d = length a d = area Length guide Area guide Data Driven Guides: Supporting expressive design for Information graphics
30 70 A B C D Data Table 0 Graph
31 70 A B C D Data Table 0 Graph
32 A B C D Data Table Data-Driven Guides
33 Flexible direct manipulation To manipulate to create a custom layout
34 d2 d3 d1 d4 Maintain proportional lengths To preserve data integrity
35 Snap to a guide To support accurate data-driven drawing
36 Data-binding using guides as the backbone of associated shapes. (2D deformation for vector graphic)
37 Logo Design User Interface Design Designer Friends: Rulers, Grids, Guides Architectural Design Drawing
38 Default guide color: Cyan d = length a d = area Length guide Area guide Length and area guides can also be used as a Position guide.
39 Visual variables Fundamental channels for encoding information. J. Bertin.,1983. Rankings of visual variables by J. Mackinlay.,1986.
40 Visual variables Fundamental channels for encoding information. Frequently used in infographics, although often misused. J. Bertin.,1983. Rankings of visual variables by J. Mackinlay.,1986.
41 Use Cases
42 Use cases 1. Drawing data-driven graphics
43 Cyan: Data-Driven Cyan: Guides Data-Driven Guides
44 Cyan: Data-Driven Guides
45 Create & manipulate
46 Link & Repeat
47 Radial layout & link inspection
48 Composite structure & copy and paste
49 Label generation
50
51 Deforms
52 Deforms Linear blend skinning Related Work 1. Bounded biharmonic weights for real-time deformation. Jacobson, Alec, et al. ACM Trans. Graph., Skinning cubic Bézier splines and Catmull-Clark subdivision surfaces. Liu, Songrun, et al. ACM Trans. Graph., 2014.
53 Rest pose Old point in a shape. Deformed Linear blend skinning Related Work 1. Bounded biharmonic weights for real-time deformation. Jacobson, Alec, et al. ACM Trans. Graph., Skinning cubic Bézier splines and Catmull-Clark subdivision surfaces. Liu, Songrun, et al. ACM Trans. Graph., 2014.
54 Rest pose Spatial Transformations (changes in guides) Deformed Linear blend skinning Related Work 1. Bounded biharmonic weights for real-time deformation. Jacobson, Alec, et al. ACM Trans. Graph., Skinning cubic Bézier splines and Catmull-Clark subdivision surfaces. Liu, Songrun, et al. ACM Trans. Graph., 2014.
55 Rest pose Skinning weight (Transformation amount) Deformed Linear blend skinning Related Work 1. Bounded biharmonic weights for real-time deformation. Jacobson, Alec, et al. ACM Trans. Graph., Skinning cubic Bézier splines and Catmull-Clark subdivision surfaces. Liu, Songrun, et al. ACM Trans. Graph., 2014.
56 Rest pose New points in a shape. Deformed Linear blend skinning Related Work 1. Bounded biharmonic weights for real-time deformation. Jacobson, Alec, et al. ACM Trans. Graph., Skinning cubic Bézier splines and Catmull-Clark subdivision surfaces. Liu, Songrun, et al. ACM Trans. Graph., 2014.
57 Deforms
58 Moves Moves Used as a Position Guide
59 Used as flexible rulers. Cyan: Data-Driven Guides
60 Cyan: Data-Driven Guides Four area guides are used to encode a single shape.
61 Use cases 1. Drawing data-driven graphics 2. Retargeting existing artworks
62 Original By Nigel Holmes
63 Original By Nigel Holmes
64 Use cases 1. Drawing data-driven graphics 2. Retargeting existing artworks 3. Proofreading existing infographics
65 Proofreading existing infographics Cyan: Data-Driven Guides By Nigel Holmes. By Tiffany Farrant-Gonzalez.
66 Proofreading existing infographics The length of marks do not match the length of guides (curved). Original By Nigel Holmes.
67 Proofreading existing infographics Length guide (Radius) Area guide Original By Tiffany Farrant-Gonzalez.
68 Informal usability evaluation with designers. Participants 13 master student designers (architecture, urban planning, and infographic design etc)
69 Informal usability evaluation with designers. Participants 13 master student designers (architecture, urban planning, and infographic design etc) 2 ~ 10 years of experience in infographic design.
70 Informal usability evaluation with designers. Participants 13 master student designers (architecture, urban planning, and infographic design etc) 2 ~ 10 years of experience in infographic design. Frequently used tools include vector & image editors (programming: only 2 people).
71 Informal usability evaluation with designers. Participants 13 master student designers (architecture, urban planning, and Procedure A 60 min session with a 15 min tutorial infographic design etc) 2 ~ 10 years of experience in infographic design. Frequently used tools include vector & image editors (programming: only 2 people).
72 Informal usability evaluation with designers. Participants 13 master student designers (architecture, urban planning, and Procedure A 60 min session with a 15 min tutorial infographic design etc) Pre-task and post-task surveys 2 ~ 10 years of experience in infographic design. Frequently used tools include vector & image editors (programming: only 2 people).
73 Informal usability evaluation with designers. Participants 13 master student designers (architecture, urban planning, and Procedure A 60 min session with a 15 min tutorial infographic design etc) Pre-task and post-task surveys 2 ~ 10 years of experience in infographic design. 2 replication tasks Frequently used tools include 1 creative task vector & image editors (programming: only 2 people). * We did not measure time
74 Results Creative Tasks Two selected infographics created by participants. Data: GDP of G5 Countries.
75 Results Creative Tasks Two selected infographics created by participants. Post-task surveys (5-point Likert scale) 1. Interactions with DDG were intuitive. (μ=4.0, σ=0.71) Data: GDP of G5 Countries.
76 Results Creative Tasks Two selected infographics created by participants. Post-task surveys (5-point Likert scale) 1. Interactions with DDG were intuitive. (μ=4.0, σ=0.71) 2. DDG is useful for positioning and measuring custom shapes based on data compared to rulers or grids. (μ=4.7, σ=0.63) Data: GDP of G5 Countries.
77 Results Creative Tasks Two selected infographics created by participants. Post-task surveys (5-point Likert scale) 1. Interactions with DDG were intuitive. (μ=4.0, σ=0.71) 2. DDG is useful for positioning and measuring custom shapes based on data compared to rulers or grids. (μ=4.7, σ=0.63) 3. DDG is useful for designing creative and expressive infographics Data: GDP of G5 Countries. (μ=4.9, σ=0.38)
78 Results: qualitative feedback Currently, I need a calculator to make data graphic, which is pretty arduous. This tool makes it much easier to try things out and experiment with the graphics. - P10.
79 Results: qualitative feedback Currently, I need a calculator to make data graphic, which is pretty arduous. This tool makes it much easier to try things out and experiment with the graphics. - P10. I think that this would be a wonderful aid in creating graphics for architectural representations. - P3.
80 Results: qualitative feedback Currently, I need a calculator to make data graphic, which is pretty arduous. This tool makes it much easier to try things out and experiment with the graphics. - P10. I think that this would be a wonderful aid in creating graphics for architectural representations. - P3. I usually do very analytical infographics, using traditional forms like bars or circles. Because of that, I m not quite sure if data guides might be very useful - P5.
81 Limitations 1. Data-driven guides currently works with a tabular dataset.
82 Limitations 1. Data-driven guides currently works with a tabular dataset. 2. Difficult to generate guide elements such as axes and legends.
83 Limitations 1. Data-driven guides currently works with a tabular dataset. 2. Difficult to generate guide elements such as axes and legends. 3. Other visual variables have to be manually encoded such color or angle.
84 Future work 1. Reusable creative infographic templates. Template
85 Future work 1. Reusable creative infographic templates. Template 2. Data-driven guides for other visual variables. Color, angle, shape, slope etc.
86 Future work 1. Reusable creative infographic templates. Template 2. Data-driven guides for other visual variables. Color, angle, shape, slope etc. 3. Intelligent systems for automatically providing design feedback. Incorrect size Area vs radius
87 Data Driven Guides: Supporting expressive design for Information graphics
Visualization Systems & Toolkits
Visualization Systems & Toolkits 8803DV CS/MGT April 10, 2017 Systems/tools that help people create visualizations or use visualizations to help people explore and analyze data. Toolkits are components/libraries/packages
More informationAdobe Graphics Software
Adobe Graphics Software Untitled-1.indd 1 20.11.2015 13:05:28 Untitled-1.indd 2 20.11.2015 13:05:28 3 Recent versions have brought in functionality for working with 3D designs, though the program still
More informationDecember 3, What is New in CC 2019
December 3, 2018 What is New in CC 2019 Photoshop NEW Frame Tool Quickly place or replace images using the new Frame tool. Images are automatically scaled to best fit the frame and swapping out content
More informationFOUNDATION IN. GRAPHIC DESIGN with ADOBE APPLICATIONS. LESSON 1 Summary Notes
FOUNDATION IN GRAPHIC DESIGN with ADOBE APPLICATIONS LESSON 1 Summary Notes WHAT IS GRAPHIC DESIGN? Well, the dictionary definition of Graphic Design is Graphic design is everywhere. the art or profession
More informationYour Student s Head Start on Career Goals and College Aspirations
Your Student s Head Start on Career Goals and College Aspirations INFORMATION TECHNOLOGY (IT) NETWORKING PATHWAY The Destinations Networking Pathway prepares students to test and evaluate computer network
More informationDigital Design: How to disseminate ideas, research and good practice in a visually stimulating way. Dawne Bell December 2015
Digital Design: How to disseminate ideas, research and good practice in a visually stimulating way. Dawne Bell December 2015 This workshop has been devised as a direct result of feedback by colleagues
More informationDiploma in GRAPHIC DESIGN. - Part 1 LESSON 1
Diploma in GRAPHIC DESIGN - Part 1 LESSON 1 Can you hear me? Type Yes or No ? WEBINAR How it Works Questions are posted in the Question Box. Student Microphones are Muted. Q&A s are left until the end
More informationAdobe InDesign CS6 Tutorial
Adobe InDesign CS6 Tutorial Adobe InDesign CS6 is a page-layout software that takes print publishing and page design beyond current boundaries. InDesign is a desktop publishing program that incorporates
More informationPublication Quality Graphics
Publication Quality Graphics Biochemistry Boot Camp 2018 Session #6 Nick Fitzkee nfitzkee@chemistry.msstate.edu Why Quality Graphics? Clarity of Presentation Sharp-looking Posters, Presentations, Papers
More informationWelcome to Desktop Publishing with InDesign!
Welcome to Desktop Publishing with InDesign! What We ll Cover Today What is InDesign? Preparing a print project Creating a new document InDesign interface Working with layers and links Formatting and managing
More informationData Visualization 101: trends, skillset and tools
Partha Padmanabhan Solutions Architect, Cisco Data Visualization 101: trends, skillset and tools A good Data Visualization is something that provides capability of envisioning the Information and Visual
More informationIntroduction to Plot.ly: Customizing a Stacked Bar Chart
Introduction to Plot.ly: Customizing a Stacked Bar Chart Plot.ly is a free web data visualization tool that allows you to download and embed your charts on other websites. This tutorial will show you the
More information6 Using Adobe illustrator: advanced
6 Using Adobe illustrator: advanced This document was prepared by Luke Easterbrook 2011. 1 Summary This document covers the use of the Adobe Creative Suite for Scientific Illustration. The adobe creative
More informationHow to use the ruler, grid, guides, and the Align panel
How to use the ruler, grid, guides, and the Align panel Much of your job as a page designer is to place text and graphics on the page in a pleasing, organized way. Although you can do much of this placing
More informationBusiness & Computing Examinations (BCE) LONDON (UK)
Business & Computing Examinations (BCE) LONDON (UK) Graphic Design Qualification Analysis & Occupational Outlook The development of BCE qualifications include extensive market research from the following
More information12 - Spatial And Skeletal Deformations. CSCI-GA Computer Graphics - Fall 16 - Daniele Panozzo
12 - Spatial And Skeletal Deformations Space Deformations Space Deformation Displacement function defined on the ambient space Evaluate the function on the points of the shape embedded in the space Twist
More informationCourse Syllabus. Course Title. Who should attend? Course Description. Adobe Animate CC
Course Title Adobe Animate CC Course Description Adobe Animate CC (Creative Clouds) is the world's most powerful graphic design program for adding interactivity and creating animation and multimedia content
More informationttadobe CS6: Real-World Productivity for Design Professionals Pfeiffer Consulting The Adobe CS6 Performance and Efficiency Benchmarks
ttadobe : Real-World Productivity for Design Professionals Pfeiffer Consulting 01001011 The Adobe Performance and Efficiency Benchmarks ttadobe : Real-World Productivity for Design Professionals Introduction
More informationIntroduction to Game Design
Introduction to Game Design Introduction to Game Design is an activity-based syllabus that teaches skills for game design and development using Adobe tools, UNREAL Engine, MAYA 3DS and Blender. Each activity
More informationAP Physics 1 and 2 Summer Assignment
AP Physics 1 and 2 Summer Assignment Due: First Day of Class Welcome to AP Physics! You are responsible for the material covered in the first three chapters of your textbook. The questions that follow
More informationTechnical Aspects of Working with Digital Media
Technical Aspects of Working with Digital Media A research on industry-standard software used in creation, editing and post-production processes within different areas of Creative Media. Created By Derek
More informationDataverse Usability Evaluation: Findings & Recommendations. Presented by Eric Gibbs Lin Lin Elizabeth Quigley
Dataverse Usability Evaluation: Findings & Recommendations Presented by Eric Gibbs Lin Lin Elizabeth Quigley Agenda Introduction Scenarios Findings & Recommendations Next Steps Introduction Scenarios Scenario
More informationAdobe Illustrator CS4
Adobe Illustrator CS4 COURSE DESCRIPTION This course examines the basic features that have made Adobe Illustrator virtually Indispensable to today's graphics designer. Topics include drawing and shape
More informationResearch Imaging Solutions. goo.gl/yp8j3c. extracting figures from PDFs
Research Imaging Solutions goo.gl/yp8j3c extracting figures from PDFs Research Imaging Solutions RIS@hms.harvard.edu goo.gl/yp8j3c handouts training consulting Beth Beighlie Digital Imaging Coordinator
More information3D Modeling techniques
3D Modeling techniques 0. Reconstruction From real data (not covered) 1. Procedural modeling Automatic modeling of a self-similar objects or scenes 2. Interactive modeling Provide tools to computer artists
More informationTable of Contents. Preface...iii. INTRODUCTION 1. Introduction to M ultimedia and Web Design 1. ILLUSTRATOR CS6 1. Introducing Illustrator CS6 17
Table of Contents Preface...........iii INTRODUCTION 1. Introduction to M ultimedia and Web Design 1 Introduction 2 Exploring the Applications of Multimedia 2 Understanding Web Design 3 Exploring the Scope
More informationBusiness Analytics Nanodegree Syllabus
Business Analytics Nanodegree Syllabus Master data fundamentals applicable to any industry Before You Start There are no prerequisites for this program, aside from basic computer skills. You should be
More informationCONTENTS IN DETAIL. What s in This Book?... xx Who Is This Book For?... xx
CONTENTS IN DETAIL ACKNOWLEDGMENTS xvii INTRODUCTION xix What s in This Book?... xx Who Is This Book For?... xx 1 INKSCAPE AND THE WORLD 1.1 What Vector Graphics Is and Why It Matters... 1.2 What Can You
More informationTactile and Advanced Computer Graphics Module 7. Introduction to Illustrator
Tactile and Advanced Computer Graphics Module 7 Introduction to Illustrator Module #7 Introduction to Illustrator Tactile and Advanced Computer Graphics Module 7 Introduction to Illustrator Summary Goal(s):
More informationChapter 5. Presenting Data
Chapter 5. Presenting Data Copyright McGraw-Hill Education. Permission required for reproduction or display. 5-1 Map Design Process 5-2 1 About ArcGIS Chapter 5. Presenting Data 5-3 Page layouts and map
More informationFree-Form Deformation and Other Deformation Techniques
Free-Form Deformation and Other Deformation Techniques Deformation Deformation Basic Definition Deformation: A transformation/mapping of the positions of every particle in the original object to those
More informationANSYS AIM Tutorial Structural Analysis of a Plate with Hole
ANSYS AIM Tutorial Structural Analysis of a Plate with Hole Author(s): Sebastian Vecchi, ANSYS Created using ANSYS AIM 18.1 Problem Specification Pre-Analysis & Start Up Analytical vs. Numerical Approaches
More informationAdobe Graphic Master. BIGROCKDESIGNS computer training consultants. Course Outline LEVEL: Section 1 Illustrator CC (Day 1 & 2) DURATION:
Adobe Graphic Master Course Outline This course has been created to provide the user with the skills required to incorporate all the packages of Adobe Creative Suite CC/CS6 so as to develop all print requirements
More informationCertificate in Web Designing
Certificate in Web Designing Duration : 240 Hrs / 3 Months Internet Basics email fundamentals IP addressing (IPv4 and V6) Browser layout engine differences Search Engine Optimization How to use search
More informationRoad Map for Essential Studio 2011 Volume 2
Road Map for Essential Studio 2011 Volume 2 Essential Studio User Interface Edition... 3 Windows Phone... 3 Essential Tools for WP7... 3 Essential Chart for WP7... 3 Essential Gauge for WP7... 3 ASP.NET...
More informationPrezi is a wonderful presentation tool to help make classroom or online instruction easy and
Prezi is a wonderful presentation tool to help make classroom or online instruction easy and engaging. The following 5 steps will help you learn the basics of creating a Prezi presentation. This presentation
More informationODK Tables Graphing Tool
ODK Tables Graphing Tool Nathan Brandes, Gaetano Borriello, Waylon Brunette, Samuel Sudar, Mitchell Sundt Department of Computer Science and Engineering University of Washington, Seattle, WA [USA] {nfb2,
More informationCorelDraw level 1 course content (2-day)
http://www.multimediacentre.co.za Cape Town: 021 790 3684 Johannesburg: 011 083 8384 CorelDraw level 1 course content (2-day) Course Description: CorelDraw Beginners course is intended to be used by students
More informationThe diverse software in Adobe Creative Suite 2 enables you to create
Chapter 1: Introducing Adobe Creative Suite 2 In This Chapter Looking over InDesign Drawing with Illustrator Introducing Photoshop Getting started with Acrobat Going over GoLive Integrating the programs
More informationILLUSTRATOR. Introduction to Adobe Illustrator. You will;
ILLUSTRATOR You will; 1. Learn Basic Navigation. 2. Learn about Paths. 3. Learn about the Line Tools. 4. Learn about the Shape Tools. 5. Learn about Strokes and Fills. 6. Learn about Transformations. 7.
More informationSOLO NETWORK. Adobe Flash Catalyst CS5.5. Create expressive interfaces and interactive content without writing code
(11) 4062-6971 (21) 4062-6971 (31) 4062-6971 (41) 4062-6971 (48) 4062-6971 (51) 4062-6971 (61) 4062-6971 Adobe Flash Catalyst CS5.5 Create expressive interfaces and interactive content without writing
More informationPre-Lab Excel Problem
Pre-Lab Excel Problem Read and follow the instructions carefully! Below you are given a problem which you are to solve using Excel. If you have not used the Excel spreadsheet a limited tutorial is given
More informationThis work is about a new method for generating diffusion curve style images. Although this topic is dealing with non-photorealistic rendering, as you
This work is about a new method for generating diffusion curve style images. Although this topic is dealing with non-photorealistic rendering, as you will see our underlying solution is based on two-dimensional
More information10 - ARAP and Linear Blend Skinning
10 - ARAP and Linear Blend Skinning Acknowledgements: Olga Sorkine-Hornung As Rigid As Possible Demo Libigl demo 405 As-Rigid-As-Possible Deformation Preserve shape of cells covering the surface Ask each
More informationINKSCAPE BASICS. 125 S. Prospect Avenue, Elmhurst, IL (630) elmhurstpubliclibrary.org. Create, Make, and Build
INKSCAPE BASICS Inkscape is a free, open-source vector graphics editor. It can be used to create or edit vector graphics like illustrations, diagrams, line arts, charts, logos and more. Inkscape uses Scalable
More informationOur Design Templates. A Users Guide.
Our Design Templates. A Users Guide. This is a basic guide to using our design. More information about fonts, images and our other specifications can be found in our FAQ document. 1 About our : We have
More informationISO 9001:2015 CERTIFIED
Weekdays:- 1½ hrs / 3 days Fastrack:- 1½hrs / Day [Class Room and Online] ISO 9001:2015 CERTIFIED ADMEC Multimedia Institute www.admecindia.co.in 9911782350, 9811818122 Do you love art and design? Are
More informationThis is the vector graphics "drawing" technology with its technical and creative beauty. SVG Inkscape vectors
1 SVG This is the vector graphics "drawing" technology with its technical and creative beauty SVG Inkscape vectors SVG 2 SVG = Scalable Vector Graphics is an integrated standard for drawing Along with
More informationCompose multi- paragraph writing clearly, succinctly, and accurately to write documents.
Career Cluster: Information Technology Pathway: Career Major: Course: Desktop Publishing and Graphic Design Test Given: Adobe InDesign CS3 (Brainbench) Directions: The purpose of this crosswalk is to identify
More informationFundamentals of Graphic Design
Western Technical College 10201110 Fundamentals of Graphic Design Course Outcome Summary Course Information Description Career Cluster Instructional Level Total Credits 3.00 Total Hours 72.00 This course
More informationArena Animation International Program VFx
Master Presenter Manual Arena Animation International Program VFx OV-3076 Effective from: April 2014 Ver. 1.0 Amendment Record Version No. Effective Date Change Replaced Pages 1.0 April 2014 New - Term
More informationADOBE CHARACTER ANIMATOR PREVIEW ADOBE BLOGS
page 1 / 6 page 2 / 6 adobe character animator preview pdf See Character Animator Help Documents for the latest documentation. A PDF version (English only at this time) for Preview 3 is available below.
More informationAbout this document. Introduction. Where does Life Forms fit? Prev Menu Next Back p. 2
Prev Menu Next Back p. 2 About this document This document explains how to use Life Forms Studio with LightWave 5.5-6.5. It also contains short examples of how to use LightWave and Life Forms together.
More information7 Fractions. Number Sense and Numeration Measurement Geometry and Spatial Sense Patterning and Algebra Data Management and Probability
7 Fractions GRADE 7 FRACTIONS continue to develop proficiency by using fractions in mental strategies and in selecting and justifying use; develop proficiency in adding and subtracting simple fractions;
More information!Best Visual Storytelling with D3: An Introduction to Data Visualization in. JavaScript (Addison-Wesley Data and Analytics) PDF
!Best Visual Storytelling with D3: An Introduction to Data Visualization in JavaScript (Addison-Wesley Data and Analytics) PDF!Best Visual Storytelling with D3: An Introduction to Data Visualization in
More informationIntermediate / Advanced Adobe Illustrator Using The Illustrator 9 Wow! Book as the Primary Text
Intermediate / Advanced Adobe Illustrator Using The Illustrator 9 Wow! Book as the Primary Text As a Three-day Seminar & As a Six / Eight-session Class Fourth version prepared by Sharon Steuer (with Lisa
More informationAdobe LiveCycle ES and the data-capture experience
Technical Guide Adobe LiveCycle ES and the data-capture experience Choosing the right solution depends on the needs of your users Table of contents 2 Rich application experience 3 Guided experience 5 Dynamic
More informationChapter 10 Working with Graphs and Charts
Chapter 10: Working with Graphs and Charts 163 Chapter 10 Working with Graphs and Charts Most people understand information better when presented as a graph or chart than when they look at the raw data.
More informationITEC185. Introduction to Digital Media
ITEC185 Introduction to Digital Media ADOBE ILLUSTRATOR CC 2015 What is Adobe Illustrator? Adobe Illustrator is a program used by both artists and graphic designers to create vector images. These images
More informationDRAWING VECTOR VS PIXEL SHAPES IN PHOTOSHOP CS6
DRAWING VECTOR VS PIXEL SHAPES IN PHOTOSHOP CS6 In this first tutorial in our series on drawing and working with shapes in Photoshop CS6, we ll take a quick look at the important difference between the
More informationAdobe Photoshop Sh S.K. Sublania and Sh. Naresh Chand
Adobe Photoshop Sh S.K. Sublania and Sh. Naresh Chand Photoshop is the software for image processing. With this you can manipulate your pictures, either scanned or otherwise inserted to a great extant.
More informationDgp _ lecture 2. Curves
Dgp _ lecture 2 Curves Questions? This lecture will be asking questions about curves, their Relationship to surfaces, and how they are used and controlled. Topics of discussion will be: Free form Curves
More informationINTRODUCTION TO GRAPHIC DESIGN FOR WEB AND PRINT (INTENSIVE) COURSE ID: GD0086
NEW THIS SEMESTER: INTENSIVE COURSES! THE TYPICALLY 12 - WEEK VERSIONS HAVE BEEN CONDENSED TO SIX-WEEK COURSES MEETING SEMI-WEEKLY. SO NOW YOU CAN KICK - START YOUR NEW YEAR WITH AN INTENSIVE BURST OF
More informationA Step-by-step guide to creating a Professional PowerPoint Presentation
Quick introduction to Microsoft PowerPoint A Step-by-step guide to creating a Professional PowerPoint Presentation Created by Cruse Control creative services Tel +44 (0) 1923 842 295 training@crusecontrol.com
More informationAgenda. Introduction Curve implementation. Particle System. - Requirements -What are all those vectors? -Where should I put things?
Agenda Introduction Curve implementation - Requirements -What are all those vectors? -Where should I put things? Particle System - Requirements -What should I implement? - Suggestions - Cool forces Agenda
More informationAdobe Acrobat 6.0 Professional For Prepress and Print Professionals
Microsoft Windows NT Workstation 4.0, Windows 2000 Professional, Windows XP, Windows XP Tablet PC, Mac OS X v.10.2.2 Adobe Acrobat 6.0 Professional For Prepress and Print Professionals Providing specialized
More informationPower Hour Course Listings
Unlimited Access to Over 250 Live, Virtual Instructor-Led Sessions, over 50 Recordings through Power Hour On-Demand, over 5,500 Microlearning Videos with NHGO NOW, and a Complete Library of our 8-page
More informationStructural & Thermal Analysis using the ANSYS Workbench Release 11.0 Environment. Kent L. Lawrence
ANSYS Workbench Tutorial Structural & Thermal Analysis using the ANSYS Workbench Release 11.0 Environment Kent L. Lawrence Mechanical and Aerospace Engineering University of Texas at Arlington SDC PUBLICATIONS
More informationOverview of SAS/GIS Software
3 CHAPTER 1 Overview of SAS/GIS Software Introduction to Geographic Information Systems 3 Features of SAS Software 4 Data in SAS/GIS Applications 5 Spatial Data 5 Spatial Data Layers 6 Spatial Data Coverages
More informationalteryx training courses
alteryx training courses alteryx designer 2 day course This course covers Alteryx Designer for new and intermediate Alteryx users. It introduces the User Interface and works through core Alteryx capability,
More informationOur Design Templates. A Users Guide.
Our Design Templates. A Users Guide. This is a basic guide to using our design. More information about fonts, images and our other specifications can be found in our FAQ document. 1 About our : We have
More informationInDesign - Basic Spring Indesign. Setup a new document
1/ 5 Indesign Desktop Publication software. It can be used to create posters, flyers, portfolios, books, presentation slides and etc... Tutorials: https://helpx.adobe.com/indesign/how-to/create-print-postcard-design.html?set=indesign--get-started
More informationKnow it. Control points. B Spline surfaces. Implicit surfaces
Know it 15 B Spline Cur 14 13 12 11 Parametric curves Catmull clark subdivision Parametric surfaces Interpolating curves 10 9 8 7 6 5 4 3 2 Control points B Spline surfaces Implicit surfaces Bezier surfaces
More informationThe diverse software in the Adobe Creative Suite enables you to create
556010 Bk01Ch01.qxd 2/6/04 7:28 PM Page 9 Chapter 1: Introducing the Adobe Creative Suite In This Chapter Looking over InDesign Drawing with Illustrator Introducing Photoshop Getting started with Acrobat
More informationHow to create shapes. Drawing basic shapes. Adobe Photoshop Elements 8 guide
How to create shapes With the shape tools in Adobe Photoshop Elements, you can draw perfect geometric shapes, regardless of your artistic ability or illustration experience. The first step to drawing shapes
More informationAdobe InDesign CS6 Tutorial
Adobe InDesign CS6 Tutorial Adobe InDesign CS6 is a page-layout software that takes print publishing and page design beyond current boundaries. InDesign is a desktop publishing program that incorporates
More informationPUBLISHING 1231 Intermediate New Media Publishing (FLASH) Instructor: Mak (Mahmoud) Abdel-Hai Office: A248 Phone: 604-3
PUBLISHING 1231 Intermediate New Media Publishing (FLASH) Instructor: Mak (Mahmoud) Abdel-Hai Email: mabdelhai@langara.bc.ca Office: A248 Phone: 604-323-5648, ext. 1 Dates and times: s: 1.30 PM 7.25 PM
More informationArcGIS Desktop: Fundamentals of Cartography
ArcGIS Desktop: Fundamentals of Cartography Outline Symbology Style Files -.style Layer files -.lyr Labeling Label Classes Label Expressions Map Document files -.mxd Map Template files -.mxt Map Elements
More informationInformation Coding / Computer Graphics, ISY, LiTH. Splines
28(69) Splines Originally a drafting tool to create a smooth curve In computer graphics: a curve built from sections, each described by a 2nd or 3rd degree polynomial. Very common in non-real-time graphics,
More informationThe Experience of Prototyping. Jennifer Kalz, CBAP, CUA, CSM March 28, 2017
The Experience of Prototyping Jennifer Kalz, CBAP, CUA, CSM March 28, 2017 Agenda Core Concept Model Overview and Benefits of the Technique Fidelity of a Prototype Best Practices with the Technique Usability
More informationPASS4TEST. IT Certification Guaranteed, The Easy Way! We offer free update service for one year
PASS4TEST IT Certification Guaranteed, The Easy Way! \ http://www.pass4test.com We offer free update service for one year Exam : 9A0-088 Title : Adobe IIIustrator CS4 Exam Vendors : Adobe Version : DEMO
More informationLecture IV Bézier Curves
Lecture IV Bézier Curves Why Curves? Why Curves? Why Curves? Why Curves? Why Curves? Linear (flat) Curved Easier More pieces Looks ugly Complicated Fewer pieces Looks smooth What is a curve? Intuitively:
More informationGeostatistics 2D GMS 7.0 TUTORIALS. 1 Introduction. 1.1 Contents
GMS 7.0 TUTORIALS 1 Introduction Two-dimensional geostatistics (interpolation) can be performed in GMS using the 2D Scatter Point module. The module is used to interpolate from sets of 2D scatter points
More informationModule Presenter s Manual. Effective from: July 2011 Ver. 1.0
Module Presenter s Manual Creatiing IIllllustratiions - IIII Effective from: July 2011 Ver. 1.0 Amendment Record Version No. Effective Date Change Replaced Pages 1.0 July 2011 New - Presenter s Manual
More informationAutodesk Revit Architecture Training Course Outlines
Autodesk Revit Architecture Training Course Outlines Description Duration 8 Days (5 classroom + 3 online) The aim of the Autodesk Revit Architecture Professional course is to teach delegates the principles
More informationLesson 14 Blends. For Resources go to > click on the Creo Parametric 2.0 Book cover
Lesson 14 Blends Figure 14.1 Cap OBJECTIVES Create a Parallel Blend feature Use the Shell Tool Create a Hole Pattern REFERENCES AND RESOURCES For Resources go to www.cad-resources.com > click on the Creo
More informationACE: Illustrator CC 2015 Exam Guide
Adobe Digital Learning Services Exam Guide ACE: Illustrator CC 2015 Exam Guide Adobe Digital Learning Services provides this exam guide to help prepare partners, customers, and consultants who are actively
More informationIntroduction to the Mathematical Concepts of CATIA V5
CATIA V5 Training Foils Introduction to the Mathematical Concepts of CATIA V5 Version 5 Release 19 January 2009 EDU_CAT_EN_MTH_FI_V5R19 1 About this course Objectives of the course Upon completion of this
More informationVISUAL DESIGNER CAREER BLUEPRINT
VISUAL DESIGNER CAREER BLUEPRINT HAVE A QUESTION? ASK! Read up on all the ways we re here to help. CONFUSION IS GOOD :) Seriously, it s scientific fact. Read all about it! REMEMBER, YOU ARE NOT ALONE!
More informationStructural & Thermal Analysis Using the ANSYS Workbench Release 12.1 Environment
ANSYS Workbench Tutorial Structural & Thermal Analysis Using the ANSYS Workbench Release 12.1 Environment Kent L. Lawrence Mechanical and Aerospace Engineering University of Texas at Arlington SDC PUBLICATIONS
More informationAbility-Based Design: Concept, Principles, and Examples
Ability-Based Design: Concept, Principles, and Examples Jacob O. Wobbrock, Shaun K. Kane, Krzysztof Z. Gajos, Susumu Harada, and Jon Froehlich ACM Trans. Access. Comput., 3:9:1-9:27, April 2011 JACOB O.
More informationWIRE BASICS ESTIMATED TIME REQUIRED. This tutorial will teach you the basics of sketching wires and using them as contours for solid objects.
WIRE BASICS This tutorial will teach you the basics of sketching wires and using them as contours for solid objects. ESTIMATED TIME REQUIRED 30 Minutes LEARNING GOALS In this tutorial you will learn how
More informationText & Design 2015 Wojciech Piskor
Text & Design 2015 Wojciech Piskor www.wojciechpiskor.wordpress.com wojciech.piskor@gmail.com All rights reserved. No part of this publication may be reproduced or transmitted in any form or by any means,
More informationPhotoshop Essentials
Photoshop Essentials About the Course Photoshop essentials will cover Photoshop main tools to manipulate photos, enhance photos, create art photography and produce simple design as well as typography design.
More informationCreating Multimedia SWF Products
Chapter InDesign can be used to create multimedia products that combine movie clips, sounds, images and animations into professional products that can be distributed on CD, DVD or as SWF files that can
More information,
Weekdays:- 1½ hrs / 3 days Fastrack:- 1½ hrs per day Weekends:- 2 hrs (Sat & Sun) An ISO 9001:2015 Institute ADMEC Multimedia Institute www.admecindia.co.in 9911-782-350, 9811-818-122 Revit Architecture
More informationTableau Advanced Training. Student Guide April x. For Evaluation Only
Tableau Advanced Training Student Guide www.datarevelations.com 914.945.0567 April 2017 10.x Contents A. Warm Up 1 Bar Chart Colored by Profit 1 Salary Curve 2 2015 v s. 2014 Sales 3 VII. Programmatic
More informationAS Module 1 (I CT1): TOPIC Information and Data
AS Module (I CT): TOPIC 3.2.2 Information and Data. Describe with the aid of examples, the difference between information and data. (4 marks) Information is derived data in the context of use. Example:
More informationThe Science of Data Visualization
Welcome # T C 1 8 The Science of Data Visualization Larry Silverstein Strategic Sales Consultant Tableau Start Your (Visualization) Engines Agenda The science of data visualization Best practices for building
More informationGraphic Design/Advertising
Graphic Design/Advertising Scranton School District Scranton, PA hic Design quisite: Introduction to Business, Business Academic Computers hic Design is designed to introduce students the diverse field
More information