Pour ajouter un bord à une image avec Photoshop

Apprenez à ajouter une seule bordure d’image, et même deux cadres, autour de votre image avec Photoshop ! Un guide étape par étape pour Photoshop CC, CS6 et versions antérieures.

Les cadres photo sont un excellent moyen d’ajouter une touche de classe et d’élégance à une image. Et il est facile d’ajouter un avantage une fois que vous connaissez les étapes. Nous commençons par ajouter plus d’espace autour de l’image à l’aide de la commande Photoshop Canvas Size. Ensuite, pour créer le cadre, nous remplissons l’espace de couleur à l’aide d’un calque de remplissage Solid Color. Vous apprendrez à choisir une couleur pour la bordure à partir du sélecteur de couleurs et à mélanger la bordure avec votre photo en choisissant une couleur directement à partir de l’image elle-même !

Une fois que nous avons ajouté le cadre principal de l’image, je vais vous montrer comment ajouter un autre cadre plus petit autour de l’image à l’aide d’un effet de calque.

j’utilise cette image que j’ai téléchargé depuis Adobe Stock :

Comment fusionner du texte dans une image d'arrière-plan de nuages ​​dans Photoshop

L’image originale. Crédit : Adobe Stock.

Et voici la photo avec la bordure de la photo autour. Vous apprendrez à ajuster la taille et les couleurs du bord au fur et à mesure des étapes :

Comment ajouter un cadre à une image avec Photoshop

Effets de bord photo.

Commençons!

Téléchargez ce guide au format PDF prêt à imprimer !

Comment créer un cadre photo dans Photoshop

Pour ce tutoriel j’utilise Photoshop CC mais toute version plus récente de Photoshop fonctionnera. Vous pouvez également suivre mon vidéo de ce tuto sur notre chaîne YouTube. Ou téléchargez ce guide au format PDF prêt à imprimer !

Étape 1 : Effectuez un zoom arrière pour faire de la place au bord

Pour créer la bordure de l’image, nous ajoutons plus d’espace de canevas autour de l’image. Donnons-nous donc plus d’espace pour travailler en dézoomant. Pour effectuer un zoom arrière à partir de votre clavier, appuyez et maintenez Ctrl clé sur un PC Windows ou Commande clé sur un Mac et appuyez sur moins clé. Cela nous donne plus de place pour voir la limite :

Effectuez un zoom arrière sur l'image dans Photoshop pour faire de la place à la bordure de l'image

Effectuez un zoom arrière sur l’image pour faire de la place à la bordure de la photo.

Étape 2 : Déverrouillez le calque d’arrière-plan

Si nous regardons dans le panneau des calques, nous voyons l’image sur le calque d’arrière-plan :

Le panneau Photoshop Layers affiche l'image sur le calque d'arrière-plan

Le panneau Calques affiche l’image sur le calque d’arrière-plan.

Nous devons déverrouiller le calque d’arrière-plan afin de pouvoir ajouter d’autres calques en dessous. Pour le déverrouiller dans Photoshop CC, cliquez simplement sur icône de verrouillage. Dans CS6 ou version antérieure, appuyez et maintenez Tout (Vent) / Possibilité (Mac) de votre clavier et Double-cliquez. Cela supprime l’icône de verrouillage et renomme le calque en «Calque 0»:

Déverrouillez le calque d'arrière-plan dans le panneau Calques de Photoshop

Déverrouille le calque d’arrière-plan.

Étape 3 : Ouvrez la boîte de dialogue Taille du canevas

Pour ajouter plus d’espace de canevas autour de l’image, allez jusqu’à Image menu dans la barre de menus et sélectionnez Taille de la toile:

Sélection de la commande Taille du canevas dans Photoshop

Allez dans Image> Taille de la toile.

Étape 4 : Ajouter plus de canevas autour de l’image

Dans la boîte de dialogue Taille du canevas, assurez-vous que Relatif option est mise en surbrillance. Et ainsi dans Grille d’ancragesois sûr que le siège du milieu est choisi. Cela ajoutera le nouvel espace de canevas uniformément autour de l’image :

Le réglage relatif et la grille d'ancrage dans la boîte de dialogue de taille de toile de Photoshop

Assurez-vous que Relatif et le carré du milieu sont sélectionnés.

