8331 Madison Blvd, Suite 200B Madison, AL 35758 256-705-GEAR (4327) Introduction to 2D Design.

Slides:



Advertisements
Similar presentations
Dawn Pedersen Art Institute. Introduction Prior to Flash CS3, the movement of Illustrator and Photoshop documents into Flash was difficult. At that time,
Advertisements

The GIMP Simple features tutorial By Mary A White.
8331 Madison Blvd, Suite 200B Madison, AL GEAR (4327) Introduction to 3D Design.
1 USING FIREWORKS Cropping an Image Obtaining Information Changing Image Size Rotating an Image Adjusting the Color of an Image Drawing Tools Using the.
Macromedia Fireworks. Understanding Fireworks What can you do in Fireworks MX? –Work with vector objects and bitmap images –Add JavaScript-enabled interactivity.
Adobe ImageReady 3 Foundation Level Course. What is ImageReady? ImageReady is a graphics program that offers several tools tailored to efficiently prepare.
Working with Vector Graphics – Lesson 21 Working with Vector Graphics Lesson 2.
Graphics and Still Images John H. Krantz Hanover College.
Vector Graphics 2.02 Understand Digital Vector Graphics.
DIGITAL GRAPHICS & ANIMATION
Mr. Potato Head The objective of this tutorial is to cut an image and assemble Mr. Potato Head using various tools in Adobe Photoshop Elements 2.0.
1 Introduction to Photoshop Or Why Paint is “yesterday’s news…”
By: Zaiba Mustafa Copyright ©
Working with Graphics. Objectives Understand bitmap and vector graphics Place a graphic into a frame Work with the content indicator Transform frame contents.
 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.
