Logiciel 3 sur 4 · Canva (navigateur)

Canva : des visuels aux bons formats

Partir d’un modèle ou d’une page blanche, adapter textes, couleurs et images, puis exporter au format qui convient à chaque réseau.

  • 6 exercices
  • 3 animations
  • QCM de 10 questions

Canva est une plateforme graphique en ligne : canva.com, qui redirige vers la version française.

Chaque type de design a sa taille : Canva la règle pour vous (publication Instagram 1080 × 1080 px, story 1080 × 1920 px…). On peut aussi saisir des dimensions personnalisées.

À garder en tête

  • Vérifier qu’un modèle ou un élément est gratuit : les éléments Pro portent une couronne.
  • Travailler avec des images en haute qualité : une image trop petite pixellise à l’export.
Les TD · 1

Préalables

01 Créer son compte et découvrir l’interface 5 étapes · 3 vidéos

Avoir un compte, et savoir où sont ses designs.

  1. Aller sur canva.com › Inscription. Le plus simple : avec un compte Google ; une autre adresse fonctionne aussi.
  2. Préciser une utilisation étudiant.
  3. Repérer le menu de gauche : Recommandations, Tous vos designs, Partagés avec vous, Identité visuelle (payante : la version gratuite ne stocke que quelques couleurs), Dossiers, Corbeille, Équipe (jusqu’à 4 personnes gratuitement).
  4. Repérer le menu horizontal : Découvrir (le blog, plein d’astuces), Modèles, Explorer (photos, icônes, outils).
  5. Bouton Créer un design, en haut à droite : choisir une catégorie (CV, affiche, vidéo, story…) ou un format personnalisé.
La page d’accueil de Canva
La page d’accueil de Canva
Les TD · 2

Réaliser

02 Une publication Instagram 10 étapes · 1 vidéo

Personnaliser un modèle : texte, logo, couleurs, image, éléments, animation, son.

Fichier de départ Logo de l’IUT et image Karuta — AMeTICE, cours RCN1, section Canva

  1. Créer un design › Publication Instagram (1080 × 1080 px). Chercher « café » dans les modèles et en choisir un gratuit.
  2. Remplacer le texte par celui du modèle Karuta. La barre d’outils du haut règle police, taille, couleur, alignement, espacement…
  3. Importer le logo de l’IUT, cliquer dessus pour l’ajouter, le réduire.
  4. Triangle : couleur personnalisée #B38863 (clic sur le triangle › carré de couleur en haut à gauche).
  5. Importer l’image Karuta, la glisser à la place de la tasse. Double-clic ou Rogner pour cadrer, puis « Terminé ».
  6. Finalement, la remplacer par une image de Canva : Éléments › « portfolio » › une image gratuite, glissée dans le cadre.
  7. Ajouter une page : choisir une police, taper le texte, ajouter le bloc « Georges, Poumay et Tardif ».
  8. Ajouter un stylo en haut et des trombones à droite : trombones en noir, légère rotation, puis dupliquer et placer la copie au-dessus.
  9. Animer le texte et les trombones du bas ; ajouter un son gratuit (Éléments).
  10. Télécharger : avec une animation, Canva propose d’office un MP4.
Le modèle modifié
Le modèle modifié
Logo, couleur et image remplacés
Logo, couleur et image remplacés
La deuxième page, avec stylo et trombones
La deuxième page, avec stylo et trombones
03 Une story Instagram 4 étapes · 1 vidéo

Mêmes gestes, format vertical, page dupliquée.

  1. Créer un design › Story Instagram (1080 × 1920 px) › choisir un modèle.
  2. Adapter le contenu textuel.
  3. Bouton Dupliquer la page (au-dessus de la page) et modifier le texte de la copie.
  4. Télécharger en PNG ; les trois points à côté de Télécharger permettent aussi de partager ou d’envoyer vers OneDrive, Google Drive…
Le modèle de départ
Le modèle de départ
La page dupliquée et modifiée
La page dupliquée et modifiée

Les tutoriels vidéo

04 Une miniature YouTube 7 étapes · 1 vidéo

Construire un design sans modèle : arrière-plan, image, texte, plans, cadre.

Fichier de départ Image Karuta — AMeTICE, section Canva

  1. Créer un design › chercher « YouTube » › Miniature YouTube. Cette fois, pas de modèle.
  2. Arrière-plan orange (les carrés de couleur en haut).
  3. Importer l’image Karuta (la glisser dans la zone des imports), la déposer sur la miniature, appliquer l’effet Sandi.
  4. Texte : « Présentation rapide de ». Sélectionner image et texte › clic droit › Grouper.
  5. Ajouter le logo de l’IUT déjà importé. Son orange se voit mal : poser un rectangle blanc derrière (clic droit › Placer en arrière-plan).
  6. Éléments › Cadres : un cadre qui reçoit une photo « YouTube ». Le poser sur le logo et le faire reculer de deux plans.
  7. Télécharger en PNG.
Image, texte et fond
Image, texte et fond
Avec le logo et le cadre YouTube
Avec le logo et le cadre YouTube

Les tutoriels vidéo

05 Une animation pour les réseaux sociaux 6 étapes · 1 vidéo

Personnaliser une animation, régler les durées, ajouter une page et de la musique.

