Accueil

Adobe Creative Cloud

0% complété

✏️ Adobe Illustrator - Design Vectoriel Professionnel

Créez des logos, icônes et illustrations qui restent nets à l'infini. Maîtrisez l'art du dessin vectoriel avec le standard de l'industrie.


1. Vectoriel vs Pixels : Rappel Essentiel

🖼️

Photoshop = PIXELS

  • • Image composée de millions de petits carrés
  • • Qualité dépend de la résolution (300 DPI...)
  • • Devient flou si trop agrandi
  • • Parfait pour photos et textures réalistes
  • • Fichiers peuvent être lourds
✏️

Illustrator = VECTEURS

  • • Dessin basé sur formules mathématiques
  • • Qualité INFINIE (toujours net)
  • • Agrandissez à volonté sans perte
  • • Idéal logos, icônes, typo, illustrations
  • • Fichiers ultra-légers

🎯 Quand utiliser Illustrator ?

✅ ILLUSTRATOR :

  • • Logos d'entreprise
  • • Icônes et pictogrammes
  • • Illustrations vectorielles
  • • Infographies
  • • Typographie créative
  • • Design pour impression (affiches, cartes de visite)

❌ PHOTOSHOP :

  • • Photos de vacances
  • • Retouches portrait
  • • Montages photo réalistes
  • • Textures et effets complexes
  • • Peinture numérique réaliste

2. Interface Illustrator

Bonne nouvelle : l'interface ressemble beaucoup à Photoshop ! Même logique Adobe.

