Créer un effet d'image dans l'image dans Adobe InDesign

Ce que vous allez créer

Qui savait que vous pouviez créer des effets Photoshop standard dans Adobe InDesign? Apprenez à recréer cet effet d'image à l'intérieur d'image spectaculaire et donnez à votre couverture de livre, à la présentation de magazines et à des affiches un relooking cool.

Dans ce didacticiel destiné aux utilisateurs débutants à expérimentés d'InDesign, nous expliquerons les étapes de création et de présentation de l'effet dans le cadre de la conception d'une couverture de livre pour un roman de poche..

Vous aurez également besoin d'accéder à Adobe Illustrator pour une partie du didacticiel. Ouvrez InDesign, et nous pouvons commencer!

1. Configurer le document de poche dans InDesign

Étape 1

Une fois InDesign ouvert, sélectionnez Nouveau> Document du Bienvenue fenêtre, ou aller à Fichier> Nouveau> Document du menu principal.

dans le Nouveau document fenêtre qui s'ouvre, gardez la Intention mis à Impression et le Nombre de pages à 1. Désélectionner Affronter des pages.

Sous Taille de la page, choisir Douane… du menu déroulant. 

Étape 2

Créons un nouveau Taille de page personnalisée, approprié pour une couverture de livre de poche. Type 'Format B broché' dans le prénom zone de texte en haut de la fenêtre et définissez le Largeur à 130 mm et la taille à 198 mm.

NB: Ce format convient à une seule page d'un livre de poche au format B. Dans ce didacticiel, nous ne créerons pas la couverture intégrale, y compris la couverture arrière et le dos. Mais si vous souhaitez développer le design ultérieurement pour créer une couverture complète, vous pouvez utiliser le Outil de page (Maj-P) étendre la largeur de la page.

Cliquez sur Ajouter, et alors D'accord retourner au Nouveau document la fenêtre.

Met le Marges de tous les côtés à 5 mm, et ajouter un Saigner (clique le Plus d'options bouton si vous ne voyez pas les options pour le fond perdu) de 5 mm sur tous les côtés de la page.

Cliquez sur D'accord créer le nouveau document.

2. Créer l'image englobante

L'effet image-dans-image fonctionne mieux si vous placez un graphique (une photo ou une image vectorielle) à l'intérieur d'un cadre vectoriel complètement fermé..

Vous pouvez utiliser un vecteur de votre propre conception, ou un vecteur stock, ou bien, pour un peu de réalisme, vous pouvez utiliser une version vectorielle d’une photo. Regardons comment créer ce dernier.

Étape 1

S'ouvrir Adobe Illustrator. Sélectionnez une photo que vous avez déjà ou choisissez une photo d'un site de stock. Pour cette conception, j'ai utilisé cette photographie d'un corbeau volant. Les photos placées sur des arrière-plans blancs et avec un contour fort fonctionneront mieux pour créer l'effet.

Une fois que vous avez sélectionné votre image, retournez à Illustrateur et Fichier> Place la photo sur un nouveau document.

Étape 2

Ouvrez le Trace d'image panneau (Fenêtre> Trace d'image), et développez le panneau pour afficher l’ensemble complet des options. Avec la photo sélectionnée et le Aperçu case cochée dans le Trace d'image panneau, réglez le Mode à Noir et blanc et vérifier le Ignorer blanc boîte au bas du panneau.

Clique le Trace bouton en bas à droite du panneau et déplacez les curseurs jusqu'à ce que vous soyez satisfait de la silhouette finale. Essayez de préserver autant que possible les détails originaux du contour de la photo..

Lorsque vous êtes satisfait du résultat, allez au menu en haut de l'écran et sélectionnez Objet> Trace d'image> Développer

Étape 3

Dissocier le vecteur tracé (Clic droit [Windows] ou Ctrl + clic [Mac]> Dissocier) et supprimez tous les éléments d’arrière-plan ou les parties parasites du vecteur. Vous voulez juste avoir une image bien nette.

