Articles les plus consultés

Rechercher dans ce blog

vendredi 19 décembre 2014

Photoshop CS - Créer une affiche ou une carte de voeux

En fait, peu importe la taille de la carte (affiche) au départ, il faut juste que l'on ait en tête un format précis et l'appliquer au moment de la création. Dans notre exemple nous choisissons une carte de 20 cm (en horizontal) sur 10 cm (en vertical) qui doit recevoir une image de 8cm sur 8 cm, et du texte
Nous allons réaliser les opérations suivantes :

  • Créer une carte (affiche) en format 20 cm sur 10 cm de résolution 300 pixels par pouce
  • Mettre un fond dégradé en diagonale du bleu clair au bleu foncé
  • Ouvrir l'image à placer sur la carte et la mettre aux dimensions requises
  • Positionner l'image sur la carte
  • Créer un texte "Joyeux Noël" avec du relief (couleur entre le rouge et le jaune) et le positionner
  • Créer un 2e texte "André et Annie Molinet " texte simple, couleur bleu foncé
Remarque importante : au cours du processus, nous faisons des sauvegardes. Comme c'est un fichier que nous voulons pouvoir modifier, nous le sauvegarderons toujours en format Photoshop, donc PSD.

1- Créer une carte et la mettre au format 20 cm sur 10 cm

En fait, réorganisons d'abord Photoshop pour avoir à disposition l'affichage correct. Cela se réalise par le menu Fenêtre - Espace de travail - Réinitialiser la position des palettes


Pour créer la nouvelle carte : Fichier - Nouveau
Puis remplir les zones comme indiqué ci-dessous



A noter que la résolution pourrait être n'importe quel nombre entre 250 et 300 pixels par pouce pour obtenir, en final, une image bien nette.

2- Mettre un fond dégradé en diagonale du bleu clair au bleu foncé

Choisir - dans la palette de gauche (entourée ci-dessous) les couleurs de premier plan - bleu clair et d'arrière plan - bleu foncé ci-dessous, le choix de la couleur de premier plan, bleu clair



Le dégradé "se tire" en diagonale du coin supérieur gauche au coin inférieur droit (mais on peut choisir d'autres options !) comme indiqué ci-dessous



3 - Ouvrir l'image à placer sur la carte et la mettre aux dimensions requises (8 cm X 8 cm, 300 pixels par pouce)

Ouvrir l'image concernée dans Photoshop CS, Pour la redimensionner et la recadrer en même temps on peut utiliser une astuce : l'outil de recadrage, comme indiqué ci-dessous, les paramètres de recadrage devant être largeur : 8 cm, hauteur 8 cm et résolution : 300 pixels par pouce


Lorsque l'on applique l'outil recadrage sur l'image, on obtient le carré de 8 cm par 8 cm, que l'on peut repositionner aisément avec la souris.


Attention : la disposition telle qu'elle est montrée ci-dessus ne signifie pas que l'image est "dans" la carte, les deux images sont distinctes, il faut positionner l'image carrée sur la carte. Surtout ne pas se fier aux dimensions apparentes à l'écran : relativement à la carte, l'image est en réalité plus grande que ce qu'elle apparaît. La raison ? La taille de l'image, après redimensionnement, apparaît par rapport à la taille de l'image avant le redimensionnement.

4 - Positionner l'image sur la carte (sur l'affiche)

Avant de positionner l'image sur la carte, faisons apparaître la grille sur la carte et appliquons lui le magnétisme, pour que le positionnement de l'image soit plus aisé.
Pour passer plus aisément d'une fenêtre à l'autre, positionnons les deux images l'une sous l'autre
Fenêtre - Réorganiser - Juxtaposer


Sélectionnons la première image (carte)
Facultatif : Cocher "Grille" dans Affichage - Afficher - Grille
Puis cocher "Magnétisme" dans Affichage - Magnétisme

A l'aide de l'outil déplacement, déplacer l'image sur la carte et la positionner


Ici, pour simplifier les travaux futurs, on peut définitivement fermer l'image carrée, en prenant soin toutefois de ne pas la sauvegarder sous son nom initial, dans le cas contraire, on écraserait l'image d'origine. Ensuite, pour travailler sur la carte avec plus de précision on l'agrandira sur toute la largeur de l'écran Photoshop en appuyant sur les touches CTRL+0 (Touche Contrôle enfoncée et appuyer simultanément sur 0 - zéro - ) 
Renommer le calque de l'image
Dans le même but de simplification, on se positionnera - dans le panneau des calques, à droite, sur la calque de l'image (Calque1 en principe) on clique avec le bouton droit de la souris, Proprétés de Calque et l'on renomme le calque en image, par exemple


