MODULE 06 CÁCH TẠO CHỮ HÁN VÀ FONT CHỮ HÁN CHỮ NÔM MỚI

Slides:



Advertisements
Similar presentations
2.01 Investigate graphic image design.
Advertisements

1.Introduction to Multimedia  definitions  multimedia elements  characteristics of multimedia; new media; convergence  trends in the multimedia industries.
8331 Madison Blvd, Suite 200B Madison, AL GEAR (4327) Introduction to 2D Design.
Inkscape Tutorial v2.0 Simon Andrews
Chapter 3 Drawing and Composing an Illustration. Objectives Draw straight lines Draw curved lines Draw elements of an illustration Apply attributes to.
Foundation Level Course
Chapter 7 Creating Graphics. Chapter Objectives Use the Pen tool Reshape frames and apply stroke effects Work with polygons and compound paths Work with.
“To make my meal in a box taste better, I decided to tweak the logo, rather than the ingredients. ” -Jarod Kintz ILLUSTRATOR.
Creating Vectors – Part Two 2.02 Understand Digital Vector Graphics.
Exploring Other FreeHand Features – Lesson 31 Exploring Other FreeHand Features Lesson 3.
Macromedia Fireworks MX 2004 – Design Professional WORKING WITH OBJECTS.
2.02 Understand Digital Vector Graphics
Vector Graphics 2.02 Understand Digital Vector Graphics.
Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning.
Chapter 3 Survival Techniques. Goals Discover that being an Illustrator artist is more than just knowing the tools Develop a basic understanding of the.
Working with Graphics. Objectives Understand bitmap and vector graphics Place a graphic into a frame Work with the content indicator Transform frame contents.
Adobe InDesign CS5 – Illustrated Unit D: Working with Graphics.
Macromedia Fireworks 8 Revealed WORKING WITH OBJECTS.
CSC/FAR 020, Computer Graphics, November 12, 2014 Dr. Dale E. Parson Outline for week 11 Illustrator Type, Pathfinder,
Default Fill & Stroke D Swap Fill & Stroke Shift X None / Gradient > Color < Stroke X Fill (Click to activate) X More about Fill and Stroke:
Adobe Illustrator Basics Instructor: Cristol Gregory Assistant: Tara Caimi.
Copyright © 2003 Pearson Education, Inc. Chapter 2, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
RASTER & VECTOR FILES. Raster images use many coloured pixels or individual building blocks to form a complete image. JPEG, BMP, TIFF, GIF are common.
Tutorial 2 Drawing Shapes, Adding Text, and Creating Symbols.
Adobe/Macromedia Fireworks JAOIT 8. Fireworks – what is it? Adobe Fireworks (formerly Macromedia Fireworks) is a bitmap and vector graphics editor. It.
Vector vs. Raster 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.
Digital Imaging 101 Ann Ware
Advanced 2D Design Concepts Guilford County Sci Vis V
Computer Graphics Unit 23 Computer Graphics. Computer Graphics Computer generated imagery can be categorized into several different types: Vector or Bitmap.
© 2010 Delmar, Cengage Learning Chapter 4 Working with Frames.
XP Tutorial 2 Drawing, Adding Text, and Creating Symbols.
Getting Started with Adobe Illustrator CS6. Objectives Define illustration software Start Adobe Illustrator CS6 and change preference settings View the.
Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS.
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.
To play, start slide show and click on circle Lesson 5 Lesson 5 Lesson 6 Lesson 6 Lesson Lesson 7.
Advanced 2D Design Concepts V The basic fill options include uniform or solid, fountain or gradient, and pattern. The uniform fill is produced.
Adobe Illustrator CS5 - Illustrated Unit B: Performing Essential Operations.
Vector Graphics 2.02 Understand Digital Vector Graphics.
Simple Sprite Sheets with Inkscape & Gimp David Cline.
Illustrator lecture 1: how to use Adobe Illustrator with raster maps? Yhd Water and people.
Сивова Дарья МГУП, CorelDRAW is a vector graphics editor developed and marketed by Corel Corporation of Ottawa, Canada. It is also the name of Corel's.
Chapter 7 Vector Editing © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Bitmap vs. Vector How computers work with photographs and drawings.
Unit 1 Quiz Review INTRO TO ADOBE PHOTOSHOP. Vocabulary: Brushes & Selection Tools  POLYGONAL LASSO: Draws shape with a STRAIGHT EDGE and selects the.
Ryan Bibby 10/10/2014 Slide. 1 Graphics Software Project 1 | Assignment 2 | Ryan Bibby.
2.02 Understand Digital Vector Graphics
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Digital Imaging 101 Ann Ware.
Vector (Shapes) vs. Raster (Pixels)
2.02 Understand Digital Vector Graphics
2.01 Investigate graphic image design.
2.02 Understand Digital Vector Graphics
 Buying a drawing or graphic design program makes sense if you draw or design graphics for a living. But for most of us, the need for such.