Sélectionnez l'image et Édition> Copier.

Retourner à InDesign et Édition> Coller. La silhouette vectorielle sera déposée directement sur la page.

Avec le vecteur sélectionné, Clic droit [Windows] ou Ctrl + clic [Mac]> Transformer> Retourner horizontalement; et redimensionner l'image (en maintenant enfoncé Décalage maintenir les proportions), de sorte qu'il s'adapte confortablement sur la page.

Étape 4

Du Les contrôles panneau en haut de l’espace de travail, ou à partir du Échantillons panneau (Fenêtre> Couleur> Nuancier), Ajuste le La couleur de remplissage du vecteur à [Aucun].

Cette image constituera la toile de fond de notre effet et elle aura l'air vraiment sympa avec un peu de texture. Avec l'image sélectionnée, allez à Fichier> Place et sélectionnez une image d'arrière-plan unie et texturée. Ici, j'ai utilisé une texture d'arrière-plan papery en utilisant cette image d'une feuille de papier de style vintage.

Réorganisez l’image de texture dans le vecteur pour qu’elle remplisse l’ensemble du vecteur (choisissez Remplir le cadre proportionnellement du haut Les contrôles panneau).

3. Calquez-vous pour créer l'effet

Construire le graphique en couches est essentiel pour obtenir un effet correct, comme vous le feriez si vous utilisiez Photoshop.. 

Étape 1

Ouvrez le Couches panneau (Fenêtre> Calques) et double-cliquez sur la valeur par défaut Couche 1 nom pour ouvrir le Options de calque la fenêtre. Renommez le calque Image en papier, et cliquez D'accord.

Sélectionner Nouvelle Couche… du Couches menu déroulant du panneau, et double-cliquez sur le calque, comme avant, pour renommer le calque Photo. Créez deux autres couches, en les nommant Image 3 et alors Image 4, jusqu'à ce que vous ayez une séquence de quatre couches.

Étape 2

Sélectionnez l'image du corbeau remplie de papier et Édition> Copier.

Puis retournez au Couches panneau et Fermer à clé trois couches: Image papier, image 3 et Image 4. Clique sur le Photo couche pour l'activer.

Aller à modifier dans le menu du haut et sélectionnez Coller en place, créer un duplicata exactement placé de l’image du corbeau. Il se peut que InDesign veuille coller ceci sur le même calque que l'image d'origine. Laissez-le donc le faire, puis déplacez-le manuellement sur le calque approprié directement à partir de l'image. Couches panneau.

Double-cliquez à l'intérieur du vecteur pour sélectionner directement l'image sur papier. Supprime-le. 

Aller à Fichier> Place remplir le vecteur corbeau avec une nouvelle image. Ce sera votre image intérieure. Le profil d'une personne ou un gros plan détaillé du visage d'une personne seront saisissants et dramatiques. Ici, j’ai utilisé cette image de femme, que j’ai convertie en image noir et blanc Photoshop en utilisant le Mélangeur de canaux ajustement.

Une fois l'image insérée, vous pouvez expérimenter le redimensionnement à l'intérieur du vecteur. Tenir Décalage pendant le redimensionnement, évitez de déformer l’image et essayez de positionner la partie de l’image que vous souhaitez mettre en surbrillance au centre du cadre vectoriel..

Avec le vecteur corbeau sélectionné, allez à Objet> Effets> Transparence. dans le Effets fenêtre qui s'ouvre, définissez le Mode à Multiplier et réduire le Opacité à 75%. Cela apportera une partie de la texture de l'image papier assise en dessous. Cliquez sur D'accord.

Étape 3

Retour à la Couches panneau et Fermer à clé la Photo couche. Déverrouiller la couche suivante, Image 3. Nous pouvons maintenant ajouter un peu de couleur sur la photo pour lui donner un aspect plus sombre et plus dramatique.

