Comment concevoir une carte de vacances avec photo-collage dans Photoshop

Allez au-delà de la retouche photo et entrez dans le monde du graphisme. Vous apprendrez quelques techniques essentielles pour mettre en valeur vos images dans des collages et savoir comment formater le collage en tant que fichier que vous pouvez envoyer à un laboratoire professionnel pour une impression presse. Bonus: bref aperçu de la manière d'utiliser ces techniques polyvalentes pour la présentation de collages sur le Web et sur des impressions photo..

Aperçu de la dernière carte de vœux

Vous allez créer une carte de vœux imprimée sous presse avec les spécifications suivantes:

  • Carte postale plate 4 pouces x 5,5 pouces
  • Motifs devant et dos
  • Fond perdu (couleur imprimée sur le bord du papier)

Ce tutoriel est destiné aux personnes familiarisées avec les outils Photoshop et l'édition de photos, mais novices en graphisme.

Téléchargez le PSD

Avant de commencer, il convient de noter que vous pouvez télécharger le fichier PSD original utilisé dans ce tutoriel si vous le souhaitez. Cela peut faciliter le suivi et comprendre le fonctionnement de certains processus. Cela dit, rien ne remplace le fait de suivre les étapes vous-même.!

  • Téléchargez la carte de vacances PSD

Étape 1: Assemblez vos actifs

Téléchargez cette illustration de Noël de Vectortuts.

Réunissez quatre photos en noir et blanc à insérer dans votre document. Ouvrez-les dans Photoshop.

Étape 2: Configurez votre document

C’est probablement la partie la plus importante de ce didacticiel. Veuillez donc lire attentivement ce qui suit:

  1. Aller dans Fichier> Nouveau.
  2. Dimensions: 4,25 pouces x 5,75 pouces. Remarquez les 0,25 pouces supplémentaires de chaque côté. Vous devez l'ajouter car l'imprimante imprimera le document trop gros, puis coupera le papier après l'avoir imprimé. Pour ce faire, la couleur peut s’étendre jusqu'aux bords de la carte, appelée fond perdu. Les imprimantes ne peuvent pas imprimer sur le bord du papier, elles sont donc surimprimées puis coupées afin que vous puissiez obtenir un fond perdu..
  3. Résolution: réglez sur 300 ppp, ce qui correspond à la qualité de la presse.
  4. Formatez le fichier en couleur RVB. La plupart des imprimeries impriment en CMJN, mais la plupart des laboratoires photo professionnels proposant des produits imprimés pour la presse, tels que des cartes, des signets et des livres, sont imprimés en RVB. Si vous avez des questions à ce sujet, adressez-vous d'abord à votre imprimante car la conversion entre les deux peut réellement changer l'apparence des couleurs. Epargnez-vous des maux de tête et de l'argent gaspillé en obtenant ce droit pour commencer.
  5. Ajoutez des guides indiquant la taille d'impression finale après le découpage (voir l'image ci-dessous). Tout d’abord, assurez-vous que vos règles sont activées (voir> règles). Configurez-les pour qu'ils affichent les pouces en cliquant avec le bouton droit de la souris sur la règle et en choisissant «pouces» dans le menu déroulant. Puis, avec votre souris sur la règle verticale, cliquez avec le bouton gauche de la souris et faites-la glisser vers la droite pour afficher une ligne bleue. Faites-le glisser jusqu'à ce qu'il se trouve à 0,125 pouce de la marge droite. Faites-en glisser une autre jusqu'à ce qu'il se trouve à 0,125 pouce de la marge gauche. Répétez et créez deux guides horizontaux à 0,125 pouce des marges supérieure et inférieure..

    Ne pensez pas que parce que vous avez surdimensionné votre document de 0,25 pouce, les guides doivent être à 0,25 pouce des marges, sinon vous aurez des marges deux fois plus grandes qu’elles devraient l’être. Vous voulez 0,125 pouce supplémentaire sur tous les côtés, ce qui, ajouté, équivaut à 0,25 pouce que vous avez ajouté aux dimensions horizontale et verticale.

Remarque: cette carte est destinée à être imprimée dans un labo photo professionnel américain. Il ne devrait pas y avoir beaucoup de différence pour les autres pays, mais vous devez vérifier les dimensions et vous assurer que vous disposez du droit RVB ou CMJN. avant tu commences.

Étape 3: Ajouter un dégradé de fond

Ok, maintenant que nous avons tout cela derrière nous, allons-y!

