Comment créer un poster de résolution du nouvel an dans Adobe InDesign et Photoshop

Ce que vous allez créer

Cette conception d'affiche ironique vous aidera à garder vos collègues ou amis motivés (ou pas!) À s'en tenir à leurs résolutions de janvier cette année. Ce design amusant utilise une typographie élégante et un design plat tendance pour créer un design simple mais efficace.

Le tutoriel convient aux débutants. Nous allons créer la mise en page des affiches dans Adobe InDesign et assembler le graphique de la barre de chocolat dans Adobe Photoshop..

Besoin de nouvelles idées de posters pour 2017? Parcourez une gamme de modèles d'affiche fantastiques à imprimer sur GraphicRiver.

Les affiches de la Résolution du Nouvel An ne sont pas nouvelles. Les gens créent des cartes postales et des affiches de motivation depuis des décennies. Ces cartes postales du début du XXe siècle ont été conçues pour rappeler utilement à la volonté de la personne de s’améliorer pour l’année à venir..

Cartes postales de résolution du début du 20ème siècle

Le design moderne que nous allons créer ici est un peu plus réaliste dans ses perspectives. Après tout, connaissez-vous quelqu'un qui puisse résister au chocolat pendant toute une année?! Pour ma part, je ne peux certainement pas. 

Prêt à concevoir? Génial, commençons…

1. Ce dont vous aurez besoin pour créer votre affiche

Nous aurons besoin de quelques images de base à utiliser comme blocs de construction pour la conception de nos affiches. Téléchargez ces images en haute résolution et enregistrez-les dans un dossier de projet dans lequel vous pourrez facilement retrouver votre chemin:

  • Texture du papier
  • Barre de chocolat 

Vous aurez également besoin de quelques polices sans empattement propres et agréables. Ici, je vais utiliser Avenir et Futura Std Heavy, mais si vous voulez utiliser quelque chose de différent, vous pouvez trouver une sélection de sans empattements contemporains qui fonctionnerait tout aussi bien avec GraphicRiver..

Assurez-vous que les polices sont installées, puis continuez et ouvrez Adobe InDesign. Nous allons plonger dans la mise en place de la mise en page des affiches tout de suite…

2. Comment configurer la mise en page des affiches dans InDesign

Étape 1

Dans InDesign, se diriger vers Fichier> Nouveau> Document. 

Garder le Intention mis à Impression, Nombre de pages à 1 et désélectionner Affronter des pages. Nous voulons le Taille de la page être une taille d'affiche standard-D architectural est un bon choix, et vous pouvez toujours adapter la conception plus tard ou plus tard en fonction de votre objectif final. 

J'ai pré-sauvé D architectural en tant que taille personnalisée, mais vous pouvez définir les dimensions manuellement. Tapez 609,6 mm (24 po) pour le Largeur et 914,4 mm (36 po) pour le la taille

Met le Marges à 50 mm, ajouter un Saigner de 5 mm et une option Limace de 50 mm

Cliquez sur D'accord pour créer votre nouveau document.

Étape 2

Étendre 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 Contexte et cliquez D'accord.

Clique sur le Créer un nouveau calque bouton en bas du panneau et double-cliquez sur le nouveau calque pour le renommer Pente.

Créez trois nouvelles couches supplémentaires: Chocolat, Typographie,et enfin Superposition de texture en haut de la pile.

Étape 3

Verrouille tous les calques sauf le calque du bas, Contexte

Cliquez sur le calque pour l'activer.

3. Comment créer un fond de papier

Étape 1

Étendre le Échantillons panneau (Fenêtre> Couleur> Nuancier) et cliquez sur le Nouvelle Swatch bouton en bas du panneau. Double-cliquez sur le nouveau nuancier pour le modifier.. 

Renommer la nuance Ivoire, met le Type à Processus et Mode à CMJN, et ajustez les curseurs à C = 2 M = 1 Y = 4 K = 0. Cliquez sur D'accord.

Prendre le Outil Rectangle (M) et faites glisser sur la page, en étendant le rectangle sur toute la page, jusqu'aux bords du fond perdu de tous les côtés.

Met le La couleur de remplissage à Ivoire du Échantillons panneau ou le Les contrôles panneau en haut de l'espace de travail.

Étape 2

Sélectionnez le Outil Cadre Rectangle (F) et créez un cadre d'image aux mêmes dimensions que la page et le rectangle ivoire ci-dessous. 

