TOPIC

From illustrations to typography and transitions, this is a guide for the motion designer.

BASIC

For any type of animation it is important to dampen the motion curves on the inputs and outputs of the graphic elements.

Most of the time we will use :

• “Ease In/Out" for a move

• “Ease In” for appearances

• “Ease Out" for exits

We dont use Linear, bounce or Elastic curves, like Duik or else.

LOGO

The Logo animation should always be centred with sufficient white turning. It can be used in black on a yellow background, or in white on photographs if these allow a good reading. The source files of the predefined animation are available below.

---

---

---

SOURCE FILE : https://drive.google.com/drive/folders/18OhqfYExf9L_-ZNI6d5xOBRyTfTa8t8m?usp=share_link

WATERMARK

WATERMARK

SOURCE FILE : https://drive.google.com/drive/folders/1NlZpTPEEli7t-5uWHZHtK-N6D4PXP3t2?usp=share_link

TYPOGRAPHY

HEADLINES

Titles are displayed from the bottom to the top and word by word.

A cache placed at the level of the baseline or at the level of the descender height, makes it possible to introduce the text in the composition.

EXEMPLE DE REGLAGES

Smoothness 50%

Ease High 30%

Ease Low 80%

< 14 frames >

Then simply set the "Smoothness" parameter to the desired speed.

VARIATION

FICHIER SOURCE : https://drive.google.com/drive/u/0/folders/1rvxlqyDac1dp87K1IUs3H1c4qyLGlGd-

HIGHLIGHT CONTENT

• To highlight certain words, use highlighting in the appropriate colour.

Only the above colour combinations are permitted.

plugin : Type Morph (https://aescripts.com/type-morph/)

PARAGRAPHE

Paragraphs appear line by line. There are two options for paragraph appearance.

Option 1 is recommended for short texts, and compositions with few elements.

Option 2 is recommended for long paragraphs and loaded compositions.

OPTION #1

Lines are marked before the text arrives.

These lines run from the rightmost letter of the paragraph to the leftmost letter.

They should be the same thickness as the typeface, and not overlap it.

OPTION #2

Smooth animation from bottom to top with opacity.

FICHIER SOURCE : https://drive.google.com/drive/u/0/folders/1rvxlqyDac1dp87K1IUs3H1c4qyLGlGd-

NUMBERS

SOURCE FILE : https://drive.google.com/drive/folders/1nJb5o_WA3ZoJE93tQ9_KXQypxnV8F_DN?usp=share_link

ANIMATED LAYOUT

The elements move with each other in a fluid way. We use some of the animation codes of the responsive to animate the compositions.

IllUSTRATIONS

The illustrations should be as faithful as possible to the illustrator's universe, no external elements should be added.

Reconstitute only the missing material to give the animation room to manoeuvre.

SPECIAL USES CASES

MEDIA

Bibliothèque Creative Cloud : ask @Benjamin BRUN for the acces

summary document to access the online library : https://docs.google.com/presentation/d/1ieYV7liPQEVnPCsiElkgJMv_k0bbISU-wnnzLd70Yqw/edit#slide=id.g2172691be48_0_31

LIVE Stream

CULTURE+

Bibliothèque Creative Cloud : ask @Benjamin BRUN for the link

BIBILOTHEQUE& .MOGRT

summary document to access the online library : https://docs.google.com/presentation/d/1ieYV7liPQEVnPCsiElkgJMv_k0bbISU-wnnzLd70Yqw/edit#slide=id.g2172691be48_0_31

To custom Motion graphique element in premiere IMPORT & USE .MOGRT files

Open window Essential Graphics

Select My Templates

Select Libraries

Drag and drop It

and Edit It !

OR

1. Download & Install Welcome font package.

2. Download the .Mogrt files.

3. Open “Essential Graphics” window in premiere and install the motion graphic templates.

4. Drag & drop the template on the timeline and edit it.

Open window Essential Graphics

open file

Open Template

Drag and drop It

and Edit It !

Si Probleme de Synchronisation :

https://helpx.adobe.com/fr/creative-cloud/help/sync-creative-cloud-files.html#:~:text=Ouvrez l'application de bureau,de vos fichiers Creative Cloud.

https://helpx.adobe.com/fr/creative-cloud/kb/fix-sync-issues-macos.html