Utiliser des images et du texte pour concevoir une carte de visite

3 895

LizStaley

LizStaley

Bonjour! Je m'appelle Liz Staley et j'utilise depuis longtemps Clip Studio Paint (j'ai commencé à utiliser le programme à l'époque où il s'appelait Manga Studio 4 !). J'ai été bêta-testeur sur le programme Manga Studio 5 et sur Clip Studio Paint, et j'ai écrit trois livres et plusieurs cours vidéo sur le programme. Beaucoup d'entre vous connaissent probablement mon nom grâce à ces livres, en fait. J'écris des articles hebdomadaires sur Graphixly.com et sur CSP Tips, alors assurez-vous de revenir chaque semaine pour en savoir plus sur Clip Studio Tips and Tricks!

 

Bien que CSP ne soit pas conçu avec la conception graphique comme première priorité, il est possible d'effectuer la mise en page et d'autres tâches liées à l'impression avec Clip Studio ! Dans cet article, nous allons créer une carte de visite de base en créant une toile de taille appropriée pour terminer.

 

Dans cet article, nous aborderons les sujets suivants :

Création de votre fichier

Importation et alignement d'images

Outils typographiques à connaître

Quelques derniers conseils

 

Commençons!

 

Création de votre fichier

Lors de la conception d'un élément imprimé avec des dimensions communes, comme une carte de visite, il est important de configurer votre fichier à la bonne taille dès le début pour éviter tout problème d'impression par la suite.

 

Si vous envoyez votre conception à un imprimeur professionnel, vous voudrez consulter le site Web de cet imprimeur ou le contacter pour lui demander sa taille finale recommandée, la taille de la zone de fond perdu et le format de fichier. La plupart des grands services d'impression en ligne auront des modèles ou ces informations sur leur site Web, alors regardez autour de vous pour voir s'ils les ont avant de les contacter.

 

Les cartes de visite standard mesurent 2 x 3,5 pouces (du moins aux États-Unis, je ne sais pas si ces mêmes dimensions sont standard ailleurs !). Le service d'impression que j'utilise normalement pour mes cartes a à la fois des modèles pré-fabriqués dans différents formats ainsi que des dimensions pour la mise en place d'un nouveau fichier dans le logiciel de votre choix. Utilisons donc leurs informations pour créer un fichier dans CSP.

 

L'imprimante que j'utilise pour mes cartes de visite recommandait une toile de 1088 x 638 pixels et 300 dpi.

 

Parce que nous utilisons Clip Studio, nous pouvons également définir la taille de finition et la taille intérieure pour nous donner des guides pour la conception de notre produit fini. La plupart des imprimeurs professionnels exigent que nous incluions une zone de fond perdu dans notre conception. Cette zone est coupée une fois l'impression terminée afin que le dessin sorte parfaitement du bord du papier. Cela signifie que pour une carte de taille finale de 3,5x2, notre fichier de travail devrait en fait être légèrement plus grand que cela. La plupart des imprimantes demandent un fond perdu d'environ 0,5 pouces. Dans la capture d'écran ci-dessus avec mes paramètres de canevas, la "taille de reliure (finition) est la taille que la toile aura après que la zone de fond perdu ait été coupée. Ainsi, notre carte finale sera de 1050x600 pixels (ou 3,5x2 pouces) après découpe.

 

Si c'est encore un peu déroutant pour vous, ce n'est pas grave ! Il m'a fallu beaucoup de temps pour envelopper mon cerveau autour de cela. J'ai inclus une aide visuelle ci-dessous.

 

La zone noire est la zone de travail autour de la toile. La zone rouge à l'intérieur de celle-ci est notre fond perdu et tout ce qui se trouve dans cette zone sera coupé. La zone jaune indique l'extérieur de notre impression finie. Nous pouvons toujours inclure certaines choses dans cette zone, mais notez que certains rognages ne sont pas précis et qu'un cutter un peu « bancal » peut donc rogner accidentellement dans cette zone. La zone verte est notre zone de sécurité (la « bordure intérieure par défaut » dans Clip Studio Paint). Tout élément important, tel que du texte ou des logos, doit rester dans cette zone afin qu'il ne risque pas d'être coupé.

 

Si vous rencontrez toujours des problèmes, de nombreux modèles sont disponibles en ligne auprès des services d'impression avec la configuration déjà effectuée, et il y a généralement une couche avec des directions et avec la zone de sécurité marquée pour vous.

 

Importation et alignement d'images

Maintenant que nous avons configuré notre document, insérons quelques images. J'ai pensé jouer avec une refonte de ma carte de visite actuelle. J'ai trouvé un bel ensemble de vieilles textures de papier sur CSP Assets qui fonctionneraient bien pour l'arrière-plan. J'ai expliqué comment télécharger et utiliser des éléments de CSP Assets dans de nombreux articles, donc je n'y reviendrai pas. Mais si vous ne savez pas comment faire, voici un lien vers un article précédent que j'ai écrit à ce sujet ! https://tips.clip-studio.com/en-us/articles/4329

 

J'ai enregistré un PNG transparent de mon logo que je veux ajouter à la carte, alors faisons-le maintenant. Pour importer une image dans votre canevas actuel, accédez à Fichier - Importer - Image.

 

Ensuite, localisez le fichier que vous souhaitez importer sur votre disque dur, votre clé USB ou tout autre endroit où vous l'avez enregistré. Cliquez dessus pour le sélectionner, puis cliquez sur Ouvrir.

Selon la taille de l'image que vous importez, vous devrez peut-être redimensionner votre logo pour l'adapter ! Mon fichier de logo est assez volumineux, il est donc beaucoup trop volumineux pour les dimensions d'une carte de visite standard ! Ce n'est pas grave, utilisez simplement les commandes situées dans un coin de l'image importée pour la redimensionner. Vous pouvez maintenir la touche MAJ enfoncée pendant le redimensionnement pour conserver les mêmes proportions et éviter de fausser l'image, ou dans la fenêtre des propriétés de l'outil, cliquez sur "Conserver le rapport d'aspect" pour verrouiller le rapport avant la mise à l'échelle.

Notre logo est maintenant réduit à sa taille, mais que se passe-t-il si nous voulons nous assurer qu'il est centré ?

Clip Studio Paint n'a actuellement aucun moyen de centrer facilement les images ou le texte sur la toile. Mais heureusement, nous avons des règles de guidage et aussi les guides autour du bord de la toile de nos lignes Finish Size ! Utilisons les lignes des lignes directrices extérieures pour créer une règle qui nous aidera à centrer notre logo ou tout autre élément que nous voulons centrer.

 

Pour créer une règle Guide, cliquez sur la catégorie Règles puis sur le sous-outil Guide.

 

Les guides sont des règles spéciales qui ne peuvent être qu'horizontales ou verticales. Celles-ci sont pratiques lorsque nous devons nous assurer que les choses sont alignées.

 

En utilisant la ligne centrale de la bordure de la zone de rognage au-dessus de mon canevas, j'ai positionné mon curseur au centre de la carte, puis j'ai cliqué et glissé pour créer une règle verticale. (De plus, puisque ces guides sont considérés comme des règles, ils ne seront pas imprimés ou exportés à moins que nous disions à CSP de les exporter, nous n'avons donc pas à nous soucier de la présence de ces guides sur notre produit fini !)

 

Ensuite, sélectionnez à nouveau le calque d'image importé pour ramener la zone de contrôle englobante. Vous avez probablement remarqué que cette boîte a un point de contrôle en haut et en bas au centre de l'image.

Nous pouvons maintenant utiliser notre guide et cette boîte centrale pour nous assurer que l'image est centrée en alignant les deux !

Utilisez des guides pour tout autre alignement horizontal ou vertical des éléments dont vous avez besoin ! Par exemple, plus loin dans cet article, vous verrez que j'utilise un ensemble de règles de guidage pour aligner certaines icônes de médias sociaux.

Outils typographiques à connaître

Clip Studio Paint n'est pas vraiment un programme typographique, mais de nombreuses fonctionnalités ont été ajoutées au cours des dernières années qui donnent beaucoup plus de contrôle sur l'apparence de notre texte, l'espacement des lignes, etc. Ajoutons du texte à notre carte de visite et explorons certaines fonctions de texte courantes en cours de route.

 

Sélectionnez l'outil Texte et la fenêtre Propriétés de l'outil affichera nos commandes de texte de base. Cela inclut la police, la taille, le style, la justification, la direction du texte, la couleur du texte et le mode.

 

Police : contrôle la "face de la police" et est créée à partir des polices disponibles sur votre appareil. Le nom de chaque police s'affiche dans cette police dans la liste déroulante, ce qui est très utile !

 

Taille : Rend la police plus petite ou plus grande.

 

Style : modifiez le style de la police. Les options sont Gras, Italique, Souligné et Barré.

 

Justifier : choisissez la justification du texte. Le texte peut être aligné à gauche, au centre ou à droite.

 

Direction du texte : Modifiez le texte entre Horizontal ou Vertical.

 

Couleur du texte : Par défaut, la couleur de votre texte sera la couleur principale que vous avez actuellement sélectionnée. Cependant, vous pouvez également choisir d'utiliser la couleur d'arrière-plan ou de définir une couleur utilisateur.

 

Mode : modifie l'action de la zone de délimitation entourant votre texte actif. Vous pouvez choisir entre Échelle/Rotation, Échelle, Rotation, Incliner ou Échelle/Rotation/Inclinaison. En fait, j'aime pouvoir modifier la taille de mon texte en saisissant simplement un coin de la zone de texte et en le faisant glisser !

 

Choisissez votre police de caractères, puis saisissez vos informations. Dans ce cas, j'ajoute mon adresse e-mail à mon design.

 

Les lignes bleues autour du texte sont la boîte englobante dont je parlais plus tôt. Placer votre curseur sur l'un des contrôles d'angle nous permettra de faire glisser le texte pour l'agrandir ou le réduire sans avoir à utiliser le curseur Taille.

 

Les options de texte dans la fenêtre Propriétés de l'outil ne sont pas les seules options dont nous disposons pour notre texte. Sous notre texte lorsque nous utilisons l'outil de texte se trouvent trois icônes. Cliquer sur l'icône de gauche en forme de stylo est un raccourci vers les options complètes de détail de l'outil secondaire pour le texte.

 

Dans cet écran, nous contrôlons non seulement la taille, mais le rapport horizontal et vertical, l'espacement des caractères, et dans d'autres sections de ce menu, nous pouvons également modifier l'espacement entre les lignes de texte dans la même zone de texte.

 

Cette possibilité de modifier l'espacement des lignes peut vraiment nous faciliter la vie lorsque nous voulons aligner le lettrage avec d'autres éléments, tels que les icônes des médias sociaux. Dans l'exemple ci-dessous, la liste des noms de comptes de réseaux sociaux ne correspond pas aux icônes auxquelles ils correspondent.

 

Nous pourrions résoudre ce problème en plaçant chaque nom de compte sur un calque séparé et en les espaçant à la main. Mais il est beaucoup plus facile d'utiliser les options d'interligne à la place ! Cliquez sur l'icône Stylo sous le texte, puis cliquez sur l'option Espacement/alignement des lignes sur le côté gauche de la fenêtre Détails de l'outil secondaire.

 

En utilisant le curseur Line Space, nous pouvons augmenter ou diminuer l'espace entre les lignes de texte. En mettant en surbrillance le texte saisi, puis en augmentant l'espacement à 190,0, les noms des comptes de médias sociaux dans l'exemple ci-dessous s'alignent désormais sur les icônes des médias sociaux.

 

Une fois votre design réalisé, vous devrez bien sûr l'exporter et l'envoyer à votre imprimeur ! J'ai déjà écrit un article entier sur la préparation et l'exportation d'art pour l'impression que vous pouvez trouver ici : https://tips.clip-studio.com/en-us/articles/4464#c08e70df

Quelques derniers conseils

L'art de la conception graphique est vraiment cela - un art. Il faut beaucoup de pratique pour devenir bon dans ce domaine, comme dans toute autre forme d'art ! Mais de plus en plus d'artistes indépendants ou débutants se chargent de concevoir leur propre matériel promotionnel. Voici quelques conseils de base si vous concevez vos propres articles mais que vous n'avez pas d'expérience en graphisme.

 

Faites vos recherches avant de concevoir! Recherchez une entreprise ou un service que vous souhaitez imprimer ou produire vos articles, puis parcourez leur site Web pour leurs spécifications de conception. Si vous ne les trouvez pas ou si vous avez besoin d'aide supplémentaire, contactez l'entreprise et posez des questions. Il est beaucoup plus facile et moins stressant pour toutes les personnes impliquées d'avoir votre fichier de conception correctement configuré dès le départ que d'avoir des éléments mal imprimés ou d'avoir à refaire la conception parce que le fichier était incorrect.

 

Regardez ce que les autres ont conçu. Faire une carte de visite ? Effectuez une recherche sur Internet pour « (industrie) carte de visite créative ». Par exemple, si vous êtes un auteur de bande dessinée, recherchez des cartes de visite pour les artistes de bande dessinée. Vous trouverez des exemples créatifs et inspirants en ligne !

 

Choisissez une palette de couleurs. Votre « marque » doit avoir une palette de couleurs facilement reconnaissable. Dans mon entreprise d'art, j'utilise le gris et le bleu comme couleurs, tout en incorporant des éléments vintage tels que de vieilles textures de papier. Cela rend mes matériaux immédiatement reconnaissables pour ceux qui connaissent mon travail.

 

Décidez quelles informations inclure à l'avance. Toutes les cartes de visite n'ont pas besoin d'inclure un numéro de téléphone, donc à moins que vous n'ayez absolument besoin que des clients puissent vous appeler, ne l'incluez pas ! Vous n'êtes pas obligé d'inclure une adresse physique, sauf si vous exploitez un magasin ou si vous faites venir des clients à un endroit pour des réunions. J'inclus mon logo, mon slogan, mon adresse e-mail, mon site Web et mes informations sur les réseaux sociaux sur mes cartes.

 

Utilisez les deux côtés si vous créez un matériau en papier ! Par exemple, lors de la conception d'une carte de visite, assurez-vous d'utiliser les deux côtés. Au dos de mes cartes, j'ai mis une de mes œuvres d'art populaires. Cela rend les gens plus susceptibles de garder la carte, car le verso ressemble à une petite impression d'art gratuite. Vous pouvez également laisser de la place pour un code QR, ou de la place pour écrire des informations sur les rendez-vous, ou toute autre manière de faire.

 

Ne surchargez pas votre conception. Ceci est particulièrement important lorsque vous créez quelque chose comme une carte de visite. Toutes les informations importantes doivent être faciles à trouver et très lisibles. Évitez d'utiliser trop de polices et assurez-vous que toutes les polices sont faciles à lire et que les logos sont clairs.

 

Et surtout, n'ayez pas peur d'expérimenter et de vous amuser avec votre design !

 

Conclusion

Le design n'est pas la chose pour laquelle CSP a été conçu, mais des ajouts récents ont facilité le travail avec du texte. Avoir la possibilité de modifier le rapport horizontal et vertical du texte ainsi que l'espacement des lignes est un strict minimum et n'offre pas autant d'options que certains autres logiciels, mais pour ceux qui se contentent de se lancer dans la conception ou qui font occasionnellement une carte pour une convention, il a plus qu'assez d'options pour une conception simple !

 

Pour plus d'informations sur CLIP Studio Paint, veuillez visiter https://www.clipstudio.net/en ou https://graphixly.com

Commentaire

Nouveautés

Nouveautés de la catégorie Officiel