Cliquez sur la couleur du premier plan et faites-la # d71e25. Faire le fond # 781214. Cliquez sur l'outil de dégradé et choisissez un dégradé radial allant du premier plan à l'arrière-plan. Cliquez ensuite dans le coin supérieur gauche de votre document et tracez une diagonale allant aux trois quarts du chemin menant au coin inférieur gauche de votre document..

Votre document devrait ressembler à ceci:

Étape 4: Importez les images vectorielles

Le vecteur de Noël est un fichier EPS vectoriel. Pour ma version de cette carte, je l'ai ouverte dans Illustrator, j'ai supprimé le fond et effacé un tas de flocons de neige en bas. Ensuite, j'ai traîné l'arbre et les flocons de neige dans PS afin de pouvoir utiliser l'arrière-plan PS créé. Pour simplifier les choses, cependant, je vais utiliser l’art non modifié et vous apprendre à vous débrouiller avec Photoshop uniquement. La meilleure façon de travailler avec des vecteurs dans Photoshop consiste à utiliser la fonction Objets intelligents, qui vous permettra de bénéficier des propriétés de vecteurs, telles que le redimensionnement sans perte de qualité de l'image..

Pour importer le fichier EPS dans Photoshop, accédez à Fichier> Importer. Choisissez votre fichier et il sera importé dans le document de travail avec les poignées habituelles dans chaque coin. Faites glisser les poignées pour redimensionner l’arbre un peu plus gros et un peu à gauche de la carte. Cliquez sur la coche pour enregistrer vos modifications. Notez que la couche d'arborescence a une vignette différente, ce qui indique qu'il s'agit d'un objet intelligent..

Étape 5: Dessinez des cases

Tout d’abord, cliquez sur l’outil Forme et maintenez-le enfoncé, puis choisissez Outil Rectangle. Une barre d'outils horizontale apparaîtra juste sous le menu principal en haut de la fenêtre. À droite, il y a une boîte de couleur. Cliquez dessus pour afficher la boîte de dialogue de couleur et entrez # 911519, qui est un marron foncé choisi à l'arrière-plan avec la pipette. Dessinez la boîte de séparation verticale pour les noms des enfants en la faisant environ 0,4 cm de large et la hauteur totale du document.

Nous allons maintenant dessiner les quatre rectangles horizontaux qui encadreront nos photos. Nous voulons que les rectangles soient remplis d’une couleur rosâtre plus claire, changez donc la couleur en # e6dbda. Dessinez maintenant un rectangle d'environ 0,75 pouce de hauteur sur 2,4 pouces de largeur. Si vous souhaitez modifier la couleur ultérieurement, double-cliquez sur la vignette du calque pour afficher la palette de couleurs standard à choisir..

Dupliquez le rectangle en appuyant trois fois sur Ctr-J. Vous avez maintenant quatre couches identiques, même si cela en ressemble à une, car elles sont toutes empilées les unes sur les autres. Cliquez sur l'outil de sélection ou utilisez les touches fléchées haut / bas pour les déplacer verticalement et verticalement comme dans l'image de la carte finale..

Étape 5: Insertion de vos photos

Finalement! La technique suivante est un "must-know" pour les photographes. Si vous n’obtenez rien d’autre dans ce didacticiel, n’oubliez pas cette étape. Vous verrez que cela sera utile dans toutes sortes d'applications que vous pourriez rencontrer.

Tout d'abord, apportez toutes vos images dans votre document de carte. Je le fais en ouvrant toutes mes photos en tant que documents distincts, puis en faisant glisser chaque calque de photo dans le document de travail. Chaque photo sera importée comme son propre calque. Placez chaque couche de photo directement au-dessus du rectangle dans lequel vous souhaitez qu'elle apparaisse. Vous devez disposer de quatre couches de rectangle, chacune avec une photo au-dessus..

Ensuite, faites un clic droit sur la première photo et choisissez "Créer un masque d'écrêtage". Votre photo devrait alors devenir contrainte dans le rectangle, de sorte que la seule partie visible de la photo soit la partie à l'intérieur le rectangle. Vous pouvez ensuite accéder à l'outil de sélection, cliquer sur la photo et la faire glisser lorsqu'elle est à l'intérieur du rectangle. Les masques d'écrêtage permettent de rogner votre image de manière non destructive. Vous pouvez utiliser l'outil de recadrage, mais les masques d'écrêtage sont beaucoup plus souples car vous pouvez modifier la zone rognée à tout moment. Si vous utilisez l'outil de recadrage, ce que vous découpez est parti pour toujours.

Créez maintenant des masques de découpage pour toutes les photos..

