ICTA Workshop on Unicode Publishing for Sinhala and Tamil

Slides:



Advertisements
Similar presentations
Typography Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Advertisements

Font & Typeface Making good design choices in formatting options for font when developing visually appealing publications Principles of Information Technology.
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. What message do these fonts convey?  Jokerman  Old English Text  Brush Script  Curlz  Edwardian Script.
1.01 Investigate typefaces and fonts.
1.01A – What typefaces should be used for various displays?????
1.01 Investigate typefaces and fonts.
Multimedia & Webpage Design
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Word Processing 1.  Word processing is probably one of the most frequently used packages in any organization.  People use it in making of quick notes.
Text in multimedia Why would course designers like text? The most inexpensive media to develop Least overhead in storage/transmission But text creation.
Categories TYPE of Text is the most essential ingredient in design communication. With type you communicate in two distinct ways. The first message your.
Multimedia: Making it Work
2.1 Different Text Attributes Font A set of printable or displayable text characters with its style and size specified Arial 16 point bold Arial 32 point.
Typography 2.01 Investigate typefaces and fonts..
1.01A – What typefaces should be used for various displays?????
Chapter 2 TEXT.
DTP Notes.
Chapter 2: Text.
Answer question 1. Answer question 2.
2 Type, Tools and Terms. Chapter 2 Objectives Distinguish between serif and sans serif typefaces. Read and interpret project markup. Define type family,
W rking with W rds Word Processing and Desktop Publishing o o.
Digital Interactive Media
Q: Invitation to the prom A. Decorative/Ornamental B. Sans Serif C. Script D. Serif.
All of the following terms describe parts of a font that give the eye visual clues to decoding the letters while reading. Many of these terms stem from.
1 herbert van de sompel CS 502 Computing Methods for Digital Libraries Cornell University – Computer Science Herbert Van de Sompel
A Field Linguist’s Guide to Unicode Deborah Anderson Script Encoding Initiative (Universal Scripts Project) Dept. of Lings., UC-Berkeley LSA Panel: A Field.
TYPOGRAPHY - DFP b6 Typeface Classifications. What is a font? Complete set of type of a particular face, style, and point size. Question: How many are.
B.Sc. Multimedia ComputingMedia Technologies Character Representation & Font Technology.
The applied art of arranging image and text to communicate a message.
Aim: What is a typeface? Mr. Spaterella Technology Dec. 1.
Welcome eager young artists! Ms. Edelman Friday, October 16, 2015  DO NOW: take out your notebook and a pen.
TYPOGRAPHY - DFP b7 Distinguish between serif and sans serif fonts Objective: Given resource material/lecture, the student will identify both serif and.
Introduction to Interactive Media Interactive Media Components: Text.
Typography (Fonts). Type type = any set of printed characters font = a set of printable or displayable characters with a specific style and size typeface.
Copyright 2002, Paradigm Publishing Inc. CHAPTER 2 BACKNEXTEND 2-1 LINKS TO OBJECTIVES Formatting Characters Formatting Characters Changing Fonts Character.
ICTA Workshop on Publishing Fonts Session 2 – Creating a Publishing Fon t Shan.
Adobe InDesign CS2--Revealed WORKING WITH TEXT. Chapter 2 Working with Text Chapter Objectives Format text Format paragraphs Create and apply styles Edit.
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
Typography Graphic Design Fundamentals
Typography 1.01 Investigate typefaces and fonts. (Rev. 2011)
TYPOGRAPHY What is Typography?
TYPOGRAPHY.
Week - 9 Multimedia: Text element. Overview Importance of text in a multimedia presentation. Understanding fonts and typefaces. Using text elements in.
INDESIGN TO REVIEW. TEXT TOOL Used to -change font and font size -add text to text blocks -selecting and highlighting text.
What is it and Why use it?.  MS Word is a word processor developed by Microsoft  Word Processor - an electronic device or a computer software application.
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.
Chapter 2. Copyright 2003, Paradigm Publishing Inc. CHAPTER 2 BACKNEXTEND 2-2 LINKS TO OBJECTIVES Bold, Italic, and Underlining Bold, Italic, and Underlining.
What are we interested in? 1. Understand Design 0 2. Digital Image design 3 3. Time-based media Webpage design 2 1.
Computer Engineering and Networks, College of Engineering, Majmaah University Text in multimedia Mohammed Saleem Bhat CEN-318 Multimedia.
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.
THE CODING SYSTEM FOR REPRESENTING DATA IN COMPUTER.
Typography Investigate typefaces and fonts. INTRODUCTION TO GRAPHICS.
Multimedia & Webpage Design
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Chapter 2: Text.
Typography Basics 2.01 Investigate typefaces and fonts.
Unit 2.1: Identifying design elements when preparing graphics
2.01 Investigate typefaces and fonts.
1.01 Investigate typefaces and fonts.
Introduction to MS Word
The Art of Type 9/17/2018.
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Fonts.
2.01 Investigate typefaces and fonts.
Exercise 8 – Software skills
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Microsoft Word Software
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Presentation transcript:

ICTA Workshop on Unicode Publishing for Sinhala and Tamil Shan

Agenda Introduction (ICTA, Consultant) Session 1 (9am 10:30 11:00 12:30) Session 2 (1:30 03:00 3:30 04:30)

Over 17 years Experience in Local Language Keyboard Drivers (Mac, Windows ) Keyboard Apps (Android, iOS) Fonts Font Rules Rendering Engine Converters (Non-Unicode to unicode) Spell Checker (Pagemaker, Word) Unicode Sequence Checker More than 14 languages

