Roman – A name to identify any type style that is straight vertically

Slides:



Advertisements
Similar presentations
In InDesign, you can create a new file by pressing Command/Control-N.
Advertisements

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Vector vs. Bitmap SciVis V
Objective 1.  Computer graphics falls into two main categories:  Bitmap images  Vector images.
DIGITAL GRAPHICS & ANIMATION
Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning.
Objective 1.  Also known as raster images.  Made up of pixels in a grid.  Pixels: tiny dots of individual color that makes up what you see on your.
V Obtained from a summer workshop in Guildford County July, 2014
Working with Graphics. Objectives Understand bitmap and vector graphics Place a graphic into a frame Work with the content indicator Transform frame contents.
Vector Graphics Making custom images. Raster vs. Vector Graphics In computer graphics, a raster graphics image, or bitmap, is a dot matrix data structure.
Computer Image Dr Jimmy Lam CAD for Fashion and Textiles.
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.
It’s all in the Details Working with Graphics. Importing Graphics In PageMaker, graphics can be inserted As inline graphics As independent graphics Independent.
JRN 302: Introduction to Graphics and Visual Communication - Raster and Vector Files Tuesday, 9/8/15.
Vector vs. Bitmap
Bitmap Vs. Vector Graphics. To create effective artwork, you need to understand some basic concepts about vector graphics versus bitmap images, resolution,
CSC/FAR 020, Computer Graphics, November 12, 2014 Dr. Dale E. Parson Outline for week 11 Illustrator Type, Pathfinder,
TYPES OF GRAPHICS TECHNOLOGICAL DESIGN. GRAPHIC DESIGN DEFINITION Visual problem solving that utilizes shapes, images, text, color, etc. to communicate.
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.
Adobe Illustrator Basics Instructor: Cristol Gregory Assistant: Tara Caimi.
Adobe Illustrator Chapter 1 Notes Pages 1-2 –1-75 Mrs. Leonard.
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
© 2011 Delmar, Cengage Learning Chapter 2 Creating Text and Gradients.
© 2010 Delmar, Cengage Learning Chapter 2 Working with Text and Gradients.
Chapter 5 Placing Type in an Image. Chapter Lessons Learn about type and how it is created Change spacing and adjust baseline shift Use the Drop Shadow.
Desktop Publishing Review. What is a rough sketch used in planning a layout and design?
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
Vector vs. Raster Objectives:
Illustrator I I450 Technology Seminar. Bitmap vs. Vector Photoshop = Bitmap Illustrator = Vector Bitmap images are resolution dependent Vector images.
Aim: What is Illustrator? Mr. Spaterella Technology Feb. 22.
Adobe Photoshop CS5 – Illustrated Unit A: Getting Started with Photoshop CS5.
CSC/FAR 020, Computer Graphics, April 6, 2010 Dr. Dale E. Parson Outline for week 11 Illustrator Type, Pathfinder, Trace.
Adobe photoshop digital image making. the basics Adobe PhotoShop is an image-editing program that lets you create and edit digital images. ◦PhotoShop.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Illustrator.
* 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,
Vector vs. Raster What’s the difference between vector and raster file formats? The real difference between the two formats is how they are used.
DPT I Jeopardy Introduction to Desktop Publishing Introduction to Layout & Design Text Features Graphics Additional Publication Features Q $100 Q $200.
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.
RASTERIZING SHAPES IN PHOTOSHOP RASTERIZE: A process in Photoshop of converting a vector image into a bitmap (or raster) image VECTOR: A vector image is.
Welcome eager young artists! Ms. Edelman Saturday, March 12, 2016  DO NOW: take out your notebook and a pen.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Guilford County SciVis V104.03
Adobe Illustrator CS Design Professional WITH ILLUSTRATOR GETTING STARTED.
Photoshop CS6 – Nelson Unit 3: Photoshop CS6. Objectives Define photo editing software Start Photoshop and view the workspace Use the Zoom tool and the.
Vector vs. Bitmap. Vector Images Vector images (also called outline images) are images made with lines, text, and shapes. Test type is considered to be.
Adobe Photoshop CS5.
Vector (Shapes) vs. Raster (Pixels)
Types of Graphics Technological Design.
Getting Started with Adobe Photoshop CS6
Permeability (% of Control)
Permeability (% of Control)
Vector vs. Bitmap.
Adobe software utilization
Flash Interface, Commands and Functions
Adobe Flash Professional CS5 – Illustrated
Basic Desktop Terminology
Unit 2.1: Identifying design elements when preparing graphics
Agenda 2/27/17 Sketch/write #30: Raster Vs. Vector Article
Text and Illustrator.
Desktop Publishing Terminology
2.01 Understand Digital Raster Graphics
CSC020, Computer Graphics Type tools 1.
Vector (Shapes) vs. Raster (Pixels)
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, October 30, 2013
CSC/FAR 020, Computer Graphics, November 13, 2013
CSC/FAR 020, Computer Graphics, November 18, 2009
CSC/FAR 020, Computer Graphics, November 16, 2011
CSC/FAR 020, Computer Graphics, October 26-31, 2011
Presentation transcript:

