Création de boutons multi-objets dans Adobe InDesign

Précédent ◈ Suivant

En ce qui concerne les boutons, travailler avec plusieurs objets multiplie vos options de conception de façon exponentielle. Dans cet exercice, vous allez créer des boutons à partir d'une collection d'objets, en les combinant afin d'établir les différents états du bouton, puis modifier ou supprimer des objets de sélection pour définir le bouton distinctifs apparences d'état. Avec les boutons multi-objets, vous pouvez créer des effets de bouton qui seraient autrement impossibles à réaliser.

Alors que vous pouvez obtenir beaucoup de kilométrage à partir des boutons constitués d'un seul objet, vos options de conception d'élargir considérablement lorsque vous savez comment faire fonctionner les boutons d'une combinaison d'objets. Ce n'est pas tout ce que difficile, mais il y a quelques nuances qui sont bonnes à savoir.

Le premier secret à la création d'un bouton multi-objet est de regrouper les objets que vous souhaitez inclure dans le bouton. Si vous sélectionnez et convertir plusieurs objets qui ne sont pas regroupés, InDesign crée des boutons de chacun des objets individuellement.

Si vous voulez créer un bouton avec différents objets dans ses différents états, il est plus facile de combiner tous les objets de tous les états et les regrouper. Créer le bouton, puis créer l'état de roulement. Ensuite, supprimer les objets de l'état dans lequel vous ne voulez pas apparaître eux. Bien que cette stratégie prend un peu de planification préalable, à long terme, vous trouverez qu'il est plus facile approche.

Bien sûr, il y aura des moments où vous avez un bouton existant auquel vous voulez ajouter un autre objet. Ceci est lorsque le panneau Calques se révèle particulièrement utile. Comme mentionné plus haut, un bouton est un groupe, en quelque sorte, et il apparaît dans le panneau Calques comme un objet sous-couche, avec une sous-couche de son propre qui reflète l'état du bouton actif.

Pour ajouter un objet à un état de bouton existant, suivez les étapes ci-dessous:

L'image ci-dessous illustre la couche étant entraînée dans le bouton état [Normal]. La ligne noire au-dessous du couche d'objet indique le nouvel emplacement de la couche après que la souris est relâché. L'ordre d'empilement des objets comprenant le bouton peut alors être modifié en faisant glisser le couche d'objets au-dessus du couche objet une fois qu'ils sont à la fois dans le bouton 1 sous-couche.


Le panneau Calques affiche le bouton 1 étendu sous-couche.


Création de boutons multi-objets


Le voir sélectionné Flora diapositive texte Afficher
et la flèche graphique avant d'être regroupés.


Les paramètres de la règle de paragraphe pour l'état de roulement des titres de bouton.

Conseils pour la configuration et la taille de fonte

Comme Illustrator et Photoshop, InDesign propose un assortiment de façons de modifier le visage de la police et la taille. L'approche évidente, bien sûr, est de choisir parmi les options du menu déroulant. Cependant, le menu déroulant de la taille de la police ne fournit qu'un nombre limité d'options, et 22 px est pas parmi eux.

Si vous connaissez le nom de la police de caractères, ou avoir une taille de police particulière que vous souhaitez utiliser, vous pouvez sélectionner la valeur du champ de texte existant sur le panneau de commande et tapez un nouveau. Comme vous tapez les lettres d'un nom de police, InDesign saute au premier nom qui correspond à ces lettres, vous devez donc rarement d'entrer le nom complet de la police. Par exemple, si vous entrez « Ari », InDesign saute à Arial.

Une approche similaire peut être utilisée pour sélectionner une famille de polices. Avec votre texte sélectionné dans le document, cliquez dans le champ Police sur le panneau de configuration. Ensuite, appuyez sur la flèche vers le haut ou vers le bas de votre clavier pour se déplacer dans l'ordre alphabétique à travers les polices sur votre système. Le texte que vous avez sélectionné sur la page changera comme vous faire défiler la liste des polices.

Une autre, et plus de manière flexible pour modifier la taille de la police est d'abord sélectionner le texte avec l'outil de type, ou dans le cadre de texte avec l'outil de sélection. Puis, tout en maintenant les touches Maj Ctrl + Maj / Commande +. appuyez sur la> touche du clavier pour augmenter la taille de police par incréments, ou

