Comment créer un coupon dans InDesign

Dans ce didacticiel, nous expliquerons comment créer un coupon recto verso dans InDesign. Ceci est un tutoriel de niveau débutant et nullement destiné à l’impression. Il vous donne une petite introduction dans les onglets, les feuilles de style et les glyphes. Allons nous regarder.

Aperçu de l'image finale

Vous trouverez ci-dessous l'image finale sur laquelle nous allons travailler. Vous voulez accéder à l'intégralité des fichiers Vector Source et aux copies téléchargeables de chaque didacticiel, y compris celui-ci? Rejoignez Vector Plus pour seulement 9 $ par mois.

Détails du tutoriel

  • Programme: Adobe InDesign CS4
  • Difficulté: Débutant
  • Temps d'exécution estimé: 1,5 heure
  • Polices utilisées: PT Banana Split, Avant Garde, Wingdings
 

Étape 1

Ouvrez un nouveau document et décochez la case Pages en regard. Choisissez 24 picas pour la largeur et la hauteur. 1 pica est de 12 pt, 72 point est de 1 pouce, donc 24 picas sont 4 pouces.

InDesign est très pratique pour convertir cela immédiatement en picas (vous pouvez le modifier dans les paramètres du document). Ainsi, si vous tapez 4 pouces dans les zones de taille, InDesign le convertira en picas. Définissez les marges à 1 pica 6 points tout autour et le fond perdu à 9 points. Depuis que nous avons coché les icônes liées, il suffit de la saisir une fois..

Étape 2

Comme vous pouvez le constater, le fond perdu est marqué d'un contour rouge et la marge d'un contour rose. Dans la palette des calques, double-cliquez sur le premier calque et nommez-le "arrière-plan", puis cliquez sur OK..

Étape 3

Sélectionnez l'outil Rectangle (M) et commencez à faire glisser un rectangle sur la page. Faites-le aussi grand que la page, y compris le fond perdu. Comme nous avons déjà affecté un fond perdu, vous pouvez simplement faire glisser le curseur le long de la ligne. Remplissez-le avec une couleur beige via la palette de couleurs ou de nuances.

Étape 4

Verrouillez le calque d'arrière-plan et ajoutez un nouveau calque par-dessus. Double-cliquez dessus et nommez-le "éléments".

Étape 5

Sélectionnez l'outil Ellipse (L) et commencez à ajouter un cercle blanc à la présentation..

Étape 6

Ajouter plusieurs cercles. Ajouter plus d'éléments de votre goût. J'ai fait les cercles ressemblent à des arbres. Ensuite, sélectionnez l'outil Plume (P) et commencez à ajouter une forme d'onde. L'outil Plume (P) dans InDesign fonctionne de la même manière que dans Illustrator. J'ai rempli la forme avec du bleu puis ajouté une autre forme remplie de vert.


Étape 7

Verrouillez le calque des éléments, ajoutez un autre calque et appelez-le "texte".

Étape 8

Sélectionnez l'outil Texte (T) et faites glisser une zone de texte sur la page. Cliquez sur Commande + B pour ouvrir la fenêtre Options du cadre de texte. En général, assurez-vous de cocher le bouton Ignorer le retour à la ligne. Cela signifie que la zone de texte ignorera tous les autres éléments.

Étape 9

Commencez à ajouter du texte. Je viens d'inventer un texte idiot. J'ai choisi PT Banana Split pour le titre et Avant Garde pour le reste. Puisqu'il s'agit d'un coupon, j'ai ajouté "Économisez 5 cents." Je règle le paragraphe à gauche. Mais je veux ajouter le symbole cent au lieu de le taper.

Étape 10

Pour ajouter des symboles spéciaux, vous devez ouvrir la palette Glyphes. Allez dans Type> Glyphes et ouvrez la palette..

Étape 11

La police que j'ai choisie est… et heureusement, elle porte le symbole du cent. Cliquez dessus une fois, puis replacez le curseur de texte dans le bloc de texte où vous souhaitez ajouter le caractère spécial. Cliquez à nouveau sur le personnage dans la palette de glyphes. Cela va insérer le personnage.

Étape 12

J'ai décidé de placer le "5 cent" dans sa propre zone de texte. Copiez-le simplement dans le presse-papiers et ajoutez une nouvelle zone de texte avec l'outil Texte (T). Ensuite, collez le texte là-bas. Je l'ai mis à l'échelle pour le faire ressortir.

Étape 13