Roman – A name to identify any type style that is straight vertically

Italic – Letter forms that slant to the right

Serif – Type styles with small decorative strokes at the end of the letters

Sans Serif – Type styles without decoration

Baseline – Line on which the base of the type rests

Key Size – The height of the capital letters

Decender– The part of the lower case letter that falls below the base line

Ascender– The part of the lower case letter that rises above the x-height

X-height– The height of the lower case letters without ascenders or decenders

Point– The overall size of the type

Counter– The inside area of type

GRAPHIC DESIGNERS Milton Glaser

Milton Glaser One of America’s most celebrated graphic designers, Milton Glaser has helped shape the visual environment of our times. He co-founded Pushpin Studios which changed the post-war style of American graphic and advertising art. Among his innumerable works for the music industry is the Bob Dylan poster – perhaps the most enduring image of the 1960s. In 1968, Glaser co-founded New York Magazine which became the prototype for every metropolitan-based general interest magazine to follow. The INY logo, which he designed in 1973, is one of the most frequently used symbols throughout the world. It has been translated into every known language and used by all literate civilizations.

Barbara Kruger

Barbara Kruger (born 1945) is an American conceptual artist Barbara Kruger (born 1945) is an American conceptual artist. She was born in Newark, New Jersey and left there in 1964 to attend Syracuse University. After a year at Syracuse, she moved to New York, where she began attending Parsons School of Design. She studied with Diane Arbus and Marvin Israel, who, as a graphic designer and art director for Harper's Bazaar in the 1960s, introduced Kruger to photographers and fashion/magazine sub-cultures. After a year at Parsons, Kruger left school and started to work at Mademoiselle magazine as an entry-level designer.

The sharpness or clarity of an image is called RESOLUTION

Bitmap images are resolution dependent Bitmap images are resolution dependent. Resolution refers to the number of pixels in an image and is usually stated as dpi (dots per inch) or ppi (pixels per inch).

Kerning Kerning is the reduction of space between characters

Stem - Often referred to as ‘the main body of a letter’, the Stem is the main vertical (or diagonal in ‘V’) stroke of a letter.

Ligature - A ligature is the term used to describe the crafting of two letters into a single letter form , or ‘glyph’, example  ff, fl, fi, ffi and ffl.

Finial - The tapered or curved end of a letter.

Spine - The central curved stroke of a letter Spine - The central curved stroke of a letter. Cross Bar - The horizontal lines within a letter.

Spine - The central curved stroke of a letter Spine - The central curved stroke of a letter. Cross Bar - The horizontal lines within a letter.

Bowl – A curved stroke which creates an enclosed space within a character (the space is then called a counter).

Vector images are made up of many individual, scalable objects Vector images are made up of many individual, scalable objects. These objects are defined by mathematical equations rather than pixels, so they always render at the highest quality.

Vector images primarily originate from software Vector images primarily originate from software. You can't scan an image and save it as a vector file without using special conversion software. In Illustrator we IMAGE Trace an image to convert it from a bitmap to vector image

Because they're scalable, vector-based images are resolution independent. You can increase and decrease the size of vector images to any degree and your lines will remain crisp and sharp, both on screen and in print. Fonts are a type of vector object.

CMYK THE COLOR MIXTURE OF FOUR PROCESS COLORS and is the STANDARD FOR COLOR PRINTING

Artboard the area on your Illustrator screen Bounded by a solid line called This is where your artwork is created and the printable area of your image

Direct Selection Tool In Illustrator the tool that allows you to select individual anchor points or single paths of an object.

The tool used to fit type into unusual shapes. Envelope Distort The tool used to fit type into unusual shapes.

Layers A system of organizing your Illustrator file

Opacity 50% opacity makes your image MORE translucent

Paths The distance between two anchor points in Illustrator.

Selection Tool The tool you would use to select and move a shape in Illustrator

Pen Tool The tool you use to create Lines (Paths) in Illustrator

Know that this is created with TYPE ON A PATH

CREATE OUTLINES Know that you would need these 3 commands to create the effect below 1. type 2. create outlines 3. erase

Know the difference between Photoshop and Illustrator

Photoshop images Bitmap images (also known as raster images) are made up of pixels in a grid. Pixels are picture elements; tiny dots of individual color that make up what you see on your screen. All these tiny dots of color come together to form the images you see. Most computer monitors display approximately 70 to 100 pixels per inch--the actual number depends on your monitor and screen settings.

How to IMAGE TRACE in Illustrator Start by opening your image in Photoshop and evaluating it. Does the background need to be erased, cleaned etc.? In the example to the right I erased the background. When you are happy with the image you need to use the marquee tool or lasso tool to select the image. COPY IT. Open an Illustrator file. Paste your image. Go to the WINDOW TAB at the top of the page and open IMAGE TRACE The Image Trace dialog box will appear. It defaults to black and white MODE. Change the MODE to COLOR. Click on the arrow next to ADVANCED to show more options. CLICK on the IGNORE WHITE and then CLICK on TRACE. YOU ARE DONE