Vous pouvez vous arrêter ici, mais si vous voulez aller plus loin, comme illustré dans le résultat final, vous pouvez rogner une partie du fond de votre photo, la placer au-dessus de la photo et créer un masque de découpe avec celui-ci également. Placez-le simplement au-dessus du premier masque d'écrêtage de manière à ce que chaque rectangle ait la photo au-dessus et la pièce d'arrière-plan au-dessus. Ensuite, placez la boîte d’arrière-plan à gauche de la photo et laissez une tranche de l’arrière-plan rose clair entre celle-ci et la photo..

Étape 6: Écrire votre texte

D'abord, nous écrirons les noms des enfants. Cliquez et maintenez l'outil Texte, puis choisissez Outil Texte vertical. La police que j'ai utilisée est Rage Italic, qui n'est pas gratuite, mais vous pouvez choisir une belle police gratuite telle que DearJoe Four. La taille est 12pt.

Ensuite, en utilisant également Rage Italic, écrivez «Joyeuses fêtes» à 14,5 pts. J'ai ajouté une ombre portée et une lueur extérieure, ce qui, à mon avis, a l'air vraiment sympa par rapport au rouge vif du fond dégradé. Pour l’année, j’ai choisi un rouge plus clair de l’arrière-plan en utilisant la pipette. Assurez-vous simplement de cliquer sur l'option de couleur dans le menu de police horizontal qui apparaît en haut de la fenêtre lorsque l'outil de police est sélectionné (pas la couleur d'arrière-plan / avant-plan)..

Enfin, écrivez la salutation en bas à gauche et vous avez terminé!

Étape 7: N'oubliez pas le dos!

Le téléchargement du fichier inclut également le verso de la carte, que vous pouvez voir ci-dessous. Il suffit de dupliquer le fichier "avant" et de tout supprimer sauf l'arrière-plan et l'arborescence. Ensuite, avec l'outil Forme, tracez une case blanche, mais définissez cette fois le mode Calque sur Esquive linéaire (Ajouter) et diminuez l'opacité au goût (j'ai utilisé 87%)..

Étape 8: Quelques idées sur l’impression

Les laboratoires professionnels que je connais le mieux sont WHCC (White House Custom Color) et MPixPro. Pour envoyer ce fichier à un laboratoire professionnel, choisissez Enregistrer sous et choisissez JPG dans le menu déroulant. Choisissez 10 pour la qualité. Vous devriez avoir deux fichiers, un pour le devant et un pour le dos..

Ces laboratoires offrent différents types de papier, y compris une couverture brillante et épaisse, du lin et des perles. Ils comprennent également des enveloppes.

Quelques suggestions sont:

  • Ne placez pas de bordures ou de logos dans la zone de fond perdu, qui seront coupés.
  • Placez toutes les bordures à une distance supplémentaire de 1/8 pouce (0,125 pouce) ou plus du bord coupé.
  • Augmenter un peu le contraste peut améliorer votre conception.

Bonus: modèles de collage de masques de découpage gratuits

Vous pouvez utiliser la technique du masque de découpage pour présenter vos images sous forme de story-boards ou de collages, que ce soit pour des tirages photo ou pour l'affichage Web. Avez-vous déjà remarqué que, sur le Web, les images verticales semblent souvent mieux groupées par deux ou par trois? Les masques d'écrêtage rendent ce travail rapide.

Il est facile d'ajouter des coins arrondis ou de créer un cercle / une forme ovale pour afficher votre image. Je viens de recevoir une brochure par la poste dans laquelle le concepteur a utilisé une police à blocs comme masque de découpage! Les possibilités sont infinies.

Voir le blog de Jessica Hamlin pour des exemples de modèles de masque d'écrêtage utilisés pour afficher le portefeuille d'un blog de photographe..

Voulez-vous accélérer les choses? Voici quelques endroits pour trouver des modèles gratuits:

Café

Rita sur le blog CoffeeShop propose toutes sortes de modèles de scénarimage pour le Web. Son dernier est le CoffeeShop Rounded Corners Storyboard Set.

Dawn Mikulich

Le modèle de carte Moo de Dawn Mikulich, destiné à être imprimé sur Moo.com. Dawn partage également un modèle de storyboard ou de livre Photoshop 30 × 30 avec des ouvertures pour 13 images..

GingerPixel

GingerPixel a un peu plus.

Conclusion

C'est tout! Allez vous mettre debout et sentez-vous fier de vous… .Et pensez à tout ce que vous ferez avec votre nouveau talent pour les masques à coupures de photographie!