J'ai ajouté une autre zone de texte et ajouté plus de texte stupide. Parfois, vous voudrez peut-être définir tout le texte en majuscules. Pour ce faire, vous pouvez mettre en surbrillance le texte, ouvrir la palette de caractères et cliquer sur la petite flèche en haut à droite avec l'icône de lignes..

Ce remplissage vous montre une liste déroulante et à partir de là, vous pouvez appliquer l'option Tout en majuscules. Bien sûr, les choses comme celle-ci ont des raccourcis pratiques. Donc, pour le futur, vous pouvez simplement cliquer sur Command + Shift + K.

Étape 14

C'est ce que j'ai ajouté dans les éléments et les zones de texte. Bien sûr, il est incomplet, car il ne parle même pas du produit, mais je vous laisse le soin de faire preuve de créativité avec.

Étape 15.

Ajoutons la partie du coupon. Accédez à la palette de pages, cliquez et faites glisser une page "A-Master" sous la première page..

Étape 16

Ajoutez une autre zone de texte et ajoutez les éléments à compléter tels que: nom, adresse, ville, etc.. Vous n'avez pas besoin de le formater immédiatement, assurez-vous simplement que chaque élément de texte est son propre paragraphe.

Étape 17

Accédez à la palette Style de paragraphe. Là, vous aurez déjà un style de paragraphe par défaut. Nous voulons en ajouter un nouveau. Si vous ne voyez pas la palette Styles de paragraphe, appuyez sur F11. Cela va l'ouvrir.

Cliquez sur l'icône Créer un nouveau style en bas à droite. On l'appellera automatiquement "Style de paragraphe 1." Double-cliquez dessus et la fenêtre Options de style de paragraphe s'ouvrira. Là, configurez les paramètres de votre personnage comme suit: police, interligne, espacement avant ou après et ainsi de suite.

Étape 18

Ensuite, nous voulons aussi facilement et rapidement ajouter une ligne soulignée où le coupon peut être rempli. Ceci peut être réalisé avec les onglets. Sélectionnez les onglets et faites glisser l'onglet justifié à droite sur la règle..

Étape 19

Vous pouvez le faire glisser à la position souhaitée. Dans notre cas, nous voulons le placer à l'extrême droite de la zone de texte. Vous pouvez également attribuer un numéro direct à l'espace X (20p10).

Étape 20

Placez un trait de soulignement dans l'espace du leader.

Étape 21

Cliquez sur l'onglet Retrait et espacement et assurez-vous que rien n'y est défini. Par défaut, l'alignement doit être défini à gauche..

Étape 22

Sélectionnez maintenant la zone de texte et cliquez une fois sur le style de paragraphe créé. Cela changera le texte aux paramètres correspondants.

Étape 23

Pour ajouter les traits de soulignement, cliquez avec l'outil Texte (T) après le nom, puis appuyez sur la touche de tabulation de votre clavier. Voilà, votre ligne de traits de soulignement est ajoutée! Répétez ceci avec chaque ligne.

Étape 24

Vous pouvez ajouter différents onglets ou onglets supplémentaires en ouvrant la palette des onglets (Commande + Maj + T). Placez votre onglet (onglet gauche ou même ou même centré) et attribuez le chef.

Étape 25

De cette façon, vous pouvez avoir deux lignes soulignées pour la province (État) et le code postal (code postal).

Étape 26

Voici à quoi votre coupon pourrait ressembler.

Étape 27

Ajoutons-lui une ligne de coupe en pointillé. Créez un rectangle avec l'outil Rectangle (M) et définissez le contour sur Tireté, 1 pt. Placez-le autour du texte et des éléments visuels.

Étape 28

Créez une autre petite zone de texte et définissez la police sur Wingdings. Définissez la zone de texte en blanc. Ouvrez à nouveau la palette des glyphes, puis recherchez le symbole Ciseaux. Entrez-le dans la zone de texte.

Étape 29

La zone de texte étant toujours sélectionnée, définissez l'alignement au centre..

Étape 30

Placez la zone de texte en ciseaux au-dessus de la ligne pointillée.

Étape 31

Assurez-vous de sauvegarder votre document. Exportez-le maintenant au format Adobe PDF. Dans la fenêtre contextuelle, configurez les repères et les fonds perdus. Puis exportez votre document. Cela créera un PDF de deux pages.

Étape 32

Voici à quoi devrait ressembler le pdf. Vous pouvez voir les repères de coupe.

Conclusion

Vous pouvez maintenant l’imprimer sur votre imprimante personnelle en recto verso et le découper. J'espère que vous avez apprécié ce didacticiel InDesign de niveau débutant de base.

Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.