2.02 Understand Digital Vector Graphics
2.02 Understand Digital Vector Graphics
2.01 Investigate graphic image design.
1.01 Investigate graphic types and file formats.
Chapter 7 Vector Editing
Creating Vectors – Part Two
Getting Started with Adobe Illustrator CS6
Drawing in Illustrator
Vector (Shapes) vs. Raster (Pixels)
2.01 Investigate graphic image design.
CSC/FAR 020, Computer Graphics, November 13, 2013
2.02 Understand Digital Vector Graphics
Creating Vectors – Part Two
2.02 Understand Digital Vector Graphics
2.02 Understand Digital Vector Graphics
CSC/FAR 020, Computer Graphics, November 16, 2011
Presentation transcript:

MODULE 06 CÁCH TẠO CHỮ HÁN VÀ FONT CHỮ HÁN CHỮ NÔM MỚI Nguyễn Phúc Anh Trường Đại học Khoa học Xã hội và Nhân văn, Hà Nội nguyenphucanhhannom@gmail.com 0979494380

Chinese Fonts 汉字字体 FontForge FontForge is an open source outline font editor. It competes with commercial software like FontLab. It can create fonts in many different formats, including opentype, truetype, and postscript. You can import glyphs that you have created in Inkscape with FontForge or you can create them directly in FontForge. The Freetype rasterization library for fonts is used extensively in FontForge. The narrative here relates to the 17:32 version 14 September 2009. Change the encoding to Unicode Full with the Encoding | Reencode menu. Installing FontForge on Windows can be a challenge since Cygwin with X Windows and some graphics libraries is a prerequisite. If that does not work you might try a Linux virtual machine, such as andLinux. To start FontForge on Windows, start up a Cygwin command line and type

FONTFORGE

FONTFORGE

FONTFORGE

FONTFORGE

Chinese Fonts 汉字字体 FontLab Studio 5 is the next-generation professional font editor created for Windows. It is the comprehensive solution for font foundries, professional type designers, typographers and graphic design studios, allowing them to design type, create and modify fonts. FontLab Studio 5 supports all major outline font formats, including Type 1, TrueType, Multiple Master and OpenType. Imports fonts with up to 64,000 glyphs as OpenType PS (.otf), Win TrueType / OpenType TT (.ttf), Win Type 1 (.pfb + .pfm/.afm), ASCII/Unix Type 1 (.pfa + .afm), Mac Type 1 (LWFN as .hqx, .bin), Mac TrueType (.dfont or FFIL as .hqx, .bin), TrueType AAT (.ttf, .dfont), Win Multiple Master (.pfb + .mmm), FontLab 2.5 (.vfa), FontLab 3.0-4.6/TypeTool/AsiaFont Studio/ScanFont/FontLab Studio (.vfb), Ikarus (.ik), BDF Bitmap (.bdf). Also imports glyphs as Adobe Illustrator 8 EPS (.ai, .eps), TIFF, BMP. Exports fonts with up to 6,400 glyphs* as OpenType PS (.otf), Win TrueType / OpenType TT (.ttf), Win Type 1 (.pfb + .pfm/.afm), ASCII/Unix Type 1 (.pfa + .afm), Win Multiple Master (.pfb + .mmm), FontLab 3.0-4.6/TypeTool/AsiaFont Studio/ScanFont/TransType/FontLab Studio (.vfb). Also exports glyphs as Adobe Illustrator 8 EPS (.ai + .eps), TIFF, BMP. Mac version also exports Mac Type 1 (LWFN), Mac TrueType (.dfont or FFIL), Mac Multiple Master.

FONTLAB STUDIO 5

FONTLAB STUDIO 5

FONTLAB STUDIO 5

INKSCAPE Inkscape is a free, open source SVG based vector graphics editor. It can be used to create two dimensional line drawings, charts, scientific illustrations, icons, logos, cartoons, etc. It is very useful for creating text by free hand drawing or tracing. Inkscape has useful tools like calligraphic pen, pencil, freehand shapes, bucket fill tool, etc to create vector based drawings. The drawing can then be exported to any format needed. Editing can also be automated in Inkscape with scripting so that if you have a large number of files, like a set of characters, they can be processed in a batch quickly. Inkscape is a very easy package to learn to use. An example of what you might do with Inkscape is to import a bitmap of a historic calligraphic work, trace it, and then delete the original. This is what I did with the figure below, traced from a work by the well known Tang Dynasty calligrapher Yan Zhenqing, with less that an hour learning the application.

INKSCAPE

INKSCAPE

INKSCAPE Trace the stroke with the pen tool, clicking on strategic points to create nodes along the outline. This results in a straight sided polygon. Change to the node tool, type CTRL-A to select all nodes, and in the node toolbar click 'make selected nodes autosmooth.' This converts the to straight line segments to Bezier curves and will result in a rounded outline with many nodes. Click CRTL-L to simplify the path. Delete any nodes that are not needed with the DEL key. The outline will be somewhat too rounded at this point Manually tweak the Bezier curves to tighten up the shape. Use CTRL-SHIFT and click to select all the strokes in the character. Type CTRL-G to group the strokes into a character In the Fill and Stroke dialog fill the entire character with black fill.

INKSCAPE

FREE CHINESE FONTS http://www.clearchinese.com/resources/fonts.htm

FREE CHINESE FONTS http://www.clearchinese.com/resources/fonts.htm

FREE CHINESE FONTS http://www.clearchinese.com/resources/fonts.htm

HÃY CÙNG THỰC HÀNH VÀ THẢO LUẬN