Les Tutoriaux: Photoshop » Tutorial Créer un contour ou un cadre pour une image ou logo

Introduction

Bonjour, je vais maintenant vous présenter différentes manières de réaliser des contours et des cadres sur une image quelconque. Pour cela ,j'ai pris une fleur (pour changer un peu :P ) et je vais lui appliquer plusieurs cadres.

Voici l'image de base:

Pour commencer, nous allons essayer d'appliquer un simplement cadre à cette image sous Photoshop.

Pour cela, suivez ces étapes:

Faites Fichier > Nouveaux

• Donnez un nom à votre plateforme de travail (ou document), par exemple "Feijoa" qui est le nom de cette fleur pour votre culture :)
  
• Mettez une Largeur et une hauteur plus grande que celle de votre image. C'est important pour pouvoir travailler sur l'image que la surface de travail soit plus grande!
  
• Ensuite, sélectionnez le menu contenu de l'arrière-plan: Transparent
  
• Validez !

Exemple pour le choix de la largeur et de la hauteur :
[code]Ma fleur fait 702 px de largeur et 508 px de hauteur. Donc, je prendrai une surface de 800 px de largeur et de 600 px de hauteur. On pourra enlever les blancs plustard. Je vous expliquerai comment plus loin ci-dessous...[/code]


