Prérequis

Etre à l'aise sur un ordinateur windows ou un mac.

La formatrice

image formatrice audrey arrot

Audrey ARROT

Bachelor Communication & webmarketing
Bac+2 Infographiste Multimédia
Publiée régulièrement dans le magazine Advanced Creation Photoshop et Be creative

Illustrator

Cours suivants :

COURS 2 : Les outils de bases

COURS 1 : Prise en main Illustrator CC


en tete illustrator cours 1

 

 

LES OBJECTIFS :
Se repérer dans l'ergonomie du logiciel, débuter un projet et l'enregistrer, commencer à dessiner des formes avec la création de pictogrammes simples, comprendre l'utilisation des calques.

PUBLIC VISE : Tout utilisateurs qui souhaitent se former sur Illustrator

 

 

PROGRAMME

 

Adobe Illustrator est considéré par le milieu professionnel de l’infographie comme le logiciel référence de création graphique géré en mode vectoriel. Ce logiciel est utilisé principalement lors de la création de logotypes, de pictogrammes, visual data, ...

Pour bien traduire la philosophie du logiciel Illustrator, commençons par définir la notion d’image vectorielle.

Image vectorielle

Une image au format vectoriel est constituée de courbes et de tangentes définies au moyen d’équations mathématiques. Ces équations mathématiques font en sorte qu’une illustration vectorielle puisse être redimensionnée sans pour autant subir une altération, comme c’est le cas en mode Bitmap.

Rappel des principales utilisations d'Illustrator

Illustrator Principales Utilisations

Ergonomie du logiciel


A : Panneau Outils |B : Panneau Couleur | C : Panneau Calques 

Illustrator interface ergonomie

Présentation de l’espace de travail

• La barre d’application occupe la partie supérieure et contient un sélecteur permettant de basculer vers un autre espace de travail, des menus (sous Windows uniquement), ainsi que d’autres commandes d’application. Sous Mac et pour certains produits, vous pouvez l’afficher ou la masquer à l’aide du menu Fenêtre.

• Le panneau Outils contient des outils permettant de créer et de modifier des images, des illustrations, des éléments de page, des formes géométriques… . Les outils connexes sont regroupés.

• La fenêtre de document affiche le fichier sur lequel vous travaillez. Les fenêtres de document peuvent présenter un onglet et, dans certains cas, être regroupées et ancrées.

• Les panneaux vous permettent de contrôler et de modifier votre travail. Ils peuvent être regroupés, empilés ou ancrés.

Affichage et masquage de tous les panneaux

• Pour afficher ou masquer tous les panneaux, appuyez sur la touche de tabulation.

Passer en mode tracé / dessin

• Pour afficher le mode dessin et ainsi mieux voir son tracé appuyez sur cmd + Y (mac)
• Pour afficher le mode dessin et ainsi mieux voir son tracé appuyez sur ctrl + Y (Windows)

Création de document

Lorsque vous créez un document dans Illustrator, plutôt que de commencer avec une zone de travail vierge, vous pouvez choisir parmi une grande variété de modèles, y compris des modèles d’Adobe Stock. Les modèles comprennent des gabarits vous pouvez utiliser comme base pour votre projet.

Outre les modèles, vous pouvez également créer un document en sélectionnant l’un des nombreux paramètres prédéfinis disponibles dans Photoshop.

Accès à la boîte de dialogue Nouveau document

Utilisez l’une des méthodes suivantes :
(Mac) Cmd + N
(Windows) Ctrl + N
Choisissez Fichier > Nouveau.

Cliquez sur Nouveau dans l’espace de travail Démarrage. Cliquez avec le bouton droit de la souris sur l’onglet pour un document ouvert et sélectionnez Nouveau document dans le menu contextuel.

Illustrator manipulation nouveau document

Illustrator fenêtre nouveau document

Modification des paramètres prédéfinis

Avant d’ouvrir un document à l’aide du paramètre prédéfini, vous pouvez modifier ses paramètres dans le panneau de droite.

Nom : Donnez un nom au nouveau document

Profil :Vous pouvez sélectionner pour quel support votre document est destiné : impression, web, …

Nombre de plans de travail : Vous pouvez décider du nombre de plan de travail dans le document

Taille : Format du document ( A4, A3, lettre, …)

Largeur et Hauteur : spécifiez la taille du document. Sélectionnez l’unité dans le menu contextuel. Dans notre cas vous choisirez une mesure en pixel, une hauteur de 210 mm et une largeur de 297 mm.

Orientation : Vous pouvez sélectionner une orientation en portrait ou paysage

Unité : Vous pouvez choisir l’unité de mesure pour la largeur et hauteur ( pixels, mm, cm…)

Fond perdu : Le fond perdu représente l'espace situé à l'extérieur de la page, dans lequel nous allons faire dépasser les couleurs et photos qui doivent aller jusqu'au bord du papier dans la version finale.

4. Cliquez sur OK pour ouvrir un document avec les paramètres prédéfinis.

Formats d'enregistrement

Choix 1 : Fichier -> Enregistrer sous…
Dérouler les types de fichiers
Illustrator fenêtre enregistrement

Vous avez un aperçu des formats d’enregistrement que permet Illustrator.
Par défaut, le format proposer est celui d’Illustrator : .AI
C’est tout votre projet qui est enregistré sous ce format.

Mais vous pouvez décider d’enregistrer votre travail final au format EPS (compatible avec Photoshop et Indesign), AIT, PDF, SVGZ, SVG

Choix 2 : Fichier -> Exporter

Vous pouvez exporter votre projet sous différents formats :
PNG, BMP, CSS (web), DWG, DXTF, JPEG, TIFF, PSD, …

Illustrator fenêtre exporter

