Motion Type Projet, la typographie animée

Quand le motion design rencontre le travail typographique, c’est « Motion Type Project ». Un projet collaboratif mené par le graphiste Ho Ting-An, de la National Chiao Tung University de Taïwan. L’idée de se projet est de réunir des experts de la langue chinoise, et de créer des idéogrammes chinois animées. Le graphiste taïwanais bientôt diplômé, explique la difficulté d’un tel exercice pour des lettrages orientaux.

Pour suivre Motion Type Project :
Site web : http://motiontypeproject.com
Instagram : @motion_type_project
Behance : Ting-An Ho

Comment le workshop est-il né ?
Depuis son avènement, le motion design joue un rôle important dans la diffusion de l’information, par la publicité par exemple. Tandis que dans la narration visuelle, la majorité des textes dans le motion design est basé sur l’alphabet romain, avec beaucoup moins de réalisations basées sur la langue orientale. Alors j’ai commencé à traiter les signes chinois il y a environ un an.

D’où viennent les différents acteurs de ce projet ?
Certains d’entre eux sont des graphistes, des motion designers, des calligraphes, des typographes et linguistes. Ils sont étudiants ou professeurs diplômés dans les universités taïwanaises et chinoises pour nous assurer que nous ne négligeons aucun élément dans le traitement des mots. Ce sont des experts de la langue chinoise.

Comment concevez-vous la typographie?
La conception d’une typographie chinoise est bien différente des lettrages occidentaux. La principale différence réside dans la structure. Les caractères chinois sont des logogrammes, présentant une phrase ou un mot dans un pictogramme. Par exemple, « 東 », « 大 », « 木 » s’appelle « Vertical Symmetric Frame Type », « 國 », « 口 », « 回 », « 囧 », « 圓 » se nomme « Box Square Frame Type ». Je dois procéder étape par étape, et analyser la construction de certaines formes de mots. Et puisque les calligraphies traditionnelles ont été écrites à l’encre et la brosse orientales ; les traits, les serifs, les lignes de base et les structures sont spécifiques. J’ai conçu chaque animation appropriée au type de structure des logogrammes, correspondant aussi à la signification des mots.

Comment bougent les caractères ?
Les caractères chinois sont basés sur des pictogrammes composés de plusieurs traits individuels. Ces traits peuvent tourbillonner et rebondir pour former une composition mobile. Le projet demande à ces caractères de vivre dans une série de graphiques animés, par une structure mouvante préalablement établie.

Vous ne dessinez pas toute une famille typographique mais un caractère par typographie.
Il y a la question de la quantité. Étant donné que chaque police chinoise a plus de 60 000 caractères, il faut généralement des années et des dizaines de personnes pour développer une nouvelle police de caractères complète. Dans ce projet, il y a une animation pour un logogramme, dessinée par un graphiste.

Mettre les lettres en mouvements c’est aussi montrer la le geste de l’écriture avant sa forme figée ; une volonté de rendre hommage à la calligraphie ?
Non, je n’avais pas l’intention de rendre hommage au geste de la calligraphie par les nouvelles technologies. Ce n’est pas que je ne veux pas, mais la plupart des motion designers qui utilisent le chinois sont déjà en train de le faire. En revanche on remarque de plus en plus de travail typographique chinoise aujourd’hui, bien que l’exercice soit long et difficile.

Propos recueillis par Florian Bulou-Fezard

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Agenda

Du 22 au 28 août → Festival : Les Rencontres internationales de Lure – Lure

Les traditionnelles Rencontres internationales de Lure reprennent du service avec une 69e édition baptisée Faire Sans. Plusieurs ateliers, rencontres et une exposition réunissent la fine fleure du graphisme hexagonal dans la petite ville bourguignonne. Parmi eux, de nombreux ateliers de création typographique : manuscrit avec Louise Comiran, numérique avec Jérémy…

Jusqu’au 27 août → Exposition : Pierre Vanni – Médiathèque Charles-Gautier-Hermeland (Saint-Herblain)

Le graphiste toulousain Pierre Vanni est à l’honneur tout l’été à la médiathèque Charles-Gautier-Hermeland de Saint-Herblain avec une exposition retrospective. Principalement à l’œuvre dans le domaine culturel, Pierre Vanni ne laisse jamais indifférent. Bien souvent, il joue avec les perceptions du public en conjuguant images de synthèses et images réelles,…

Du 8 au 19 septembre → Festival : Scopitone – Stereolux (Nantes)

Pour sa 19e édition, le festival Scopitone replace Nantes au centre de l’art numérique et de la culture contemporaine. Il réunit pendant 12 jours à Stereolux, seize artistes présentant dix-huit œuvres, entre contemplation du présent et prédictions futures. Intitulée Hyper Nature, l’exposition plonge le spectateur dans un mælstrom de sensations.…

Feed

Moments, un tour du monde poétique avec Léa Morichon

Pour rendre hommage à ses livreurs, indéfectibles durant la pandémie, le groupe de livraison DPDgroup a fait appel à l’agence So Bam et à Léa Morichon, illustratrice et voyageuse invétérée, pour réaliser Moments, un carnet de voyage tout en paysages et en douceur. L’ouvrage contient 27 représentations de paysages, pour…

Le Club des DA a révélé le palmarès de sa 52ème édition

Le 12 juillet dernier, le Club des Directeurs Artistiques dévoilait le palmarès de sa 52ème édition. Cette année, 219 campagnes ont été distinguées sur les 1256 candidatures reçues par le jury. Différents prix récompensaient ainsi les lauréats : un rouge, équivalent d’une médaille d’or, un blanc pour les médaillés d’argent…

Ressources

Comment réaliser un texte en 3D sur SketchUp Pro ?

Après un premier épisode dédié à Sketch, tuto.com et étapes: vous offre un nouveau tutoriel. Celui-ci porte sur la fonction création de texte en 3D du logiciel SketchUp Pro. SketchUp Pro est un logiciel de CAO (Conception Assistée par Ordinateur), destiné à créer, visualiser et modifier assez aisément ses idées…

Prenez en main Sketch en 1 heure grâce à tuto.com

Dans le cadre de son partenariat avec le site tuto.com, étapes: vous offre plusieurs tutoriels normalement diffusés de façon payante. Aujourd’hui, ils portent sur l’application Sketch, outil permettant la création d’interfaces utilisateurs et le travail sur l’expérience utilisateur (UX). Ce tutoriel s’adresse à tous ceux intéressés par le design d’interfaces,…