Les bases de Photoshop (page 2)

Apprendre les bases de Photoshop (page 2).

 

► Présentation de Photoshop CS 5 (page 1)

► Les calques (page 3)

Les images

 

Création d’une nouvelle image :

Il est possible de travailler à partir d’une image vierge (page blanche)

choisir le menu Fichier / Nouveau ou Ctrl + N

CS5 : Nouveau

Dans la fenêtre qui apparaît vous pouvez :

  • soit utiliser le menu Paramètre prédéfini
  • soit configurer les paramètres manuellement

Choisir un paramètre prédéfini :

Dans le menu déroulant Paramètre prédéfini, sélectionner Papier format international
puis dans le menu déroulant Taille, choisir A4 : les champ de dimensions sont alors renseignés automatiquement.

Une fois les paramètres affichés on peut très bien les modifier manuellement par exemple en entrant 72 au lieu de 300 dans le champ Résolution (le menu déroulant doit être sur pixels/pouce.

Choisir les paramètres manuellement :

Une fois la fenêtre affichée on peut modifier tous les paramètres manuellement :

  • entrer les dimensions directement dans les champs Largeur et Hauteur et choisir l’unité
  • modifier la résolution dans le champ Résolution. Pour un affichage sur l’écran ou Internet choisir : 72 ppp.
  • choisir le Mode (RVB…) et le nombre de bits par pixel (8, 16…). Pour une utilisation standard on ne change rien ici.
  • choisir la couleur d’arrière-plan de l’image dans le champ Contenu de l’arrière-plan : Blanc, Couleur d’arrière-plan ou Transparent)

Mémoriser ses paramètres personnels :

Il est possible également de mémoriser ses paramètres personnels à l’aide du bouton Enregistrer le paramètre prédéfini : le nouveau paramètre apparaîtra ensuite dans le menu déroulant du haut.

Conseils sur la résolution des images :

  • image pour l’écran ou Internet : 72 (à 96 ppp). Pour Internet toujours choisir : 8 bits
  • impression laser noir et blanc : 72 ppp
  • impression jet d’encre : entre 120 et 200 ppp
  • impression professionnelle : 300 ppp

 

Enregistrer une image :

Pour enregistrer une image on dispose de 2 menus différents :

  • Fichier / Enregistrer sous… ou Maj + Ctrl + S
  • Fichier / Enregistrer pour le web et les périphériques… ou Alt + Maj + Ctrl + S

Le menu Enregistrer sous… est destiné à enregistrer une image dans un format courant, il existe une multitude de formats dont notamment : .PSD (le format natif de Photoshop), .JPG (le plus utilisé), .BMP, .PNG, .TIFF…

Le menu Enregistrer pour le web et les périphériques… est destiné aux images pour Internet et les périphériques.

Pour Internet, on utilise les formats .jpg, .gif, .ou png qui sont des formats compressés, pour un affichage uniquement sur un écran.

Dans la fenêtre Fichier / Enregistrer sous… vous devez :

  • donner un nom à l’image
  • choisir un format
  • choisir un emplacement de destination
  • cocher ou décocher la case Calques (si vous désirez les conserver et si le format choisi les supporte)
  • cocher ou décocher le profil de l’image

Dans la fenêtre Fichier / Enregistrer pour le web et les périphériques… vous devez :

  • choisir directement un réglage prédéfini dans le menu déroulant Paramètre prédéfini : solution recommandée

CS5 : Enregistrer pour le web

Sinon on peut choisir tous les paramètres manuellement, mais la solution idéale c’est de passer d’abord par un paramètre prédéfini et ensuite éventuellement, de le personnaliser en modifiant un des paramètres en dessous.

Par exemple : choisir le paramètre prédéfini GIF 128 Tramé, puis dans le menu Couleurs sélectionner 256, pour augmenter le nombre de couleur au maximum.

Dans la fenêtre il est ainsi possible de mémoriser ses propres paramètres : cliquer sur l’icône en haut à droite et choisir Enregistrer les paramètres) puis donner un Nom : on obtient un nouveau choix dans le menu déroulant.

Pour une image pour Internet avec une bonne qualité, sélectionnez : JPEG Supérieur ou GIF 128 Tramé ou PNG-8.

À partir du choix qui est fait dans les paramètres on voit de suite le poids de l’image en bas à gauche de la fenêtre : ici l’image fera 132 ko.

CS5 : aperçu du poids du fichier

