History, Anatomy and Graffiti the art or process of printing with type. the work of setting and arranging types and printing from them. the general character.

Slides:

Advertisements

Similar presentations

The Key Element in Desktop Publishing Design

Advertisements

Typography ty·pog·ra·phy (t -p g r -f ) n., pl. ty·pog·ra·phies. Abbr. typ., typo. Printing 1.The art and technique of printing with movable type. a.The.

® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN.

2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO TYPOGRAPHY DESIGN.

Typography (The study of font).

International Speech By Yihua,Kim,Soyeony,Chao,Jonathan.

Principles of Typography

Chapter Concepts Discuss Fonts Understand Fonts

The Use of Typography in Print and Electronically. [typography] “exists to honour content” Robert Bringhurst, The Elements of Typographical Style.

The Elements of Typography. The Anatomy of Type Baseline: The invisible line where letters sit.

Technology Interactions ‹ Chapter Title Copyright © Glencoe/McGraw-Hill A Division of The McGraw-Hill Companies, Inc. Technology Interactions Graphic communication.

Chapter 10: TypographyCopyright © 2004 by Prentice Hall 10. Typography In this chapter you will learn about: The basic terminology and concepts of working.

Welcome and have a seat please.  What is typography?  The design of the characters and the way they are presented on the page  What are fonts?

Typography G raphics theory. Typography Typography is the art of lettering which is… Used to create Effect Used to create Meaning Used to create some.

Get a sheet at your table. Objective: You will define and apply various lettering styles in order to create a more challenging type set. We will use these.

RIDDLE What goes around the world but stays in a corner?

content/uploads/2010/03/Death_by_Typography_by_GCORE1.jpg.

TYPOGRAPHY & FONTS. What is Typography? Typography is the Art of Print. It exists in virtually everything we see that has words or letters. Careful thought.

1.01 Investigate typefaces and fonts.

Multimedia & Webpage Design

Type. Type Relationships  Type is the basic building block of any printed page.  Since it is often necessary to have more than one typeface on a page,

® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN Vocabulary and Guidelines.

Web Design – Sec 4-6 and 4-7 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.

TYPOGRAPHY APPLIED DESIGN GRADE 12. ANATOMY of a LETTER BASELINE Invisible line that the letters sit on Rounded letters (like “e”) may extend slightly.

Multimedia: Making it Work

Web Design, 5 th Edition 5 Typography and Images.

10. Typography The basic terminology & concepts of working with type

DO NOW What are some examples of ways that companies use fonts to help sell their products? Copy your homework: Find two examples of creative uses of font.

CS 1308 Computer Literacy and the Internet. PowerPoint Considered Harmful  One of Dijkstra’s last s  Why did he feel this way?

Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.

INTRO TO TYPOGRAPHY BASICS Graphic Design II. What is Typography? the art or process of printing with type. In every piece of type you see, somebody has.

Graphic Design The term graphic design can refer to a number of artistic and professional disciplines which focus on visual communication and presentation.

Typography and Measurement. T y pog r a ph y Typography Measurement, Positioning and Styles.

Typography All types of t y pe Typography Defined The design, arrangement, style and appearance of type matter constitute typography.

The applied art of arranging image and text to communicate a message.

Aim: What is a typeface? Mr. Spaterella Technology Dec. 1.

In pairs / groups of three, discuss: Is it more important to have text that looks good or that’s easy to read?

Defining Type Desktop Publishing. What type shall I use? The gods refuse to answer. They refuse because they do not know. -W.A. Dwiggins.

LEARN THESE WORDS. Yearbook Vocabulary. Page Vocabulary Double Page Spread (DPS)  Two facing pages in a yearbook that are designed to appear as one cohesive.

Desktop Publishing Review. What is a rough sketch used in planning a layout and design?

Don’t have to be a designer to know when something just ain’t right…

Word Processing Fonts and Styles. Fonts An array of pictures indexed by an ASCII character code.

Typography Graphic Design Fundamentals

Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE.

TYPOGRAPHY What is Typography?

Typography is the art and technique of arranging type in order to make language visible. - The arrangement of type involves the selection of typefaces,

Headings and Text What makes headings stand out?.

Bell Ringer Get out your APP Logo Designs from Friday. 2. If you have your signed syllabus, please turn it in to Ms. Neblett.

Typography. The Target Audience Publications are created to convey a message to the intended audience, called the target audience. The target audience.

DESKTOP PUBLISHING. Publishing The process of presenting material in printed form.

DPT I Jeopardy Introduction to Desktop Publishing Introduction to Layout & Design Text Features Graphics Additional Publication Features Q $100 Q $200.

Typography A Key Element in Design A. Definition of Typography Typography is the appearance and arrangement of the characters that make up text on a page.

Design and Typography Chapter Designing a Publication Designing is the process of determining the format and layout, then creating Format: how and.

Graphic Design Mrs. Lacks. Typography Is the art and skill of arranging text so that language is visible Essentially, all forms of writing are typography.

