Créer des modèles Photoshop pour les effets photo

Écrit par Steve Patterson.

Dans ce tutoriel Photoshop, nous allons apprendre à créer puis à réutiliser un effet photo en tant que Modèle Photoshop à l'aide d'objets intelligents et de filtres intelligents. Les objets intelligents ont été introduits pour la première fois dans Photoshop CS2, et Photoshop CS3 les emmène encore plus loin avec les filtres intelligents. Ces deux ajouts récents à Photoshop ont le potentiel de changer complètement la façon dont vous travaillez dans le programme, car ils vous offrent un niveau de flexibilité incroyable qui n'existe tout simplement pas sans eux.



Pour tirer le meilleur parti de ce didacticiel, vous aurez besoin de Photoshop CS3, car c'est la seule version de Photoshop (jusqu'à présent en tout cas) qui est livrée avec des filtres intelligents, bien que vous puissiez toujours faire un peu simplement avec Photoshop CS2 et Smart Objects . Bien sûr, vous pouvez toujours lire le didacticiel même si vous possédez une ancienne version de Photoshop, ne serait-ce que pour voir le type de fonctionnalités que vous obtiendrez si et quand vous décidez de mettre à niveau.



Que sont les objets intelligents et les filtres intelligents ?

Si vous avez déjà utilisé un programme de mise en page auparavant, vous serez familiarisé avec le fonctionnement des objets dynamiques. Lorsque vous convertissez une image en objet dynamique dans Photoshop, vous ne travaillez plus sur l'image elle-même, même si elle vous ressemble toujours. Au lieu de cela, vous travaillez sur un référence à l'image, l'image réelle étant stockée en toute sécurité dans un fichier séparé créé par Photoshop. L'objet intelligent est essentiellement un conteneur qui affiche la référence à l'image réelle. C'est ce qui nous permet de créer des modèles à partir de documents Photoshop qui utilisent des objets dynamiques, car lorsque nous avons fini de créer notre effet avec l'image d'origine, nous pouvons dire à Photoshop de simplement remplacer l'image à l'intérieur du conteneur d'objets dynamiques par une image différente, ou plus précisément, nous disons à Photoshop de référence une image différente, et juste comme ça, Photoshop échange une image avec une autre et l'effet entier est instantanément recréé en utilisant la nouvelle image, sans avoir à refaire quoi que ce soit !

