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 :
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 :
Effets de bord photo.
Commençons!
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 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 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é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:
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 :
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:
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 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 :
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 du nouveau calque de remplissage ou d’alignement.
Et puis choisissez Couleur unie de la liste:
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.
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 :
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 :
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 :
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:
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 :
Sélectionnez le noir dans le sélecteur de couleurs.
Ensuite, mon bord passe immédiatement au 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.
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 :
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»:
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 «fx» dans le panneau Calques.
Et choisissez Bataille de la liste:
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 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.
É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:
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 :
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 :
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 :
Réglage fin de la taille du trait.
Et voici mon résultat final :
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 !