Débuter sur Adobe Photoshop !

Affiches publicitaires, mannequins sans défaut, effets spéciaux modernes et réalistes… C'est incroyable tout ce qu'on peut faire avec la technologie de nos jours ! Et si on faisait en sorte que ce soit vous qui réalisiez toutes ces belles choses ?

Je ne me moque pas de vous, je suis même très sérieux ! Figurez-vous que la majorité des images que vous pouvez apercevoir dans la rue ou sur internet est issue d'un seul et même logiciel. Je veux parler de ce logiciel dont le nom ne vous est sûrement pas inconnu, Adobe Photoshop !

À qui s'adresse ce cours ? À vous, cher novice qui trouvez le logiciel trop complexe malgré de multiples tentatives, mais aussi bien entendu à toute personne souhaitant découvrir pour la première fois le logiciel dont la réputation n'est plus à faire.

Ce cours, articulé autour de trois thèmes d'apprentissage, se veut progressif et adapté à votre niveau. Non seulement mon objectif est que votre lecture vous permette d'accroitre vos performances et vos connaissances dans le domaine de l'infographie, mais il est aussi qu'à la fin de ce cours, vous vous sentiez « moins débutant » et plus à l'aise avec les notions que nous évoquerons tout au long du cours. A ce titre, il est évident qu'aucune notion en graphisme n'est exigée.

Voici un bref récapitulatif de ce que nous aborderons dans ce tutoriel :

• Maitrise des outils de Photoshop
• Découverte des principales fonctionnalités du logiciel
• L'art de la retouche photographique
• Création d'une illustration ainsi que d'une affiche publicitaire, de A à Z
• Conception et réalisation du design de votre site
• Acquisition du vocabulaire et des termes techniques liés à l'infographie
• Des travaux pratiques pour faire un point sur vos connaissances
• Des fichiers à télécharger tout au long du cours pour une pratique régulière

Je dois vous avertir que je travaillerai sur la dernière version en date de Photoshop (CS5). Si votre version est suffisamment récente, vous pourrez a priori suivre le cours correctement. À noter toutefois que certains outils ne sont accessibles qu'à partir de la version CS4 du logiciel, ne soyez alors pas étonnés si je venais à les traiter.

Pour leur contribution, je tiens à remercier ici-même victor, qui m'a généreusement fourni une partie des photos que vous trouverez dans ce tutoriel, ainsi que SimSonic, qui suit ce cours depuis le début et fournit un travail remarquable de validation.

Découverte de Photoshop (acquisition des bases)

1. Vous avez dit "Photoshop" ?

   1. Photoshop, kézako ?

   2. Acheter ou télécharger Photoshop

   3. L'espace de travail

2. La zone de travail

   1. Création d'une nouvelle zone de travail

   2. L'enregistrement

   3. Ouvrir un nouveau document

   4. La minute théorique : un point sur le pixel

3. La fenêtre de calques

   1. Découverte des calques

   2. Créer, verrouiller ou supprimer un calque

   3. Les différents types de calque

   4. Gestion des calques : organisation et paramétrage

4. Place aux premiers effets !

   1. Jouer avec la transparence grâce aux modes de fusion

   2. Les styles de calque (1/2)

   3. Les styles de calque (2/2)

5. Les outils pratiques

   1. Effectuer un zoom

   2. Se déplacer dans la zone de travail

   3. Un condensé des deux, ça existe ?

   4. Sélectionner et déplacer un calque

   5. Ecrire des annotations

   6. La pipette

6. La sélection simple

   1. Outil rectangle de sélection

   2. Outil ellipse de sélection

   3. Le menu sélection

   4. Et après, on fait quoi ?

7. Le détourage

   1. Le Lasso, une sélection à main levée

   2. Le Lasso Polygonal : la précision au bout des doigts

   3. Un petit mot sur le Lasso Magnétique ?

   4. La baguette magique, ou comment sélectionner en un clic !

   5. La sélection rapide

8. Les dimensions d'une zone de travail

   1. Taille de l'image

   2. Taille de la zone de travail

   3. Rotation de l'image

   4. Le recadrage

9. Techniques de transformation sur les axes X et Y (1/2)

   1. La minute théorique : transformer à l'aide de la symétrie

   2. Symétrie des axes

   3. Rotation

   4. Transformation en homothétie

   5. Inclinaison