Aller à Fichier> Place, choisir la Texture du papier image et cliquez Ouvrir

Arrangez l'image pour remplir complètement le cadre. 

Puis, avec le cadre d'image sélectionné, dirigez-vous vers Objet> Effets> Transparence. Met le Mode à Multiplier, et apporter le Opacité jusqu'à environ 74%. 

Étape 3

Retour à la Couches panneau et verrouiller le Contexte couche. Déverrouiller le calque au milieu, Chocolat.

4. Comment modifier l'image de la barre de chocolat

Étape 1

Tête jusqu'à Fichier> Enregistrer sous dans InDesign, enregistrez votre brouillon et réduisez la fenêtre InDesign pour le moment.

Accédez à votre Barre de chocolat stock photo, et l'ouvrir dans Adobe Photoshop

Étendre le Couches panneau (Fenêtre> Calques) puis faites glisser le Contexte couche sur le Créer un nouveau calque bouton en bas du panneau pour le dupliquer. Désactiver la visibilité de l'original Contexte couche.

Étape 2

Nous devons supprimer le fond blanc autour du bord de la barre de chocolat. Pour ce faire, dirigez-vous vers Sélectionnez> Gamme de couleurs, et cliquez une fois sur le fond blanc de l'image. 

dans le Gamme de couleurs fenêtre qui s’ouvre, ajustez la Flou jusqu'à ce que vous soyez sûr que toute la zone blanche autour de la barre de chocolat a été sélectionnée. Puis clique D'accord.

Clique sur le Améliorer le contour bouton en haut de l'espace de travail. À partir de là, vous pouvez ajuster la sélection pour la rendre aussi parfaite que possible. Utilisez le Rayon intelligent fonction et la Changement de bord curseur si nécessaire. Lorsque vous êtes satisfait du résultat, cliquez sur D'accord.

Puis supprimez la sélection. 

Étape 3

Aller à Image> Rotation d'image> 90 degrés CW

Puis encore aller dans le Image menu, et choisissez Rotation d'image> Retourner la toile horizontalement. 

Étape 4

Prendre le Outil de chapiteau rectangulaire (M) et faites glisser pour sélectionner les deux rangées de chocolat à l'extrême gauche de la barre, comme indiqué ci-dessous.

Control-C (Windows) ou Command-C (Mac) copier la sélection et Contrôle-V ou Commander-V pour le coller sur un calque dessus. 

Contrôle-T (Windows) ou Command-T (Mac) pour sélectionner l’image collée, puis déplacez-la vers la gauche de la barre, de sorte qu’une rangée de morceaux de chocolat chevauche la rangée extrême gauche ci-dessous, et que l’autre dépasse du bord gauche de la barre, ce qui ajoute une autre rangée à le bar. Au total, vous aurez maintenant cinq rangées verticales de chocolat, et non quatre.

Sélectionnez les deux Copie de fond couche et Couche 1 (tenir Décalage), et Clic droit (Windows) ou Contrôle-Cliquez sur (Mac)> Fusionner les calques..

Étape 5

Utilisez le Outil de recadrage (C) pour étendre la toile vers le haut, la faisant environ un tiers plus grande.

Prendre le Outil de chapiteau rectangulaire (M), comme avant et faites glisser pour sélectionner les deux rangées verticales de chocolat en haut de la barre. 

Contrôle-C (Windows) ou Commande-C (Mac) copier la sélection et Contrôle-V ou Commander-V pour le coller sur un calque dessus.

Contrôle-T (Windows) ou Commander-T (Mac) pour sélectionner l'image collée et la déplacer vers le haut, de manière à ce qu'une rangée de chocolat dépasse le bord supérieur d'origine de la barre et que l'autre rangée continue de chevaucher la rangée supérieure d'origine.

Dupliquer Couche 2 pour créer une copie, puis Contrôle-T (Windows) ou Command-T (Mac) pour le sélectionner et déplacez-le de nouveau vers le haut. Vous devriez vous retrouver avec une barre de chocolat de huit pièces de hauteur.

Utilisez le Outil de recadrage (C) pour que la toile s'adapte plus étroitement à l'image.

Étape 6

Tête jusqu'à Fichier> Enregistrer sous, nommer le fichier Barre de chocolat étendue et enregistrer en tant que Photoshop (PSD) fichier.

Réduire la fenêtre Photoshop pour l'instant.

5. Comment intégrer la barre de chocolat dans la mise en page de votre affiche

Étape 1

Retournez à votre InDesign document.