Entrez ensuite la taille dont vous avez besoin pour votre cadre photo Largeur et Hauteur des champs. N’oubliez pas que la valeur que vous entrez est partagée également entre les deux parties. Et cela s’applique à la fois à la largeur et à la hauteur. Donc, si vous voulez un cadre d’un quart de pouce autour de l’image, vous devez en fait entrer 0,5 pouce pour la largeur et la hauteur. Pour un bord de 1 pouce, entrez 2 pouces. En d’autres termes, quelle que soit la taille dont vous avez besoin, entrez le double du montant.

Dans mon cas, je veux un bord d’un demi-pouce donc je règle les deux Largeur et Hauteur doubler ce montant, ou 1 pouce:

Saisie de la taille de la bordure de l'image dans les champs Largeur et Hauteur de la boîte de dialogue Taille du canevas de Photoshop

Entrez la taille double dont vous avez besoin dans les cases Largeur et Hauteur.

Ensuite, pour ajouter l’espace canevas, cliquez sur OK pour fermer la boîte de dialogue. Et ici, nous voyons la nouvelle toile autour de l’image. Le motif de grille d’arbre signifie que l’espace est actuellement rempli de transparence, mais nous ajoutons de la couleur au suivant :

Le nouvel espace canevas autour de l'image qui devient le bord de l'image.

Le nouvel espace de canevas qui devient le bord de l’image.

Comment annuler la taille de la toile et réessayer

Si vous avez choisi la mauvaise taille pour votre bord, vous pouvez l’annuler en allant jusqu’à Éditer menu et sélection Annuler la taille du canevas. Ensuite, ouvrez à nouveau la boîte de dialogue Taille du canevas (allez dans Image> Taille du canevas) et réessayez :

Sélection de la commande Annuler la taille du canevas dans Photoshop

Allez dans Édition> Annuler la taille du canevas.

Étape 5 : Ajouter un calque de remplissage solide

Pour remplir le bord avec une couleur, nous utilisons l’un des calques de remplissage Solid Color de Photoshop. Cliquez dans le panneau Calques Nouveau calque de remplissage ou de réglage icône en bas :

Cliquez sur l'icône Nouveaux calques de remplissage ou de réglage dans le panneau Calques de Photoshop.

Cliquez sur l’icône du nouveau calque de remplissage ou d’alignement.

Et puis choisissez Couleur unie de la liste:

Ajout d'un calque de remplissage de couleur unie dans Photoshop

Ajout d’une couche de remplissage de couleur unie.

Étape 6 : Choisissez le blanc comme couleur de la bordure de la photo

En elle Sélecteur de couleur, sélectionnez la couleur souhaitée pour votre bordure. je choisis blanche pour l’instant, mais je vais vous montrer comment changer la couleur dans un instant :

Sélectionnez le blanc dans le sélecteur de couleurs pour la couleur de la bordure de la photo

Sélectionnez le blanc dans le sélecteur de couleurs.

Cliquez sur OK lorsque vous avez terminé pour fermer le sélecteur de couleurs. Et Photoshop remplit temporairement tout le document de blanc, bloquant l’image pour voir :

L'image est temporairement bloquée par le calque de remplissage Solid Color

Le calque de remplissage bloque l’affichage de l’image.

Étape 7 : faites glisser le calque de remplissage sous l’image

Pour corriger cela, revenez au panneau Calques et cliquez et faites glisser le calque de remplissage sous l’image :

Déplacement du calque de remplissage Couleur unie sous l'image sur le calque 0

Faites glisser le calque de remplissage sous «Calque 0».

Et maintenant, la couleur du calque de remplissage n’apparaît qu’à l’intérieur de la bordure :

Comment ajouter un cadre photo à une image avec Photoshop

L’effet de bord photo initial.

Étape 8 : Modifier la couleur de la bordure (facultatif)

Si vous voulez autre chose que du blanc, vous pouvez choisir une couleur différente pour votre bord en double-cliquant sur le calque de remplissage nuancier:

Dans le panneau Calques, double-cliquez sur l'échantillon du calque de remplissage

Double-cliquez sur l’échantillon dans le panneau Calques.

Cela rouvre le sélecteur de couleurs où vous pouvez sélectionner autre chose. Et lorsque vous essayez différentes couleurs, vous verrez un aperçu en direct de la nouvelle couleur autour de l’image. Donc si je choisis le noir au lieu de blanc :

Changez la couleur de la bordure de la photo en noir dans le sélecteur de couleurs de Photoshop

Sélectionnez le noir dans le sélecteur de couleurs.