Après avoir créé votre plateforme de travail. Vous allez ouvrir votre image sous photoshop, la selectionner entierement avec la commande ( CTRL + A ), puis faire un copier. Ensuite, Afficher le document principal qui va contenir l'image que l'on va travailler (dans mon cas c'est le document "Feijoa") puis coller l'image précédemment copiée dans votre document. Vous vous retrouverez avec quelquechose comme cela:


Voila, lorsque vous en êtes la, vous allez selectionner juste votre image pour pour pouvoir travailler dessus. Pour cela, c'est simple, vous allez appuyer sur CTRL et en même temps vous allez cliquer sur le calque de votre image comme la flêche le montre sur le screenshot ci-dessous:


Nous y arrivons. Après avoir sélectionné l'image, vous allez maintenant creer un nouveau calque dans votre document, celui qui contiendra le cadre ! Faites (CTRL + SHIT + N) et donnez lui le nom de "cadre".

Normalement, vous devez toujours avec des pointillés en mouvement dans votre document autour de votre image. Nous allons maintenant créer le cadre en faisant une dilatation de cette selection !

Pour cela, vous allez utiliser l'outil disponible dans le menu:

Selection > Modifier > Dilater

• Mettez une valeur de 4 pixels dans la boite qui s'ouvre par exemple

Nous allons maintenant remplir cette selection dans une nouvelle couleur en veillant à bien sélectionner le calque que nous avons créé pour le cadre.

Faites (ALT + F5) ou Edition > Remplir

• Choisissez la couleur avec laquelle vous voulez remplir cette zone

Attention: Nous vous inquietez pas si vous ne voyez plus l'image de la fleur! Elle se trouve en fait sous le calque rempli de la couleur du cadre, comme ceci:

NB: [code]Pour choisir la couleur du premier ou second plan, vous pouvez le faire en selectionnant votre couleur dans la palette en haut à droite de photoshop[/code]


Il va donc falloir faire passer la photo de la fleur au dessus du calque cadre ! Et bien c'est simple, il suffit de selectionner un calque avec le clic gauche de la souris et de le deplacer au dessus ou en dessous de l'autre en laissant cliquer le bouton de la souris:


Vous devez obtenir ceci normalement


Voila, le plus dur est fait ! Maintenant il va falloir laisser aller son imagination en utilisant différents effets sur ce cadre. Mais attention. Comme vous l'avez vu actuellement, ce n'est pas un vrai cadre, ce n'est juste qu'une image placée sous la photo. Ce sont les morceaux qui dépassent et forment le cadre. Les différents effets que je vais présenter ici seront à utiliser soit avec l'image entière ou bien juste avec les morceau du calque "cadre" entourant la photo, ce qui va être totalement différent.

Voici la manipulation pour transformer ce faux cadre (grande image) en un vrai contour de la photo:

Alors c'est aussi très simple. Vous allons supprimer un morceau de l'image cadre (calque du nom: "cadre") et enlever le centre qui ne sert à rien et où il y a la photo. Pour cela, vous allez faire la selection de la photo de la fleur

--> Maintenir CTRL + cliquer sur le calque comme tout à l'heure (bien cliquer non pas sur le nom du calque mais sur la petite image)

Ensuite, après avoir sélectionné la photo, vous allez activer le calque "cadre" en cliquant simplement une fois dessus.

Résumé de la situation:
[quote]En clair, vous venez de faire la selection de la photo et des pointillés en mouvement autour de l'image aparaissent! Ceci veut dire que nous allons travailler dans cette zone selectionnée, et pas ailleurs !
Ensuite vous avez cliqué sur le calque "cadre", ce qui veut dire que la prochaine action sera effectuée sur l'image de ce calque [size=18]ET[/size] dans la zone en pointillés selectionnée tout à l'heure ![/quote]

Et voila, si vous avez bien respecté ce qui a été dit, il ne vous reste plus qu'à appuyer sur le bouton "DELETE" ou "EFFACER" de votre clavier pour effacer le morceau du calque cadre selectionné.

Normalement, vous devez toujours avoir ceci:


Quoi ? A quoi ca sert si on voit la même chose ?

Et bien c'est simple. Lorsque vous appliquerez maintenant des effets sur le calque "cadre", les effets ne seront pas dutout visibles de la même façon !

Par exemple, vous appliquez un dégradé, et bien, si vous n'aviez pas effacé le morceau du cadre au milieu, le dégradé aurait été fait sur toute la largeur et la hauteur du calque cadre, même si on ne voit pas le résultat puisqu'il se trouve sous la photo. Alors que là, le dégradé ne se fera que sur les morceaux du cadre externe. Il sera donc plus visible !
Et ceci vaut aussi quasiment pour tous les autres effets.

Voyons un peu quelques styles de cadres !

Alors pour ajouter des fusions, qui sont des sortes d'effets fonctionnant aussi bien sur les cadres que sur d'autres images ou motifs, il faut cliquer sur le bouton droit sur le calque en question (pour nous ce sera le calque "cadre", puisque nous voulons appliquer un effet sur le cadre, ce qui est logique :P ), puis cliquer sur options de fusion.


Vous obtiendrez donc une fenêtre avec toutes les options de fusions possibles sous Photoshop. Je vais faire un essai avec des fusions souvent utilisées car elle procurent un très bel effet. Les fusions donnant le meilleur rendu sont pour moi:

L'ombre portée qui est une ombre que vous pouvez régler en fonction de l'effet que vous préférez. Je le trouve très interressant pour donner un côté 3D aux images

• Le biseautage est aussi un bon outil pour donner du volume aux images et dans ce cas-ci, au cadre
  
• Le contour. Je trouve que faire un petit contour noir de 1 pixel fait tout de suite ressortir n'importe quel image, vous n'avez qu'à tester :)

Et le résultat donne:


Imaginons maintenant que je veuille redimensionner ma photo avec son cadre pour enlever les morceaux de blanc tout autour, comment faire ??

Et bien c'est simple, il va falloir selectionner le calque le plus aux extremités de ce qu'on veut redimensionner. Dans notre exemple , il s'agit du cadre. Donc, activez la selection du calque "cadre" comme on l'a fait à deux reprises ci-dessus (CTRL + clic sur la petite image du calque "cadre"), ensuite rendez-vous dans le menu:

Images > Recadrer

Et voila mon résultat, j'y ai rajouté un petit arrondi sur les coins, pour cela, il suffit de faire une selection du calque dont on veut lisser les coins et puis on utilise l'outil:

Selection > Modifier > Lisser (avec 10 pixels par exemple).

J'ai aussi enlevé l'ombre portée puisqu'il n'y a pas de fond qui peut heberger l'ombre avec mon redimensionnement !

Partagez ce tutoriel avec vos amis !

Votre nom: exemple: Jean M.

Le mail du destinataire: exemple: rene.dupont@mail.com

Ecrivez le mot blanc : Contre le spam