TUTORIAL PHOTOSHOP CS1/2

Par Onilink

Spécialement créé pour Bereblue :3

Le début du commencement?

• Quelle est l’utilité?– Faire de l’illustration 2D/3D– Du web-design / design

• Qu’est ce qu’on ne peut pas faire?– De la 3D pure (3D Studio Max et Maya)– Du dessin vectoriel (préférer Illustrator ou Flash! Je conseille

Flash)

Le début du commencement?

• Quid de la tablette graphique?– Indispensable pour tout ce qui est illustrations 2D.– S’exercer en repassant une photo/illustration (mettre le calque

de la photo avec une opacité d’environ 30/40%)

• PTIT CONSEIL ONI-ONI ^^:

Toujours avoir la main gauche sur CTRL-Z. Cela permet de revenir au dernier trait. En général, retenir que CTRL-Z permet de revenir à la DERNIÈRE action!

Ok! C’est parti pour de la pratique!

Création d’un nouveau document

• Avant tout, une question importante: Utilité? ou Subtilité?...– Créer un document à la taille qui doit convenir à ce que tu veux

faire.Ex: Wallpaper = 1024*768 Affiche/Poster = A4

– Toujours travailler en PIXELS. Tu raisonneras rarement en CM!

• PTIT CONSEIL ONI-ONI ^^:

Veille à bien regarder si l’option de couleur est à RVB 8bits. Si tu veux faire des travaux en niveau de gris, passe dans l’option qui correspond.

Création d’un nouveau document• Description: Menu –> Nouveau…

Formats prédéfinis (Tu peux sauvegarder un nouveau format grâce à ce bouton ci)

Largeuret Hauteur

Choix de fond(Blanc/Coloré/Transparent)

Important:Taille du fichierÉviter de dépasserles 50 Mo!

Présentation rapide• Description: L’aire de travail… ou de jeu ^_^

Barre d’outils (BO) Barre des Menus (BM) Menu Police (MP)

Menu Navigation (MN)

Menu Outil (MO)Menu SurligneurPinceau(Peu important)

Menu Historique (MP)(Très important!Permet de retournerquelques actionsavant.Permet de faire unesauvegarde d’étape par click droit ->Premier choix)

Menu Calques (MC)(Le plus important)

Traitement de l’image• Objectif de la partie: A la fin de la lecture, tu sauras (si tout va bien

XD):– Jouer avec les dimensions d’une image– Changer de mode de couleurs– Agrandir les bordures d’une image– Manipuler l’image de manières plus avancées: Transformation à la

volée + Jeux de filtres/Contrastes/Lumières/Couleurs– Créer une nouvelle image à partir d’une selection

• PTIT CONSEIL ONI-ONI ^^:

Comme tu l’as remarqué les « ptits conseils » sont des remarques personnelles que je te donne pour que tu puisses voir les subtilités et/ou astuces ;) J’espère qu’ils te seront utiles!

Traitement de l’image• Dimensions d’une image: (BM)Image ->Taille de l’image

• PTIT CONSEIL ONI-ONI ^^:

Il faut éviter de faire un agrandissement ou un rapetissement de document trop important car voici ce qu’il arrive:

LargeurHauteur

Garde les proportions

Rapetissement(Les couleurs bavent)

Traitement de l’image• Mode de couleurs: (BM)Image -> Mode (ou alt-ctrl-i)

Couleurs RVB (Rouge Vert Bleu) 8 BITS!

Nuances de GrisImportant! Permetde faire facilementles ombres!

Permet d’activer

Tons de couleursPermet de faire commenuances de Gris saufque l’on remplacele gris par le mélangede 2-3-4 couleurs.

IndexésAttention! Les couleurs indexées ne permettent pas de créer descalques! D’une façon générale, si quand tu ouvres une imageprise sur internet, tu ne peux pas créer de calques alors passe enMode RVB ^^Le mode indéxé n’est pas du tout pratique pour travailler et laqualité des images est moins bonne… En gros, retiens qu’il nefaut pas hésiter à passer en Mode RVB ^^

Et Les autres modes ?Peu important, on remarque même une baisse de qualité surquelques modes voire une altération des couleurs…Attention, le mode 16 bits désactive pleins de fonctions! ^^

Traitement de l’image• Bordures du document: (BM)Image -> Taille canevas (ou alt-ctrl-C)

Original Fenêtre Canevas

Ancrage du document

- L’ancrage du document:Si tu appuies sur le boutonreprésentant une flèche versle haut, l’aire de travail dudocument sera modifiée par lebas (voir image ‘Modifié’)

- Couleur de l’extension du Canevas:Tu peux appliquer la couleurde ton choix.

Modifié

Canevas rajouté avec ancrage en « haut » du document.Valeur mise en hauteur: 600px au lieu de 500px à l’origine.Et voila! La bordure du document a été baissée de 100px versle bas!

Traitement de l’image• Transformation à la volée: (BO) Outil de sélection -> Click droit sur le

document -> Transformation manuelle

Modification des dimensions de l’image

Rotation du document selon la croix encerclée au centre du document

Déformation de l’image par déplacement des cotés ou des coins (utile pour la perspective! ^^)

Idem à la fonction ci-dessus mais en plus libre!

Outil de perspective avec effet de groupe (essaye sur les coins ^^)

Outil de déformation semi-3D – Permet d’onduler les images et de les tordre complètement

Rotation de l’image

Symétrie horizontale ou verticale de l’image

Une fois terminé, double click sur l’image ou la zone de travail!