Créer un flyer avec Inkscape

Notes:

Ce tuto a été créé pour un atelier du Pic le 30 novembre 2019

C'est quoi Inkscape ?

• Logiciel libre de bureau
• Dessin vectoriel
• Pour GNU/Linux, Windows ou MacOS

Dessin vectoriel ?!

Deux types d'images

Image Bitmap

(ou raster)

• Matrice de pixels
• Information sur la couleur de chaque pixel
• Formats : .png, .jpg, .tiff

Image Vectorielle

• Description en SVG (schéma XML)
• Formes avec contour et couleur, dégradés, objets textes, groupes d'objets, …
• Formats : .svg, .svgz

Documentation

Pas mal de contenu inspiré du Manuel libre sur Inkscape, édité par Floss Manuals sous licence GPLv2

Créer un document

• Ouvrir Inkscape

Format par défaut : A4

Interface

Interface (2)

Premiers objets vectoriels

Premier objet

• Créer un rectangle
• Outil sélection
• Déplacer
• Transformer

Remplissage et contour

• changer la couleur
• modifier le contour

Créer des formes géométriques

Outils

• Rectangle
• Cercle, ellipse, arc de cercle
• Étoile et polygones
• Spirale

Les unités

• mm, cm, in : pour l'impression
• pt, impression, surtout taille de polices
• px, affichage écrans

Le texte

• écrire un texte
• directement
• dans un cadre
• modifier taille
• modifier le style

Créer des formes libres

Outils

• Crayon
• Courbes de Béziers
• Tracé calligraphique

Modifier les formes

• Édition des nœuds
• Sculpter les formes
• Effacer des chemins
• Outil remplissage

Concevoir un flyer

Questions à se poser

• Quel message ?
• Pour qui ?
• Objectif du flyer ?
• Durée de vie ?

Format

Les plus courants

• A5
• Carte postale → A6
• Tryptique → A4 plié en 3

Contenu

• Logo, illustration, couleurs de l'asso
• Flyer pérenne : vos activités
• Pour un événement : date et lieu
• Contact, site web

Conseils pour la forme

• Couleurs : 3 maxi
• Typographies : 2 polices maxi
• Éviter le souligné, peu lisible
• Message : clair et concis
• Images : résolution de 300dpi
• Disposition : aérer le contenu

Faites tester le flyer !

Si possible par quelqu'un qui ne connait pas votre association.

Des exemples

Créer mon flyer

Commencer

• Propriétés du document
• Dimensions A5
• Afficher des grilles

→ Aide pour magnétiser les objets

Espace de dessin

• Dessiner un carré → Objets en guides

→ Définit des marges

Fonds

Deux possibilités

• Propriétés du document → couleur de fond
• Dessiner un carré de couleur

Utiliser les calques

• Un calque pour le fond
• Un autre pour le texte
• Un troisième pour les éléments modifiables dans le temps (optionnel)

Évite de déplacer des éléments d'autres calques

Textes

• écrire les textes : titre de l'événement, date, lieu
• modifier taille, couleur des textes
• écrire texte plus long, encadré pour le résumé
• modifier le style

Organiser les éléments

• aligner les éléments
• dupliquer les éléments

Créer des formes complexes

Exemple d'un nuage : fusion de plusieurs cercles de couleur

• fusionner, exclure
• modifier les nœuds

texte autour d'une forme

Merci !

Lisez le manuel d'initiation à Inkscape
chez Floss Manual

Crédits

Tutoriel sous licence CC-0

Sauf:

• image pixellisée issue de "Toulouse Plages" par Gregory Tonon, CC-By-SA
• pictos outils et interface issue de Initiation Inkscape en GPLv2
• exemples de flyers Contribatelier par Marnic (et image de David Revoy), le PIC au Pic, et Toulibre à Toulibre