Ensuite, mon bord passe immédiatement au noir :

La couleur de la bordure de la photo a été changée en noir

Le même bord, maintenant en noir.

Comment sélectionner une couleur de bord à partir de l’image

Vous pouvez choisir n’importe quelle couleur que vous aimez dans le sélecteur de couleurs. Ou vous pouvez choisir une couleur directement à partir de l’image elle-même. Déplacez simplement le curseur dans l’image et cliquez sur la couleur dont vous avez besoin. Je choisis un gris clair de la fenêtre en arrière-plan :

Sélection d'une couleur de cadre photo à partir de l'image

Sélection d’une couleur de cadre photo à partir de l’image.

Et encore une fois, la bordure passe instantanément à la nouvelle couleur. Pour l’accepter, cliquez sur OK pour fermer le sélecteur de couleurs :

Pour sélectionner une couleur de bordure de photo à partir de l'image dans Photoshop

Le cadre photo s’adapte désormais mieux à l’image.

Ajout d’un bord plus petit dans le cadre principal

Maintenant que nous avons ajouté le bord principal, ajoutons un autre bord plus petit à l’intérieur du bord principal. Et nous le faisons en utilisant un effet de calque.

Étape 9 : Sélectionnez «Calque 0»

Dans le panneau Calques, sélectionnez l’image sur «Calque 0»:

Sélectionnez l'image dans le panneau Calques

Cliquez sur le calque d’image pour le sélectionner.

Étape 10 : Ajouter un style de calque Contour

Puis clique Styles de calque icône (icône «fx») :

Cliquez sur l'icône Styles de calque dans le panneau Calques de Photoshop

Cliquez sur l’icône «fx» dans le panneau Calques.

Et choisissez Bataille de la liste:

Sélection d'un effet de calque de trait dans Photoshop

Sélection d’un effet de calque de ligne.

Laissez la ligne dans la boîte de dialogue Style de calque Couleur mis à le noir pour l’instant, et assurez-vous que Position est réglé sur Inde. Augmentez ensuite la largeur du trait en tirant Taille glissière:

Paramètres d'effet de trait dans Photoshop

Paramètres de course.

Au fur et à mesure que vous dessinez, vous verrez la taille de la ligne augmenter autour de l’intérieur du bord principal :

Le trait est affiché entre l'image et le cadre

Le trait est affiché entre l’image et le cadre.

Étape 11 : Modifier la couleur de la ligne (facultatif)

Si vous ne voulez pas que le noir soit votre couleur de trait, vous pouvez le changer en cliquant sur nuancier:

Dans la boîte de dialogue Style de calque, cliquez sur l'échantillon de ligne

Cliquez sur l’échantillon de couleur de la ligne.

Sélectionnez ensuite une autre couleur dans le sélecteur de couleurs. Ou, comme nous l’avons fait pour le bord principal, vous pouvez choisir une couleur directement à partir de votre image. Je clique sur une couleur du fond :

Échantillonnez une couleur sur la ligne de l'image

Choix de couleur pour la ligne à partir de l’image.

Et la ligne est instantanément mise à jour avec la nouvelle couleur. Lorsque vous êtes satisfait de la couleur, cliquez sur OK pour fermer le sélecteur de couleurs :

Comment choisir une couleur pour la ligne de l'image dans Photoshop

La bordure et la ligne utilisent maintenant les couleurs de l’image.

Étape 12 : Ajustez la taille du trait

Enfin, je termine l’effet en ajustant le curseur Taille pour affiner l’épaisseur du trait. J’utilise une image assez grande ici, donc je veux aller avec une valeur de taille d’environ 32px. Donc, pour l’accepter, je clique sur OK pour fermer la boîte de dialogue Style de calque :

Comment ajuster la taille de la ligne autour de l'image dans Photoshop

Réglage fin de la taille du trait.

Et voici mon résultat final :

Comment ajouter un cadre à une image avec Photoshop

L’effet final «photo edge».

Et là, nous l’avons! Comme il est facile d’ajouter une bordure autour de vos photos avec Photoshop ! Pour plus d’effets de bordure de photo, consultez ma bordure de photo à ombre portée et mes tutoriels de cadre photo, ainsi que mon tutoriel sur la façon de créer un cadre de bordure peint. Ou visitez ma section effets photo pour plus de tutoriels! Et n’oubliez pas, tous nos tutoriels sont désormais disponibles en téléchargement au format PDF !

Deja un comentario