All Articles InDesign
Se débarrasser des images rectangulaires dans InDesign en utilisant Photoshop
David Smith on Thu, August 25th | 0 comments
Learn how to use Photoshop to create wrap-around graphics for use in InDesign. Use this tutorial to transform your page layout and make it more dynamic.

C'est un spectacle assez commun: les documents qui contiennent des images en boîte jusqu'à soigneusement dans des rectangles, texte enroulé autour de lui. Commune, et un peu terne, je pense:

Boring Layout

Mise ennuyeux.


Au lieu de cela, une disposition comme celle-ci est beaucoup plus dynamique et intéressant:

Dynamic Layout

Mise en page dynamique.


Regardons comment nous pouvons le créer.


Étape 1 - Préparation de la page.

Dans Adobe InDesign, j'ai créé un document A4 nouvelle avec des marges de 10mm Haut, Gauche et Droite et 14mm vers le bas et un saignement ou 3mm sur tous les côtés:

The document.

Le document.


J'ai besoin d'ajouter un cadre rectangulaire et un cadre de texte qui se chevauchent nettement comme ceci:

Frames Added

Cadres ajoutée.


Comme les deux cadres se chevauchent ce sera à un certain stade faire la sélection d'une image sur l'autre un peu délicat. Pour faciliter cela, je d'abord créer un nouveau calque dans le panneau Calques en cliquant sur le bouton Nouveau calque ajouter à la partie inférieure du panneau.

Layers Panel, 2 layers

Panneau Calques, 2 couches.


Double-cliquez sur la couche supérieure (couche 2) et renommer ce calque "Texte". Faites de même pour la couche 1, seulement renommer cette couche «Images».

Je vais garder la couche images sélectionnées et avec l'outil cadre rectangulaire, dessinez un cadre, en gardant à l'esprit que l'image occupe le cadre sera mis hors marges de la page, je vais donc faire comme ceci:

Offset Frame

Décalage image.


Dans le panneau Calques J'ai maintenant sélectionner le calque nommé texte et en utilisant les marges de couleur magenta comme un guide, dessinez un cadre de texte avec l'outil cadre de haute technologie qui remplit la page. En séparant les deux cadres sur des couches différentes, il sera beaucoup plus facile à gérer disposition du document. Je vais commencer dès maintenant en verrouillant le calque Texte pour que je puisse sélectionner le cadre sur la couche d'image sans entrave.

Locked Layer

Verrouillé couche.


Pour placer mon image dans son cadre, je abord le sélectionner puis appuyez sur Commande-D. Dans la boîte de dialogue Placer Je peux chercher pour mon image et le placer dans le cadre:

Placed image

Placé image.


C'est un peu sur le petit côté donc je vais régler sa taille et sa position dans le cadre en utilisant l'outil Sélection directe (touche A) pour faire apparaître la boîte brune bondissant autour de l'image. Avec l'outil Sélection directe que je peux utiliser les poignées pour ajuster la taille et la position jusqu'à ce qu'il ressemble à ceci:

Brown box edited

Boîte Brown édité.


ASTUCE: Maj holding

J'ai encore une image rectangulaire Cependant, nous allons donc vous débarrasser de l'arrière-plan dans Photoshop.


Étape 2 - Edition dans Photoshop

Je vais modifier l'image liée j'ai juste placé dans Photoshop pour que les modifications que je fais apparaître sur cette page. Depuis le panneau Liens sélectionnez l'image placée.

Link Panel image

L'image Panneau Link.


Si je clic droit sur ​​l'image dans le panneau Liens et dans le menu choisissez Modifier avec

Le workflow évidente serait maintenant de créer un masque de calque autour de la figure pour cacher le fond. Ce n'est cependant pas la méthode la plus pratique pour une utilisation dans InDesign pour trois raisons:

  1. If the mask is removed or switched off at any point in the future to reintroduce the background for another project, the InDesign document I'm creating now would be updated and any future prints or exports would include the background. 
  2. Any image that contains an Alpha Channel (transparency) becomes much larger when it is saved, making it less efficient to store or share. 
  3. Alphas can also cause problems with some printing or PDF settings in InDesign.  


Au lieu de cela je vais utiliser un chemin de détourage dans Photoshop pour cacher le fond de