Alors, que sont les filtres intelligents ? Essentiellement, ils sont identiques aux filtres habituels de Photoshop que nous trouvons dans le menu Filtre de la barre d'options. En fait, ils sont exactement le même. La seule différence, comme nous le verrons, est que lorsque vous appliquez un filtre à un objet intelligent, Photoshop le convertit en une version 'intelligente' du filtre, à la différence que les filtres intelligents restent entièrement, 100 % modifiables ! Normalement, lorsque vous appliquez l'un des filtres de Photoshop à une image, l'image elle-même est physiquement modifiée par le filtre, et si vous souhaitez modifier les paramètres du filtre, vous devez annuler vos étapes jusqu'à juste avant votre application. le filtre (en supposant que vous n'êtes pas à court d'états de l'historique), puis appliquez-le à nouveau avec les nouveaux paramètres. Ce n'est pas le cas avec les filtres intelligents ! Avec un filtre intelligent, vous pouvez revenir en arrière à tout moment, modifier les paramètres dans la boîte de dialogue du filtre et appliquer instantanément les nouveaux paramètres à l'image sans endommager ni même toucher l'image de quelque manière que ce soit. Si vous connaissez le fonctionnement des calques de réglage dans Photoshop, les filtres intelligents fonctionnent essentiellement de la même manière.

Comme je l'ai mentionné, idéalement, vous aurez Photoshop CS3 pour ce tutoriel, mais il y a encore beaucoup de choses que vous pouvez faire lors de la création de photos.
modèles simplement avec Photoshop CS2 et Smart Objects. En fait, la seule chose que vous ne pouvez pas faire avec Photoshop CS2 est d'appliquer un filtre à un objet dynamique, du moins pas si vous souhaitez toujours pouvoir utiliser l'effet comme modèle de photo.



Quelques points à souligner avant de commencer. Tout d'abord, même si nous allons créer ici un effet photo simple, qui fonctionne très bien avec la photographie de mariage, l'effet lui-même n'est pas l'objet de ce didacticiel, même si vous êtes certainement libre de recréer le même effet si vous le souhaitez. Le but de ce didacticiel Photoshop est de vous montrer comment créer un effet à l'aide d'objets intelligents et de filtres intelligents afin que vous puissiez ensuite appliquer les connaissances à vos propres créations de modèles de photos. Deuxièmement, pour utiliser une photo différente avec le modèle, il est important que la nouvelle photo corresponde à l'original en termes de taille, d'orientation et de résolution de l'image. Si la photo originale utilisée était un portrait 8x10 à une résolution de 300ppi, toute photo avec laquelle vous la remplacez doit également être un portrait 8x10 à une résolution de 300ppi, sinon vous obtiendrez des résultats inattendus.

Si vous utilisez simplement des photos que vous avez prises vous-même avec le même appareil photo numérique et que vous ne les avez pas redimensionnées ou recadrées, il vous suffit de vous assurer que vous n'essayez pas de remplacer une photo en orientation portrait (plus grande que large) avec un en orientation paysage (plus large que haut). Si vous avez besoin de plus d'informations sur la résolution d'image et la taille des documents, assurez-vous de visiter notre L'essentiel de la photo numérique rubrique du site Internet.

Ce tutoriel provient de notre Effets photo série. Commençons!



Étape 1: Ouvrez la première image que vous souhaitez utiliser

Avant de pouvoir utiliser notre photo
effet comme modèle, nous devons d'abord créer l'effet, alors ouvrez la première photo que vous souhaitez utiliser avec. Voici la photo avec laquelle je vais commencer :

  Une photo d'une jeune mariée souriante.

L'image originale.

Avec mon image maintenant ouverte dans Photoshop, si je regarde dans ma palette Calques, tout semble normal. J'ai une couche, la Arrière plan calque, qui contient mon image:



  Photoshop's Layers palette showing the original image on the Background layer. La palette Calques de Photoshop montrant l'image d'origine sur le Arrière plan couche.

Nous allons ensuite convertir l'image en objet dynamique !

Étape 2: Convertir l'image en objet intelligent

Voici où les choses deviennent un peu différentes que si nous créions simplement cet effet une fois sans intention de l'utiliser à nouveau avec d'autres images. Pour pouvoir utiliser ce document Photoshop comme modèle, nous devons convertir notre image en objet intelligent, ce qui, comme je l'ai mentionné à la page précédente, signifie que nous ne travaillerons plus sur l'image elle-même. Au lieu de cela, nous allons travailler sur une référence à l'image. L'image réelle sera stockée en toute sécurité dans un fichier séparé, intacte et indemne de toutes les choses folles que nous ferons ensuite.



Pour convertir l'image en objet dynamique, montez dans la Couche menu en haut de l'écran, choisissez Objets intelligents , puis, dans Photoshop CS3, choisissez Convertir en objet intelligent , ou si vous utilisez Photoshop CS2, choisissez Regrouper dans un nouvel objet intelligent . Rien ne semblera être arrivé à votre image, mais si nous regardons à nouveau dans la palette Calques, nous pouvons voir quelques changements avec le Arrière plan couche. D'une part, il ne s'appelle plus 'Background'. Photoshop l'a renommé 'Calque 0'. Plus important encore, si nous examinons attentivement la vignette d'aperçu du calque, nous pouvons voir qu'il est maintenant entouré d'une zone de surbrillance blanche, ainsi que d'une icône dans son coin inférieur droit. Cette icône nous indique que l'image a maintenant été convertie en objet dynamique :

  Photoshop's Layers palette showing the image on the Background layer now converted into a Smart Object. La palette Calques de Photoshop montrant l'image sur le calque d'arrière-plan est maintenant convertie en objet dynamique.

Étape 3: Dupliquer le calque

Maintenant que notre image a été convertie en objet intelligent, dupliquons-la. La duplication d'un objet intelligent n'est pas différente de la duplication d'un calque normal, et la façon la plus simple de le faire est d'utiliser le raccourci clavier Ctrl+J (Gagner) / Commande + J (Mac). Si nous regardons à nouveau dans la palette Calques, nous pouvons voir que nous avons maintenant deux calques, le 'Calque 0' d'origine en bas et le nouveau 'Calque 0 copie' au-dessus, qui contiennent tous deux une copie de l'objet dynamique :

  Photoshop's Layers palette showing the newly created copy of the Smart Object layer above the original. Appuyez sur 'Ctrl + J' (Win) / 'Commande + J' (Mac) pour dupliquer le calque d'objet dynamique.

Il est important de noter ici que même si nous avons dupliqué l'objet intelligent, nous n'avons pas vraiment deux objets intelligents distincts. Les deux font référence à la même photo exacte, ce qui signifie que lorsque nous remplaçons l'image d'origine par une image différente, comme nous le ferons à la fin du didacticiel, les deux calques afficheront alors la même nouvelle photo. Si nous devions créer 3, ou 5, ou 10 copies ou plus de l'objet intelligent, puis remplacer l'image, puisqu'elles sont toutes des copies exactes du même objet intelligent, elles afficheraient toutes la nouvelle photo !



Étape 4: Redimensionnez et repositionnez l'image sur le nouveau calque avec une transformation gratuite

Déplaçons et redimensionnons l'image sur notre calque de copie nouvellement créé. Encore une fois, il n'y a aucune différence entre déplacer et redimensionner un objet intelligent et un calque normal. Presse Ctrl+T (Gagner) / Commande + T (Mac) pour faire apparaître Photoshop Transformation libre boîte et poignées autour de l'image sur le nouveau calque. Puis maintenez enfoncé Maj+Alt (Gagner) / Maj+Option (Mac) et faites glisser l'une des quatre poignées d'angle vers l'intérieur pour redimensionner l'image jusqu'à ce qu'elle corresponde à environ 60 % de sa taille d'origine. Maintenir 'Shift' contraint les proportions de largeur et de hauteur de l'image lorsque nous la redimensionnons afin de ne pas déformer accidentellement sa forme, et maintenir 'Alt' (Win) / 'Option' (Mac) indique à Photoshop de redimensionner l'image à partir de son centre:

  Redimensionner l'image avec les poignées de transformation libre dans Photoshop. Redimensionnez l'image à environ 60 % de sa taille d'origine avec Free Transform.

Je vais également déplacer un peu l'image vers le bas en cliquant n'importe où dans la zone de transformation libre (sauf sur la petite icône cible au centre) et en faisant simplement glisser l'image vers le bas avec ma souris. Comme je traîne, je vais tenir Décalage ce qui forcera l'image à descendre en ligne droite, m'empêchant de la déplacer accidentellement vers la gauche ou vers la droite :



  Faites glisser l'image un peu vers le bas avec Free Transform. Faites glisser l'image un peu vers le bas en maintenant 'Shift' et en la faisant glisser vers le bas avec votre souris.

Presse Entrer (Gagner) / Revenir (Mac) lorsque vous avez terminé d'accepter la transformation et de quitter Free Transform.

Étape 5 : Ajouter un trait à l'image redimensionnée

Comme nous l'avons vu jusqu'à présent, travailler avec des objets dynamiques n'est pas très différent de travailler avec des calques normaux, et il en va de même même lors de l'ajout de styles de calque. Clique sur le Styles de calque icône en bas de la palette Calques (dans Photoshop CS2, cela ressemble à un cercle avec un 'f' à l'intérieur, et dans Photoshop CS3, ce sont simplement les lettres 'fx') et sélectionnez Accident vasculaire cérébral du bas de la liste :

  En cliquant sur le'Layer Styles' icon at the bottom of the Layers palette and selecting 'Stroke' from the list. Cliquez sur l'icône 'Styles de calque' et sélectionnez 'Tracé' dans la liste.

Cela fait apparaître Photoshop Style de calque boîte de dialogue définie sur Accident vasculaire cérébral options dans la colonne du milieu. Changer la Taille du coup à 1 px et le Position à À l'intérieur , puis cliquez sur le échantillon de couleur rouge à droite du mot 'Couleur', qui fera apparaître le Pipette à couleurs , et choisissez blanche comme couleur de trait :

  Modifiez les options de trait entourées en rouge. Modifiez les options de trait entourées en rouge ci-dessus.

Cliquez sur OK pour quitter le sélecteur de couleurs, mais ne quittez pas encore la boîte de dialogue Style de calque. Nous avons quelques styles de calque supplémentaires à ajouter en premier, ce que nous ferons ensuite.

Étape 6 : Ajouter une ombre portée

Cliquez directement sur les mots Ombre portée à gauche de la boîte de dialogue Style de calque :

  En cliquant sur les mots'Drop Shadow' on the left of Photoshop's Layer Style dialog box. Cliquez directement sur les mots 'Ombre portée'.

Cela modifie les options de la colonne du milieu de la boîte de dialogue Style de calque en options Ombre portée. Abaissez le Opacité de l'ombre portée à environ 40% donc ce n'est pas si intense. Met le Distance à 0px , quitter le Se propager mis à 0% , puis augmentez la Taille à environ 40px , bien que vous souhaitiez peut-être tester une valeur plus élevée si vous utilisez une image haute résolution :

  Photoshop's Drop Shadow layer style options. Modifiez les options d'ombre portée entourées en rouge ci-dessus.

Étape 7 : Ajouter une lueur intérieure

Cliquez directement sur les mots Lueur intérieure à gauche de la boîte de dialogue Style de calque :

  En cliquant sur les mots'Inner Glow' on the left of Photoshop's Layer Style dialog box. Cliquez directement sur les mots 'Inner Glow'.

Cela modifie les options de la colonne du milieu de la boîte de dialogue Style de calque en options Inner Glow. Abaissez le Opacité de la lueur intérieure à environ 40% , encore une fois donc ce n'est pas aussi intense. Clique sur le échantillon de couleur jaune directement sous le mot 'Noise', qui fait apparaître le sélecteur de couleurs de Photoshop, et sélectionnez blanche comme couleur de lueur. Cliquez sur OK pour quitter le sélecteur de couleurs, puis définissez le Taille de la lueur autour 40px . Encore une fois, vous pouvez expérimenter avec une valeur Taille plus élevée si vous utilisez une image haute résolution :

  Photoshop's Inner Glow layer style options. Modifiez les options Inner Glow entourées en rouge ci-dessus.

Lorsque vous avez terminé, cliquez sur OK dans le coin supérieur droit de la boîte de dialogue Style de calque pour en sortir. Voici mon image après avoir appliqué les trois styles de calque :

  L'image après l'application des trois styles de calque dans Photoshop. L'image après l'application des styles de calque.

Jusqu'à présent, tout ce que nous avons fait avec notre image peut être complété dans Photoshop CS2 ou Photoshop CS3. Ce que nous allons faire ensuite est une exclusivité Photoshop CS3, du moins jusqu'à la sortie de Photoshop CS4.

Étape 8 : Ajouter un filtre intelligent de flou gaussien au calque inférieur

Voici la partie du didacticiel pour laquelle vous devez utiliser Photoshop CS3 (ne vous inquiétez pas si vous utilisez Photoshop CS2, nous vous répondrons dans un instant). Nous allons appliquer un filtre intelligent à notre objet intelligent. Maintenant, je dois clarifier quelque chose avant de continuer. Tu boîte appliquez des filtres aux objets intelligents dans Photoshop CS2, comme vous les appliqueriez à un calque normal. La différence est que dans Photoshop CS2, lorsque vous essayez d'appliquer un filtre à un objet dynamique, Photoshop affiche un message d'avertissement vous indiquant que l'objet dynamique doit être tramé avant que le filtre puisse être appliqué.

Cela signifie que l'objet intelligent sera à nouveau reconverti en un calque normal, ce qui signifie qu'il ne sera plus un objet intelligent, ce qui signifie que vous ne pourrez plus simplement remplacer une photo par une autre à l'intérieur. Ce qui signifie essentiellement que vous perdez la possibilité d'utiliser le document Photoshop comme modèle. En d'autres termes, si votre objectif est de créer un document pouvant être utilisé comme modèle et que vous utilisez Photoshop CS2, n'utilisez pas de filtres. Il y a encore beaucoup d'autres choses que vous pouvez faire avec vos objets intelligents dans CS2, mais l'utilisation de filtres n'en fait pas partie. Pas si vous créez un modèle réutilisable, de toute façon.

Cela dit, si vous sommes à l'aide de Photoshop CS3, cliquez sur 'Calque 0' (le calque inférieur) dans la palette Calques pour le sélectionner. Montez ensuite jusqu'au Filtre menu en haut de l'écran, choisissez Se brouiller , puis choisissez Flou gaussien . Cela fait apparaître la boîte de dialogue Flou gaussien. je vais mettre mon Rayon valeur au bas de la boîte de dialogue à environ 9 pixels . Si vous utilisez une image haute résolution, essayez 12-14 pixels :

  Application du filtre Flou gaussien au calque inférieur dans Photoshop. Appliquez le filtre Flou gaussien au calque inférieur.

Cliquez sur OK lorsque vous avez terminé pour quitter la boîte de dialogue. Voici mon image après application du filtre. Remarquez comment l'image en arrière-plan est maintenant bien floue :

  L'image après application du filtre Flou gaussien dans Photoshop. L'arrière-plan est maintenant flou après l'application du filtre Flou gaussien.

Rien de ce que nous avons fait ici ne sortait de l'ordinaire. Nous avons sélectionné et appliqué le filtre Flou gaussien à la copie de l'objet intelligent sur le calque inférieur exactement de la même manière que nous l'aurions appliqué à un calque normal. Mais si nous regardons dans notre palette Calques, nous pouvons voir que quelque chose d'inhabituel s'est définitivement produit :

  Photoshop's Layers palette showing that the Gaussian Blur filter applied to the Smart Object on 'Layer 0' has been converted into a Smart Filter. La palette Calques indiquant que le filtre Flou gaussien appliqué au 'Calque 0' a été converti en filtre intelligent.

En appliquant le filtre à un objet intelligent, le filtre a été converti en filtre intelligent ! Si nous regardons sous 'Couche 0', nous pouvons voir qu'il est maintenant indiqué 'Filtres intelligents', et en dessous se trouve une liste de tous les filtres que nous avons appliqués à l'objet intelligent. Dans ce cas, nous n'avons appliqué qu'un seul filtre, le filtre Flou gaussien, et nous pouvons le voir répertorié ici. Si nous avions appliqué plusieurs autres filtres à l'objet intelligent sur ce calque, ils seraient chacun répertoriés sous les mots 'Filtres intelligents'. Nous avons maintenant appliqué avec succès un filtre à l'objet intelligent sans avoir à le reconvertir en un calque normal. De plus, comme nous le verrons lorsque nous remplacerons la photo par une nouvelle photo, le filtre Flou gaussien sera désormais automatiquement appliqué à toute photo que nous utiliserons avec notre modèle !

Les filtres intelligents présentent de nombreux avantages, et nous n'avons fait qu'effleurer la surface avec eux ici avec notre discussion sur la façon de les utiliser lors de la création de modèles. Nous examinerons d'autres possibilités étonnantes qu'ils offrent dans d'autres didacticiels.

Nous verrons comment remplacer notre photo par une autre prochainement !

Étape 9 : Remplacer la photo par une nouvelle photo

À ce stade, notre effet photo de base est terminé. Vous pouvez enregistrer le document maintenant si vous le souhaitez. Nous allons maintenant voir à quel point il est incroyablement facile d'utiliser notre document Photoshop comme modèle en remplaçant notre photo existante par une nouvelle photo ! Cela fonctionne avec Photoshop CS2 et Photoshop CS3 (bienvenue, utilisateurs de Photoshop CS2 !).

Gardez à l'esprit ce que j'ai mentionné au début. Lorsque vous remplacez une photo par une autre à l'intérieur d'un objet intelligent, vous devez vous assurer que les deux photos ont les mêmes dimensions de largeur et de hauteur, la même orientation (portrait ou paysage) et la même résolution, sinon les choses ne fonctionneront pas comme prévu vous vous attendez. Si vous essayez de remplacer une photo par une autre et que soudainement la nouvelle photo est trop grande ou trop petite à l'intérieur du document, quelque chose était différent entre elles, et vous devrez corriger cela avant de réessayer. Vous trouverez de nombreuses informations sur la taille et la résolution des images dans notre L'essentiel de la photo numérique rubrique du site Internet.

En supposant que la prochaine photo que vous souhaitez utiliser avec votre modèle utilise les mêmes dimensions, orientation et résolution d'image que l'original, échangeons-les ! Sélectionnez 'Calque 0' ou 'Copie du calque 0' dans la palette Calques. Peu importe celui que vous sélectionnez car, comme je l'ai mentionné précédemment, ils sont tous deux des copies l'un de l'autre et font tous deux référence à la même photo, donc le remplacement de l'image à l'intérieur de l'un d'eux remplacera automatiquement l'image dans les deux. Ensuite, avec l'un ou l'autre sélectionné, montez au Couche menu en haut de l'écran encore une fois, choisissez Objets intelligents , et cette fois, choisissez Remplacer le contenu :

  Sélection'Replace Contents' from the Smart Objects menu inside Photoshop. Accédez à Calque > Objets intelligents > Remplacer le contenu.

Une boîte de dialogue apparaîtra vous permettant de naviguer vers la nouvelle photo sur votre ordinateur. Une fois que vous l'avez localisé, double-cliquez dessus pour le sélectionner, et instantanément, la photo d'origine est remplacée par la nouvelle photo à l'intérieur du document ! Tous les styles de calque que nous avons appliqués au calque supérieur ont été appliqués à la nouvelle image, et si vous utilisez Photoshop CS3, l'image d'arrière-plan du calque inférieur a même le filtre Flou gaussien qui lui est appliqué, le tout sans rien refaire l'oeuvre:

  La nouvelle photo a remplacé l'original dans le document.

La photo d'origine est instantanément remplacée par la nouvelle photo à l'intérieur du document.

Où aller ensuite...