Motion Design – des pistes pour After Effects

Références

https://helpx.adobe.com/pdf/after_effects_reference.pdf
https://helpx.adobe.com/after-effects/tutorials.html

bases animation :

https://helpx.adobe.com/after-effects/how-to/aftereffects-understanding-animation-cc.html?playlist=/ccx/v1/collection/product/after-effects/segment/designer/explevel/beginner/applaunch/orientation/collection.ccx.js?ref=helpx.adobe.com

bases du motion design
typo kinétique – techniques d’animation en AE
importer calque PSD mais possible de les éditer en texte : clic droit > Créer > Convertir en texte modifiable
espace de travail : standard ou usuel
durée 10 secondes, 25 fr/sec
dépendance, rassembler les fichiers, incrémenter et enregistrer
créer un objet nul (menu calque), permet de contrôler un ou plusieurs calques en parentant les calques à cet objet
Lettres en MotionDesign

Projet de base : animation d’un camion par Team 8 tuto

Ce projet est libre d’accès et permet de bien comprendre le mouvement.
Sources : création en illustrator, fichier téléchargeable à cette adresse, didacticiel :
didacticiel After Effects :

Continuer la lecture de Motion Design – des pistes pour After Effects

Création d’une police de caractère africaine : le Songhai, de l’ordinateur au site internet

J’ai reçu une commande très particulière récemment, un locuteur africain désirant pouvoir utiliser pour la langue de sa communauté, le Songhai, une police de caractère qui ne soit pas la transcription habituelle en caractères romans, comme ceci pour reprendre le site de wikipedia :

Français Songhaï
terre laabu
le sol/le sable laabo
ciel beena
en haut beene
eau hari
fleuve issa
feu nuuna / danji
village kwaar / koyra / kawye
homme aru ou aruboro
femme woy ou woyboro
mère ɲaa

 

Mais bien son propre dessin, qui n’existe pas à ce jour (d’après nos recherches) et dont voici une copie :

dessin songhai

 

 

Je me suis donc lancé, en Illustrator et à l’aide d’une tablette Wacom, dans le dessin de ces lettres, pour retrouver une esthétique et un dessin avec un léger effet de pleins et de déliés, comme dans ce projet :

dessin en illu

 

Continuer la lecture de Création d’une police de caractère africaine : le Songhai, de l’ordinateur au site internet

Calibrer une imprimante de type RGB avec un spectrophotomètre i1Pro2 et les logiciels basICColor DropRGB et Catch

Les logiciels de basICColor sont une alternative de qualité à la suite logicielle d’Xrite. Si vous disposez d’un i1Pro2 sous licence EFI mais que vous n’avez pas le logiciel i1Profiler activé pour piloter l’i1Pro2, cet article vous intéressera…

Article au format PDF :

calibrer-imprimante-avec-basICColor-droprgb

il-faut-commencer-par-imprimer--sur-l-imprimante-que-vous-d-eacute-sirez-calibrer--une-mire-issue-du

Selus Reboot, une police de caractère scripte – making off

Voici le travail original, soit la réalisation d’un logo en Illustrator, pour une marque de vêtements, Ocean Spring.

OceanSpring

L’idée m’est venue, vu le plaisir que j’avais eu à le réaliser, de continuer le travail et de réaliser une police complète… C’est la deuxième fois que j’utilise mon écriture calligraphique, mais celle-ci est complètement refondue par rapport au vieux caractère « Selus » que j’avais réalisé au pinceau, puis numérisé et traité en FontLab.

selus

Pour ce reboot, le côté plein et délié de la scripte est directement issu de l’usage de la tablette Wacom en Illustrator, au pinceau, en utilisant une forme de pinceau spécifique :
forme de pinceau

Continuer la lecture de Selus Reboot, une police de caractère scripte – making off

Lexiques anglais-français des logiciels d’Adobe Creative Cloud

Pour Photoshop, video2brain a créé ce lexique, au format PDF : Photoshop-CS4-outils-et-commandes-Anglais-Français

Le site Teknigraf reprend deux lexiques fort complets, celui d’InDesign et celui d’Illustrator

Pour Flash, ce pdf en ligne est repris sur l’Office québécois de la langue française.

Xavier Munch a fait un lexique au format pdf en ligne pour After Effects.

 

N’hésitez pas, si vous trouvez d’autres sources, à m’en faire part !

 

 

La capture d’écran animée, un excellent outil d’eLearning – LICEcap

Ayant l’habitude de créer des didacticiels expliquant l’utilisation des logiciels graphiques, je suis la plupart du temps partagé entre un didacticiel « lourd » créé avec Captivate ou Camtasia, donc une séquence vidéo de démonstration avec un scénario, un post-traitement etc (qui aboutit à une vidéo sur YouTube ou à une formation sur une plateforme d’auto-apprentissage) et un didacticiel plus « léger », PDF ou fichier HTML élaboré avec ScreenSteps, ou son rejeton Clarify, qui fait se succéder des captures d’écran montrant par le menu (c’est le cas de le dire) un processus précis.

Mais dans un cas, je suis parti pour un enregistrement (ce qui présuppose d’être dans un environnement calme et dans de bonnes conditions sonores, ce qui n’est pas le cas en général dans les écoles où je travaille) avec scénario etc ; par contre, je serai assuré au niveau pédagogique d’être complet et efficace, surtout si je fais une simulation avec Captivate.

Dans l’autre cas, le processus de capture successives d’écran, s’il est facilité par les 2 logiciels en question (possible également en Captivate, ce n’est pas la question) est moins lourd à réaliser mais pénible à suivre… parce qu’il est comme une découpe artificielle de la réalité, comme dans les livres sur les logiciels qui mettent plusieurs pages à expliquer une séquence de vingt secondes !

L’utilisation d’un logiciel simple et convivial, qui permette l’enregistrement de séquences qui ne soient pas des fichiers vidéos lourds devant être hébergés sur une plate-forme dédiée à la YouTube, remplit donc un espace vide entre ces deux modes de didacticiels.

J’ai donc été frappé par les possibilités de LICEcap, un outil gratuit qui créé des fichiers gif animés, qui me permet de créer un didacticiel vivant et complet, puisqu’en une petite séquence de quelques secondes je peux montrer une fonction complexe – sans devoir créer une vidéo ! Et ces fichiers gif animés sont des médias très légers, moins d’un mégabyte en général, qui sont directement insérables dans un blog WordPress comme celui-ci comme un vulgaire jpeg 🙂

Il existe une pléthore de logiciels ou de solutions en ligne comme recordit qui permettent de faire des captures vidéo – mais aucun avec cette simplicité et dans ce format tellement léger !

Un exemple de cela est visible dans un de mes derniers articles de mon blog, qui parle de la dernière version de FontLab.

ou ici directement :

test clarify

Ou encore dans cet article sur Dimension

Acrobat ne gère pas les gif animés malheureusement (comme il en est discuté dans ce forum) mais je peux donc faire des ePub depuis InDesign ou des articles de blog en WP avec ce super outil…

Ou bien entendu convertir mes gifs animés en MP4 avec le convertisseur en ligne de gif-2-mp4 et réimporter la vidéo dans le fichier Acrobat.