X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

Accès Premium gratuitement

Accédez à notre bibliothèque complète des articles Hub Premium, les fichiers projet et les premiers 10% de chaque Cours-vidéo de la Bibliothèque Didacticiel en ligne .

Créez votre compte gratuit!

Se débarrasser des images rectangulaires dans InDesign en utilisant Photoshop
Traduit par Google Translate

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 ,


David Smith

David Smith | Articles by this author

David Smith is Scotland's most qualified Apple and Adobe certified trainer. Having completed his education at Edinburgh College of Art's BAFTA winning Film School, David moved straight into TV production, first as a Vision Mixer then quickly becoming, at the age of just 24, a director of live TV studio productions. In 2001 he moved into Higher Education where he became a lecturer in TV Production, specializing in post-production and live studio production. During this time, and working with the support of the BBC, Channel 4 and independent production companies, David was instrumental in the design, development and implementation of industry-approved vocational courses across Scotland's Colleges. In 2006, after working closely with Apple Computers to create a unique multimedia studio for education at the Music and Media Centre in Perth, David became Scotland's first Apple-Certified Trainer for Pro Apps. This led on to David forming the first Apple Authorized Training Centre for Education, north of Manchester. In 2008 David made the move to full time training and joined the ranks at Academy Class, Ltd. where he continues to train industry professionals as a certified trainer across the Adobe Creative Suite and Apple Pro Apps range.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link