Enregistrer le document .ai

Pour sauvegarder votre projet aller dans fichier => enregistrer sous et rester sur le format .AI et cliquer sur enregistrer.
Exercice 1 : Création de pictogrammes simples

objectif de cet exercice et de créer deux pictos comme ceux ci :
pictos exos 1

1.0 Création de formes et utilisation des calques

1.1 Créer un nouveau document

Lancer Illustrator CC et choisissez fichier => nouveau. Garder un format A4 en paysage c’est a dire avec une hauteur de 210 mm et une largeur de 297 mm. Donner un nom à votre projet par exemple : pictos.ai
Lorsque vous débutez un projet, vous vous retrouvez sur une feuille blanche. En jaune ci dessous les zones que nous allons utilisées :

Illustrator interface exos 1

A : Outil sélection (flèche noire) et outil sélection directe (flèche blanche)| B : Outil plume | C : Outil rectangle, elipse, étoile…| D : Outil pipette | E : Gestion des couleurs forme entière et contour | F : Panneau calques | G : Ajout de calque | 



Nous allons commencer par créer une forme ronde.
Avant d’utiliser l’outil, nous allons sélectionner une couleur et un contour.

palette exos 1

Pour cela double cliquer sur le carré blanc ( zone E )
Choisissez une couleur bleu, ici il s’agit de la couleur #52CCED
Sélectionner un contour neutre (sans couleur) : il est représenté par un carré blanc barré par une diagonale rouge.

Cliquez sur l’outil ellipse dans la barre de gauche (zone C) par défaut l’outil est sur le rectangle cliquez un moment et sélectionnez ellipse.
Faites une ellipse parfaitement ronde, pour cela cliquer faites glisser et appuyez sur Maj (pour conserver les proportions)

choix outil rectangle illustrator

Répéter l’opération de manière à avoir deux ronds bleus sur votre espace de travail. Vous pouvez sélectionner le premier rond avec l’outil sélection (zone A) et copier coller.
Ou créer un nouveau cercle et retrouvez la couleur avec l’outil pipette (zone D)

Nous allons ensuite renommer notre calque sur lequel on as nos deux ronds (zone F), on l’appellera fonds-pictos
Nous devons alors avoir ce résultat à ce stade : aperçu cercles exos 1

Nous allons ensuite créer un nouveau calque, les calques fonctionnent par couches ici on a en première couche le fond (bleu) des pictogrammes et en deuxième les visuels des pictogrammes.

Cliquez (sur la zone G) et appeler le nouveau calque : visus-pictos, positionnez vous ensuite dessus :

calques cercles exos 1

1.2 Création du premier pictogramme : ajout d'ami

Toujours en restant sur le calque rouge commencer par créer un rond blanc en reprenant l’outil ellipse.

travaillez en dehors du plan de travail sur Illustrator

Pour le corps du bonhomme on va d’abord faire un rond blanc toujours avec l’outil elipse, on va ensuite supprimer un point avec l’outil sélection directe (zone A flèche blanche) pour faire un demi rond :

manip demi rond 1

Pour cela cliquez sur l’outil sélection directe (zone A flèche blanche), ensuite cliquez simplement sur le point du rond que vous voulez supprimer
Nous venons de supprimer la partie basse du rond il manque donc un coté

manip demi rond 2

Prenez l’outil plume (zone B) et rajouter le côté manquant du demi rond. ous avons plus qu’a assembler les deux parties avec l’outil sélection (zone A flèche noire):

bonhomme forme exos 1

Le bonhomme est fait, nous allons maintenant passer à la croix.

Pour cela prenez l’outil rectangle (zone C) et dessiner un rectangle dans le sens horizontal, répéter l’opération mais cette fois ci dans le sens vertical et positionner les deux rectangles de façon à former une croix.

Vous pouvez si vous le voulez associez toutes vos formes en les sélectionnant avec l’outil sélection ( zone A flèche noire) et en appuyant sur cmd + G (mac)
Ctrl + G (windows)

bonhomme final forme exos 1

Il ne vous reste plus qu’a mettre votre personnage sur votre fond bleu et votre premier pictogramme est fait !

picto ajouter un ami exos 1

1.3 Création du deuxième pictogramme : ordinateur

Pour ce deuxième pictogramme nous restons toujours sur le calque rouge.
Prenez l’outil rectangle à bout rond (zone C) et faites un rectangle avec un contour blanc de 9 point et un remplissage neutre (sans couleur)

créer un rectangle a bout rond illustrator

Pour le pied de l’ordinateur nous allons créer un triangle, pour cela nous allons partir d’une étoile.
Cliquez sur l’outil étoile (zone C) et faites une étoile.

s'aider d'une étoile pour faire un triangle illustrator

Supprimez ensuite les points qui vous intéressent pour en faire un triangle avec l’outil sélection directe (zone A flèche blanche) comme pour le demi rond.
Comme pour le demi rond on vient de supprimer des points il faut donc rejoindre le dernier côté du triangle.

triangle pied ordinateur exos 1

Pour cela prenez l’outil plume (zone B) et relier le dernier côté

triangle pied final exos 1

Pour que le triangle fasse penser au pied de l’ordinateur nous allons le déformer avec l’outil sélection (zone A flèche noire).

Assembler le tout en utilisant l’outil sélection (zone A flèche noire)

ordi picto final exos 1

Il n’y as plus qu’a le positionner sur le fond bleu, votre deuxième pictogramme est fini !

ordi picto final exos 1

 

EXERCICES ET TUTOS

Se familiariser avec les formes

EXERCICE : S'entrainer à créer des pictogrammes simples corrigé exercice

Contact

SARL AAT's

N° SIREN : 822580056 - N° TVA intracommunautaire : FR40822580056