IT82: Mul timedia. Practical Graphics Issues 20th Feb Overview. Anti-aliasing. Fonts. What is it How to do it? History Anatomy of a Font
|
|
- Aldous Price
- 6 years ago
- Views:
Transcription
1 IT82: Mul timedia Practical Graphics Issues 20th Feb Anti-aliasing What is it How to do it? Lines Shapes Fonts History Anatomy of a Font Overview Types of Fonts ( which do I choose? ) How to make them look nice Font foundries Chapman & Chapman, chapter 7 2 1
2 Digitizing Pictures Historically, digitizing pictures worked as follows: A picture is scanned (sampled) and the bits of the bitmap set according to what colour wins for that pixel 3 Digitizing Pictures Same principle for text production: Also for vector graphics fi bitmap conversion! 4 2
3 Digitizing Pictures Each bit/pixel set to one of two colours because screens were monochrome (one colour on black) Often the results were not good! So how do we make the results better, in particular with colour monitors that can do greyscale? Also, don t forget that monochrome bitmaps still important today, e.g. for high contrast applications Good design says use strong dark/light contrasts for text on a background Non-colour printing involves just the one colour (black) on white paper 5 Anti-aliasing Richardson, Sections 1.5,
4 (a close-up) 7 Shapes Opaqueness in proportion to coverage of shape 8 4
5 Lines 9 Historically there were no fonts (styles of text) Characters were just characters, displayed on the screen (fixed number of columns and rows) or printer (dot matrix, daisywheel) Fonts Chapman & Chapman, chapter 7 Richardson, chapter
6 Anatomy of a Font sans serif baseline point size ascent descent leading serif Point size is in 72ths of an inch 11 Fonts Not to be confused with character sets! Fonts are different ways (styles) of representing characters e.g. to get the Greek letter alpha, a in Symbol font is displayed as α α can also be obtained as character 03B1x of the Unicode character set Not a 1-1 correspondence between characters and font shapes (glyphs) - different shapes for characters when appearing together e.g. Arabic characters ligatures 12 6
7 Some Common Fonts Arial (sans serif, TrueType) Times New Roman (serif, TrueType) Lucida Console (TrueType, fixed-width) Courier New (serif, fixed-width TrueType) Courier (serif) Genius of Crack (serif, TrueType) Σψνβολ (Symbol, a symbol font) ❿ (Wingdings, a symbol font) 13 Bitmapped Fonts Each font shape/glyph represented as a bitmap Scaling doesn t work Entire font families required (how fonts were used in early word processors) 8 point 10 point 12 point 14 point 16 point 18 point 20 point 24 point 36 point 72 point 14 7
8 Vector-based Fonts Nowadays, vector-based (scalable) fonts have taken over. These are defined in terms of three things: glyphs (straight lines and curves) hints Scalable fonts are converted to bitmapped glyphs as needed (e.g. for rendering on a printer) Aside: Java s fonts in Java2D are scalable fonts These use Unicode as the character set 15 Displaying Fonts Nicely Ways to do this include: Non-fixed-width Anti-aliasing Hinting Kerning (spacing) 16 8
9 Anti-aliasing Text 17 It s not always better: Anti-aliasing Text Here s a 8pt plain A in Times New Roman enlarged antialiased 18 9
10 Hinting Problem: display of small-sized text Digitizing results in un-evenness 19 More examples: 20 10
11 11 Hinting Hinting is the provision of hints as to how to display fonts in certain circumstances. A font may be defined without hints, but having hinting results in a better quality font A Microsoft hint to leave vertical and horizontal strokes solid! 21 Without kerning: With kerning: 22
12 12 Kerning Improves text appearance by changing the spacing of adjacent text (even to the point of overlapping) Done by use of kern pairs A high quality font (such as TrueType fonts) have suitable kern pair settings TrueType fonts may have anything from 100 to 500 kern pairs (150 is typical) 23 Font Foundries: the rivals Postscript A PDL (page description language) for printers Often hardware-implemented in a printer Provides many fonts (more than 20,000) TrueType A collection of high quality fonts Software-implemented (suitable for non-printing uses), converted to bitmaps which are then sent to a printer Other fonts required can be purchased from specialist font foundries. Postscript & TrueType are both designed to produce scalable fonts (for printing) & make use of hints etc. 24
Adobe Photoshop CS Design Professional PLACING TYPE IN AN IMAGE
Adobe Photoshop CS Design Professional 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 style Apply anti-aliasing
More information5. Text CHAPTER HIGHLIGHTS 10/12/2016 CHAPTER. Text tradition. Codes for computer text. t. Font technologies. Multimedia text.
CHAPTER 5. Text CHAPTER HIGHLIGHTS Text tradition. Codes for computer text. t Font technologies. Multimedia text. Guidelines for use of text in multimedia. 2 1 POWERS OF TEXT Multimedia developers value
More informationITNP80: Course Organization
1 ITNP80: Course Organization Lecturers: Prof. Amir Hussain (coordinator) (Room 4B64: email ahu@cs.stir.ac.uk) Dr. Andrew Abel (Teaching Assistant) (Room 4B59; email aka@cs.stir.ac.uk) Teaching (see Schedule
More informationReview Questions FW Chapter 1: Getting Started with Adobe Fireworks
Review Questions FW Chapter 1: Getting Started with Adobe Fireworks TRUE/FALSE 1. The 2 Up and 4 Up buttons allow you to select different optimization settings and evaluate them side by side. Page: Fireworks
More informationCS 160: Lecture 10. Professor John Canny Spring 2004 Feb 25 2/25/2004 1
CS 160: Lecture 10 Professor John Canny Spring 2004 Feb 25 2/25/2004 1 Administrivia In-class midterm on Friday * Closed book (no calcs or laptops) * Material up to last Friday Lo-Fi Prototype assignment
More informationBASIC ABOUT TYPE TYPO GRAPHY
BASIC ABOUT TYPE TYPO GRAPHY TYPOGRAPHY BASIC DESIGN Relative & Absolute measurements Absolute measurements Inche : Millimetres : Points : Pica 3 Inches 76.2 mm 216 Points 18 Picas 1 Inches = 3 Picas A
More informationLECTURE 4 THE USES OF TEXT IN MULTIMEDIA
LECTURE 4 THE USES OF TEXT IN MULTIMEDIA 1 Objective Media Types What text is How text is created and stored in the computer How text is used in Multimedia Systems Advantages and Disadvantages of using
More informationanatomy cap height x-height baseline descender ligature finial terminal ascender spine small capital uppercase counter cross bar lowercase
Type Anatomy anatomy cap height x-height baseline stem bowl serif descender ligature ascender finial terminal ascender spine uppercase small capital cross bar counter lowercase 36 thinking with type cap
More informationText. Text metrics. There are some important metrics that we must consider when working with text. Figure 4-1 shows the basics.
Text Drawing text has some special properties and thus is treated in a separate chapter. We first need to talk about the sizing of text. Then we discuss fonts and how text is actually drawn. There is then
More informationKnightswood Secondary School. Graphic Communication. Desktop Publishing otes. Auto Tracing
Auto Tracing The process of converting a bit mapped image into a vector image. In a bit-mapped image, each object is represented by a pattern of dots, while in a vector image every object is defined geometrically.
More informationRepresenting Graphical Data
Representing Graphical Data Chapman & Chapman, chapters 3,4,5 Richardson 1 Graphics in IT82 What does computer graphics cover? IT82 Input, output, and representation of graphical data Creation of graphics
More informationINTRODUCING THE Transition family
INTRODUCING THE Transition family A TYPFACE DESIGNED BY JAN ERASMUS CIRCA 2006 INFORMATION GUIDE RELEASED AND DISTRIBUTED BY: Cybergraphics.bz ALSO DISTRIBUTED BY: Fonts.com Linotype.com ITC.com Transition
More informationEinführung in Visual Computing
Einführung in Visual Computing 186.822 Rasterization Werner Purgathofer Rasterization in the Rendering Pipeline scene objects in object space transformed vertices in clip space scene in normalized device
More informationComputer Graphics. Attributes of Graphics Primitives. Somsak Walairacht, Computer Engineering, KMITL 1
Computer Graphics Chapter 4 Attributes of Graphics Primitives Somsak Walairacht, Computer Engineering, KMITL 1 Outline OpenGL State Variables Point Attributes t Line Attributes Fill-Area Attributes Scan-Line
More informationLab Introduction to Cascading Style Sheets
Lab Introduction to Cascading Style Sheets For this laboratory you will need a basic text editor and a browser. In the labs, winedt or Notepad++ is recommended along with Firefox/Chrome For this activity,
More informationUser-Centered Website Development: A Human- Computer Interaction Approach
User-Centered Website Development: A Human- Computer Interaction Approach Daniel D. McCracken City College of New York Rosalee J. Wolfe DePaul University With a foreword by: Jared M. Spool, Founding Principal,
More informationHow to...create a Video VBOX Gauge in Inkscape. So you want to create your own gauge? How about a transparent background for those text elements?
BASIC GAUGE CREATION The Video VBox setup software is capable of using many different image formats for gauge backgrounds, static images, or logos, including Bitmaps, JPEGs, or PNG s. When the software
More informationAlphabet. elemental visual signs 26 characters frozen sounds
Alphabet elemental visual signs 26 characters frozen sounds Evolution Handwriting > minimum number of strokes Engraving > lowercase > minimum number of curved lines > capitals Letterforms Appearance of
More informationunderstanding typography
understanding typography What is typography?! it is what language looks like! it is the art and technique of modifying type and arranging it on a page What does the arrangement of type mean? the arrangement
More informationEnvSci360 Computer and Analytical Cartography
EnvSci360 Computer and Analytical Cartography Lecture 5 Working with Type and Labels Key Points Labels are text that locate and identify features on a map Important for readability & communication EnvSci
More informationGood. jute. Graphics Guide. How to get the most out of your bag... printing on
Good Graphics Guide How to get the most out of your bag... We want you to have the best possible product. This guide is designed to help you make informed choices when you design the artwork for your bag.
More informationRepresenting Graphical Data
Representing Graphical Data Cunliffe & Elliott, chapter 4 Chapman & Chapman, chapters 3,4 CSCU9N5: Multimedia and HCI 1 Representing Graphical Data Logical and Physical Representation Use of colour: Pixels
More informationPrinciples of Typography
Principles of Typography Different fonts send a different message to the reader. Categories: Sans serif Serif Script Decorative Fonts Sans-serif Fonts Easy to read, especially online Modern and clean Good
More informationEverything you always wanted to know about Fonts*
Everything you always wanted to know about Fonts* (*but were afraid to ask) or.. "Using Mac fonts in the Avid Media Composer" The font system in the Mac isn't necessarily the easiest thing to understand.
More informationComputer Graphics. Chapter 4 Attributes of Graphics Primitives. Somsak Walairacht, Computer Engineering, KMITL 1
Computer Graphics Chapter 4 Attributes of Graphics Primitives Somsak Walairacht, Computer Engineering, KMITL 1 Outline OpenGL State Variables Point Attributes Line Attributes Fill-Area Attributes Scan-Line
More informationGraphics. HCID 520 User Interface Software & Technology
Graphics HCID 520 User Interface Software & Technology PIXELS! 2D Graphics 2D Raster Graphics Model Drawing canvas with own coordinate system. Origin at top-left, increasing down and right. Graphics
More informationAdding CSS to your HTML
Adding CSS to your HTML Lecture 3 CGS 3066 Fall 2016 September 27, 2016 Making your document pretty CSS is used to add presentation to the HTML document. We have seen 3 ways of adding CSS. In this lecture,
More informationTechnical Reproduction Guidelines
Delivery Requirements The delivery and receipt of advertising material via Quickcut and Adsend is an automated workflow. As a result material instructions are not able to be viewed and should be communicated
More informationUnit 3--Alignment, Formatting Font--Size, Color, Style [Bold, Italic, and Underline] Block
Unit 3--Alignment, Formatting Font--Size, Color, Style [Bold, Italic, and Underline] Block Use the mouse pointer to select the text (or put a blue highlight behind it). Then, make the changes you need.
More informationLaTeX and fonts. TrueType is built into most Windows/MacOS systems. PostScript Type 1 fonts are well-established and supported directly by
Page 1 of 6 LaTeX and fonts Font formats How LaTeX uses fonts Using Postscript fonts in LaTeX LaTeX font attributes Associated LaTeX filetypes Associated LaTeX utilities LaTeX font names Things that can
More informationIII-6Exporting Graphics (Windows)
Chapter III-6 III-6Exporting Graphics (Windows) Overview... 96 Metafile Formats... 96 BMP Format... 97 PDF Format... 97 Blurry Images in PDF... 97 Encapsulated PostScript (EPS) Format... 97 SVG Format...
More informationFloats, Grids, and Fonts
Floats, Grids, and Fonts Computer Science and Engineering College of Engineering The Ohio State University Lecture 17 Recall: Blocks, Inline, and Flow flow body inline paragraph heading horz rule blocks
More informationConcepts and Terms. production assignment 01 review V. Different Typefaces Same Name. I. Vector vs Raster Graphics
production assignment 01 review 01.0 Concepts and Terms I. Vector vs Raster Graphics A. Vector graphics (aka object graphics) are resolution independent. Illustrator is vector- or object-based drawing
More informationWe assume that occasionally you want to say something on your Web
Chapter 5 What s Your Type? In This Chapter Creating, editing, and formatting text Using cool text effects We assume that occasionally you want to say something on your Web site, so this chapter covers
More information7 TYPOGRAPHIC DESIGN Lesson overview
7 TYPOGRAPHIC DESIGN Lesson overview In this lesson, you ll learn how to do the following: Use guides to position text in a composition. Make a clipping mask from type. Merge type with other layers. Format
More informationVOICE OF TYPE LECTURE 1
VOICE OF TYPE LECTURE 1 TYPOGRAPHY II COUNTY COLLEGE OF MORRIS PROFESSOR GAYLE REMBOLD FURBERT VOICE OF TYPE As you look at typefaces, analyze their forms, learn their history and learn how to use them
More informationFont, Typeface, Typeface Family. Selected Typographical Variables
Font, Typeface, Typeface Family Font: A font is a set of printable or displayable text character in a specific style, weight, and size. E.g. Helvetica Italic 10 Point. Typeface: The type design for a set
More informationFrequently Asked Questions about Text and Graphics
1 Frequently Asked Questions about Text and Graphics 1. What is a font? A font is a set of printable or displayable text characters that are in a specific style and size. The type design for a set of fonts
More informationGraphics. HCID 520 User Interface Software & Technology
Graphics HCID 520 User Interface Software & Technology PIXELS! 2D Graphics 2D Graphics in HTML 5 Raster Graphics: canvas element Low-level; modify a 2D grid of pixels.
More informationControlling Appearance the Old Way
Webpages and Websites CSS Controlling Appearance the Old Way Older webpages use predefined tags - - italic text; - bold text attributes - Tables (and a few other elements) use specialized
More informationGraphics in IT82. Representing Graphical Data. Graphics in IT82. Lectures Overview. Representing Graphical Data. Logical / Physical Representation
Graphics in IT82 What does computer graphics cover? Representing Graphical Data Chapman & Chapman, chapters 3,4,5 Richardson IT82 Input, output, and representation of graphical data Creation of graphics
More informationIntroduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100
Introduction to Multimedia MMP100 Spring 2016 profehagan@gmail.com thiserichagan.com/mmp100 Troubleshooting Check your tags! Do you have a start AND end tags? Does everything match? Check your syntax!
More informationWanted! Introduction. Step 1: Styling your poster. Activity Checklist. In this project, you ll learn how to make your own poster.
Wanted! Introduction In this project, you ll learn how to make your own poster. Step 1: Styling your poster Let s start by editing the CSS code for the poster. Activity Checklist Open this trinket: jumpto.cc/web-wanted.
More informationChapter 12: FORMATTING TEXT
Disclaimer: All words, pictures are adopted from Learning Web Design (3 rd eds.) by Jennifer Niederst Robbins, published by O Reilly 2007. PART III: CSS FOR PRESENTATION Chapter 12: FORMATTING TEXT CSc2320
More informationIntroduction to Web Design CSS Reference
Inline Style Syntax: Introduction to Web Design CSS Reference Example: text Internal Style Sheet Syntax: selector {property: value; Example:
More informationDTP Theory Notes. Arbroath Academy - Technology Department - National 5 Graphic Communication
DTP Theory Notes What is Desktop Publishing? Desktop Publishing (DTP) is the process of using software to create different publications, e.g, magazines, brochures, posters, booklets,newspapers. Who makes
More informationIntroduction to Web Design CSS Reference
Inline Style Syntax: Introduction to Web Design CSS Reference Example: text Internal Style Sheet Syntax: selector {property: value; Example:
More informationChapter One Modifying Your Fonts
Chapter One Modifying Your Fonts Steps to Modifying Fonts Opening Fonts Changing Character Weight About Font Piracy Creating Oblique Fonts Creating Fractions Creating Ligatures Creating Condensed Characters
More informationTYPOGRAPHY. ascender arm (as on the capital T) descender bar (as on the capital H) counter ear (as on the lower case g and r)
TYPOGRAPHY Parts of letters: base line x-height ascender arm (as on the capital T) descender bar (as on the capital H) extenders bowl counter ear (as on the lower case g and r) serif stroke tail (as on
More informationData Representation From 0s and 1s to images CPSC 101
Data Representation From 0s and 1s to images CPSC 101 Learning Goals After the Data Representation: Images unit, you will be able to: Recognize and translate between binary and decimal numbers Define bit,
More information1.6 Graphics Packages
1.6 Graphics Packages Graphics Graphics refers to any computer device or program that makes a computer capable of displaying and manipulating pictures. The term also refers to the images themselves. A
More informationFonts. Understanding problems and solutions
Understanding problems and solutions 1 Content... 2 2 Terms... 2 2.1 Native Fonts... 3 2.2 Logical Fonts... 3 2.3 Dynamic Font Names... 3 2.4 Font Embedding... 4 2.5 Font Auto-Scaling... 4 3 Problems...
More informationFont Basics. Descender. Serif. With strokes on the extremities of the letters. T Script. Sans-Serif. No strokes on the end of the letters
Font Basics Ascender Font Size d p x A X-height Cap height Counter The white space within letters Descender Bar A Serif With strokes on the extremities of the letters. T A Sans-Serif No strokes on the
More informationRMX. Font Remix Tools FOR GLYPHS. Handbook
Font Remix Tools FOR GLYPHS Handbook October 2018 Font Remix Tools for Glyphs: Handbook page 2 of 9 Content 1. Getting started 1.1. Installation 1.2. Keyboard shortcuts 1.3. Requirements 2. Harmonizer
More informationName: Class: Teacher:..
Name: Class: Teacher:.. Introduction Desktop publishing (DTP) is the process of designing newspapers, magazines, books, leaflets, booklets and reports on a computer. The industry that produces these items
More informationMODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION Module title Design Principles and Context
MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION 06-07 Module title Design Principles and Context Typography Fonts are classified under the following headings. Old Face fonts make use of contrasting wide
More information7 TyPOGrAPHiC DESiGn lesson overview
7 typographic design Lesson overview In this lesson, you ll learn how to do the following: Use guides to position text in a composition. Make a clipping mask from type. Merge type with other layers. Use
More informationF PROT. Sub-brands FILE SERVER SECURITY
BRANDING MANUAL Logo The F PROT Circle Icon was designed by Ágúst Gunnarsson and was introduced in 2006. We consider it very strong and it is at the focal point of a lot of our material. The latest update
More informationGraphical User Interface Tool for Embedded Systems User Manual Version Revision A
Graphical User Interface Tool for Embedded Systems User Manual Version 6.3.0 Revision A A product from IBIS Solutions ApS Torvevangen 24 DK-4550 Asnaes Denmark Phone: +45 7022 0495 Fax: +45 7023 0495 VAT
More informationfonts Some famous (and infamous) fonts
fonts It s easy to forget that fonts have been around for hundreds of years, and the writing styles of ancient cultures have influenced their creation for thousands of years. The people who design fonts
More informationCMPT 165: More CSS Basics
CMPT 165: More CSS Basics Tamara Smyth, tamaras@cs.sfu.ca School of Computing Science, Simon Fraser University October 14, 2011 1 The Favorites Icon The favorites icon (favicon) is the small icon you see
More information<body bgcolor=" " fgcolor=" " link=" " vlink=" " alink=" "> These body attributes have now been deprecated, and should not be used in XHTML.
CSS Formatting Background When HTML became popular among users who were not scientists, the limited formatting offered by the built-in tags was not enough for users who wanted a more artistic layout. Netscape,
More information.hedgehog { background-image: url(backyard.jpg); color: #ffff99; height: 6in; width: 12in; } .tube {
.hedgehog { background-image: url(backyard.jpg); color: #ffff99; height: 6in; width: 12in;.tube { color: #996600; height: 3in; width: 12in; position: fixed; What is CSS? Cascading Style Sheets CSS is responsible
More informationSelecting fonts from the WIRIS editor user interface Configuring fonts in the plugins and low level configuration... 2
Font configuration Document Release: 1.0 2011 January, Maths for More www.wiris.com Contents Selecting fonts from the WIRIS editor user interface... 2 Configuring fonts in the plugins and low level configuration...
More informationFont classification review
Font classification review Taken from Lettering & Type by Bruce Willen Nolen Strals Old Style Transitional Modern Slab Serif Garamond ag Baskerville ag Bodoni ag Cowboys ab Sans Serif Gill Sans ag Decorative
More informationConversion of TEX fonts into Type 1 format
Conversion of TEX fonts into Type 1 format Szabó Péter September 2001 presented at EuroTEX 2001 Page 1 of 12 The problem: Acrobat Reader renders most fonts slowly and unreadably ugly on
More informationPart 1. Large Format Printing. How to create an effective poster 2/26/2009
2/26/2009 WHAT IS A RESEARCH POSTER: Form of COMMUNICATION Large Format Printing with AICT Shows off your RESEARCH in a clear and well ordered fashion Journal article translated into GRAPHIC forms AVOID
More informationDESKTOP PUBLISHING FOR PRINT PRODUCTION PRACTICAL
DESKTOP PUBLISHING FOR PRINT PRODUCTION PRACTICAL M Scheme By, A.Paramasivam, Lecturer (SS) S.Marimuthu, Lecturer Department of Printing Technology Arasan Ganesan Polytechnic College Sivakasi Ex.No. 1
More informationFile Preparation. For best results, please follow the guidelines below.
File Preparation For best results, please follow the guidelines below. ACCEPTED DESIGN APPLICATIONS We accept the following application formats: Adobe Photoshop, Adobe Illustrator, Adobe InDesign, Microsoft
More informationPutting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3
Putting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3 Typography The study of all elements of type as a means of visual
More informationLogo & Brand Identity Guidelines. Media Sonar Technologies
Technologies Logo & Brand Identity Guidelines 0 Contents 1.0 Logo Specifics 2.0 Typeface Details 3.0 Icons 4.0 Colour Specifications 5.0 Logo Styles (lock-ups) 5.1 Logo Best Practices Logo Construction
More informationCSS Styles Quick Reference Guide
Table 1: CSS Font and Text Properties Font & Text Properties Example(s) font-family Font or typeface font-family: Tahoma font-size Size of the font font-size: 12pt font-weight Normal or bold font-weight:
More informationObjective. Origin. Note that the signs presented in this document are a part of an upcoming family of exterior signs.
EXTERIOR BUILDING SIGNAGE - GUIDELINES SUMMER 2014 Objective It is with a strong sense of excellence and a continuous desire for improvement that McGill University is proud to update its exterior signage
More informationHow to Make a Poster Using PowerPoint
How to Make a Poster Using PowerPoint 1997 2010 Start PowerPoint: Make a New presentation a blank one. When asked for a Layout, choose a blank one one without anything even a title. Choose the Size of
More informationACSC 231 Internet Technologies
ACSC 231 Internet Technologies Lecture 7 Web Typography Efthyvoulos Kyriacou - Assoc. Prof. Frederick University Resources: C. Markides (Frederick University) Slide 1 ACSC 231: Internet Technologies 23/12/2008
More informationExam : 9A Title : Certified Macromedia Flash MX 2004 Designer Exam. Version : DEMO
Exam : 9A0-502 Title : Certified Macromedia Flash MX 2004 Designer Exam Version : DEMO 1. What technique will NOT add curvature to an existing straight-line segment? A. Free Transform tool with Distort
More informationRMX. Font Remix Tools. for glyphs. Handbook. February 2016 Just Another Foundry GmbH
Font Remix Tools for glyphs Handbook February 2016 Just Another Foundry GmbH Font Remix Tools for Glyphs: Handbook page 2 of 9 Content 1. Getting started 1.1. Installation 1.2. Keyboard shortcuts 1.3.
More informationStudy Guide 2 - HTML and CSS - Chap. 6,8,10,11,12 Name - Alexia Bernardo
Study Guide 2 - HTML and CSS - Chap. 6,8,10,11,12 Name - Alexia Bernardo Note: We skipped Study Guide 1. If you d like to review it, I place a copy here: https:// people.rit.edu/~nbbigm/studyguides/sg-1.docx
More informationFLEET LOGO USAGE AND STANDARDS INNOVA BRANDING STANDARDS 2015 GUIDE
FLEET LOGO USAGE AND STANDARDS INNOVA BRANDING STANDARDS 2015 GUIDE INNOVA BRANDING STANDARDS 2015 GUIDE 2 TABLE OF CONTENTS The Innova Brand 3 Branding Elements Logo Colors Typography 4 8 10 INNOVA BRANDING
More informationThe FontFactory Window. Introduction. Installation. The File Menu. Open
4 2 5 1 6 7 3 8 Introduction FontFactory is an application for working with NX fonts. Among other things, you can look at them, modify them, and convert them to and from other formats. These notes provide
More informationUNSW Global Website Branding Guidelines. Website Brand Guidelines
Website Brand Guidelines I Contents 1 Introduction... 1 2 Website Structure... 1 2.1 Page structure overview... 1 2.2 Home page structure... 1 2.3 Secondary page structure... 4 3 Page elements... 6 3.1
More informationGuidelines for Legible and Readable Text, page 2-1 Visual Density Transparent, Translucent, or Opaque?, page 2-3
CHAPTER 2 Revised: November 15, 2011 Concepts, page 2-1 s, page 2-4 Reference, page 2-25 Concepts Guidelines for Legible and Readable Text, page 2-1 Visual Density Transparent, Translucent, or Opaque?,
More informationCNOOC Nexen Employer Brand Guidelines. A New Energy
CNOOC Nexen Employer Brand Guidelines A New Energy Corporate Colours The primary colour palette is used in the logo. The extended colour palette is built with a range of blues to create a spectrum that
More informationGuidelines for PDF Creation from Office Applications
Guidelines Guidelines for PDF Creation from Office Applications Authors Leonard Rosenthol Menno Mooij Date 17 July 2009 Status v2 - Draft 3 info@gwg.org www.gwg.org Table of Contents 1 2 INTRODUCTION...3
More informationLumin Lumin Sans Lumin Sans Condensed Lumin Display
Typotheque type specimen & OpenType feature specification. Please read before using the fonts. Lumin Lumin Sans Lumin Sans Condensed Lumin Display OpenType font family supporting Latin based languages
More informationMedia-Specific Styles
Media-Specific Styles Same HTML, Different CSS R. Scott Granneman r Jans Carton 1.5 2008 R. Scott Granneman Last updated 2017-06-13 You are free to use this work, with certain restrictions. For full licensing
More information8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2)
Web Development & Design Foundations with HTML5 Ninth Edition Chapter 3 Configuring Color and Text with CSS Slides in this presentation contain hyperlinks. JAWS users should be able to get a list of links
More informationHow to draw and create shapes
Adobe Flash Professional Guide How to draw and create shapes You can add artwork to your Adobe Flash Professional documents in two ways: You can import images or draw original artwork in Flash by using
More informationProject 2 reminders: Hand in your typed book summary/response at end of class today. Make sure to include your name and section.
Project 2 reminders: Hand in your typed book summary/response at end of class today. Make sure to include your name and section. Project 2 reminders: First book cover critique this Friday. Bring 3 book
More informationjasonjuwono twentyfifteen TYPEDIA _ Typography Encyclopedia
TYPEDIA _ Typography Encyclopedia ANATOMY_ Anatomy of a typeface Anatomy of a typeface What is a Font & Typeface? A design for a set of characters. A font is the combination of typeface and other qualities,
More informationPublisher 2016 Foundation SAMPLE
Publisher 2016 Foundation Publisher 2016 Foundation Microsoft Publisher 2016 Foundation - Page 2 2015 Cheltenham Group Pty. Ltd. All trademarks acknowledged. E&OE. No part of this document may be copied
More informationTEMPLATE ORDER GUIDE /
TEMPLATE ORDER GUIDE / Our template order guide is filled with guidelines to help you complete the template order form. We want this to be a super easy and fun process for you! In order to prevent any
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 informationBrand Mark Specifications and Usage Guidelines
Brand Mark Specifications and Usage Guidelines Notes: 1. s (a) Pantone is a colour system of exact colours for commercial hard-copy printing, when a company s colours in a brand mark need to be exact,
More informationChapter 7 Typography, Style Sheets, and Color. Mrs. Johnson
Chapter 7 Typography, Style Sheets, and Color Mrs. Johnson Typography Typography refers to the arrangement, shape, size, style, and weight of text. Affects the navigation and usability of a web site and
More informationHow to supply your artwork to us in a print ready format
How to supply your artwork to us in a print ready format Artwork formats we accept PDF s are the preferred way of supplying artwork. In CYMK High Res version 4. However we can also accept the formats below
More informationPublisher 2010 Foundation. Publisher 2010 Foundation Level SAMPLE
Publisher 2010 Foundation Publisher 2010 Foundation Level Microsoft Publisher 2010 Foundation - Page 2 1995-2012 Cheltenham Courseware Pty. Ltd. All trademarks acknowledged. E&OE. No part of this document
More informationHTML and CSS a further introduction
HTML and CSS a further introduction By now you should be familiar with HTML and CSS and what they are, HTML dictates the structure of a page, CSS dictates how it looks. This tutorial will teach you a few
More informationCreating Large Format Posters Using PowerPoint TIP SHEET. Before you begin working in PowerPoint, sketch out your poster on paper.
Creating Large Format Posters Using PowerPoint TIP SHEET INTRODUCTION The ideal poster is designed to: o Tell a story o Provide a brief overview of your work o Initiate discussion o Stand alone when you
More informationM4-R4: INTRODUCTION TO MULTIMEDIA (JAN 2019) DURATION: 03 Hrs
M4-R4: INTRODUCTION TO MULTIMEDIA (JAN 2019) Max Marks: 100 DURATION: 03 Hrs M1-R4-01-19 1.3 Which of the following tag pair is used to list the text? (a) and (b) and (c)
More information