Sélectionnez le Outil Cadre Rectangle (F) et faites glisser sur la page pour créer un cadre d'image. Aller à Fichier> Place et choisissez votre sauvé Barre de chocolat Extended.psd fichier, et Ouvrir.

Utilisation Décalage redimensionner l'image à la taille approximative de la photo ci-dessous et lui permettre de s'asseoir au centre de la page.

Étape 2

Avec le cadre d'image sélectionné, allez à Objet> Effets> Ombre portée. 

Met le Mode à Multiplier, Opacité à 26%, et Distance à 4 mm, et régler l'angle à environ 15 degrés.

Sous Les options, met le Taille à 5 mm et augmenter le Propager à 8%. Cliquez sur D'accord.

6. Comment styliser la typographie de votre affiche

Étape 1

Retournez au Couches panneau et verrouiller le Chocolat couche. Déverrouiller le calque au dessus, Typographie.

Du Échantillons panneau, créer un nouveau CMJN swatch. Nomme le Bleu foncé et réglez les niveaux d'encre sur C = 89 M = 82 Y = 41 K = 45. 

Étape 2

Zoomez sur le coin supérieur gauche de la barre de chocolat. Prendre le Outil de type (T) et faites glisser le curseur sur la page pour créer un petit bloc de texte carré positionné sur le carré supérieur gauche du chocolat..

Tapez 'T', et de la Commandes de formatage des caractères panneau en haut de l'espace de travail ou le Personnage panneau (Fenêtre> Texte et tableaux> Caractère), met le Police de caractère à Avenir (ou un autre sans serif de votre choix), Aligner le centre. 

Du Échantillons panneau ajuster le Couleur de la police à Bleu foncé. Assurez-vous que la lettre est placée au centre du carré de chocolat.

Étape 3

Sélectionnez le cadre de texte, Édition> Copier, Éditer> Coller, et déplacez le bloc de texte collé sur la prochaine case, à droite. Ajuster le texte à lire 'H'.

Répétez la Copie et Coller action, en créant plus de cadres de texte, chacun sur un carré de la barre de chocolat. Construisez le texte pour lire: 'CETTE ANNÉE, VOUS NE DEVEZ PAS MANGER', mettre chaque mot sur une nouvelle rangée de la barre de chocolat.

Étape 4

Copie et Coller un autre cadre de texte, en ajustant le texte à 'C' et changer le Couleur de la police à Ivoire. Position sous la 'E' de 'MANGER'. 

Copie et Coller ce cadre de texte, et répétez, en construisant le mot 'CHOCOLAT' avec la finale 'E' manquant, et le 'C' et 'O' chevauchant les bords de la zone mordue de la barre.

Sélectionnez les deux 'C' et 'O' les blocs de texte et la tête à Édition> Copier.

Étape 5

Réduisez la fenêtre InDesign et revenez dans votre Photoshop document.

Édition> Coller les lettres dans le document, qui seront déposées en tant qu’objet dynamique vectoriel. Redimensionner en utilisant Décalage faire correspondre les proportions de la disposition de type d'origine dans InDesign, et Entrer.

Utilisez le Outil de lasso (L) sectionner les zones des lettres qui dépassent le bord mordu et utiliser le Améliorer le contour bouton pour parfaire la sélection. Quand tu es heureux, frappe D'accord puis supprimez la sélection. Tu devras Pixelliser la couche pour le faire.

Étape 6

Double-cliquez sur le calque d'objet dynamique vectoriel rastérisé pour ouvrir le Style de calque la fenêtre. 

Cliquer sur Ombre portée au bas du menu de gauche. Met le Mode de fusion à Multiplier, et réduire le Opacité à peu près 30%. 

Met le Distance à 6 px, écartés à 13%, et Taille à 49 px. Cliquez sur D'accord.

Fichier> Enregistrer votre fichier Photoshop, puis réduisez la fenêtre Photoshop. 

Étape 7

Retournez à votre InDesign document, puis sélectionnez et supprimez le 'C' et 'O' cadres de texte. 

dans le Liens panneau (attaché à la Couches panneau), vous remarquerez un petit symbole d’exclamation jaune à côté du nom de l’image. Double-cliquez sur le point d'exclamation pour mettre à jour le fichier..

Étape 8

Faites glisser votre curseur sur la page pour sélectionner tous les blocs de texte, puis dirigez-vous vers le haut. Objet> Effets> Biseau et relief.