Fichier de départ Image de l’IUT — AMeTICE, section Canva

  1. Créer un design › chercher « Animation » › Animation sur les réseaux sociaux, choisir un modèle à gauche.
  2. Personnaliser texte, police et couleurs — les parties animées, elles, ne se modifient pas.
  3. Importer l’image de l’IUT et la glisser dans l’objet pour qu’elle le remplisse.
  4. Ajouter une ou deux animations (chercher « animation »)… sans transformer le design en sapin de Noël.
  5. Passer la durée de 6 à 8 s. Ajouter une page : y coller la photo, la redresser, l’agrandir au maximum, 4 s — soit 12 s au total.
  6. Ajouter un extrait musical, puis télécharger en MP4 (le GIF n’est possible que sans son).
Le modèle d’animation
Le modèle d’animation
L’image de l’IUT dans l’objet
L’image de l’IUT dans l’objet

Les tutoriels vidéo

06 Un e-book 7 étapes · 1 vidéo

Un document de plusieurs pages, cohérent d’une page à l’autre, exporté pour l’impression.

  1. Créer un design › chercher « e-book » › Couverture e-book. Choisir un modèle de plusieurs pages.
  2. Créer une nouvelle page et y appliquer un deuxième modèle ; adapter textes, tailles, formes et couleurs.
  3. Reprendre le style du premier modèle (police League Spartan) avec l’outil Copier le style.
  4. Passer un texte en minuscules et y placer un lien hypertexte.
  5. Déplacer la page 2 en page 4 (flèches au-dessus des pages, ou vue en grille).
  6. Ajouter une page en avant-dernière position, sur le modèle portrait + citation : y mettre une photo et un texte de présentation du département TC.
  7. Télécharger en PDF pour l’impression (et non en PNG, qui est une image), en vérifiant que toutes les pages sont sélectionnées.

Canva ne numérote pas les pages : il faut ajouter un bloc de texte sur chacune, et le corriger à la main si l’ordre change. Rien à voir avec les champs de Word.

Le modèle de départ
Le modèle de départ
Le résultat : six pages
Le résultat : six pages

Les tutoriels vidéo

Comprendre

Voir comment
ça marche

Ce qu’une capture d’écran ne montre pas : ce qui se passe quand on appuie sur le bouton. Chaque animation se déroule seule à l’arrivée à l’écran, et les boutons permettent de revenir sur une étape.

Un format par usage

Chaque design a sa taille : Canva la règle pour vousLe carré du fil InstagramLa story : tout l’écran du téléphone, en hauteur (9:16)La miniature YouTube : un paysage 16:9Un document à imprimer : un format papier, en millimètres 1080 × 1080Publication Instagram1080 × 1920Story Instagram1280 × 720Miniature YouTube210 × 297 mmE-book (A4)
Choisir le type de design, c’est choisir un format. Les tailles sont données en pixels pour l’écran, en millimètres pour ce qui s’imprime. Changer de format après coup déforme la mise en page : mieux vaut créer le bon design dès le départ, ou un format personnalisé.

Premier plan, arrière-plan

Les plans, du dessus au dessous Cadre YouTubeRectangle blancFond orange Le logo, orange sur orange : il ne se voit pasUn rectangle blanc… posé par-dessus, il cache le logoClic droit › Placer en arrière-plan : le logo ressortLe cadre YouTube, ajouté en dernier, passe devant toutReculer de deux plans : derrière le logo, puis derrière le rectangle
Dans Canva comme dans PowerPoint, chaque objet occupe un plan : le dernier ajouté passe devant. Clic droit › Placer en arrière-plan, Reculer, Avancer (Ctrl + [ et Ctrl + ]) règlent ce qui cache quoi.

Quel format télécharger ?

PNGune imagePDF impressiontoutes les pagesMP4une vidéoGIFanimé, sans son Une image fixe, pour un réseau social : PNGUn document de plusieurs pages à imprimer : PDF pour l’impressionDu mouvement et du son : il faut une vidéo, MP4Du mouvement sans son : un GIF animé suffit
Canva propose d’office le format qui convient, mais pas toujours le bon pour l’usage : pour un e-book à imprimer, il faut choisir PDF pour l’impression — le PNG ferait une image par page. Vérifier aussi que toutes les pages sont sélectionnées avant de télécharger.
Ressource

Les raccourcis
Canva

Canva tourne dans le navigateur : certains raccourcis du navigateur passent avant les siens.

Ajouter
ActionWindowsMac
Zone de texte T T
Rectangle R R
Cercle C C
Ligne L L
Les objets
ActionWindowsMac
Dupliquer Ctrl+D ⌘+D
Grouper Ctrl+G ⌘+G
Dissocier Ctrl+Maj+G ⌘+Maj+G
Avancer d’un plan Ctrl+] ⌘+]
Reculer d’un plan Ctrl+[ ⌘+[
Afficher les règles Maj+R Maj+R
Le texte
ActionWindowsMac
Gras Ctrl+B ⌘+B
Italique Ctrl+I ⌘+I
Souligné Ctrl+U ⌘+U
Tout en majuscules Ctrl+Maj+K ⌘+Maj+K

Tous les raccourcis, et l’entraînement

Vérifier

Le QCM
Canva

À déposer sur AMeTICE

Les fichiers téléchargés (MP4, PNG, PDF), dans l’espace de dépôt AMeTICE prévu.

10 questions sur les gestes des TD, avec la correction expliquée à la fin. Il se refait autant de fois que vous le voulez et n’entre pas dans la note.

Connectez-vous pour garder la trace de vos résultats — ou passez-le quand même, sans compte : le score ne sera simplement pas enregistré.

Passer le QCM