5 - Créer un texte "Joyeux Noël" avec du relief (couleur entre le rouge et le jaune) et le positionner

La première opération, toute simple est de sélectionner le calque de l'image : le calque de texte se positionnera automatiquement au-dessus. Dans la palette Calques, à droite, vérifier que l'on est bien sur le Calque "images", et si la procédure a été suivie comme indiqué ici on est dessus - voir l'image ci-dessus.
A gauche on sélectionne sur l'Outil Texte, puis on clique avec la souris sur la position que doit occuper la première lettre du texte tapé. On écrit alors "Joyeux Noël"
A noter : la mise en page se fait dans un 2e temps, l'aspect n'a pas d'importance à ce niveau.


Le calque de texte - voir la palette des calques à droite - a pris le nom de "Joyeux Noël"

Pour la mise en page, double-cliquer sur le T du calque dans la palette Calques à droite. Cela sélectionne automatiquement le texte écrit et permet, à l'aide de la barre d'outils texte, en haut, de modifier le texte.


Avec la Barre d'Outils on peut choisir tous les paramètres du texte, par exemple la police, la taille, la couleur, cadrage à gauche etc. A droite du rectangle de choix de la couleur, il y a encore d'autres possibilités comme la déformation du texte et l'icône "Activer/désactiver les palettec Caractère et Paragraphe"
Pour notre part nous avons choisi  police : Times New Roman, bold (gras),Taille 48, couleur (rouge 200, vert 110, bleu 50). On peut aussi, avec l'outil déplacement, déplacer le texte pour le mettre précisément à sa place.
On obtient le montage suivant



Donner du relief au texte

Dans la palette Calques, à droite du texte "Joyeux Noël", double-cliquer comme indiqué sur l'image ci-dessous.


Cela ouvre un menu "Style de calque", dans lequel on sélectionne, en haut à gauche, "ombre portée".
On règle les paramètres de l'ombre portée en double cliquant dessus, dans le menu de gauche.
Ci-dessous, les paramètres que nous avons choisis


Mode de fusion : Produit, couleur noire, angle 120°, distance 19 px, grossissement : 20%, taille 13 pixels. On essaiera de changer les paramètres pour obtenir le résultat le plus convenable possible.
Une fois ce résultat obtenu, cliquer sur OK.

Créer un 2e texte "André et Annie Molinet " texte simple, couleur bleu foncé

Aucune difficulté pour cette dernière opération. Il faut juste, avant de cliquer sur l'outil texte, se positionner sur le calque image, à droite.
Voici les paramètres entrés
Police : Times New Roman, bold (gras), Taille : 18 pt, couleur R=13, V=18, B=87. A droite du rectangle de la couleur, l'icône "déformer le texte" a été utilisée. Style : renflement horizontal, inflexion 50%


Le résultat final est ci-dessous, mais il ne s'agit ici que d'un exemple. On peut compliquer à loisir, et créer des affiches sur ce modèle, avec une taille d'image de départ A4 avec 300 pixels par pouce. On peut aussi rajouter du texte, et même des images, mais toujours garder à l'esprit que l'arrière plan et les calques qui se superposent dessus sont vus d'en haut. Bien entendu, on n'oubliera pas la sauvegarde finale de ce travail, en format PSD bien sûr, mais pour envoyer le fichier on préférera, de loin !, aplatir l'image (en haut, ligne du Menu, choisir Calque, et en bas : Aplatir l'image. Dans ce cas, la sauvegarde perd tous les calques et se fait en format jpg - avec une bonne qualité. 
















mercredi 17 décembre 2014

Photoshop CS - ajouter un cadre à une photo

Ouvrir l'image

A l'aide de l'outil rectangle de sélection, tracer avec la souris un rectangle sur l'image



Inverser la sélection à l'aide du menu Sélection - Intervertir. Le cadre que l'on doit colorer est alors sélectionné.


Pour remplir le cadre, deux solutions s'imposent.
- Avec la commande Edition - Remplir, avec : couleur (ou l'un des autres choix) - Choisir une couleur


- Avec l'outil dégradé, on définit d'abord les couleurs de premier plan et d'arrière plan qui seront utilisées, puis on trace avec la souris la ligne permettant de définir la répartition des couleurs du dégradé.