Pour diminuer le poids d’une image :

  • pour une image .JPG : réduire la qualité en JPEG Moyen ou JPEG inférieur
  • pour une image .GIF ou .PNG : réduire le nombre de couleurs manuellement, de 128 on peut descendre à 64 ou 32 (ou même moins)

En contrepartie on peut privilégier la qualité :

  • pour une image .JPG : diminuer la compression de l’image en sélectionnant dans le menu à gauche Qualité de compression : Supérieur ou Maximum
  • pour une image .GIF ou .PNG : augmenter le nombre de couleurs, dans le menu Couleurs à 256 (c’est le maximum pour ces formats).

On peut aussi essayer de modifier la valeur de Tramage et décocher la Transparence si elle n’est pas utilisée.

À chaque modification des réglages on regarde si la taille du fichier change, en bas à gauche de la fenêtre.

Dans la partie gauche de la fenêtre c’est la zone d’aperçu de l’image. En haut il y a des onglets qui permettent de voir immédiatement le résultat : l’onglet Optimisé montre l’image telle quelle sera une fois enregistrée.

 

Afficher des aides visuelles :

Photoshop dispose de 3 aides visuelles qui aident à travailler dans l’image : les Règles, la Grille et les Repères.

Ces aides sont regroupées sous l’appellation Extras : on y accède par le menu Affichage.

Elles servent à positionner précisément des éléments dans l’image (calques ou sélection).

On accède à ces aides en cochant ou décochant les lignes dans le menu Affichage / Afficher, puis on peut afficher ou cacher toutes les aides en même temps en cochant ou décochant la ligne Extras ou à l’aide du raccourci Ctrl + H.

Les règles :

Les Règles s’affichent à partir du menu Affichage / Règles ou Ctrl + R, ou à partir de l’icône Afficher les extras située tout en haut de l’écran dans la Barre d’applications.

CS5 : afficher les extras

Il y a 2 règles : une règle horizontale et l’autre verticale, elles s’affichent en même temps. Par défaut les règles sont configurées en cm (centimètres), mais il existe d’autres unités : on accède aux unités en faisant un clic droit sur une des règles avec l’outil Déplacement.

Dans le menu qui s’affiche il suffit de choisir l’unité désirée.

CS5 : configurer la règle

On peut également se servir du menu des Préférences : Edition / Préférences / Unités et règles…

CS5 : configurer la règle avec les Préférences

La grille :

La Grille s’affiche par le menu Affichage / Afficher / Grille.

Par défaut elle a une certaine dimension que l’on peut modifier dans le menu des Préférences : Edition / Préférences / Repères, grille et tranches.

Les repères :

Les Repères : se créent à partir du menu Affichage / Nouveau repère.

Dans la fenêtre qui s’affiche choisir le sens (horizontal ou vertical), ainsi que la position à partir du bord gauche ou du bord supérieur de l’image. L’unité est fonction de l’unité choisie dans la règle (par défaut en cm).

CS5 : nouveau repère

On peut également ajouter manuellement un repère à partir des règles : placer le pointeur de la souris sur une des règles et en maintenant le bouton gauche : tirer vers l’image (à partir de la règle horizontale ou verticale).

On peut ensuite déplacer et positionner un repère avec l’outil Déplacement ou V.

On peut également transformer un repère horizontal en repère vertical (et inversement) en faisant un Alt + clic sur un repère, avec l’outil Déplacement.

Pour supprimer un repère il suffit de le déplacer puis de le lâcher sur la règle ou passer par le menu Affichage / Effacer les repères, mais cela les supprime tous.

 

Agrandir ou diminuer l’affichage d’une image (zoom) :

Lorsqu’on ouvre une image celle-ci s’affiche soit en taille réelle (100%) soit dans une taille redimensionnée visuellement pour que sa fenêtre soit vue en entier dans l’espace de travail, l’affichage dépend alors de la place disponible dans l’espace de travail.

Par exemple : si vous ouvrez une très grande image sa fenêtre sera diminuée pour que vous puissiez la voir en entier et son agrandissement (zoom) sera réduit, alors que si vous ouvrez une image plus petite qui entre entièrement dans l’espace de travail elle sera affichée à sa taille réelle.

Il y a 2 agrandissements possibles : celui de la fenêtre de l’image et celui du zoom dans l’image.

