Forum de la Cartoonerie
[Tournage] Utiliser diverses polices (pour Titres et texte TRÈS COURT) - Version imprimable

+- Forum de la Cartoonerie (https://forum.lacartoonerie.com)
+-- Forum : Utilisation de la Cartoonerie (https://forum.lacartoonerie.com/forumdisplay.php?fid=5)
+--- Forum : Tutoriels, Trucs & Astuces (https://forum.lacartoonerie.com/forumdisplay.php?fid=6)
+--- Sujet : [Tournage] Utiliser diverses polices (pour Titres et texte TRÈS COURT) (/showthread.php?tid=3177)



Utiliser diverses polices (pour Titres et texte TRÈS COURT) - Tamary - 07-04-2018

UTILISER DIVERSES POLICES D'ÉCRITURE (POUR TITRES et TEXTE TRÈS COURT) 

(Je ne vais pas me lancer dans des explications très pointues du sujet, mais juste vous expliquer quelques méthodes pour copier des polices d'écritures [alphabet latin et grec principalement]. Comme d'habitude, je ne suis pas responsable si vous utilisez des polices qui ne sont pas libres de droit etc...)

L'inclusion d'une police dans la catégorie "police transparente" est subjective, une police non transparente peut le devenir en fonction des objets que vous utilisez pour la réaliser. Par exemple, si  vous utilisez des "lunes" (ce qui n'est pas mon cas).


Vous pouvez pousser ce sujet à son paroxysme en essayant de reproduire des polices cursives Smile  (bonne chance, vous en aurez besoin !)


Je décomposerai ce sujet en plusieurs axes :
                        Avantages/Inconvénients
                        Différentes approches (en fonction des types de police)
                        Étude du cas de la lettre S
                        Bibliographie/Sources


I - Avantages/Inconvénients


Inconvénients :

L'utilisation des méthodes que je vais présenter ont quelques désavantages :
  -Grande limitation de la taille de caractères par la taille des objets
  -Déformation possible des caractères lorsque ceux-ci sont trop détaillés (déplacement des objets lors des zooms)
  -Limitation variante du nombre de caractères en fonction de la police souhaitée
  -Ralentissement relatif des scènes en fonction des polices utilisées (grand nombre d'objets)
  -Peu de polices vous permettent d'écrire sur un fond non uni
  -Chronophage (c'est surtout pas le moment de faire des fautes d'orthographe, de typo...)
  -Difficulté relative (en fonction de la police utilisée et de la lettre à copier)


Avantages :

(S'il y en avait pas, ça n'aurait pas trop d'intérêt)
  -Grand choix de polices
  -Gratuité (par rapport aux pixtoons)
  -Bonne qualité du texte (par rapport aux pixtoons, i.e. pas de pixelisation)


Au vu de ces avantages/inconvénients, je vous conseille de réserver ces méthodes pour l'écriture des titres de vos séries/films etc...

Matériel pour la construction : Méga studio & méga scènes (pour pouvoir mettre beaucoup de détails) ; formes (cercles, carrés, triangles (rectangles, isocèles...), parallélogrammes, losanges, trapèzes si nécessaire...
ET SURTOUT JAMAIS D'OBJETS D'AUTRES COULEURS, sinon votre palette de couleur pour écrire votre texte sera restreinte.


II - Différentes approches en fonction du type de police



Pour construire vos caractères, il est possible que vous ayez à cacher des parties de vos caractères pour imiter au mieux la lettre voulue. Mais pour certaines polices, ce ne sera pas nécessaire.

Il faut différencier (en termes de facilité de reproduction) les polices que je dirais "transparentes" des autres (tout en sachant que les polices serif (avec empattement) prennent un peu plus de temps à faire et ne sont pas "transparentes").


1°) Polices transparentes (i.e. pouvant être reproduites sur lak sans avoir à "cacher" quoi que ce soit)

Exemples :

Spoiler! Afficher/Cacher

http://ekladata.com/ba03CDvryUlJu16E9O8k8UKbdBY.png
http://ekladata.com/2FUQlGbXndQzrt__-4vDbfqDaVE.png

En changeant le fond, on voit que les lettres ont été créées sans artifices :
http://ekladata.com/7jOZnP-kXcIT8ILRepByyKiVnps.png
http://ekladata.com/fg1fVy3UUbMOox8FPm1ju6iuaTE.png




Ces polices sont très faciles à reproduire sur lak et prennent pas trop de temps. Il y a peu de limitations au niveau de la taille des caractères cependant si vos caractères sont trop petits vous ne pourrez pas placer vos objets précisément.

Exemple : Police Quantum Regular


http://ekladata.com/yiISkZ3ORIkawJK9PxzzgimU0WE.png
Spoiler! Afficher/Cacher

Tableau de caractères :


https://ycdn.space/f/qu/mp1_quantumregular_1.png
2 façons d'écrire cette police : si les "coupures" au niveau des lettres sont considérées comme des traits blancs

http://ekladata.com/BuNrdD3fO92Be9PZB9ke5YHXakQ.png
 ou des ruptures de continuité de la lettre.
http://ekladata.com/W2jwJ7tMHDLpoKlLCDo0Se9QETU.png
(après vous pouvez vérifier en téléchargeant la police)

Cette police transparente nécessite des lignes (sur fond uni) ou des triangles (sinon) :

Représentation de "lie" :

http://ekladata.com/Qo0Q1uwL4QhtTcpcxEiV32pToig.png
Il faut jouer avec les rectangles et triangles pour obtenir l'effet souhaité.
(PS : On peut remplacer les triangles par des parallélogrammes.)



Il n'y a pas vraiment de technique particulière pour reproduire les polices "transparentes", juste placer les formes qui ressemblent le plus à ce dont vous avez besoin au bon endroit.


2°) Polices non transparentes


Cas d'une police non "transparente" :

Spoiler! Afficher/Cacher

http://ekladata.com/u6HPSfYdg8Nu5oVzcwZtZLX1hXk.png
http://ekladata.com/9DnyzrH2q0rZ2l5-zN3TpN5S9Hc.png
On voit ici que j'ai caché certaines parties des lettres (avec les formes noires).



Malheureusement ces polices ne peuvent qu'être mises sur un fond uni (sauf si vous faites chacune de vos lettres en pixtoon --'').

Pour attaquer ce type de police, il faut tenir compte de facteurs :
  -L'espacement entre les lettres (le traitement est différent si la police est (ou non) à chasse fixe)
  -La profondeur des objets utilisés (pour régler les problèmes que causent une police où les caractères sont trop rapprochés)

Dans le cas d'une police à chasse fixe, vous pouvez utiliser des carrés (qui délimiteront l'espace qu'occupe une lettre). En fonction du nombre de caractères que vous voulez écrire, vous pourrez ensuite changer le zoom de la caméra pour pouvoir augmenter le nombre de caractères que vous pourrez écrire à l'écran.

C'est le meilleur moyen d'augmenter le nombre de caractères. Je vous déconseille de garder le même zoom et de diminuer la place qu'occupera chaque lettre car vous ne pourrez pas agir avec précision en écrivant.

En règle générale : On zoome le moins possible et on augmente le plus possible la taille des caractères.

Exemple de police non transparente (c'est cet exemple qui m'a donné envie d'essayer plusieurs polices sur lak, vous allez vite comprendre pourquoi) :
Spoiler! Afficher/Cacher

https://i.pinimg.com/736x/dc/ff/10/dcff108820e17476ac548cdeadc82e29--book-covers-alphabet.jpg
Cette police est très simple à appliquer sur lak étant donné qu'il existe une construction géométrique pour la reproduire Cool :  Police Durer Initials

http://indexgrafik.fr/wp-content/uploads/Durer-dessin-caractere-lettre.jpg


En effet, le travail a été prémâché par des savants au service des lakiens !

Donc, si je souhaite reproduire (grossièrement) la lettre A :

http://ekladata.com/nvqVbcI_poYHJsANdppwK8RtOi8.png

Si on change la couleur du fond, on a :

http://ekladata.com/mfVwmOOdicxbS6w3OApM9UA-2L4.png

Avec tous les objets utilisés :

Spoiler! Afficher/Cacher

(seul le fond est en noir)

http://ekladata.com/jGNIdwGpthT96cpgQefDsYZPQYs.png

Autre variante (donnant le même résultat avec les bonnes couleurs) :

http://ekladata.com/BupZ9xYqyLtuxWWGbTaFqRrDP5s.png

Il faut savoir approcher la tangente d'un cercle pour bien réussir les empattements.

Note : Même si vous avez bien réussi à faire ça, il va y avoir des déformations (dues au déplacement/changement de tailles des objets immobiles, c'est ce phénomène qui fait bouger les images dans certains cartoons)
Ex :
Spoiler! Afficher/Cacher


Lettre I (Police Military) 
http://ekladata.com/lljifIle8SGyKpCf-bDHIc7kq20.png(il ne semble pas y avoir de problèmes au niveau des empattements, mais...)
http://ekladata.com/1bYzVeakkVAV3hTB1wpxZtn5MfM.png (les empattements semblent déjà moins beaux, les courbes sont moins lisses)
http://ekladata.com/w2d256m_yFF039OTjY5xApcPMqU.png(on voit bien les cercles ici, les courbes sont déformées)

Lettre E (Police Linowrite) :

http://ekladata.com/g9CgETqV_Hn9LVjuHaNtxjVh2BQ.png
http://ekladata.com/JewbfpOdiI817uENLa27zvSlSgY.png(idem que tout à l'heure, les courbes sont déformées)






III - Étude du cas de la lettre S (intérêt de l'utilisation de formes unies vs autres objets)




Pour réaliser vos lettres, vous pouvez soir vous restreindre à utiliser des formes uniquement, ou bien, en fonction de la lettre et/ou police à imiter, utiliser toute la boutique d'objets. Nous voyons ici le cas de la lettre S.


1°) Avec des lunes (réalisé simplement)

http://ekladata.com/cP4eVkn9ZAX1tn1ljbpydRtDXd8.png (l'utilisation de lunes permet de changer de fond à volonté : la courbure de cet objet est "concave-convexe" ce qui est très utile pour les polices cursives)

Mais, on ne peut pas avoir une lettre de couleur uniforme dans tous les cas : 

http://ekladata.com/WTriCId6az-c_wZQ0vzP7xFbTuQ.png
(reste à voir si c'est dérangeant.)

2°) Sans Lunes
Spoiler! Afficher/Cacher

Allez dans votre studio.
Créez un cercle assez grand (pour ne pas être limité par la taille des objets) :
http://ekladata.com/0JRVLz4K3cleXtarpXuowbEFAtY.png

Créez 2 cercles identiques de diamètre réduits de moitié par rapport au cercle précédent. (ces cercles constitueront votre lettre) (on les appellera cercles A)
Ces 2 cercles sont inclus dans le cercle précédent tels que chaque cercle soit tangent aux 2 autres  :
http://ekladata.com/_n6SbMScQObsORB-p9SvO7mA_DE.png(ils ont tous la même position X)

Créez 2 cercles identiques plus petits -cercles B- (ils auront la couleur de votre fond), ils doivent être concentriques aux 2 cercles précédents :

http://ekladata.com/IhZfCQFCjSazSpEmoSSqAhuy80A.png


Changez les couleurs de vos cercles A (pour plus de visibilité) et augmentez leur taille pour que les cercles A soit tangent au cercle B qui n'a pas le même centre qu'eux.

http://ekladata.com/RT0OygGsxQtI4hVXRi596wJCppg.png

(à partir de ce moment, vous pouvez supprimer le plus grand de vos cercles si vous le souhaitez ou bien vous pouvez le supprimer à la toute fin).

(Attention à la symétrie ponctuelle) Créez des rectangles qui auront un côté tangent aux cercles B et de même couleur que ces derniers. (le dessin parle de lui-même) :

http://ekladata.com/0sN7_kedP0we5uumoFt1om69nvk.png

(Idem pour la symétrie) Copiez ces rectangles et inclinez leur copie de telle sorte qu'ils soient tangents aux cercles A :

http://ekladata.com/6olnh8uePN6pQQlq7CrhyIZ2tJE.png
Normalement vous devriez voir la forme d'un S se dessiner...

Pour corriger les petites erreurs de "lissage des courbes", créez 2 arcs de cercles de la couleur de votre fond et suivant la courbure de vos cercles A au niveau du contact rectangle/cercle A:

http://ekladata.com/_GMo_cuUfO4wUDTyEbK9ax31djM.png

Maintenant changez les couleurs ! Big Grin

http://ekladata.com/KwSDU-OEFxFjBfacec0W5Me5jEQ.png
http://ekladata.com/4pgYqeoAXXlSUxC0d7YTV3z3JVQ.png
Comme on n'utilise pas de lunes, les lettres gardent une couleur uniforme ^^



Exemple de police (cas oblique / italique et baroque) :
Spoiler! Afficher/Cacher

https://i.pinimg.com/564x/73/2f/7d/732f7d46028bd48c884da21dd666f52c--construction.jpg 
http://ekladata.com/MBo-kUmqN_mTCtDxl_uAHFCSFq4.png
https://rocbo.lautre.net/geom_peintres/typo/durer/img/fractur01.png




Voilà. 
Surtout, si vous avez des questions, n'hésitez pas Big Grin



Sources :

https://coreight.com/content/guide-polices-typographie
http://indexgrafik.fr/albrecht-durer-construction-des-lettres/
http://www.zigzaganimal.be/elements/just_shaping_scan.pdf
https://fr.fonts2u.com/quantumregular.police
http://www.lacartoonerie.com/cartoon/id1012937716_dessin-anime-golden-book-names


RE: Utiliser diverses polices (pour Titres et texte TRÈS COURT) - Fufi la Blogueuse - 24-04-2018

j'adore ton tuto!


RE: Utiliser diverses polices (pour Titres et texte TRÈS COURT) - Allegories - 24-04-2018

ce message était en brouillon depuis le début, j'ai oublié de le poster XDD
Pour un second tuto, je trouve qu'il est vachement bien (et mieux) structuré :)
Il me sera utile aussi, ça évitera à bon nombre d'entre nous d'acheter des pixtoons pour faire les titres.

Merci pour le temps dépensé dedans ! :))


RE: Utiliser diverses polices (pour Titres et texte TRÈS COURT) - Tamary - 24-04-2018

(24-04-2018, 21:47)Fufi a écrit :  j'adore  ton tuto!

Merci beaucoup Smile
Je me suis plusieurs fois demandé si c'était utile.

(24-04-2018, 22:25)Allegories a écrit :  ce message était en brouillon depuis le début, j'ai oublié de le poster XDD
Pour un second tuto, je trouve qu'il est vachement bien (et mieux) structuré Smile
Il me sera utile aussi, ça évitera à bon nombre d'entre nous d'acheter des pixtoons pour faire les titres.

Merci pour le temps dépensé dedans ! Smile)

Mais de rien Big Grin (ça me rappelle que je dois ajouter un petit truc)
Je pense surtout que le tout précédent avait été fait sur un coup de tête en mode "C'est méchant, depuis tout ce temps personne n'a expliqué cette technique !!".
Alors que cette fois-ci j'y ai réfléchi assez longtemps.


RE: Utiliser diverses polices (pour Titres et texte TRÈS COURT) - Valouletauro - 29-04-2018

Super tuto !

Je suis quand même sidérée de voir à quel point les typo c'est quelque chose de réellement réfléchi en fait xD


RE: Utiliser diverses polices (pour Titres et texte TRÈS COURT) - Tamary - 29-04-2018

(29-04-2018, 15:34)Valouletauro a écrit :  Super tuto !

Je suis quand même sidérée de voir à quel point les typo c'est quelque chose de réellement réfléchi en fait xD

Merci.
Ça m'a fait la même chose Smile


RE: Utiliser diverses polices (pour Titres et texte TRÈS COURT) - MissLola - 31-08-2018

Super tuto continue Heart
C'est super compliquer comme meme