Dans ce didacticiel Photoshop Effects, nous allons apprendre à créer une bordure photo amusante et simple en demi-teintes à l'aide de quelques filtres Photoshop, d'un outil de sélection de base, d'un masque de calque et d'un mode de fusion de calques. Nous utiliserons des filtres intelligents pour créer l'effet, ce qui nous permettra de modifier facilement la bordure de la photo après l'avoir créée sans avoir à annuler ou à refaire les étapes. Les filtres intelligents ont été introduits pour la première fois dans Photoshop CS3, ce qui signifie que vous aurez besoin d'au moins Photoshop CS3 si vous voulez les avantages supplémentaires offerts par les filtres intelligents (j'utiliserai Photoshop CS4 moi-même), mais cet effet peut être créé avec n'importe quelle version de Photoshop, y compris Photoshop Elements, ne perdez donc pas espoir simplement parce que vous n'avez pas CS3 ou CS4.
Si vous utilisez Photoshop CS2 ou une version antérieure, ou Photoshop Elements, ignorez simplement les quelques étapes qui traitent spécifiquement des filtres intelligents et appliquez des filtres réguliers au calque comme vous le feriez normalement. La seule chose que vous manquerez est la flexibilité et la possibilité de modification supplémentaires que les filtres intelligents nous offrent.
Voici la bordure photo en demi-teinte que nous allons créer:
La dernière bordure photo en demi-teinte.
Comment créer une bordure photo en demi-teinte
Étape 1: ajouter un nouveau calque vierge
Avec notre photo récemment ouverte dans Photoshop, nous pouvons voir dans notre palette Calques que nous avons actuellement un calque nommé Arrière-plan . C'est le calque qui contient notre image. Nous allons créer notre bordure photo sur un calque séparé au-dessus de l'image, ce qui signifie que nous devons ajouter un nouveau calque à notre document Photoshop. Pour ajouter un nouveau calque, cliquez sur l'icône Nouveau calque au bas de la palette Calques:
Cliquez sur l'icône Nouveau calque pour ajouter un nouveau calque vide au-dessus du calque d'arrière-plan.
Un nouveau calque vierge apparaît dans la palette Calques directement au-dessus du calque d'arrière-plan. Photoshop nomme automatiquement le nouveau calque "Couche 1". Si nous regardons la vignette d'aperçu à gauche du nom du calque, nous pouvons voir un motif carré gris et blanc. C'est ainsi que Photoshop représente la transparence, nous faisant savoir que notre nouveau calque est actuellement transparent. En d'autres termes, il n'y a rien pour le moment:
La vignette d'aperçu à gauche du nom d'un calque nous montre ce qui se trouve actuellement sur le calque. Un motif gris et blanc signifie que le calque est vide.
Étape 2: Remplissez le nouveau calque de blanc
Nous allons utiliser le blanc comme couleur pour notre bordure photo, nous devons donc remplir notre nouveau calque de blanc. Montez dans le menu Edition en haut de l'écran et choisissez Remplir :
Allez dans Edition> Remplir.
Cela ouvre la boîte de dialogue Remplissage de Photoshop. Choisissez Blanc dans la liste à droite du mot Utiliser dans la moitié supérieure de la boîte de dialogue. Assurez-vous également que l'option Mode dans la moitié inférieure de la boîte de dialogue est définie sur Normal et que l' opacité est définie sur 100% . Ce sont les paramètres par défaut de ces options, vous n'aurez donc probablement pas à vous en préoccuper sauf si vous y avez apporté des modifications précédemment:
La commande Remplir est une façon de remplir un calque ou une sélection avec une couleur dans Photoshop.
Cliquez sur OK pour quitter la boîte de dialogue. Photoshop remplira le nouveau calque de blanc, bloquant temporairement la photo du calque d' arrière - plan :
Le "calque 1" étant au-dessus du calque d'arrière-plan, la photo en dessous est temporairement bloquée par la couleur de remplissage blanc uni.
Étape 3: Sélectionnez l'outil Rectangle de sélection
Nous devons définir les bords de notre bordure photo, et pour cela, nous utiliserons l' outil Rectangle de sélection de Photoshop qui nous permet de dessiner facilement des sélections de forme rectangulaire. Cliquez sur l'outil Rectangle de sélection dans la palette d'outils pour le sélectionner, ou appuyez sur la lettre M de votre clavier pour le sélectionner rapidement avec le raccourci:
L'outil Rectangle de sélection est l'un des outils de sélection de base de Photoshop.
Ensuite, avec l'outil Rectangle de sélection sélectionné, cliquez en haut à gauche du document et faites glisser un contour de sélection pour définir les bords de la bordure de la photo. La zone à l'extérieur de la sélection (entre le contour de la sélection et les bords du document) deviendra la bordure de la photo, tandis que la zone à l'intérieur de la sélection sera là où la photo est visible. Si vous devez repositionner la sélection au fur et à mesure que vous la dessinez, maintenez la barre d'espace enfoncée et faites glisser votre souris pour déplacer la sélection selon vos besoins, puis relâchez la barre d'espace et continuez de dessiner la sélection. Lorsque vous avez terminé, vous devriez avoir une sélection rectangulaire décrivant les quatre bords de la bordure photo:
Essayez de laisser un espace égal autour de chaque bord pour la bordure photo.
Étape 4: Remplissez la zone sélectionnée de noir
Nous devons remplir la zone sélectionnée avec du noir et nous pouvons utiliser la même commande Remplir que nous avons utilisée plus tôt lorsque nous avons rempli le calque entier de blanc. Revenez au menu Édition en haut de l'écran et choisissez à nouveau Remplir . Cette fois, lorsque la boîte de dialogue Remplir apparaît, choisissez Noir dans la liste à droite du mot Utiliser :
Choisissez cette fois le noir comme couleur de remplissage.
Cliquez sur OK pour quitter à nouveau la boîte de dialogue Remplir. La dernière fois que nous avons utilisé la commande Remplir, Photoshop a rempli le calque entier avec la couleur choisie. Cette fois, comme nous avons une sélection active dans notre document, seule la zone à l'intérieur de la sélection est remplie. Appuyez sur Ctrl + D (Win) / Commande + D (Mac) pour désélectionner la sélection et supprimer le contour de sélection:
Si une sélection est actuellement active, la commande Remplir remplira uniquement la zone à l'intérieur de la sélection.
Étape 5: convertir le "calque 1" en un objet intelligent
Si vous utilisez Photoshop CS2 ou une version antérieure, ou Photoshop Elements, vous pouvez ignorer cette étape car elle ne s'applique qu'à Photoshop CS3 et versions supérieures. Nous allons appliquer quelques filtres intelligents au «calque 1», ce qui nous permettra de revenir en arrière et de modifier les paramètres du filtre à tout moment après avoir créé la bordure photo initiale afin d'affiner l'effet . Avant de pouvoir utiliser des filtres intelligents, nous devons d'abord convertir notre couche en objet intelligent . L'application d'un des filtres standard de Photoshop à un objet intelligent convertit automatiquement le filtre en un filtre intelligent.
Pour convertir le calque en objet intelligent, accédez au menu Filtre en haut de l'écran et sélectionnez Convertir pour les filtres intelligents . Vous pouvez également accéder au menu Calque, choisir Objets dynamiques, puis choisir Convertir en objet dynamique . Ce ne sont que deux façons différentes de dire la même chose. Dans les deux cas, nous convertissons simplement le calque en objet dynamique:
Les objets intelligents sont apparus pour la première fois dans Photoshop CS2, suivis des filtres intelligents dans Photoshop CS3.
En fait, pour rendre plus évident que tout ce que nous faisons est de convertir le calque en un objet intelligent, si vous sélectionnez "Convertir pour les filtres intelligents" dans le menu Filtre, Photoshop affichera une boîte de dialogue avertissant que le calque est sur le point pour devenir un objet intelligent. Cliquez sur OK pour en sortir:
La conversion d'un calque pour les filtres dynamiques convertit simplement le calque en objet dynamique.
Rien ne semble avoir changé dans la fenêtre du document, mais si nous regardons dans le coin inférieur droit de la vignette d'aperçu pour "Calque 1" dans la palette Calques, une petite icône d'objet intelligent est apparue, nous faisant savoir que le calque est maintenant un objet intelligent:
L'icône dans le coin inférieur droit de la vignette d'aperçu nous indique que le calque est un objet intelligent.
Étape 6: appliquer le filtre de flou gaussien
Si vous avez sauté l'étape précédente parce que vous n'utilisez pas Photoshop CS3 ou CS4, bienvenue à nouveau! Nous allons maintenant créer notre effet de motif en demi-teintes, et ces prochaines étapes sont les mêmes, quelle que soit la version de Photoshop que vous utilisez. Tout d'abord, nous devons adoucir les bords de la bordure photo. Montez dans le menu Filtre, choisissez Flou, puis choisissez Flou gaussien :
Allez dans Filtre> Flou> Flou gaussien.
Cela fait apparaître la boîte de dialogue du filtre Flou gaussien. Adoucissez les bords de la bordure photo en faisant glisser le curseur Rayon au bas de la boîte de dialogue. Plus vous faites glisser le curseur vers la droite, plus vous appliquez de flou au calque, ce qui entraîne une zone de transition plus large entre la partie noire au centre et la bordure photo blanche autour des bords. Il n'y a pas de valeur de rayon spécifique à utiliser car cela dépendra de la taille de la photo sur laquelle vous travaillez, avec des photos plus grandes nécessitant des valeurs de rayon plus grandes, alors gardez un œil sur votre image dans la fenêtre du document pendant que vous faites glisser le curseur pour juger de la résultats. Gardez à l'esprit que la largeur du motif de demi-teintes que nous ajouterons à l'étape suivante sera déterminée par la largeur de la zone de transition que nous avons définie ici. C'est pourquoi les filtres intelligents rendent la vie tellement plus facile, car nous pouvons facilement revenir en arrière et essayer différents paramètres de filtre à tout moment.
Je vais définir ma valeur de rayon à environ 16 pixels. Encore une fois, la valeur que vous utilisez peut être différente:
Adoucissez les bords entre les zones blanches et noires du calque en ajustant la valeur du rayon.
Cliquez sur OK lorsque vous avez terminé pour quitter la boîte de dialogue et appliquer le flou au calque. Les bords où les zones noir et blanc du calque se rejoignent sont désormais beaucoup plus doux:
Une zone de transition douce apparaît maintenant entre les zones noires et blanches.
Étape 7: appliquer le filtre de demi-teintes couleur
Revenez au menu Filtre et cette fois, choisissez Pixéliser, puis choisissez Demi - teintes de couleur :
Accédez à Filtre> Pixéliser> Demi-teintes de couleur.
Cela fait apparaître la boîte de dialogue Demi-teintes couleur de Photoshop. Le filtre de demi-teintes couleur a été conçu pour simuler l'apparence d'une presse d'impression offset quadrichromie traditionnelle, convertissant l'image en une série de points colorés superposés de différentes tailles. Si c'était l'effet que nous visions ici (ce qui n'est pas le cas), nous devons d'abord convertir notre image du mode couleur RVB au mode couleur CMJN, car le filtre nécessite quatre canaux de couleur (cyan, magenta, Jaune et Noir) pour fonctionner correctement et le mode couleur RVB n'utilise que trois canaux (Rouge, Vert et Bleu). Cependant, nous utilisons simplement le filtre pour créer un motif répétitif de cercles, donc vous n'avez pas à vous soucier du mode de couleur dans lequel nous travaillons. Vous travaillez probablement en mode de couleur RVB et c'est bien pour cet effet .
Tout d'abord, définissez chacune des quatre options de canaux sur 45 degrés. Cela nous donnera un motif de cercles propre et uniforme. L'option Rayon max en haut de la boîte de dialogue définit la taille des cercles les plus grands du motif. Tout comme le filtre Flou gaussien que nous avons appliqué précédemment, il n'y a pas de valeur spécifique à utiliser ici car il dépend entièrement de l'effet que vous souhaitez créer et de la taille de la photo avec laquelle vous travaillez. Encore une fois, c'est là que les filtres intelligents facilitent les choses car nous pouvons revenir en arrière et essayer différents paramètres sans avoir à annuler aucune étape. Comme j'ai déjà appliqué cet effet plusieurs fois lors de la préparation de ce tutoriel, je sais qu'une valeur de 12 pixels fonctionne bien avec mon image. Vous devrez probablement expérimenter plusieurs fois pour trouver la taille qui convient le mieux à votre photo:
Réglez chaque canal à 45 degrés, puis définissez la taille des plus grands cercles du motif avec l'option Rayon max.
Cliquez sur OK lorsque vous avez terminé pour quitter la boîte de dialogue Demi-teintes couleur et appliquer le filtre au calque (ou objet dynamique). Vous devriez maintenant voir une série de cercles répétitifs de différentes tailles autour de votre bordure photo. La taille des plus grands cercles du motif a été définie avec la valeur Rayon max il y a un instant:
Le motif de demi-teintes apparaît.
Si vous utilisez Photoshop CS3 ou CS4 et que vous n'êtes pas satisfait de la taille des points dans le motif, continuez pour l'instant car nous verrons comment modifier les paramètres du filtre intelligent à la fin du didacticiel. Si vous utilisez une ancienne version de Photoshop et que vous souhaitez essayer une valeur Max Radius différente pour modifier la taille des points, appuyez sur Ctrl + Z (Win) / Commande + Z (Mac) pour annuler la dernière étape, puis répétez Étape 7 à nouveau en utilisant une valeur différente. Vous pouvez annuler l'étape et réessayer le filtre avec une valeur différente autant de fois que nécessaire.
Étape 8: changez le mode de fusion de "Layer 1" à l'écran
Enfin, pour masquer la couleur noire unie du "Calque 1" et laisser transparaître la photo sur le calque d' arrière - plan, accédez à l'option Mode de fusion en haut de la palette Calques et modifiez le mode de fusion du calque de Normal à Écran :
Modifiez le mode de fusion de "Layer 1" sur Screen.
Le mode de fusion d'écran, que je couvre beaucoup plus en détail dans notre tutoriel Cinq modes de fusion essentiels pour l'édition de photos, masque toutes les zones du calque qui sont remplies de noir tandis que les zones remplies de blanc restent intactes, et si nous regardons dans notre fenêtre de document après avoir changé le mode de fusion, nous pouvons voir que notre bordure de motif en demi-teinte blanche reste visible tandis que le noir a été complètement caché de la vue, permettant à l'image sur le calque d'arrière-plan de transparaître et de compléter notre effet de bordure photo:
La dernière bordure photo en demi-teinte.
Étape 9: Modifier les paramètres du filtre intelligent pour modifier l'effet (facultatif)
Si vous utilisez Photoshop CS3 ou CS4 et que vous travaillez avec des filtres intelligents, vous verrez les deux filtres que vous avez ajoutés au "Calque 1" répertoriés ci-dessous dans la palette Calques, avec le dernier filtre ajouté sur le haut de la liste. Vous pouvez essayer différents paramètres de filtre pour changer l'apparence de la bordure photo à tout moment simplement en double-cliquant directement sur le nom du filtre. Par exemple, je ramènerai la boîte de dialogue Demi-teintes de couleur en double-cliquant sur le nom du filtre dans la palette Calques:
Double-cliquez sur le nom d'un filtre intelligent dans la palette Calques pour modifier les paramètres du filtre.
Je peux maintenant essayer une valeur différente pour l'option Max Radius sans avoir à annuler aucune étape. Je vais essayer une valeur de 20 pixels cette fois, ce qui devrait agrandir un peu les cercles du motif:
Essayez une valeur de Rayon Max différente pour ajuster la taille des cercles dans le motif.
Cliquez sur OK pour fermer la boîte de dialogue et Photoshop met à jour l'image dans la fenêtre du document avec les nouveaux paramètres. Comme prévu, les cercles dans le motif de demi-teintes sont maintenant plus grands. Vous pouvez revenir en arrière et essayer différents paramètres aussi souvent que vous le souhaitez avec les filtres intelligents:
Les filtres intelligents permettent d'expérimenter facilement différents paramètres de filtre lors de la création d'effets.
Vous pouvez également revenir en arrière et régler la largeur du motif en demi-teintes en modifiant la valeur de rayon que nous avons utilisée pour le filtre Flou gaussien. Double-cliquez simplement sur le nom du filtre Flou gaussien dans la palette Calques pour faire revenir sa boîte de dialogue. Cependant, lorsque vous le faites, une petite boîte d'avertissement apparaît:
Un avertissement Smart Filters.
À moins que vous ne sélectionniez l'option Ne plus afficher dans le coin inférieur gauche, vous verrez cette boîte d'avertissement chaque fois que vous allez modifier à nouveau un filtre intelligent qui a d'autres filtres intelligents répertoriés au-dessus (dans ce cas, la demi-teinte de couleur le filtre est répertorié au-dessus) et vous pouvez cliquer en toute sécurité sur OK pour en sortir, à quel point la boîte de dialogue du filtre apparaîtra. L'avertissement nous indique simplement que Photoshop ne sera pas en mesure de nous montrer un aperçu de la façon dont les modifications que nous apportons affectent les autres filtres au-dessus jusqu'à ce que nous cliquions sur OK et acceptions les modifications. Il n'y a rien à craindre car nous pouvons toujours revenir en arrière et modifier à nouveau les paramètres du filtre si nous n'aimons pas les résultats. Je ne vais pas prendre la peine de modifier mes paramètres de filtre de flou gaussien car je suis satisfait de l'apparence de ma bordure de photo, mais assurez-vous de jouer par vous-même pour voir à quel point il est incroyablement facile d'expérimenter différents paramètres de filtre grâce à Filtres intelligents de Photoshop.