Sous Style, choisir Oreiller Emboss, et mettre le Technique à Lisse et Direction à Up.

Met le Taille à 1 mm, ramolli à 2 mm, et Profondeur à 100%.

Sous le Options d'ombrage, met le Angle à 120 degrés, altitude à 30 degrés, Surligner l'opacité à 11%, et Opacité de l'ombre à 55%. 

Cliquer sur Transparence en haut du menu de gauche. Amene le Opacité jusqu'à 95%. Cliquez sur D'accord.

Étape 9

Prendre le Outil de type (T) et créez un nouveau cadre de texte dans l’espace laissé par la marque de morsure. Tapez '(OOPS)*', et mettre le Police de caractère à Futura Std Heavy (ou un sans serif de votre choix) et Couleur de la police à Bleu foncé. 

Copie et Coller le cadre de texte et placez-le sous la barre de chocolat, en le reposant sur la marge inférieure. Ajustez le texte à Aligner le centre, faites-le un peu plus petit et tapez '*PEUT ÊTRE L'ANNÉE PROCHAINE'.

7. Comment ajouter les touches de finition à votre affiche

Étape 1

Retour à la Couches panneau et verrouiller le Typographie couche. Déverrouiller le Superposition de texture couche. 

Prendre le Outil Rectangle (M) et créer un cadre qui s'étend sur toute la page. Fichier> Place, choisir la Texture du papier l'image que vous avez également utilisée pour l'arrière-plan, et Ouvrir. Autoriser l'image à remplir le cadre.

Aller à Objet> Effets> Transparence, met le Mode à Recouvrir, et apporter le Opacité jusqu'à environ 20%

Étape 2

Verrouiller le Superposition de texture couche et déverrouiller le Pente couche. 

Retour à la Échantillons panneau et créer un nouveau CMJN swatch. Nomme le Bleu clair, et définir les niveaux à C = 57 M = 12 Y = 6 K = 0.

Étape 3

Prendre le Outil Rectangle (M) et créer une forme sur toute la page. Met le Remplir à Bleu clair.

Aller à Objet> Effets> Plume de dégradé, et appliquer un Gradient Radial, déplacez le curseur sombre à l'extrême droite et déplacez le curseur pâle à environ un tiers du trajet. Cliquez sur D'accord.

8. Comment exporter votre affiche finie

Un travail génial - votre affiche est terminée et elle est fantastique! Si votre affiche est imprimée de manière professionnelle, poursuivez votre lecture pour savoir comment l'exporter au format prêt à imprimer…

Étape 1

Aller à Fichier> Exporter. dans le Exportation fenêtre, choisissez Adobe PDF (Imprimer) du Format menu et cliquez sauvegarder.

dans le Exporter au format Adobe PDF fenêtre qui s'ouvre, choisissez [Qualité de la presse] du Adobe PDF prédéfini menu en haut de la fenêtre.

Étape 2

Clique sur le Marques et saigner option de menu sur le côté gauche de la fenêtre.

Vérifier Toutes les marques de l'imprimante et Utiliser les paramètres de fond perdu du document. 

Puis clique Exportation pour créer votre fichier prêt à imprimer. Vous pouvez envoyer ceci directement aux imprimeurs!

Conclusion: votre affiche Résolution finie

Votre affiche est prête à être imprimée. Bon travail! 

Avant de vous dépêcher de créer votre projet dans votre bureau (ou que la cuisine soit un meilleur choix!), Prenez un moment pour récapituler les compétences que vous avez apprises dans ce tutoriel. Vous devriez maintenant avoir plus confiance en:

  • Création de présentations d’affiche dans Adobe InDesign.
  • Modification de photos en fonction d'une conception d'affiche dans Adobe Photoshop.
  • Typographie de mise en forme pour créer un look tendance pour vos conceptions d'affiche.
  • Manipulation de la couleur, de la texture, des ombres, des transparences et des dégradés pour créer un aspect multicouche.
  • Exportation de vos dessins finis sous forme de fichiers PDF prêts à imprimer, prêts à être envoyés pour une impression professionnelle.

Travail fantastique! N'hésitez pas à partager vos designs d'affiches dans les commentaires ci-dessous. Ou pourquoi ne pas nous laisser savoir si vous avez une résolution que vous envisagez de respecter (ou de casser!) Cette année?

Toujours à la recherche du design d'affiche parfait? Prenez un moment pour parcourir une vaste gamme de modèles d’affiche élégants sur GraphicRiver.