Le réglage préférence par défaut pour les incréments de clavier (la quantité de changement en utilisant les touches Ctrl + Maj +> / Commande + Maj +> ou Ctrl + Maj + Préférences> Unités et incrémente (Windows) / InDesign> Préférences> Unités et incrémente (Mac) et définissez la taille / Leading incrément à 1. Si vous définissez la préférence sans documents ouverts. cela devient la préférence pour tous les nouveaux documents.


La section Unités et incrémente du volet Préférences.


  • Maintenez la touche Ctrl / Commande pour passer temporairement le dernier sélectionné outil de sélection. Dans ce cas, il devrait être l'outil de sélection régulière avec la flèche noire. Double-cliquez sur le coin inférieur droit du cadre de texte et le bloc de texte se cassera comme par magie à la taille de votre texte. Si nécessaire, repositionner le cadre de texte sur l'image tout en maintenant la touche Ctrl / Commande.


    L'état de roulement pour le bouton d'image.


  • Double-cliquez sur le mot « faune » pour le sélectionner. Ouvrez le panneau Styles de paragraphe et Alt-cliquez sur / Option-cliquez sur le bouton Créer un nouveau style au bas du panneau. Nom du style « homeRollover » et assurez-vous appliquer le style de cases de sélection et Aperçu sont vérifiés. Cliquez sur OK pour fermer la boîte de dialogue.
  • Avec l'outil de sélection, sélectionnez l'image et le texte et appuyez sur Ctrl + G / Commande + G pour les groupes. Faites un clic droit / Ctrl-clic sur le groupe, et, dans le menu contextuel, choisissez Interactive> Convertir en bouton.
  • Dans le panneau de boutons, changer le nom du bouton par défaut « faunaImage » et appuyez sur la touche Entrée / Retour à engager le nom.
  • Ajouter une action Aller à la destination à l'événement de sortie sur et sélectionnez la faune dans le menu déroulant de destination.
  • Cliquez sur [Rollover] pour ajouter un état de roulement au bouton puis revenir à l'état [Normal] dans le panneau Boutons.
    Vous voulez que le texte apparaisse lorsque vous capotage sur le bouton, vous allez supprimer le texte de l'état normal du bouton.
  • Double-cliquez sur le texte du bouton dans le document pour le sélectionner et entrer dans le groupe de boutons. Supprimer le texte.
  • Sélectionnez l'outil de type et d'en tirer un champ de texte sur le dessus de chacune des trois images restantes et saisissez le texte comme suit:
    • L'image du haut-gauche: Texture
    • L'image du haut-droite: Flora
    • l'image en bas à droite: A propos de
  • Passez à l'outil de sélection, Maj-clic pour sélectionner les trois cadres de texte, puis cliquez sur homeRollover dans le panneau Styles de paragraphe pour le style du texte.
  • Cliquez au large des cadres de texte pour les désélectionner. Double-cliquez sur le coin inférieur droit de chaque cadre de texte pour adapter le cadre au texte, puis repositionner le texte sur les images de bouton si nécessaire.
  • Groupe le texte A propos et son image, puis cliquez sur l'objet Convertir une icône de bouton au bas du panneau Boutons. Nommez le bouton « aboutImage ». Pour l'action Aller à la destination, choisissez dans le menu déroulant au sujet Destinations. Créer un état de roulement pour le bouton et supprimer le texte de l'état normal.
    Ensuite, vous allez ajouter du texte à l'état Tonneaux du bouton textureImage existant.
  • Cliquez sur le bouton textureImage (en haut à gauche) sur le document, puis sélectionnez l'état de retournement dans le panneau Boutons. Dans le panneau Calques, le cas échéant, développez la couche de page d'accueil, la couche textureImage, puis la sous-couche [Rollover] niché au-dessous.
  • Localisez le couche de texte dans le panneau Calques et faites-le glisser dans la sous-couche [Rollover] du bouton textureImage, ci-dessous . Une fois qu'il est dans la couche [Rollover], si nécessaire, faites glisser pour repositionner ci-dessus .


    Faire glisser la couche d'objets à l'état de roulement du bouton textureImage.


  • Cliquez sur le bouton floraImage sur le document, puis sélectionnez l'état de retournement dans le panneau Boutons. Dans le panneau Calques, faites glisser le calque de texte dans la sous-couche élargi [Rollover] pour terminer les boutons sur la page d'accueil.
  • Ouvrez le panneau Aperçu, cliquez sur le bouton Mode aperçu des documents (le bouton en bas à droite du panneau), puis cliquez sur Lecture.
  • Lorsque l'aperçu apparaît, testez vos boutons. Utilisez les commandes de navigation au bas du panneau pour revenir à la page d'accueil à partir des pages intérieures.


    Les commandes de navigation du panneau de prévisualisation.

    Articles Liés

    • Précédent ◈ Suivant