Pour agrandir ou diminuer le zoom dans l’image vous avez 4 possibilités, avec l’outil Zoom ou Z :

  • un clic du bouton gauche augmente le zoom, un Alt + clic le diminue
  • en faisant un clic du bouton droit dans l’image, un menu apparaît : il contient les choix : Taille écran, Taille réelle des pixels, Taille d’impression, Zoom avant ou Zoom arrière.

CS5 : choix du zoom

  • on peut également faire varier le zoom avec les touches du clavier : Ctrl + + : agrandit l’affichage et Ctrl + – : diminue l’affichage.

Il est possible de configurer Photoshop pour faire fonctionner le zoom avec la molette de la souris (très pratique) : c’est une option qu’il faut activer dans : Edition / Préférences / Général, cocher la case Zoom avec molette de défilement.

  • on peut également faire varier le zoom avec le panneau Navigation (menu Affichage / Navigation) :

Dans le panneau, l’image apparaît encadrée de rouge. On peut augmenter ou diminuer précisément le zoom (au centième de %) à l’aide du curseur du bas (on peut également entrer le % exact dans le champ en bas à gauche (appuyer ensuite sur la touche Entrée pour valider).

CS5 : panneau Navigation

Si on a agrandi l’image, on peut se déplacer dedans à l’aide du curseur, en forme de Main.

Il est possible de changer la couleur rouge par défaut : cliquer sur le menu du panneau (flèche en haut à droite) et choisir Options de panneau. On peut choisir une autre couleur dans le menu déroulant Couleur.

CS5 : options du panneau Navigation

On peut également modifier les dimensions de la fenêtre de l’image.

Il suffit de placer le curseur sur l’un des cotés ou sur un angle et de redimensionner la taille de la fenêtre.

 

Affichage de plusieurs images :

Vous pouvez ouvrir une ou plusieurs images en même temps avec la commande Fichier / Ouvrir ou Ctrl + O.

Sélectionner les images désirées et valider la fenêtre du navigateur.

Une fois les images ouvertes il peut être utile de les agencer afin de pouvoir y accéder. Par défaut les images s’affichent de façon décalées de quelques pixels (chevauchement partiel).

On peut déplacer les images dans l’espace de travail en les prenant avec le curseur de la souris par leur barre du haut.

On peut redimensionner la fenêtre d’une image en plaçant le curseur soit sur l’un des cotés de l’image soit sur un des angles : le curseur se transforme en double flèche. En prenant l’image par son coin inférieur droit on peut redimensionner la fenêtre dans les 2 directions.

Il est également possible d’agencer automatiquement les images ouvertes dans l’espace de travail : à l’aide de l’icône présente dans la Barre d’applications en haut de l’écran Réorganiser les documents. C’est un menu déroulant contenant plusieurs choix.

CS5 : réorganiser les documents

Il est possible de faire un redimensionnement automatique de la fenêtre de l’image avec l’outil Zoom ou Z : il faut pour cela activer une fonction dans le menu Edition / Préférences / Général : cocher la case Fenêtres redimensionnées par zoom.

 

Redimensionner une image à l’écran :

Le menu Image / Taille de l’image ou Ctrl + Alt + I, permet de modifier la taille d’une image à l’écran.

CS5 : taille de l'image

Dans la fenêtre qui s’affiche, en haut apparaissent les dimensions de l’image en pixels et en dessous la taille du document.

Pour redimensionner une image à l’écran on n’utilise que les dimensions en pixels.

Tout en bas de la fenêtre la case Conserver les proportions est cochée, en général il faut la laisser cochée sinon cela déforme l’image.

En dessous la case Rééchantillonnage est également cochée : il faut la laisser telle quelle.

Le menu déroulant en dessous permet de sélectionner la méthode de redimensionnement, suivant que vous diminuez ou agrandissez l’image il faut choisir la méthode correspondante. Par défaut on peut laisser le choix sur Bicubique (adapté aux dégradés lisses).

Si après redimensionnement vous voyez apparaître du flou dans l’image, il est possible de le corriger un peu avec le menu Filtre / Renforcement / Accentuation. Choisir des valeurs faibles, par exemple celles par défaut : 50 – 1,0 – 0.

De préférence il ne faut pas redimensionner en plusieurs fois une image mais en une seule fois, car cela risque de la dégrader.

 

Redimensionner une image à imprimer :

Il est possible de changer les dimensions d’une image pour l’impression.

choisir le menu Image / Taille de l’image ou Ctrl + Alt + I.

Le redimensionnement d’une image pour imprimer est indépendant des dimensions de l’image à l’écran, donc on ne modifie pas les valeurs présentes dans la partie haute de la fenêtre mais uniquement celles dans la partie Taille du document.

dans la fenêtre : décocher la case Rééchantillonnage

CS5 : taille pour imprimer

dans les champs de Taille du document : entrer les valeurs désirées. Vous constatez que les champs Largeur/Hauteur influent directement sur la Résolution. Lorsque l’on augmente les dimensions on diminue donc la résolution et inversement.

Si votre image est plus grande mais d’une résolution trop basse, vous n’obtiendrez pas la qualité suffisante pour l’impression.

Rappel de la résolution nécessaire pour la qualité d’impression :

  • impression laser noir et blanc : 72 ppp
  • impression jet d’encre : entre 120 et 200 ppp
  • impression professionnelle : 300 ppp

Une fois la fenêtre validée les dimensions d’impression ont changé mais les dimensions à l’écran sont restées les mêmes.

 

Redimensionner la zone de travail :

Il est parfois nécessaire d’avoir de l’espace autour d’une image, par exemple pour ajouter un encadrement ou une légende ou pour tracer une forme plus grande que l’image ou qui dépasse partiellement.

choisir le menu Image / Taille de la zone de travail ou Alt + Ctrl + C

CS5 : taille de la zone de travail

Dans les champs Largeur et Hauteur : entrez les dimensions à donner à la zone de travail.

Dans la fenêtre on entre directement les nouvelles valeurs de redimensionnement. Si on entre des valeurs supérieures à la taille de l’image cela agrandi l’image mais si on entre des valeurs inférieures cela coupe l’image (recadrage).

Il est possible de changer l’unité affichée à l’aide du menu déroulant, par exemple en %.

La case Relative permet d’augmenter (ou diminuer) d’un nombre précis sur chaque coté, par exemple pour faire un encadrement. La zone fléchée en dessous permet de positionner l’image de départ : le carré coché indique la position de l’image, si le centre est coché l’augmentation (ou la diminution) aura lieu de tous les cotés, si on coche par exemple le carré de gauche, elle n’affectera que les cotés haut, bas et droit.

Tout en bas se trouve le choix de la couleur qui sera affectée à l’agrandissement : choisir dans le menu déroulant. On peut indiquer une couleur précise, en cliquant directement sur le petit carré blanc à droite.

 

Recadrer une image :

Recadrer (ou rogner) une image permet d’attirer l’attention sur une zone pour la mettre en valeur (photo ou graphisme) ou permet d’ajuster une image pour éliminer des zones superflues.

On peut recadrer soit avec l’outil Recadrage ou C soit avec le menu Image / Taille de la zone de travail….

En effet, on peut très bien rogner l’image en diminuant ses dimensions avec la commande Taille de la zone de travail… Mais l’outil le plus pratique est l’outil Recadrage.

En traçant, avec cet outil un cadre dans l’image puis en validant (par double-clic ou touche Entrée) on recadre directement l’image.

Il est également possible, après avoir tracé un cadre dans l’image, de déplacer celui-ci avec le pointeur de la souris.

CS5 : déplacer le cadre de recadrage

On peut également agrandir la zone de travail si on trace un cadre plus grand que l’image : se placer en affichage Plein écran, avec ou sans menu, touche F, tracer le cadre autour de l’image puis lâcher le bouton de la souris. Maintenant placer le curseur sur un des coins d’angle et tirer vers l’extérieur donc pour agrandir la zone de travail. Enfin valider le recadrage par double-clic dans le cadre ou appuyer 2 fois sur la touche Entrée. La zone de travail autour de l’image est agrandie.

CS5 : agrandir la zone de l'image avec l'outil Recadrage

Au moment de modifier le cadre si on maintient la touche Maj cela modifie de façon proportionnelle (conserve les proportions de hauteur et largeur) et si on maintient Maj + Alt cela modifie de façon proportionnelle mais à partir du centre, donc cela agrandi sur les 4 cotés en même temps.

On peut également appliquer des dimensions précises à une image, par exemple les dimensions d’une autre image, à l’aide des paramètres dans le Panneau de contrôle en haut de l’écran.

Le bouton Image 1er plan permet de mémoriser les dimensions d’une image, ensuite avec l’outil recadrage on peut appliquer automatiquement ces dimensions au cadre que l’on trace soit dans la même image, soit dans une autre image.

On peut donc redimensionner une image en la recadrant, mais sans changer ses dimensions !

► Présentation de Photoshop CS 5 (page 1)

► Les calques (page 3)