Ouvrez le Échantillons panneau (Fenêtre> Couleur> Nuancier) et sélectionnez Nouvelle nuance de couleur depuis le menu déroulant du panneau.

Garder le Type de couleur mis à Processus, et créez une nuance d'un violet profond en plaçant les curseurs aux niveaux suivants: C = 100 M = 92 Y = 40 K = 36. Cliquez sur Ajouter et alors D'accord.

De retour sur la page, allez à Édition> Coller en place déposer une autre copie du vecteur corbeau sur la page. Supprimez l’image papier à l’intérieur, puis définissez la La couleur de remplissage du vecteur à votre nouvelle nuance de couleur bleu foncé.

Étape 4

Avec le vecteur bleu sélectionné, allez à Objet> Effets> Transparence. Met le Mode à Multiplier et garder le Opacité à 100%.

Dans le menu de gauche dans le menu Effets fenêtre, cliquez sur Plume dégradée appliquer un dégradé et éditer les options pour le dégradé. Rapprochez les curseurs vers le centre de la barre, comme indiqué ci-dessous, jusqu'à ce que la photo ci-dessous apparaisse vers le haut et le centre du vecteur..

Étape 5

Sélectionnez le vecteur corbeau sur le Image 3 couche, et Édition> Copier. 

Retour à la Couches panneau et Fermer à clé la Image 3 couche. Déverrouiller la couche suivante, Image 4.

Édition> Coller en place une copie du vecteur corbeau sur la couche supérieure.

Retourner à la Échantillons panneau et créer un autre Nouvelle nuance de couleur. Vous pouvez nommer cette nuance CMJN Noir d'encre si tu veux. Définissez les niveaux de pourcentage comme suit: C = 60 M = 40 Y = 40 K = 100. Cliquez sur Ajouter et alors D'accord.

Ajuste le La couleur de remplissage du vecteur corbeau sur le Image 4 couche à Noir d'encre. Puis, avec l'image sélectionnée, allez à Objet> Effets> Plume de dégradé. Ajuste le Angle dans la direction opposée, le dégradé bascule alors vers le haut du vecteur. Seule la partie centrale du graphique devrait maintenant révéler la photo située en dessous..

Cliquez sur D'accord retourner à la page.

Bon travail! Votre effet image-dans-image est terminé et il est fantastique! Maintenant que vous avez préparé le graphique, vous pouvez l'utiliser sur toutes sortes de supports: affiches, brochures, dépliants, magazines - tout ce qui pourrait bénéficier d'un effet d'image sympa..

Dans cet exemple, j'ai incorporé l'effet dans une conception de couverture de livre.. 

Si vous souhaitez recréer le motif de la couverture illustré ici, poursuivez votre lecture pour savoir comment vous pouvez embellir votre motif de couverture et créer quelque chose de spécial…

4. Créez votre couverture de livre

Étape 1

Séparons le graphique image-dans-image du reste de la jaquette, revenons donc à la Couches panneau et Fermer à clé les quatre couches.

Créer un Nouvelle Couche et faites-le glisser en dessous de la Image en papier couche. Renommez le calque Fond de couleur. 

Sélectionnez le Outil Rectangle (M) du Outils panneau et faites-le glisser sur la page pour créer un rectangle qui s'étend sur l’ensemble de la page et jusqu’au bord du fond perdu. 

NB: Si vous souhaitez étendre ultérieurement votre couverture pour créer une couverture complète, il vous suffit de placer le rectangle jusqu'au bord de la page situé à gauche, le contenu du fond perdu se répandant sur votre dos..

Créer un Nouvelle nuance de couleur du Échantillons panneau, définissant les valeurs CMJN sur C = 43 M = 47 Y = 64 K = 0, pour créer une nuance beige-marron.

Met le Remplir de la forme rectangle à cette nouvelle nuance beige, et, du haut de la Échantillons panneau, abaissez le Teinte curseur vers 57%.

Étape 2