graph TD A[Interface Illustrator] --> B[Barre d'outils gauche] A --> C[Plan de travail central] A --> D[Panneaux droite] A --> E[Barre de contrôle haut] B --> B1[Sélection] B --> B2[Dessin - Plume, Formes] B --> B3[Texte] B --> B4[Couleurs et dégradés] C --> C1[Artboards - Plans de travail] C --> C2[Objets vectoriels] D --> D1[Calques] D --> D2[Pathfinder - Formes] D --> D3[Couleur, Nuancier] D --> D4[Traits, Aspect] E --> E1[Propriétés objet sélectionné] style A fill:#ff6600,stroke:#cc5200,color:#fff style C fill:#ff9944,stroke:#ff6600,color:#fff

🛠️ Outils

Gauche. Maintenez clic pour variantes cachées.

📋 Plan de travail

Centre. Zone blanche = votre création finale.

📊 Panneaux

Droite. Fenêtre → Afficher/masquer.

⚙️ Contrôle

Haut. Propriétés objet actif.

💡 Plan de travail (Artboard) : Comme une page blanche. Créez plusieurs plans dans un fichier (logo + carte visite + affiche = 3 artboards). Fichier → Nouveau → Plans de travail : 1.

3. Formes de Base - Vos Briques

Avant de dessiner librement, maîtrisez les formes géométriques. 90% des logos sont des assemblages de formes simples !

Rectangle

M

Cliquez-glissez pour tracer. Shift = carré parfait.

Astuce : Clic simple → Fenêtre dimensions exactes (ex: 100×50mm). Alt depuis centre. Espace = déplacer pendant tracé.

Ellipse

L

Idem rectangle. Shift = cercle parfait.

Coins arrondis rectangle : Sélection → Tirez petits ronds dans les coins !

Polygone / Étoile

Clic simple → Nombre de côtés (triangle = 3, hexagone = 6...).

Pendant tracé : Flèche haut/bas = ajouter/retirer côtés. Shift = contraindre angle.

📏

Trait

\

Ligne droite. Shift = horizontale/verticale/45°.

Épaisseur : Fenêtre → Contour. Pointes de flèche : Panneau Contour → Flèches.

🎨 Remplissage et Contour

Chaque forme a 2 propriétés : FOND (intérieur) et CONTOUR (bordure).

🎨 Fond (Fill)

Couleur intérieure. Carré en bas de barre d'outils. Clic → Choisir couleur. / = sans fond.

✏️ Contour (Stroke)

Bordure. Carré percé en bas d'outils. Fenêtre → Contour pour épaisseur et style (pointillés, arrondis...).

Raccourci :

X
= basculer entre fond/contour.
D
= couleurs par défaut (fond blanc, contour noir).

4. La Plume - Outil Roi d'Illustrator

La Plume (Pen Tool) est L'OUTIL qui différencie débutant et pro. Complexe au début, indispensable ensuite. Permet de tracer n'importe quelle forme avec précision absolue.

📐 Principe de la Plume (courbes de Bézier)

Vous créez des POINTS D'ANCRAGE reliés par des TRACÉS. Les tracés peuvent être droits ou courbes (contrôlés par des POIGNÉES).

  1. 1

    Sélectionner outil Plume (P)

  2. 2

    Clic simple = point anguleux (ligne droite vers point suivant)

  3. 3

    Clic-glisser = point courbe (poignées apparaissent, tirez pour ajuster courbe)

  4. 4

    Continuez clic après clic pour tracer votre forme

  5. 5

    Fermez le tracé : cliquez sur le premier point (petit cercle apparaît)

🔧 Modifier tracé existant :

Outil Sélection directe (A) → Cliquez point ou segment → Déplacez. Tirez poignées pour ajuster courbes.

➕ Ajouter/Supprimer points :

Outil Ajout de point d'ancrage (+) : clic sur segment. Suppression (-) : clic sur point existant.

🔄 Convertir point :

Outil Conversion de point (Shift+C) : anguleux ↔ courbe. Clic-glissez pour ajuster.

💡 Apprentissage Plume : Entraînez-vous ! Commencez par tracer lettres simples (C, S, B). Puis logo Apple, Nike... La Plume demande pratique mais c'est le super-pouvoir d'Illustrator !

5. Pathfinder - Combiner des Formes

Le Pathfinder transforme formes simples en créations complexes. Addition, soustraction, intersection... Fenêtre → Pathfinder pour ouvrir.

➕ Réunion (Unite)

Fusionne toutes formes sélectionnées en une seule.

Ex: 3 cercles qui se chevauchent → 1 forme continue.

➖ Soustraction (Minus Front)

Forme du dessus découpe celle du dessous.

Ex: Cercle sur rectangle → Trou circulaire dans rectangle.

⚬ Intersection

Garde seulement la zone commune.

Ex: 2 cercles superposés → Forme en amande (milieu).

✂️ Division

Découpe formes en morceaux distincts.

Ex: Ligne traverse rectangle → 2 rectangles séparés.

🎯 Workflow Pathfinder

  1. 1

    Créez vos formes de base (rectangles, cercles...)

  2. 2

    Positionnez-les comme souhaité

  3. 3

    Sélectionnez toutes les formes (Ctrl+A ou Outil Sélection + glisser)

  4. 4

    Fenêtre → Pathfinder → Cliquez l'opération voulue

  5. 5

    Magie : forme complexe créée instantanément !

6. Couleurs et Dégradés

Nuancier et couleurs globales

Le Nuancier stocke vos couleurs. Créez des COULEURS GLOBALES pour modifier toutes instances en un clic !

  1. 1

    Fenêtre → Nuancier

  2. 2

    Créez forme + appliquez couleur

  3. 3

    Glissez carré de couleur (barre outils) vers Nuancier → Nouvelle nuance

  4. 4

    Double-clic nuance → Cochez 'Globale' → OK

  5. 5

    Maintenant : modifier cette nuance met à jour TOUS objets qui l'utilisent !

💼 Utilité professionnelle

Logo avec 3 couleurs de charte graphique. Définissez-les en globales. Client change d'avis sur bleu ? Modifiez UNE nuance → Tout le logo s'adapte !

Dégradés

  1. 1

    Sélectionner forme

  2. 2

    Outil Dégradé (G) ou Fenêtre → Dégradé

  3. 3

    Cliquez carré fond → Choisissez 'Dégradé'

  4. 4

    Panneau Dégradé : Linéaire (ligne droite) ou Radial (cercle)

  5. 5

    Curseur gradient : Double-clic pastille couleur pour modifier

  6. 6

    Ajouter couleur : Clic sous barre gradient

  7. 7

    Outil Dégradé sur forme : Glissez pour ajuster direction/longueur

🌈 Dégradés modernes

Tendance 2024 : dégradés colorés vifs (rose→violet→bleu). Parfaits pour logos tech, apps mobiles, identités jeunes et dynamiques !

7. Texte et Typographie

🔤 Texte ponctuel

Outil Texte (T) → Clic sur plan travail → Tapez

Barre contrôle : Police, taille, interligne. Texte → Caractère pour options avancées.

📄 Texte de paragraphe

Outil Texte → Tracez rectangle → Tapez

Texte ajusté dans zone. Texte → Paragraphe : Alignement, justification, retrait...

🎨 Texte sur tracé

Créez tracé courbe → Outil Texte curviligne → Clic sur tracé → Tapez

Texte suit courbe ! Parfait logos circulaires, badges, sceaux...

✍️ Vectoriser texte

Sélection texte → Texte → Vectoriser

Texte → Formes vectorielles. Non modifiable MAIS stylisable à l'infini (déformations, gradients...). Gardez copie avant vectoriser !

⚠️ Polices et partage : Si vous envoyez .AI à quelqu'un, il DOIT avoir vos polices installées. Solution : Vectorisez texte OU Fichier → Package (rassemble polices+images).

8. Export et Formats

💾 .AI - Format Illustrator (travail)

Fichier → Enregistrer (

Ctrl+S
)

Format natif. Conserve calques, texte éditable, tout. TOUJOURS garder version .AI !

📄 .PDF - Universel

Fichier → Enregistrer sous → PDF

Lisible partout. Conserve qualité vectorielle. Parfait pour envoi client/imprimeur. Options : 'Conserver fonctions Illustrator' si client a Illustrator.

🌐 .SVG - Web vectoriel

Fichier → Exporter → Exporter sous → SVG

Format vectoriel pour web. Logos sites, icônes apps... Redimensionnable CSS, léger, nets sur écrans Retina.

🖼️ .PNG / .JPG - Pixels (si besoin)

Fichier → Exporter → Exporter sous → PNG/JPG

Transforme vectoriel en pixels. Résolution : 72 DPI web, 300 DPI impression. PNG = transparence, JPG = plus léger.

🖨️ .EPS - Impression pro

Fichier → Enregistrer sous → EPS

Standard imprimerie. Vectoriel compatible tous logiciels pro. Demandé pour broderie, sérigraphie, impression grand format.

📐 Export multi-taille (icônes)

Pour icônes app (16px, 32px, 64px, 128px, 256px...) :

  1. 1

    Créez plans de travail pour chaque taille

  2. 2

    Ou : Fichier → Exporter → Exporter pour les écrans

  3. 3

    Choisissez formats (1x, 2x, 3x pour iOS/Android)

  4. 4

    Cliquez Exporter → Toutes tailles générées automatiquement !


🎯 Récapitulatif Illustrator

Vectoriel = qualité infinie, parfait logos/icônes
Formes de base + Pathfinder = designs complexes
Plume = outil roi, demande pratique mais indispensable
Couleurs globales = modif 1 nuance → tout change
Vectoriser texte avant envoi ou utiliser Package
.AI travail, .SVG web, .PDF/EPS impression

📝 Projet Final : Créez Votre Logo

Mettez en pratique TOUT ce que vous avez appris :

  1. 1. Nouveau document 1000×1000px, fond transparent
  2. 2. Créez un symbole simple avec formes de base (cercle + triangles par ex)
  3. 3. Utilisez Pathfinder pour combiner/soustraire formes
  4. 4. Appliquez 2-3 couleurs harmonieuses (ou dégradé moderne)
  5. 5. Ajoutez nom/slogan avec outil Texte (police lisible et pro)
  6. 6. Créez 3 nuances globales pour vos couleurs principales
  7. 7. Vectorisez le texte (gardez copie .AI avec texte éditable)
  8. 8. Exportez : .AI (travail), .PDF (client), .SVG (web), .PNG 512×512 (réseaux sociaux)

🎨 Inspiration : Logo Apple (minimaliste), Nike (swoosh simple), Airbnb (forme géométrique + texte). Simplicité = mémorable !

🎓 Félicitations !

Vous maîtrisez maintenant les bases d'Adobe Creative Cloud : Acrobat, Photoshop ET Illustrator !

Ces 3 outils couvrent 80% des besoins créatifs professionnels. Continuez à pratiquer, testez des projets perso, regardez tutos avancés... La créativité, ça se cultive ! 🌟

🎯

Quiz Interactif

Testez vos connaissances

1/5
Question

Quelle est la différence entre l'outil Sélection (V) et l'outil Sélection directe (A) dans Illustrator ?

Sélectionnez une réponse