Dans ce didacticiel d' effets photo Photoshop en deux parties, nous allons apprendre à créer un collage photo amusant en utilisant une simple forme de bande de film comme cadre photo pour plusieurs images.
Dans cette première partie du didacticiel, nous allons dessiner la bande de film proprement dite à l'aide des outils de forme de Photoshop, puis nous l'enregistrerons en tant que document séparé afin de pouvoir facilement la réutiliser à tout moment sans avoir à tout dessiner à nouveau. Dans la deuxième partie du didacticiel, nous utiliserons plusieurs copies de la bande de film pour créer notre collage photo.
Voici la forme de la bande de film que nous allons dessiner dans cette partie du didacticiel. La zone grise au centre est l'endroit où nous ajouterons nos photos dans la deuxième partie du tutoriel:
La forme de la bande de film qui sera utilisée comme cadre photo dans le collage.
Comment créer un collage photo de bande de film
Étape 1: créer un nouveau document Photoshop
Pour commencer, créons un nouveau document Photoshop en allant dans le menu Fichier en haut de l'écran et en choisissant Nouveau, ou appuyez sur Ctrl + N (Win) / Commande + N (Mac) pour ouvrir un nouveau document avec le clavier pratique raccourci:
Accédez à Fichier> Nouveau pour créer un nouveau document Photoshop.
Cela ouvre la boîte de dialogue Nouveau document. Entrez une valeur de 1000 pixels pour la largeur et 900 pixels pour la hauteur, ce qui devrait nous donner un bon rapport largeur / hauteur pour notre bande de film. Réglez votre résolution sur 300 pixels / pouce et assurez-vous que l'option Contenu d'arrière - plan est définie sur Blanc :
Créez un nouveau document de 1 000 x 900 pixels.
Lorsque vous avez terminé, cliquez sur OK dans le coin supérieur droit de la boîte de dialogue pour en sortir. Votre nouvelle fenêtre de document apparaîtra sur votre écran.
Étape 2: Sélectionnez l'outil Rectangle
Pour dessiner notre bande de film, nous utiliserons les outils de forme de Photoshop, qui nous permettent de dessiner des formes vectorielles qui peuvent être facilement redimensionnées au besoin sans aucune perte de qualité. Étant donné que notre bande de film doit être rectangulaire, sélectionnez l' outil Rectangle dans le panneau Outils (à ne pas confondre avec l' outil Rectangle de sélection qui est un outil de sélection, pas un outil de forme):
Sélectionnez l'outil Rectangle.
Étape 3: définissez votre couleur de premier plan sur noir
Lorsque nous dessinons une forme, Photoshop définit initialement la couleur de la forme sur notre couleur de premier plan actuelle. Nous voulons que la couleur de notre bande de film soit noire, donc avant de dessiner la forme, définissons notre couleur de premier plan sur noir. Le noir est en fait la couleur par défaut pour le premier plan, donc la vôtre peut déjà être définie sur noir. Sinon, appuyez sur la lettre D de votre clavier pour réinitialiser rapidement vos couleurs d'avant-plan et d'arrière-plan à leurs valeurs par défaut. Vous trouverez les échantillons de couleur de premier plan et d'arrière-plan près du bas du panneau Outils. L'échantillon en haut à gauche (la couleur de premier plan) devrait maintenant afficher du noir:
Appuyez sur "D" sur votre clavier pour réinitialiser rapidement les couleurs de premier plan et d'arrière-plan.
Étape 4: assurez-vous que l'option "Forme" est sélectionnée
Photoshop nous donne trois façons différentes d'utiliser les différents outils de forme. Nous pouvons les utiliser pour dessiner des formes vectorielles (ce que nous allons faire ici), nous pouvons dessiner des chemins, qui ne sont essentiellement que des contours de formes, ou nous pouvons dessiner des formes basées sur des pixels . Nous pouvons sélectionner parmi ces trois options en cliquant sur l'icône appropriée dans la barre des options en haut de l'écran. Puisque nous voulons pouvoir redimensionner notre bande de film selon les besoins sans aucune perte de qualité d'image, nous devons dessiner une forme vectorielle, alors cliquez sur l'icône Calques de forme dans la barre des options (l'icône à gauche):
Choisissez entre les formes vectorielles (à gauche), les chemins (au milieu) ou les formes à base de pixels (à droite) avec les trois icônes de la barre des options.
Étape 5: faites glisser une grande forme rectangulaire
Avec l'outil Rectangle sélectionné, le noir comme couleur de premier plan et l'option Calques de forme sélectionnés dans la barre des options, nous sommes prêts à commencer à dessiner notre bande de film. Cliquez près du coin supérieur gauche de la fenêtre du document et, tout en maintenant le bouton de la souris enfoncé, faites glisser vers le coin inférieur droit. Vous verrez un contour de votre forme apparaître lorsque vous faites glisser:
Cliquez près du coin supérieur gauche du document, puis faites-le glisser vers le coin inférieur droit.
Essayez de garder un espace égal autour des bords de la forme lorsque vous faites glisser. Lorsque vous approchez du coin inférieur droit, relâchez le bouton de votre souris. Photoshop dessine la forme du rectangle et la remplit de noir:
Photoshop dessine la forme et la remplit de noir lorsque vous relâchez le bouton de votre souris.
Si nous regardons un instant dans notre panneau Calques, nous pouvons voir que nous avons maintenant un tout nouveau calque de forme nommé "Forme 1" assis au-dessus du calque d'arrière-plan. Les formes vectorielles apparaissent toujours sur leurs propres calques, il n'est donc pas nécessaire d'ajouter un nouveau calque avant de dessiner une forme:
Les formes apparaissent automatiquement sur leurs propres calques dans le panneau Calques.
Étape 6: Basculez vers le mode "Soustraire de la zone de forme"
Maintenant que nous avons notre forme de rectangle initiale, nous devons en découper quelques trous pour qu'elle ressemble davantage à une bande de film. Tout d'abord, nous allons découper un grand trou rectangulaire au centre qui servira de zone photo principale. Si vous recherchez dans la barre des options, vous verrez une rangée de cinq icônes, chacune montrant une disposition différente des carrés. L'icône au milieu est l'option Soustraire de la zone de forme . Cliquez dessus pour le sélectionner:
Cliquez sur l'option "Soustraire de la zone de forme" dans la barre des options pour la sélectionner.
Étape 7: dessinez une autre forme rectangulaire au milieu de la forme initiale
L'option "Soustraire de la zone de forme" nous permet de supprimer une partie de notre forme existante. L'outil Rectangle étant toujours sélectionné, dessinez une deuxième forme rectangulaire, cette fois au centre du rectangle existant. Tout comme nous l'avons fait il y a un instant, cliquez une fois pour définir le coin supérieur gauche du rectangle, puis maintenez le bouton de la souris enfoncé et faites-le glisser vers le coin inférieur droit. Vous verrez un contour de la forme apparaître lorsque vous faites glisser. C'est la zone qui sera découpée:
Dessinez une autre forme rectangulaire au milieu de la forme initiale.
Relâchez le bouton de votre souris lorsque vous avez terminé. Cette fois, plutôt que d'ajouter une nouvelle forme au document, Photoshop découpe un trou dans le rectangle initial, créant la zone principale où nos photos apparaîtront plus tard:
La zone photo principale de la bande de film a été créée.
Étape 8: Sélectionnez l'outil Rectangle arrondi
Pour dessiner les encoches en haut et en bas de la bande de film, nous utiliserons l' outil Rectangle arrondi, qui est similaire à l'outil Rectangle, sauf que, comme son nom l'indique, les coins sont arrondis plutôt que nets. Normalement, nous sélectionnons des outils dans le panneau Outils, mais chaque fois qu'un outil de forme est sélectionné, nous pouvons facilement sélectionner n'importe quel autre outil de forme de Photoshop directement dans la barre des options. Cliquez sur l'icône de l'outil Rectangle arrondi dans la barre des options pour le sélectionner:
Sélectionnez l'outil Rectangle arrondi dans la barre des options.
Étape 9: définissez la valeur du rayon sur 10 px
Nous pouvons contrôler la rondeur des coins avec la valeur Rayon dans la barre des options. Plus le rayon est élevé, plus les coins seront arrondis. Définissez votre valeur de rayon à 10 px (pixels):
Définissez la valeur du rayon sur 10 px.
Étape 10: dessinez une forme de rectangle arrondi pour créer le premier cran
Assurez-vous que l'option "Soustraire de la zone de forme" est toujours sélectionnée dans la barre des options, puis cliquez et faites glisser une petite forme de rectangle arrondi à gauche de la zone de bordure noire le long du haut de la bande de film:
Tracez un petit rectangle arrondi sur le côté gauche de la zone de bordure noire supérieure.
Relâchez le bouton de votre souris lorsque vous avez terminé. Photoshop utilise la forme pour éliminer le premier cran de la bande de film:
Encore une fois, Photoshop utilise la nouvelle forme pour supprimer une section de la forme initiale.
Étape 11: Sélectionnez l'outil de sélection de chemin
Maintenant que nous avons dessiné notre première encoche, nous pouvons l'utiliser pour ajouter toutes les autres encoches en haut et en bas de la bande de film sans avoir à en dessiner aucune! Sélectionnez l' outil de sélection de chemin dans le panneau Outils (la flèche noire). Vous pouvez également le sélectionner rapidement en appuyant sur la lettre A de votre clavier:
Sélectionnez l'outil de sélection de chemin.
Avec l'outil de sélection de chemin sélectionné, cliquez à l'intérieur de l'encoche que nous venons d'ajouter. Cela sélectionnera la forme. Vous verrez un contour fin, ainsi que des points d'ancrage (petits carrés) apparaissent autour de lui vous permettant de savoir que la forme est sélectionnée:
Cliquez à l'intérieur de l'encoche avec l'outil de sélection de chemin pour sélectionner la forme.
Étape 12: faites glisser une copie de la forme
Avec la forme sélectionnée, maintenez la touche Maj + Alt (Win) / Maj + Option (Mac) et faites glisser vers la droite. La touche Alt / Option indique à Photoshop de créer une copie de la forme pendant que vous faites glisser, tandis que la touche Maj limite la direction dans laquelle vous pouvez faire glisser, ce qui facilite le déplacement droit vers la droite et non selon un angle étrange. Lorsque vous avez terminé, relâchez le bouton de votre souris pour créer une deuxième encoche en haut de la bande de film:
Une deuxième encoche apparaît en haut de la bande de film.
Étape 13: faites glisser six autres copies de la forme
Continuez à faire glisser plus de copies de la forme pour créer les encoches restantes le long du haut de la bande de film en maintenant la touche Maj + Alt (Win) / Maj + Option (Mac), en cliquant sur la dernière forme que vous avez ajoutée, en faisant glisser une copie de celle-ci vers la droite, puis relâchez le bouton de votre souris. Ne vous inquiétez pas de l'espacement pour l'instant, nous le corrigerons dans un instant. Vous devriez avoir un total de huit encoches le long du haut de la bande de film lorsque vous avez terminé:
Faites glisser six autres copies de la forme pour un total de huit encoches en haut.
Étape 14: Sélectionnez toutes les encoches le long de la ligne supérieure
Une fois que vous avez ajouté les huit encoches le long de la rangée supérieure, maintenez la touche Maj enfoncée et, avec l'outil de sélection de chemin d'accès toujours sélectionné, cliquez sur chaque encoche jusqu'à ce que vous les ayez toutes sélectionnées en même temps:
Maintenez la touche Maj enfoncée et cliquez sur chaque encoche avec l'outil de sélection de chemin jusqu'à ce que vous les ayez tous sélectionnés.
Étape 15: cliquez sur l'option "Distribuer les centres horizontaux"
Avec toutes les formes d'encoche sélectionnées, cliquez sur l'option Répartir les centres horizontaux dans la barre des options:
La barre d'options contient diverses options pour aligner les formes. Cliquez sur l'icône Distribuer les centres horizontaux.
Cela répartit les formes uniformément sur le haut de la bande de film, corrigeant tout problème d'espacement:
L'option Répartir les centres horizontaux espace les formes uniformément entre la forme à l'extrême gauche et la forme à l'extrême droite.
Étape 16: Copiez la rangée de formes vers le bas de la bande de film
Avec toutes les formes d'encoche de la rangée supérieure toujours sélectionnées, maintenez les touches Maj + Alt (Win) / Maj + Option (Mac) enfoncées et faites glisser les formes vers le bas de la zone de bordure inférieure de la bande de film. Encore une fois, la touche Alt / Option indique à Photoshop de faire une copie des formes pendant que vous faites glisser, tandis que la touche Maj limite la direction dans laquelle vous pouvez faire glisser, ce qui facilite le glissement vers le bas. Vous verrez un aperçu des formes apparaissant lorsque vous faites glisser:
Maintenez Shift + Alt (Win) / Shift + Option (Mac) et faites glisser la rangée supérieure de formes d'encoche vers le bas pour créer une copie des formes lorsque vous faites glisser.
Une fois que vous avez les formes le long de la zone de bordure inférieure, relâchez le bouton de votre souris. Photoshop fait tomber les zones de forme du bas de la bande de film, créant notre deuxième rangée d'encoches:
La création de la rangée d'encoches le long du bas de la bande de film consiste simplement à copier la rangée du haut et à la faire glisser vers le bas.
Si nous regardons le calque de forme dans le panneau Calques, nous pouvons voir une vignette nous montrant un aperçu de notre forme. C'est ce qu'on appelle une vignette de masque vectoriel . Vous verrez une bordure de surbrillance blanche autour d'elle, ce qui nous indique que la forme est actuellement sélectionnée. Cliquez directement sur la vignette pour désélectionner la forme puisque nous avons fini de la dessiner à ce stade. La bordure de surbrillance blanche autour de la vignette disparaîtra:
Cliquez sur la vignette du masque vectoriel pour désélectionner la forme.
Étape 17: ajouter une ombre portée
Notre forme de bande de film de base est maintenant terminée, mais donnons-lui un peu de profondeur en ajoutant une légère ombre portée. Cliquez sur l'icône Styles de calque en bas du panneau Calques et sélectionnez le style Ombre portée en haut de la liste qui apparaît:
Cliquez sur l'icône Styles de calque et sélectionnez Ombre portée dans la liste.
La boîte de dialogue Style de calque de Photoshop s'affiche avec les options Ombre portée dans la colonne du milieu. Réglez la distance de l'ombre à 0 px, la propagation à 0% et la taille de l'ombre à 7 px :
Cliquez sur l'icône Styles de calque et sélectionnez Ombre portée dans la liste.
Cliquez sur OK dans le coin supérieur droit de la boîte de dialogue Style de calque lorsque vous avez terminé pour en sortir. La bande de film apparaît maintenant avec une faible ombre derrière elle, bien qu'il soit plus facile de voir dans votre document que dans la petite capture d'écran ici:
L'ombre est utilisée pour donner à la bande de film une certaine profondeur.
Étape 18: Sélectionnez à nouveau l'outil Rectangle
Pour terminer notre bande de film, nous ajouterons une forme de rectangle finale qui sera utilisée pour définir la zone où les photos apparaîtront lorsque nous les ajouterons plus tard. Sélectionnez à nouveau l' outil Rectangle dans le panneau Outils. Étant donné que nous avons sélectionné l'outil Rectangle arrondi il y a un instant, vous devrez cliquer sur l'outil Rectangle arrondi dans le panneau Outils, puis maintenir le bouton de la souris enfoncé pendant une seconde ou deux jusqu'à ce qu'un menu déroulant apparaisse affichant les autres outils. disponible dans cet emplacement. Sélectionnez l'outil Rectangle en haut du menu déroulant:
Cliquez et maintenez sur l'outil Rectangle arrondi dans le panneau Outils, puis sélectionnez l'outil Rectangle dans le menu déroulant.
Étape 19: changez la couleur de la nouvelle forme en gris moyen
Avant d'ajouter la nouvelle forme, changeons sa couleur en autre chose que du noir afin que nous puissions la voir contre la bande de film noir. Nous savons déjà que nous pouvons changer la couleur d'une forme en changeant la couleur de premier plan de Photoshop, mais nous pouvons également changer la couleur directement à partir de la barre des options lorsque nous avons sélectionné un outil de forme. Cliquez sur l' échantillon de couleur dans la barre des options:
Cliquez sur l'échantillon de couleur pour définir une couleur pour la forme.
Cela fait apparaître le sélecteur de couleurs de Photoshop. Utilisons un gris moyen pour la couleur. Entrez une valeur de 128 pour les options R, V et B en bas au centre de la boîte de dialogue Sélecteur de couleurs. Cela nous donnera notre gris moyen. Cliquez sur OK lorsque vous avez terminé pour quitter le sélecteur de couleurs:
Définissez les valeurs R (Rouge), G (Vert) et B (Bleu) sur 128 dans le sélecteur de couleurs.
Étape 20: dessinez une forme rectangulaire pour couvrir la zone photo principale
Avec l'outil Rectangle sélectionné et gris comme couleur de forme, dessinez une autre forme de rectangle, cette fois légèrement plus grande que la zone photo principale au centre de la bande de film. Assurez-vous cependant que la nouvelle forme ne s'étend pas sur les encoches en haut et en bas. Nous voulons seulement couvrir la zone photo principale. Cliquez juste au-dessus et à gauche de la zone photo principale pour définir le point de départ de la forme, puis maintenez le bouton de la souris enfoncé et faites-le glisser juste en dessous et à droite du coin inférieur droit de la zone photo:
Dessinez un deuxième rectangle légèrement plus grand que la zone photo.
Relâchez le bouton de votre souris pour que Photoshop dessine la forme et remplissez-la avec la couleur gris moyen que nous avons sélectionnée. La zone photo principale est maintenant entièrement couverte, tandis que les encoches en haut et en bas de la bande de film restent visibles:
La zone photo principale est maintenant couverte par la deuxième forme.
Étape 21: Supprimer l'ombre portée de la nouvelle forme
Si nous regardons dans le panneau Calques, nous pouvons voir que notre deuxième forme est apparue sur son propre calque au-dessus de la forme de bande de film principale. Et si nous regardons directement sous le calque de forme, nous pouvons voir que Photoshop a automatiquement appliqué le même style de calque Ombre portée que nous avons ajouté à la bande de film. Nous n'avons pas besoin de l'ombre pour notre nouvelle forme, alors débarrassons-nous-en. Cliquez sur le mot Effets, qui sélectionnera tous les styles de calque appliqués à un calque (même si dans ce cas, nous n'en avons qu'un), puis maintenez le bouton de la souris enfoncé et faites-le glisser vers l'icône de la corbeille en bas de le panneau Calques. Relâchez le bouton de votre souris lorsque le curseur se trouve sur la corbeille pour supprimer les styles de calque:
Cliquez sur le mot "Effets" et faites-le glisser vers la corbeille pour supprimer l'ombre portée.
Étape 22: faites glisser la nouvelle forme sous la bande de film
Actuellement, la deuxième forme apparaît au-dessus de la bande de film. Nous avons besoin qu'il apparaisse sous la bande de film, comme s'il agissait comme un espace réservé pour les photos que nous ajouterons plus tard, ce qui signifie que nous devons faire glisser le calque de la forme sous la couche de bande de film. Pour ce faire, cliquez sur "Forme 2" dans le panneau Calques, puis maintenez le bouton de la souris enfoncé et faites glisser le calque directement entre le calque d'arrière-plan et le calque de bande de film. Vous saurez que vous êtes au bon endroit lorsque vous verrez une barre de surbrillance apparaître entre les deux couches:
Cliquez et faites glisser la deuxième forme entre le calque d'arrière-plan et le calque de bande de film.
Relâchez le bouton de votre souris lorsque la barre de surbrillance apparaît. La forme grise a maintenant été déplacée sous la bande de film selon nos besoins:
La forme grise apparaît maintenant entre le calque d'arrière-plan et le calque de bande de film.
Cliquez sur la vignette du masque vectoriel pour "Forme 2" dans le panneau Calques pour désélectionner la forme, et nous avons terminé! Notre bande de film est maintenant terminée:
La bande de film finale, prête à être utilisée comme cadre photo et dans notre collage photo.
Étape 23: Enregistrer la bande de film en tant que fichier Photoshop .PSD
À moins que vous ne soyez payé à l'heure, vous ne voudrez probablement pas redessiner la bande de film à chaque fois que vous souhaitez l'utiliser, alors enregistrons-le comme son propre document Photoshop. De cette façon, nous pourrons l'ouvrir et l'utiliser à nouveau à tout moment. Allez dans le menu Fichier en haut de l'écran et choisissez Enregistrer sous :
Allez dans Fichier> Enregistrer sous.
Cela ouvre la boîte de dialogue Enregistrer sous de Photoshop. Je vais nommer mon document "film-strip.psd". Assurez-vous de choisir Photoshop comme format, puis enregistrez le fichier dans un emplacement dont vous vous souviendrez facilement. Je vais enregistrer le mien dans un dossier "photoshop" que j'ai sur mon bureau. Cliquez sur le bouton Enregistrer lorsque vous êtes prêt à enregistrer le fichier:
Nommez le fichier et enregistrez-le en tant que document Photoshop.