Sélectionnez le rectangle et allez à Objet> Effets> Plume de dégradé. Ajustez les curseurs et Angle appliquer un dégradé subtil qui assombrit la couleur en haut et s'éclaircit vers le bas de la page. Cliquez sur D'accord pour revenir à votre page.

Sélectionnez le rectangle et Édition> Copier, Éditer> Coller en place. Créer un autre Nouvelle nuance de couleur, C = 47 M = 22 Y = 25 K = 0, une belle nuance turquoise.

Met le Remplir du rectangle collé à cette nouvelle nuance turquoise. Aller à Objet> Effets> Plume de dégradé et inverser le Angle du dégradé pour changer le sens de la couleur en bas de la page. Cliquez sur D'accord.

Étape 3

Avec votre couleur de fond maintenant fantastique, vous pouvez introduire du texte dans la conception de la couverture. Nous pouvons superposer du texte au-dessus et au-dessous du graphique corbeau pour créer un effet de style 3D.

Premièrement, définissons une typographie derrière le graphique. Retour à la Couches panneau et Fermer à clé la Fond de couleur couche. 

Créez un nouveau calque, renommez-le en Typographie en arrière-plan, et position au-dessus de la couche inférieure, Fond de couleur mais en dessous de la Image en papier couche.

Nous allons utiliser deux polices différentes sur la couverture, une plus adaptée aux titres principaux-Vinta aura fière allure et un autre pour les titres B-Adobe Caslon Pro sera parfait pour ça. Téléchargez les polices (Adobe Caslon Pro figurera probablement déjà dans votre liste de polices installées dans InDesign) et retournez à InDesign.

Prendre le Outil de type (T) du Outils panneau et faites glisser pour créer un nouveau bloc de texte sur la page. Positionnez en haut à droite de la page et tapez 'Nom de l'auteur'. Met le Police de caractère à Vinta, Taille 33 pt, et mettre le Couleur de la police à [Papier].

Du Commandes de formatage des caractères panneau en haut de l’espace de travail, augmentez le suivi à 230, mettre le texte à Toutes en majuscules et ajustez le texte à Aligner à droite.

Étape 4

Retour à la Couches panneau et Fermer à clé la Typographie en arrière-plan couche. Créez un nouveau calque final, renommez-le Typographie au premier plan, et déplacez-le tout en haut de la séquence de couches.

Créez un nouveau bloc de texte en utilisant le Outil de type (T) et placez-le au centre de la page. Type 'Aller au nord' (ou un titre de votre choix!) et définissez le Police de caractère à Vinta, Taille 80 points, Première position 95 points, Tout en majuscules, 140 Suivi, Aligner au centre et Couleur de la police à [Papier].

Étape 5

Introduire un autre bloc de texte, avec un slogan, défini dans Adobe Caslon Pro Italic, taille 13 points, suivi de 80, alignement au centre et avec un Couleur de la police de [Papier].

Vous pouvez également ajouter quelques blocs de texte, avec des critiques de critiques peut-être, à gauche et à droite de la couverture, en les plaçant Adobe Caslon Pro, taille 12 pt.

Fabuleux! La conception de votre couverture avant est terminée et elle est superbe.

Conclusion

Dans ce didacticiel, nous avons expliqué comment créer un effet Image-In-Image dans InDesign. C'est un effet vraiment saisissant que vous pouvez créer directement dans InDesign, simplement en superposant des images vectorielles générées dans Illustrator.. 

Vous avez acquis des compétences très utiles dans le tutoriel, notamment:

  • Comment transformer des photos en vecteurs silhouettés polyvalents
  • Comment utiliser le panneau Calques pour superposer des graphiques vectoriels et matriciels afin de créer un effet complexe
  • Comment ajouter de la texture à vos effets d'image dans l'image en utilisant une image de fond
  • Comment ajuster les transparences et les dégradés depuis la fenêtre Effets pour donner à votre effet un aspect ultra professionnel
  • Comment intégrer votre graphique dans une mise en page complète, avec couleur de fond et typographie