10. Techniques de transformation sur les axes X et Y (2/2)

    1. Torsion

    2. Perspective

    3. Déformation

    4. Transformation manuelle

La retouche photographique (nouvelles notions en perspective)

1. La minute théorique, pour vous en faire voir de toutes les couleurs !

   1. C'est quoi, une couleur ?

   2. Le mode RVB

   3. Le mode CMJN

   4. La fenêtre Couleur sur Photoshop

2. Travailler la chromie

   1. L'exposition avec les niveaux de couleur

   2. Corriger un contre-jour

   3. Retravailler un visage surexposé

   4. Corriger l'exposition d'une photo

3. Réglage de la colorimétrie

   1. Modifier, raviver et éclaircir les couleurs d'une image

   2. Les excès de couleur

   3. Utiliser les couleurs d'une image de référence

   4. Remplacer ou isoler une couleur

4. Et les outils, on en fait quoi ?

   1. La densité des couleurs

   2. Modifier la saturation

   3. Une image floue, une image nette

   4. Escompter les contours d'un calque

5. Outils de réparation

   1. Le clonage

   2. L'outil tampon de duplication

   3. L'outil correcteur

6. TP : retoucher le visage d'un vieil homme

   1. Avant de commencer...

   2. Quelques conseils et surtout, la consigne.

   3. On pose les crayons, heu... les outils !

La création sous toutes ses formes ! (web)

1. Le dessin : premiers pas vers la création

   1. La minute théorique : matriciel ou vectoriel ?

   2. Le crayon pour du Pixel-Art

   3. Le coloriage

   4. Le pinceau : digital painting & masques de fusion

2. Les outils de forme : place au vectoriel !

   1. Créer et utiliser des formes géométriques

   2. TP : c'est à vous de jouer !

   3. Un mot sur les masques de fusion

3. La plume

   1. Dites bonjour à la plume !

   2. En pratique

   3. La plume, c'est plus fort que toi !

   4. South Park : c'est pas terminé !

   5. La sélection, encore et toujours...

4. Le texte

   1. Ajouter du texte

   2. Paramétrer le texte

   3. Styliser le texte

5. TP : création d'un logo

   1. La minute théorique : qu'est-ce qu'un logo ?

   2. Préparatifs

   3. Consignes

   4. Correction

6. TP : réalisation d'une affiche publicitaire

   1. Les préparatifs

   2. Les consignes

   3. Et la correction !

7. Habiller votre site internet (1/2)

   1. Une charte graphique ?

   2. Le squelette

   3. La bannière principale

   4. La liaison : menus et boutons

8. Habiller votre site internet (2/2)

   1. Le coeur ou le corps ?

   2. Pied de page

   3. Démarches et améliorations

9. TP : réalisation d'une charte graphique

   1. Tout le monde est prêt ?

   2. ... C'est parti !

Annexes

1. Photoshop : en savoir plus...

   1. Les versions de Photoshop

   2. Pourquoi Photoshop et pas un autre ?

Ce cours sur Photoshop est maintenant terminé.

La première partie a fait l'objet d'une très grosse introduction : il s'agissait de vous offrir une première approche avec tout ce qui doit être acquis pour commencer véritablement votre ascension dans le monde de l'infographie : les calques, le détourage, la transformation, …

Vous avez eu l'occasion dans la deuxième partie de découvrir la retouche photographique, discipline consistant à modifier une ou des parties d'une photo pour l'améliorer ou la détériorer.

Enfin, la troisième partie, dédiée à la création d'images destinée au web, vous a permis d'apprendre à faire du Pixel-Art, mais aussi à créer un logo et une charte graphique de toutes pièces pour vous ou votre entreprise/projet.

Merci de votre fidélité et de votre patience et à très vite !

Remerciements

Anaïs pour son opinion de débutante et son dévouement. SimSonic pour ses relectures et sa patience. victor pour ses talents de photographe. karamilo pour ses messages d'encouragement réguliers. Berzy pour sa sympathie et notre passion commune. Jiyong pour son soutien et son aide, notamment pour la construction de mon plan. Clems pour ses belles images du début de cours.

Merci !