Pour démarrer le processus, je vais faire une sélection de mon chiffre en utilisant l'outil de sélection rapide:

Quick selection

Sélection rapide.


L'outil Sélection rapide fonctionne en combinant la baguette magique et les outils Lasso magnétique, alors quand vous commencez à sélectionner une gamme de couleurs, il détecte automatiquement les bords de la gamme de couleurs et magnétiquement lasso pour elle. C'est un énorme gain de temps l'outil si vous savez comment l'utiliser. Deux choses sont importantes à retenir lorsque vous utilisez l'outil est:

  • L'outil utilise une brosse à choisir, donc la taille peut être modifiée à l'aide du touches [et] pour redimensionner à la volée, (pendant que vous travaillez). Ceci est utile lorsque vous essayez de sélectionner les sections étroites de votre image, et pour gagner du temps sur des zones plus larges.
  • L'outil détecte automatiquement les bords de sorte que je travaille, les aspérités prospectifs vont se lisser. Je n'ai pas besoin d'essayer de les sélectionner avec soin moi-même.

Comme toutes les sélections dans Photoshop si l'outil sélectionne les zones que je n'ai pas l'intention que je peux appuyer sur la touche Option et utiliser l'outil pour désélectionner ces domaines à la place. Mes fourmis marchent ressembler à ceci:

The Selection is made

La sélection est faite.


Maintenant que j'ai fini de faire la sélection, je vais ranger les petits détails en utilisant Améliorer le contour Sélectionnez

Refine Edge

Améliorer le contour.


Tricky domaines tels que les cheveux peuvent être mieux traitées en utilisant la détection de contour intelligente et si nécessaire sur la peinture aux zones difficiles en utilisant l'outil Bord intelligente. C'est un moyen très puissant pour avoir Photoshop analyser et modifier la sélection supplémentaire.

Smart Edge

Bord à puce.


Je suis content avec la sélection tout autour alors je clique sur OK.

Astuce: Parfois, il est plus intelligent de choisir le fond autour d'un sujet, puis inversez la sélection Sélectionnez

Étape 3 - Création d'un chemin de détourage

Normalement les chemins sont générés en utilisant des outils comme l'outil Plume, cependant dans Photoshop, ils peuvent également être créés à partir de sélections.

Dans le groupe même panneau que le panneau Infos pratiques il ya un panneau appelé Chemins. Je l'ai choisie car c'est là que mon chemin sera créé et enregistré.

Pour créer mon chemin de la sélection que je dois cliquer sur l'icône en bas du panneau Chemins appelé «Faire tracé de travail de la sélection».

Path Panel & Buttons

Panneau Chemin


Un chemin de travail est créé. Ceci doit être converti en un cheminement régulier, afin de travailler avec

Re-name path

Renommer chemin.


Le chemin désigné figure est désormais une voie régulière, simple que cela.

Afin de mieux convertir le chemin figure dans un

fly out menu

Menu déroulant.


Une boîte de dialogue apparaît me demandant de choisir un chemin. J'ai choisi mon "Figure" Path.

choose path dialogue

Choisissez le dialogue chemin.


Cela n'a aucun effet édité sur l'image Photoshop, si nous maintenant sauvegarder l'image dans Photoshop.

Astuce: Photoshop va essayer de sauver un psd, mais vous pouvez toujours l'enregistrer dans d'autres formats tels que JPEG et il va fonctionner...

Je peux maintenant fermer Photoshop et entrer à nouveau


Étape 4 - Ajout du texte

Je peux également utiliser le chemin de découpe pour placer le texte en ouvrant le panneau Habillage de texte à partir du menu Windows (Windows

text wrap settings

Paramètres habillage de texte.


Quand je déverrouiller le calque de texte et remplissez le cadre de texte avec du texte de substitution qu'elle ressemble à ceci:

Text in place

Texte mis en place.


Tout ce qui reste est d'appliquer des styles de paragraphes et des caractères appropriés pour le document et la transformation est complète.

The finished result

Le résultat fini.


Vous trouverez beaucoup plus dans le tutoriel de base d'InDesign CS5 101 ,


Comments (0)

You must be logged in to comment. Login Now

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: