Spiral splines in typeface design

Slides:



Advertisements
Similar presentations
TESSELLATIONS Oleh : Sulistyana SMP N 1 Wonosari.
Advertisements

2D Geometric Transformations
Computer Graphics (Spring 2008) COMS 4160, Lecture 6: Curves 1
Modeling of curves Needs a ways of representing curves: Reproducible - the representation should give the same curve every time; Computationally Quick;
Interpolating Splines: Which is the fairest of them all?
1 7M836 Animation & Rendering Animation Jakob Beetz Joran Jessurun
Chapter 9 Text. So, chapter 10 is about Photography, now Chapter 9 is about text What should it look like, how big should it be, how do colors contrast,
Introduction Tracking the corners Camera model and collision detection Keyframes Path Correction Controlling the entire path of a virtual camera In computer.
Snakes : Active Contour Models MICHAEL KASS International journal of computer vision.
Transformations Teacher Version Level
Jan Kamenický Mariánská  We deal with medical images ◦ Different viewpoints - multiview ◦ Different times - multitemporal ◦ Different sensors.
TECH 104 – Technical Graphics Communication Introduction to Engineering Graphics Communication.
Creating Vectors – Part One 2.02 Understand Digital Vector Graphics.
Lesson 2.7 Objective: To complete dilations on a coordinate plane.
Learning Objectives • Create sweep features. • Create lofted features.
Object Modeling: Curves and Surfaces CEng 477 Introduction to Computer Graphics.
Lesson 7.1: 1.Vocabulary of Transformations 2.Symmetry 3.Property of Reflection.
What is a rigid transformation?  A transformation that does not change the size or shape of a figure.
Dilations A dilation is a transformation that produces an image that is the same shape as the original, but is a different size. A dilation stretches or.
The Principles of Art Visual elements are the ingredients in making a great work of art. The visual elements are line, shape, pattern, texture, tone, form,
Introduction to typography
To transform something is to change it
3-D Modeling Concepts V part 2.
Drawing Geometric Objects
Fundamentals for Everyone
Learning Objectives To draw transformations of reflections, rotations, translations and combinations of these using graph paper, transparencies, and.
2.01 Understand Digital Raster Graphics
Constructing Objects in Computer Graphics
From Bitmap to Bezier: An Approach to Personal Font Generation
Chapter 10-2: Curves.
3-D Modeling Concepts V part 2.
GEOMETRY SOL 5.13.
Introduction to transformations
To transform something is to change it.

Engineering Graphics - Lect 6
Constructing Objects in Computer Graphics By Andries van Dam©
CURVES CAD/CAM/CAE.
To transform something is to change it
Analyzing Finger Print Types
Chapter 5 Curves and Fractals.
Enlargements and area Scale factor Area of object Area of image.
Digital Media Dr. Jim Rowan ITEC 2110.
Transformations for GCSE Maths
Transformations and Symmetry
3-D Modeling Concepts V part B.
Transformations for GCSE Maths
To transform something is to change it
3-D Modeling Concepts V part 2.
3-D Modeling Concepts Part 2.
Transformations –Translation
2.01 Understand Digital Raster Graphics
To transform something is to change it
Computer Graphics Lecture 15.
To transform something is to change it
Creating Vectors – Part One
Introduction to Parametric Curve and Surface Modeling
Transformations for GCSE Maths
Geometric Translations of the World
Maths Unit 12 – Transformations
To transform something is to change it
Rotation.
2.01 Understand Digital Raster Graphics
Creating Vectors – Part One
2.01 Understand Digital Raster Graphics
Unit 37 Further Transformations
Transformations –Translation, Reflection, Rotation and Dilations
How do you think you should sit at a computer and why?
Overview June 9- B-Spline Curves June 16- NURBS Curves
Maths Unit 10 (F) – Transformations
Presentation transcript:

Spiral splines in typeface design A case study of Manjari Malayalam typeface Hello & Welcome. I am Kavya, he is santhosh. We are going to discuss the use of Spiral spline curves in the design of typefaces, with Manjari - Malayalam typeface as an example. Santhosh did the design part and we together did the opentype engineering. Santhosh Thottingal & Kavya Manohar Swathanthra Malayalam Computing

This is a sample of Manjari typeface in 3 variants This is a sample of Manjari typeface in 3 variants. It reads Manjari in Malayalam. Manjari has three variants - Bold, Regular and Thin. The curves in Manjari follow a spiral shaped path between its control points.. The terminals are also rounded, giving a very soft feeling for the eyes.

Here is another sample. Contemporary style of Malayalam script is characterised by loops and curly strokes. Manjari follows this trend. But this was not the case during the early days of script evolution.

Vattezhuthu - Tharisappalli Copper plate 849 AD -9th centuary Vattezhuthu - Tharisappalli Copper plate 849 AD -9th centuary. They were rather elongated curves or slightly rectangular.

1772 Cleamant Pianius. The first printed book in Malayalam using movable types- Samkshepavedartham uses rectangular types.

1829 - New testament - Benchamin Bailey - start of rounded types

Modern printing. 2018. Still rounded.

A good handwriting is when it is “rounded” Manjari takes up this roundeness characteristics to the next level of perfection using spiral curve segments.

Optimal Curve What defines an optimal rounded curve between two control points, especially in type design?

From spiral to splines - Optimal Techniques in interactive curve design Ralph Linus Levien The answer was sought by Ralph Linus Levien on his thesis

Disjoing curves. No continuity In typedesign curves are interpolated from control points. How smooth can be the joining of two different curve segments? Let us see In what all different ways can two curve segments join together. This is a set of disjoint curves. Disjoing curves. No continuity

G0 continuous curves. Continuous with abrupt transition G0, continous, but not smooth. Has an abrupt transition. G0 continuous curves. Continuous with abrupt transition

G1 continuous curves has common tangent Here the join point is smoother with the tangents on either side of the curves being essentially the same. Call it G1 continuity. G1 continuous curves has common tangent

G2 continuous curves has common center of curvature The joining can be still more smooth, if it has a common centre of curvature at the joint points. This is G2 continuous joining of curve points. G2 continuous curves has common center of curvature

in a two parameter, G2 continuous interpolating spiral spline Every curve segment in a two parameter, G2 continuous interpolating spiral spline can be cut from an Euler spiral G2 continuous interpolating spiral spline between adjacent control points can be cut from an Euler spiral subjecting to rotation, scaling, translation and mirror image transformations. He calls Euler spiral as the generating curve for spiral splines.

G2 continuous interpolating spiral spline between adjacent control points can be cut from an Euler spiral subjecting to rotation, scaling, translation and mirror image transformations}. He calls Euler spiral as the generating curve for spiral splines.

Spiral Spline Every curve segment in the glyph is a segment from Euler spiral G2 continuous interpolating spiral spline between adjacent control points can be cut from an Euler spiral subjecting to rotation, scaling, translation and mirror image transformations. He calls Euler spiral as the generating curve for spiral splines.

Design Process

Inkscape & Fontforge

Popularity

Manjari: github.com/smc/manjari