XP Tutorial 7 New Perspectives on Microsoft Windows XP 1 Microsoft Windows XP Working with Graphics Tutorial 7.
Adobe Flash CS4 – Illustrated Unit B: Creating Graphics and Text.
BFTAW BDPA Workshop Introduction to GIMP Chris
BFTAW BDPA Workshop Introduction to GIMP Chris
Color Correct and Remove Keystoning A minimalist approach to photographing your art By Paul Marley.
Chapter 6 Images in Dreamweaver & Fireworks Mrs. Johnson Web Design.
Adobe Illustrator Basics Instructor: Cristol Gregory Assistant: Tara Caimi.
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
Animate picture to peek from bottom (1 of 3) 1. Right click on picture you want to animate. 2. Click on Custom Animation. 2 1 R.
RASTER & VECTOR FILES. Raster images use many coloured pixels or individual building blocks to form a complete image. JPEG, BMP, TIFF, GIF are common.
Laboratory Exercise # 9 – Inserting Graphics to Documents Office Productivity Tools 1 Laboratory Exercise # 9 Inserting Graphics to Documents Objectives:
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.
Using PowerPoint. HOW TO INSERT A SHAPE  Find the task bar click on insert.  Click on shapes.  Find the shape you want and click on it.  A cross should.
Creating a Silhouette in Illustrator. Go File>Place and place the photo on the artboard. Select the photo and click Live Trace (its on the tool bar right.
© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.
Fireworks Web Page mockups. Set up canvas/page size Fireworks is very well-suited to designing graphics and web pages for the screen. To create a web.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Illustrator.
Know your computer Make a Folder Copy from Word to Composer Format the Font Change the Alignment Format the Background Format the Colors Insert a Picture.
2D Design – A Guide! SECTION 1.
First, why use a program like Illustrator instead of Photoshop? Each is very good at different things. Illustrator is a drawing program and makes images.
Welcome eager young artists! Ms. Edelman Saturday, March 12, 2016  DO NOW: take out your notebook and a pen.
Adobe Illustrator CS5 - Illustrated Unit B: Performing Essential Operations.
Chapter 7 Vector Editing © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Quick Tips for Graphics Inserting Graphics From File 1. Click the Insert Menu. 2. Select Picture, and then click From File. 3. Navigate to the desired.
Adobe Illustrator CS Design Professional WITH ILLUSTRATOR GETTING STARTED.
Basics of CorelDraw X6 For Laser Engraving Applications
2.01 Investigate graphic image design.
2.02 Understand Digital Vector Graphics
PROPERTY OF PIMA COUNTY JTED, 2011
Introduction to Illustrator
PROPERTY OF PIMA COUNTY JTED, 2011
PROPERTY OF PIMA COUNTY JTED, 2011
“ – Attribution (Difficult) Animated snow scene
Learn Animations in Fireworks
Flash Interface, Commands and Functions
Adobe Flash Professional CS5 – Illustrated
Creating Vector Graphics
What are vector images? How are they different from bitmap images?
RESEARCH AND APPLY GRAPHIC DESIGN TECHNIQUES #3
Bitmap vs. Vector.
Gimp Guide Mr Hall.
“Placeholder for a quote to be animated here.”
2.01 Investigate graphic image design.
Chapter 7 Vector Editing
Interactive Flashcards: How to Customize the Flashcards
1.
… a white peppermint world as far as the eye could see…
Balancing Chemical Equations
The work of moving ice Chapter 8 Animated snow scene (Difficult)
Vectors and Paths, also File Export
2.01 Investigate graphic image design.
2.02 Understand Digital Vector Graphics
Balancing Chemical Equations
Presentation transcript:

8331 Madison Blvd, Suite 200B Madison, AL GEAR (4327) Introduction to 2D Design

Nomenclature LMB – Left Mouse Button RMB – Right Mouse Button MMB – Middle Mouse Button Will cover [menu bar] and hot-keys Program functions are italicized

Vector Graphics Defines points and lines with mathematical relationships Can be scaled up or down without loss of resolution Easier to edit Generally makes for a smaller file File types – SVG (Inkscape), AI (Illustrator), CDR (CorelDraw) Raster (or bitmap) Graphics Contains images that originally were not generated by computer (pictures, scans, etc.) JPEG, BMP, GIF, etc. More detail, edit pixel at a time Programs exist to convert from one form to another(inkscape is one) Vector vs Bitmap Graphics

Interface Menu Bar Command Bar Snap Bar Drawing Area Tool Box Color Palette Status Bar Tool Controls Change Width and Height

Interface Changing View Pan - MMB drag (or Shift+RMB) Zoom in - Ctrl+RMB Or use zoom buttons (selection, drawing, page) Or use zoom button and shift zoom button [View - Duplicate Window] can show details in new window! Changing page size Ctrl-Shift-D or [File-Document Property]

Basics Zoom Select Circles and Arcs Geometric Shapes and Stars Free Hand Bezier and Straight lines Text Space bar swaps between selection and last used tool

Managing Objects Your best friends! [Edit – Undo] and [Edit – Redo] or Ctrl-Z and Ctrl-Y [Edit – Cut] [Edit – Copy] [Edit – Paste]or Ctrl- X, Ctrl-C and Ctrl-V Scaling –single click and move the arrows on corners Rotate – Double click the object and select curved arrows (holding ctrl locks at 15 o increments) Cloning – [Edit – Clone – Create Clone] or Alt-D [Object – Fill and Stroke] or Shift-Ctrl-F [Object-Group]-Ctrl+G

Advanced Methods Locking Objects – Ctrl-Shift-O or [Object Properties]. Can only unlock by editing XML file or by [Object – Unlock All]! Hiding Objects – Use [Object Properties] dialog. Unhide using [Object – Unhide All]! Tweak – Nudges vectors based on how far they are from the mouse cursor Edit Nodes – Great for adjusting curves, precise movements

Advanced Methods Vector Math Clip – [Object – Clip – Set] trims objects to geometry of vector object Mask – [Object – Clip – Set] both clips and sets transparency based on vector object Paths – under [Path] [Union] [Difference] [Intersection] [Exclusion] Etc. Pictures next to the tool tells what the tool does

Tips and Tricks Use notches and small clearances to allow pieces to interface For Laser Cutter Engraving pictures use low resolution Engrave first, cut later For CNC Make sure vectors are closed Pocket first then cut Don’t be afraid to screw something up. Screw up something cheap before making a final cut

Laser Cutter Can etch woods, metals(anodized or laser marked), and some plastics(no pvc) Can cut wood, plastics, and rubber Save the file out as an.svg (for future edititng) and as a.PDF (to use on the laser)

Laser Cutter Rastering Rastering=Etching or Engraving The image might have to be tweaked in inkscape to produce a clear etch DPI = dots per inch that the laser pulses Stamp – inverts grayscales Includes a shoulder Mainly for engraving rubber Vector Vector means cutting In order to cut the line must have a thickness of 0.001in or 0.090px Tabbed Box Maker Simple plugin for Inkscape Use setting for kerf

Laser Cutter Vector Vector means cutting In order to cut the line must have a thickness of 0.001in or 0.090px Tabbed Box Maker Simple plugin for Inkscape Use setting for kerf

CNC Vinyl Cutter CNC Can cut woods and soft metals Save the file out as an.svg (for future edititng) and as a.eps or.dxf (to use on CNC).eps works the best Line width does not matter Make sure vectors are as closed as possible Vinyl Cutter Only cuts an outline of an object Make sure lines are joined Copy and paste inkscape work into Roland cutting program

Vinyl Cutter Only cuts an outline of an object Make sure lines are joined Copy and paste inkscape work into Roland cutting program

Lets Make Something Fun I’m going to make a make I MADE THIS AT MINDGEAR Plaque The plaque you make does not have to be the same but need to fit 3x5in Lets begin by drawing a 3x5in box and rounding the corners

Lets Make Something Fun Now I’m going to put some text onto the plaque I’m going to rotate the text to give it some flare

Lets Make Something Fun Instead of just typing MindGear I am going to import a picture from the internet You can do this two ways [file-import] or copy and paste

Lets Make Something Fun Before we save this file to make our plaque we need to make sure everything we want to cut has a line thickness of 0.001in and everything we want to etch has no stroke and is filled

Becoming a Fabologist