Session 1 Font , Typeface Font Family, Style Unicode Font Vs Non-Unicode Font Keyboard Driver Keyboard Layout Keying-in Sequence Font Rules Rendering Engine Font Tools - FontLab, Fontographer, RoboFont , FontForge MS-Volt Sinhala/Tamil Unicode support Sinhala/Tamil publishing Publishing Software - Adobe, Quark XPress Unicode support in Publishing Software Issues Solution to Sinhala/Tamil Unicode Publishing Demo

EXCERCISE-1 1. Open Microsoft Word 2. Select a Non-Unicode Sinhala Font (e.g .Abhaya Font) 3. Press J - what do you see ? 4. Type a sequence of Characters 5. Select the character and change the font to Arial 6. You see all English characters Issues 1.Keyboard Layout 2.Keyboard Driver 3.Keying Sequence

EXCERCISE-2 1. Open Microsoft Word 2. Select a Unicode Sinhala Font (e.g. IskolaPotha Font) 3. Press J - what do you see ? ව 4. Type sequence of Characters e.g. වයන්න 5. Select the character and change the font to Arial 6. It will NOT change to English, or else you will see a box or question mark Issues 1.Keyboard Layout 2.Keyboard Driver 3.Keying Sequence

Four different main categories Typeface Basic design of the character Four different main categories Serif San Serif Script Decorative / Ornamental

Serif Have attributes or strokes at the tips of the letter Used for body text in printed publications

San Serief Have no attributes or strokes at the tips of the letter Very large or very small text and for digital display

Decorative / Ornamental Catch the eyes Hard to read Used for decoration Headlines on flyers and advertisements

Appears to have been written by hand Script Appears to have been written by hand Poetry Announcement Formal Invitation

Sinhala and Tamil Category

Font Style Regular Bold Italic Bold Italic

Font Is a file with a collection of characters with a specific typeface and style Font Family Is a group of font files with a collection of characters with specific typeface and style

Non - Unicode Font 8 bit font 256 characters

How font is stored Glyph

Non - Unicode Font oQ o + Q

Non - Unicode Font o + Q = yen o Q Keyboard driver

Every font has different layouts

Unicode Font 256 * 256 = 65536 Every base character is given a number called a Unicode code point

ක ු - කු Substitution Font Rule 0d9A 3482 0dd4 3540

තොරතුරු තාක්‍ෂණ යටිතල පහසුකම්‍ ද අවස්ථාවන්ද සලසන්නාවූ පරිසරයක් ගොඩනැංවීම, ICTA මානව සම්‍පත් දියුණු කිරීම, පාලනය පුරවැසි සේවාවන් යථාවක් බවට පත් කිරීම, සමාජ ආර්ථික වර්ධනය තොරතුරු තාක්ෂණය ලීවරයක් ලෙස යොදාගැනීම සහ ලංකාව තොරතුරු තාක්ෂණ තෝතැන්නක් බවට අභිවර්ධනය කිරීම ආවරණය කිරීම ICTA මගින් කරනු ලැබේ. මෙම ජාතික ICT මාර්ග සිතියම අනුගමනය කිරීමේදී සෑම වැඩසටහන් වලම හවුල්කරුවන් යොමු කණ්ඩායම් බිහිකර යොදා ගැනීම අප විසින් කරනු ලැබේ.

Unicode Keying-in Sequence ‌ෙ ක ා ් f l d a කෝ ක ෝ ක ‌ෙ ා ් l f d a

You yet need a driver and Layout Unicode Fonts Glyphs Rules You yet need a driver and Layout

කෝ To type in unicode ක ෝ ‌ෙ ක ා ් Unicode font with rules Keyboard Layout Keyboard Driver OS Rendering Engine OpenType Tables Font Font Rules Windows, Linux කෝ Keyboard Layout Keyboard Driver Rendering Engine Mac ‌ෙ ක ා ් ක ෝ Font Rules Files AAT Tables

කෝ කෝ කෝ

Supports Sinhala Unicode: Windows XP Service Pack 2 to Windows 8 …… Linux Mac OS X Android iOS

Font Tools Create Rules you need MS Volt Tool Fontlab Fontographer FontForge RoboFont Create Rules you need MS Volt Tool

Publishing Software Did not support Unicode Not enough Unicode fonts Therefore started using Non-Unicode font Adobe Indesign , Quark Express, Corel Draw

Adobe Suite has its rendering engine embedded OpenType Tables Font Font Rules Keyboard Layout Keyboard Driver Adobe කෝ Rendering Engine ක ෝ ‌ෙ ක ා ් Windows, Linux Files

Rakaransaya,Yanse,Rephaya

Tamil Ksha க ் ஷ க்ஷ க ் |ஷ க்‌ஷ

From CS 5.5 it supports OpenType for indic script

How about other Adobe Products ? Photoshop, Illustrator etc…..

We created a font with rules which Adobe can read Solution We created a font with rules which Adobe can read

DEMO

Question 1 Application කෝ ක ෝ නු කෝ න ු

කෝ To type in Unicode ක ෝ ‌ෙ ක ා ් OpenType Tables Windows, Linux Mac Font Rules Font Windows, Linux කෝ Keyboard Layout Keyboard Driver Rendering Engine Mac ‌ෙ ක ා ් ක ෝ Font Rules Files AAT Tables

END