Modèle de conception de carte de visite avant Photoshop CC
Dans ce didacticiel, nous allons ajouter les éléments de conception à notre modèle de carte de visite. Dans le dernier didacticiel, nous avons déjà jeté les bases du modèle de carte de visite dans Photoshop CC, ce qui donne un modèle avec un plan de travail distinct pour le recto et le verso de la carte de visite. Nous avons également ajouté des lignes pour les zones de purge, de compensation et de sécurité.

Mais le modèle est vide de tout élément de conception (voir capture d'écran), comme un graphique d'arrière-plan, du texte ou des formes. Dans ce didacticiel, nous allons commencer par ajouter un graphique d'arrière-plan d'espace réservé en tant qu'objet intelligent, ce qui facilitera le remplacement de l'espace réservé par le graphique de conception. Ensuite, nous ajouterons des espaces réservés pour le texte qui est généralement inclus sur une carte de visite. Sur le devant de la carte, nous mettrons le nom personnel / professionnel et le slogan et sur la carte au dos, nous pourrions mettre les coordonnées.

Au fur et à mesure que nous ajoutons des éléments de conception, le panneau Calques peut devenir désorganisé. Nous allons donc organiser certaines couches en dossiers de groupe. Par exemple, les calques de texte peuvent être combinés dans un dossier de groupe. De plus, si vous avez plusieurs graphiques d'arrière-plan, tels que plusieurs textures différentes, nous pouvons les combiner dans un dossier de groupe. Enfin, nous pouvons coder en couleur ces couches et dossiers. Bien sûr, vous pouvez utiliser n'importe quelle combinaison de couleurs, mais pour cet exemple, nous utiliserons le rouge pour le texte, le vert pour les graphiques et les formes et le bleu pour les instructions.

Ajouter un arrière-plan ou un graphique de texture

J'utilise un simple graphique de grille comme graphique d'arrière-plan de l'espace réservé. L'utilisateur du modèle peut facilement modifier le graphique car il s'agira d'un objet intelligent. Ajoutons le graphique d'arrière-plan pour le recto de la carte.

  1. Sélectionnez le plan de travail avant de la carte de visite.

  2. Ajoutez votre graphique d'espace réservé (voir capture d'écran).

  3. Faites glisser le nouveau calque sous le calque Lignes, afin que nous puissions voir les lignes lorsque nous ajoutons des éléments de conception.

    Comme l'artiste voudra peut-être changer ce graphique pour lui-même, disons que cela est possible grâce à l'étiquette que nous donnons à ce calque.

  4. Renommez le calque en [VOTRE CONCEPTION D'ARRIÈRE-PLAN ICI].

  5. Faites un clic droit sur le calque et choisissez Convertir en objet intelligent dans le menu contextuel.

Ajouter du texte

Nous sommes maintenant prêts à ajouter notre nom commercial ou personnel et notre slogan au recto de la carte. Dans l'exemple, j'ai utilisé la police Raleway Typekit, qui est gratuite avec tout abonnement Creative Cloud ou abonnement d'essai gratuit. Comme le nom est l'information la plus importante, définissons le style de police en gras et la taille à 18 pt (voir capture d'écran). Nous allons également centrer le texte.

Remarque: L'emplacement final, la police et le style du texte seront modifiés car ils seront influencés par la conception d'arrière-plan.

  1. Sélectionnez l'outil Texte et ajoutez le texte de l'espace réservé Nom de l'entreprise (voir capture d'écran).

  2. Changez le nom du calque en [VOTRE NOM ICI]

  3. Répétez l'étape précédente pour ajouter le texte d'espace réservé pour le slogan ou la profession. Définissez la police sur une taille plus petite 14 pt et ajoutez le texte de l'espace réservé Slogan.

  4. Changez le nom du calque en [VOTRE TAGLINE ICI] (voir capture d'écran) et faites-le glisser sous le calque [VOTRE NOM ICI].

    Ensuite, nous allons centrer le texte.

  5. Avec les deux calques de texte sélectionnés, passez à l'outil Déplacer. Dans le panneau Options (voir capture d'écran), utilisez les boutons Distribution des centres verticaux et des centres horizontaux pour centrer le texte horizontalement et verticalement.

    Les deux lignes de texte seront dans la même position. Déplaçons le nom au-dessus du slogan (voir capture d'écran).

  6. Sélectionnez le calque [VOTRE NOM ICI] et utilisez l'outil Déplacer pour déplacer le nom au-dessus du slogan.

    Enfin, combinons les calques de texte dans un dossier de groupe (voir capture d'écran).

  7. Ajoutez un nouveau dossier de groupe au panneau Calques et nommez-le Texte.

  8. Faites glisser les deux calques de texte dans le dossier.

Facultatif: vous souhaiterez peut-être ajouter une forme derrière le texte, comme un rectangle blanc avec un trait noir. Nous allons ajouter une forme vectorielle, afin que l'utilisateur puisse modifier les couleurs de remplissage et de contour selon les besoins dans le panneau Propriétés (voir capture d'écran).

  1. Sélectionnez le calque d'arrière-plan afin que le nouveau calque soit ajouté au-dessus.

  2. Dessinez un rectangle sur le plan de travail avec l'outil Rectangle. Vous souhaiterez définir les éléments suivants dans le panneau Options (voir capture d'écran).

    Mode: Forme
    Remplissage de forme: blanc
    Trait de forme: noir
    Largeur de trait de forme: 5 px
    Type de trait de forme: solide

  3. Renommez le calque [AJUSTER LA BOÎTE DE REMPLISSAGE ET DE COULEUR]

Facultatif: nous pouvons coder en couleur nos couches (voir capture d'écran).

  1. Sélectionnez le calque du groupe Instructions et cliquez avec le bouton droit sur l'icône Œil. Définissez la couleur sur bleu.

  2. Sélectionnez le calque Lignes dans le dossier Avant de la carte de visite et définissez la couleur sur bleu.

  3. Sélectionnez le dossier Groupe de textes dans le dossier Avant de la carte de visite et définissez la couleur sur rouge.

  4. Sélectionnez les calques de forme et d'arrière-plan et définissez la couleur sur vert.

Dans le prochain tutoriel, nous allons concevoir le dos de la carte de visite.

Retour | Suivant

Copyright 2018 Adobe Systems Incorporated. Tous les droits sont réservés. Copies d'écran des produits Adobe reproduites avec la permission d'Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst et Flash Paper Paper est / sont [une] marque [s] déposée (s) ou une marque [s] d'Adobe Systems Incorporated aux États-Unis et / ou dans d'autres pays.


Instructions Vidéo: InDesign CC : Création d'un menu de restaurant - trailer | video2brain.com (Mars 2024).