Principles of Typography

Understanding and Applying Typography in CSS

google. ca/imgres. imgurl= braincrumbtrail

DFP 4113 MULTIMEDIA TECHNOLOGY

Basic Desktop Terminology

Typography Basics 2.01 Investigate typefaces and fonts.

Understanding and Applying Typography in CSS

Use Typography Techniques

Unit 2.1: Identifying design elements when preparing graphics

Layout Terms Visual Hierarchy

Principles of Typography

Desktop Publishing Terminology

Assist. Lecturer Safeen H. Rasool Collage of Science Department of IT

Layout Terms Visual Hierarchy

Presentation transcript:

History, Anatomy and Graffiti

the art or process of printing with type. the work of setting and arranging types and printing from them. the general character or appearance of printed matter. Typography: /ta ɪ p ɒ g rə fi/ [tahy-pog-ruh-fee], noun

TypographyTimeline Website Link: Google Form Link: mQ2o0Smsxbmk0cVE6MQ Using the links below, conduct a Mini-Web Quest with your computer partner and answer the questions on the Google document provided.

Typography Words to Know Serif Sans Serif Font Font Family Font Style

Serif Small, finishing strokes on the arms, stems, and tails of characters. Serif typefaces are usually used for text in books because the serifs form a link between letters that leads the eye across a line of type.

Sans Serif A typeface without serifs. For example, Helvetica or Bauhaus. Sans serif type is more legible in headings than in a long passage of text. no serifs Hint: San Serif fonts work great as a building block for your graffiti design. no serifs

Font One weight, width, and style of a typeface. Before scalable type, there was little distinction between the terms font, face, and family. Font and face still tend to be used interchangeably, although the term face is usually more correct.

Font family Also known as family. The collection of faces that were designed together and intended to be used together. For example, the Garamond font family consists of roman and italic styles, as well as regular, semi-bold, and bold weights. Each of the style and weight combinations is called a face.

Font style One of the variations in appearance, such as italic and bold, that make up the faces in a font family.

Gil Sans Ultra Bold a.serif fontserif font b.sans serif fontsans serif font c.strange name for a fontstrange name for a font Is a...

Awesome! You Rock! Click here to go to the next questionClick here to go to the next question.

So sorry…try again. Click here to go back to the question for another try.

Italic Bold Regular condendsed Bold Italic a.a font familya font family b.font stylesfont styles c.serif fontsserif fonts Are examples of:

Helvetica Helvetica Light Helvetica Light Oblique Helvetica Bold Oblique Helvetica Black Helvetica Condensed a.a font familya font family b.font face stylesfont face styles c.serif fontsserif fonts Are examples of:

Awesome! You Rock! Click here to go to the next questionClick here to go to the next question.

Awesome! You Rock! Click here to move on to learn about graffiti.

Now that you know a little bit about typography lets explore using type as an art form: Graffiti

An interview with a professional graffiti artist:

Questions from the video: According to the artist, first impressions are important to getting professional graffiti jobs. a.TrueTrue b. FalseFalse

Questions from the video: As a professional graffiti artist it is important to be organized and prepared to be successful. a.TrueTrue b. FalseFalse

Awesome! You Rock! Click here to move on to the next question.

Awesome! You Rock! Click here to look at examples of graffitiClick here to look at examples of graffiti.

Graffiti Lettering

Amazing Graffiti Artwork

More Graffiti Lettering…

Now its your turn to be a graffiti artist… legally! Step 1:  Draw five thumbnail sketches for your graffiti design using the graphic organizer provided. Step 2:  Create a new document in Illustrator with the following specifications:  Document Size: 11 x 8.5  Units: Inches  Orientation: Landscape Step 3:  Watch video tutorial #1, Creating Outlines, before starting your project. Remember to rewind, pause, minimize and toggle back and forth between programs to follow along with the video while doing your project. Design one letter at a time to stay focused on the style and design of your letter.

Happy Designing!

References Content: Adobe - fonts : Type topics. (n.d.). Retrieved from Images: Title Page T: Co, J. (Photographer). (2010). 30 creative typography art. [Web Photo]. Retrieved from inspiration/30-creative-typography-art/ inspiration/30-creative-typography-art/ Y: Carol. (Photographer). (n.d.). Today. [Web Photo]. Retrieved from letter-yhttp:// letter-y P: (n.d.). Mike perry. [Web Photo]. Retrieved from O: (2001). Letter o pictures, free use image, by freefoto.com. (2001). [Web Photo]. Retrieved from G: (n.d.). scenicreflections.com. [Web Photo]. Retrieved from R: (2011). Animal alphabet letters to print. (2011). [Web Photo]. Retrieved from print/challenging-animal-alphabet-letters-to-print/2/ print/challenging-animal-alphabet-letters-to-print/2/ A: Alpha. (Photographer). (2011). 3d graffiti letters "a" black and white font styles. [Web Photo]. Retrieved from P: H: Y: Timeline Discovery Education Video: Graffiti Artwork Examples: