Concevoir des cartes d'anniversaire avec CSP : Tirer parti des matériaux et du design de texte

6 800

CHYEE

CHYEE

《Concevoir des cartes d'anniversaire avec CSP : Tirer parti des matériaux et du design de texte》

Le thème de cette fois-ci est « Comment créer une carte d'anniversaire ».

 

Pour être honnête, bien que les fonctions de traitement de texte de CSP aient encore une marge d'amélioration considérable, sa puissante bibliothèque de matériaux et ses fonctions libres de dessin et de post-traitement sont suffisantes pour que je choisisse ce logiciel afin de concevoir des cartes d'anniversaire !

 

Dans cet article, je vais vous montrer comment concevoir une carte d'anniversaire en utilisant des matériaux. Dans la dernière partie, je me concentrerai sur la recommandation de divers matériaux, qui comprendront à la fois des matériaux gratuits et payants.

Dans les illustrations de démonstration, seuls des matériaux gratuits seront utilisés. N'hésitez pas à suivre les étapes et à essayer de créer votre propre design préféré !

 

**ASTUCE : Comme la partie explicative de cet article est assez longue, en particulier la partie sur la conception de texte qui propose plusieurs approches, veuillez utiliser la fonction de table des matières pour faciliter la lecture !

【Introduction aux différentes parties de la carte】

Tout d'abord, voici une brève explication des différentes parties de la carte.

 

  • 1.Texte : comme « Happy Birthday (to you) » etc.

  • 2.Cadre de texte (TextHolder) : un cadre utilisé pour placer du texte

  • 3.Personnage/Thème : différents personnages peuvent être placés comme thème de la carte. Par exemple, l'animal préféré de la personne fêtée, son personnage d'anime préféré, ou même sa propre photo !

  • 4.Décorations : décorations couramment utilisées sur les cartes d'anniversaire, telles que gâteaux d'anniversaire, desserts, fleurs, ballons, rubans, confettis, bougies, cadeaux, etc.

Ces éléments sont divisés pour que les débutants puissent facilement les comprendre, et ne sont pas des conceptions immuables. Vous pouvez toujours les ajouter ou les supprimer selon vos préférences.

Parfois, vous pouvez également ne pas utiliser de « personnage » comme thème, mais seulement ajouter des décorations, par exemple en utilisant un grand gâteau d'anniversaire comme thème principal de l'image. C'est une décision entièrement libre !

 

Maintenant, commençons officiellement !

【Instructions pas à pas】

1. Définir la taille de la carte (taille du fichier image)

Tout d'abord, cette carte d'anniversaire sera-t-elle publiée en ligne ou imprimée ?

Ces deux objectifs ont des exigences différentes en matière de configuration de fichier, que vous pouvez définir après avoir créé un [Nouveau fichier].

 

  • Impression : résolution de 300 dpi ou plus

  • Publication en ligne : résolution de 72 dpi ou plus

Quant au rapport d'image, la conception des cartes d'anniversaire est généralement plus libre, vous pouvez donc choisir ce que vous voulez.

Lorsque vous créez un nouveau fichier, vous pouvez définir les « unités » puis entrer les valeurs.

 

Vous ne savez toujours pas comment décider ? Sélectionnez simplement les paramètres par défaut de « B5 », « A5 » ou « Carte postale » à droite de « Largeur » ! Vous pourrez toujours modifier la taille de l'image plus tard via [Édition] > [Changer la taille du canevas].

**ASTUCE : Si vous devez imprimer la carte, en général, si c'est pour un usage « personnel », aucune autre configuration n'est nécessaire.

Mais si vous souhaitez effectuer des paramètres professionnels, tels que la définition de couleurs d'impression plus précises et la configuration des repères de coupe, assurez-vous de rechercher « imprimer » dans les astuces de Clip Studio pour en savoir plus sur le « mode couleur CMJN », le « fond perdu », le « rognage » et les types de fichiers adaptés à l'impression.

 

De plus, si vous devez imprimer la carte puis la plier en deux, vous devez également faire attention à n'ajouter l'image que sur la moitié de la zone de l'écran. Quant à savoir si c'est la moitié supérieure/inférieure/gauche/droite, cela dépend de la façon dont votre carte sera pliée en deux.

 

 


2. Choisissez votre cadre de texte préféré

Ensuite, créons votre cadre de texte préféré !

Voici deux méthodes pour votre référence.

 

 

✧2a. Utilisation des outils d'image par défaut de CSP

Tout d'abord, présentons les outils d'image par défaut de CSP.

Vous pouvez utiliser ces outils pour dessiner des formes simples, telles que des rectangles, des rectangles arrondis (comme illustré), des polygones, des cercles, etc.


✧2b. Utilisation de matériaux

Vous trouvez les formes ci-dessus trop simples ? Pas de problème, cherchez dans la bibliothèque de matériaux !

 

Dans la bibliothèque de matériaux de CSP, saisissez « Frame » et sélectionnez « Matériaux d'image » dans les paramètres détaillés pour affiner les résultats de recherche.

(Vous pouvez également définir le prix des matériaux à rechercher selon vos exigences)

Comme il y a beaucoup de résultats de recherche, je les organise généralement par « popularité ».

(Ce n'est pas que les matériaux téléchargés par beaucoup de monde soient nécessairement meilleurs que ceux moins téléchargés, mais quand la quantité de matériaux est trop importante et que le temps de recherche est limité, il faut faire ce compromis.)

 

De plus, vous pouvez également saisir des éléments de design comme mots-clés, tels que « Ruban », « Fleur », etc., pour affiner davantage la recherche.

Cette fois, j'ai utilisé ce matériau de cadre de fraise gratuit, très mignon !

 

Il y a aussi beaucoup d'autres beaux matériaux de cadre disponibles dans la bibliothèque de matériaux, je les recommanderai dans la dernière partie.

Après avoir téléchargé les matériaux, vous pouvez les trouver dans la section « Téléchargements » de la bibliothèque de matériaux.

 

Les matériaux d'image peuvent être directement glissés sur la toile pour être utilisés.

Ensuite, vous pouvez utiliser la fonction de transformation libre (Ctrl+T) pour ajuster l'image à la taille et à la position appropriées.


3. Ajouter du texte

Il existe plusieurs façons d'ajouter du texte, et quatre approches différentes seront détaillées ici.

 

Si vous préférez vous concentrer d'abord sur la partie image, n'hésitez pas à sauter cette section et à passer directement au titre suivant, puis à revenir plus tard pour voir quelle approche convient le mieux à la conception de votre carte d'anniversaire.


✧3a. Ajout simple de texte : Fonction de texte par défaut de CSP

La fonction de texte par défaut de CSP vous permet de saisir du texte directement après avoir sélectionné « Texte » dans la barre d'outils de gauche.

Dans la version 3.0 ou supérieure, l'outil « Texte circulaire » est également disponible.

Dans les paramètres de l'outil, vous pouvez définir la taille du texte, la police, la méthode d'alignement, etc.

Si vous ne le trouvez pas dans la fenêtre, vous pouvez le sélectionner en cliquant sur l'icône de la clé en bas à droite.

**ASTUCE : Vous avez du mal à choisir une police ?

Lorsque le calque de texte est sélectionné, placez la souris sur le texte (sans cliquer), et utilisez la molette de la souris pour faire défiler vers le haut ou vers le bas afin de changer rapidement la police !

Vous pouvez également sélectionner une seule lettre et ajuster la taille de la police individuellement.

Si vous devez faire pivoter les mots sous différents angles, vous devrez les éditer individuellement sur des calques séparés.

Après avoir sélectionné le calque de texte, déplacez la souris vers le coin de la zone de sélection. Une fois que l'icône de la souris se transforme en icône de rotation, vous pouvez facilement faire pivoter le texte.

Vous pouvez également ajouter l'âge de la personne, etc.

 

Terminé !


✧3b. Création de texte enveloppé : Utilisation de l'outil Pinceau

Bien que l'outil Texte de CSP ne dispose pas encore de fonction d'habillage de texte, nous pouvons utiliser un outil pinceau personnalisé pour obtenir un effet similaire.

 

Tout d'abord, j'ai préparé un pinceau préconfiguré à télécharger :

Le texte à l'intérieur est écrit à la main par moi.

Vous pouvez également remplacer ce texte dans les paramètres du pinceau par votre propre écriture manuscrite ou par des polices téléchargées et disponibles gratuitement.

 

Après avoir installé le pinceau, dans les paramètres de l'outil, sous « Pointe de pinceau », vous pouvez cliquer sur l'icône de l'image pour changer la lettre :

Notez que vous devez d'abord enregistrer les images des lettres requises en tant que matériaux pour qu'elles puissent être sélectionnées.

Pour savoir comment les enregistrer, veuillez vous référer aux sections 【2】 et 【3】 du tutoriel officiel suivant.

**ASTUCE : Si vous souhaitez que le pinceau utilise la couleur de premier plan, n'oubliez pas de définir la couleur d'affichage du calque de matériau enregistré sur « Gris ».

Une fois que vous avez obtenu les lettres souhaitées, vous pouvez utiliser le pinceau pour dessiner du texte enveloppé comme vous le souhaitez !

Si vous souhaitez dessiner des formes spécifiques, vous pouvez également utiliser les règles d'assistance.

 

Lorsque vous créez un outil de règle, sélectionnez la règle applicable. Pour l'habillage de texte, on utilise généralement la « règle linéaire », la « règle de courbe » ou la « règle de figure », puis vous pouvez dessiner la forme souhaitée.

Terminé !


✧3c. Création de polices spéciales : Utilisation des calques vectoriels

Une autre méthode consiste à utiliser la propriété des calques vectoriels de CSP qui ne dégradent pas la qualité des graphiques, permettant aux utilisateurs d'affiner les polices individuellement.

 

Tout d'abord, après avoir saisi la police souhaitée avec l'outil texte, faites un clic droit sur le calque et sélectionnez [Convertir le calque].

Sélectionnez le type « Calque vectoriel » et cliquez sur « Paramètres vectoriels ».

Dans les paramètres vectoriels, vous pouvez contrôler l'épaisseur de la ligne. De plus, il est recommandé de ne pas sélectionner « Tout exporter en noir » et de choisir un anticrénelage « Faible » ou supérieur.

Cela donnera le résultat suivant :

Sélectionnez l'outil « Correction de ligne » pour les vecteurs, et dans « Points de contrôle », choisissez « Déplacer les points de contrôle ».

Lorsque vous déplacez la souris sur le texte, des lignes vectorielles et des points de contrôle apparaissent. Déplacer les points de contrôle permet de modifier la forme de la police.

L'outil « Pincement de ligne vectorielle » permet de modifier rapidement la forme des lignes sur une plus grande échelle.

(Son utilisation est similaire à celle de la « déformation », il suffit de le faire glisser directement sur la toile)

Si vous souhaitez modifier la couleur de la ligne, utilisez l'« Outil de sélection d'objet ». Après avoir sélectionné la ligne vectorielle, ajustez-la dans la fenêtre de l'outil. Vous pouvez ajuster la couleur, l'épaisseur de la ligne, le pinceau, etc.

Si vous souhaitez agrandir certaines lettres, utilisez l'« Outil de sélection d'objet », et dans la fenêtre de l'outil, choisissez « Méthode de transformation » sur « Agrandir, Réduire, Pivoter ». Ensuite, sélectionnez les lignes vectorielles (en maintenant la touche « Maj » enfoncée, vous pouvez sélectionner plusieurs lignes simultanément), et un cadre de transformation apparaîtra. Vous pouvez ajuster en déplaçant la souris vers les points de contrôle sur le cadre.

 

**ASTUCE : Appuyer directement sur « Ctrl+T » ne modifiera toutes les lignes que sur l'ensemble du calque. Il est donc impératif d'utiliser l'outil de sélection d'objet pour transformer les lignes individuellement.

Pendant le processus de vectorisation, des lignes tremblantes peuvent apparaître, car il y a trop de points de contrôle sur la ligne. Nous pouvons utiliser la « Simplification de ligne vectorielle » pour améliorer cette situation.

 

Lors de l'utilisation, il est recommandé d'utiliser un pinceau fin, sinon les changements de ligne seront trop importants.

Ceci complète le texte stylisé !


✧3d. Texte manuscrit

Vous ne trouvez toujours pas une police qui vous convienne ? Pas de problème ! L'écriture manuscrite avec un pinceau est tout aussi excellente !

Voici deux pinceaux conçus spécifiquement pour l'écriture :

Exemple d'utilisation :

**ASTUCE : Ici, vous pouvez également utiliser un calque vectoriel pour le texte manuscrit, ce qui facilite l'utilisation des outils de contrôle vectoriel pour affiner les traits.

 

 


Ceci conclut la partie sur la conception de texte.

J'ai choisi d'utiliser l'outil texte pour saisir du texte dans la section « 3a » et j'ai ajusté la taille et l'angle des lettres individuelles.

 

De plus, j'ai l'habitude d'ajuster la couleur du texte en dernier, après avoir inséré la plupart des éléments de design.

Parce que l'utilisation des couleurs de texte est très libre, cela permet de s'harmoniser avec d'autres objets (comme les fraises dont la couleur ne peut pas être changée, etc.) et d'unifier la palette de couleurs de l'ensemble de l'image.

(La partie sur l'ajustement du style de couleur du texte sera présentée dans l'【Étape 6】 ci-dessous.)

 

 


4. Ajouter le design principal

En plus des fraises sur le cadre de texte, je voulais ajouter de jolis animaux comme thème de la carte.

 

J'ai donc cherché « chat » dans la bibliothèque de matériaux de CSP et j'ai trouvé ce joli pinceau de chat !

Puisque ce matériau est un « pinceau », il doit être installé dans l'outil pinceau avant utilisation.

La méthode est simple : il suffit de le faire glisser de la bibliothèque de matériaux vers la fenêtre de l'outil pinceau.

Étant donné que l'attribut du pinceau dessine des chats en continu, je voulais placer les chats de manière plus flexible à différents endroits dans le design. Par conséquent, je vais d'abord créer un nouveau calque, dessiner à l'avance les images de chaque chat, puis sélectionner les chats désirés et les insérer.

(Si la toile n'est pas assez grande, vous pouvez également créer une nouvelle toile et y dessiner divers chats à l'avance)

 

**ASTUCE : Si les chats se déforment en étant dessinés à la main, vous pouvez cliquer une fois sur la toile, puis maintenir la touche « Maj » enfoncée pour dessiner une ligne droite. Ainsi, les chats ne se déformeront plus !

Sélectionnez les chats avec l'outil Lasso puis copiez-les :

Insérez-les dans la carte et ajustez leur position :

**ASTUCE : Des images légèrement superposées peuvent donner aux chats une meilleure sensation d'interaction et rendre l'image plus cohérente dans l'ensemble.

Lorsque les chats sont copiés et collés séparément, ils sont déjà divisés en différents calques, ce qui permet de contrôler les relations d'ordre via l'ajustement de l'ordre des calques. Il n'est pas nécessaire de fusionner les calques à ce stade.


5. Ajouter des décorations

Ensuite, ajoutons d'autres matériaux décoratifs pour enrichir l'image !

 

 


✧5a. Ajouter une couleur de fond/un motif

Tout d'abord, j'ai rempli la couleur de fond du cadre de texte.

Créez un nouveau calque sous le calque du cadre de texte, puis sélectionnez les deux calques simultanément et utilisez « Remplir avec sélection ».

Comme cela semblait un peu monotone, j'ai ajouté un motif continu de chats de couleur claire par-dessus.

Faites glisser le matériau d'image sur la toile, puis faites-le pivoter légèrement pour que le motif ne semble pas trop rigide.

Comme la couleur originale du matériau était trop foncée, j'ai ajouté un nouveau calque au-dessus, l'ai rempli de jaune pâle et l'ai défini comme calque d'écrêtage. Cela me permet de changer la couleur du matériau.


✧5b. Augmenter l'ambiance festive

Pour ajouter à l'ambiance festive, j'ai décidé d'inclure des ballons et des banderoles dans le design.

Après avoir dessiné les ballons, vous devez dessiner séparément les cordes et les nœuds qui les attachent.

 

**ASTUCE : Après avoir dessiné des formes simples avec une couleur claire, définissez les « Propriétés du calque » et activez l'« Effet de bordure » pour obtenir facilement un contour.


Sous le calque des ballons, ajoutez un nouveau calque pour dessiner les banderoles.

J'ai utilisé des pinceaux de différentes couleurs et tailles pour rendre l'image plus vivante.

 

Cependant, l'ajout des banderoles semblait rendre la partie texte désordonnée.

J'ai donc créé un masque de calque et effacé la partie centrale pour que les banderoles n'interfèrent pas avec la zone du cadre de texte central.


✧5c. Ajouter d'autres effets

Bien que le design actuel de l'écran soit déjà bon, je voulais que le style de cette carte soit un peu plus vif.

J'ai donc décidé d'ajouter un motif de lignes de concentration sous le calque des banderoles.

Après avoir installé l'outil, maintenez le bouton gauche de la souris enfoncé tout en appuyant sur « Maj » et tirez vers l'extérieur pour obtenir un cercle parfait.

Ensuite, utilisez l'« Outil de manipulation d'objet » pour affiner la taille, la position et l'angle du motif.


6. Ajuster le design du texte

Enfin, ajustons le design du texte !

 

 

Le plus simple, bien sûr, est de changer la couleur du texte et d'ajouter une bordure.

(Pour la méthode d'ajout de bordure, veuillez vous référer à la section des ballons ci-dessus)


De plus, vous pouvez également utiliser les matériaux d'action automatique de la bibliothèque de matériaux pour obtenir rapidement différents effets de design.

Après avoir téléchargé les matériaux, pour la méthode d'installation des actions automatiques, veuillez vous référer à l'aide officielle :

Exemple d'utilisation :

Après avoir sélectionné le calque de texte, cliquez avec le bouton gauche sur l'action automatique que vous souhaitez utiliser.

Puisque cette action automatique est configurée avec une couleur fixe, vous pouvez ensuite modifier la couleur vous-même en utilisant la « Couleur du calque » dans les « Propriétés du calque ».

Exemples d'autres actions automatiques (avec des changements de couleur supplémentaires) :

De cette façon, vous pouvez obtenir un design de texte encore plus spécial !

 

Dans l'illustration de démonstration, j'ai choisi la première démonstration ci-dessus, « Effet 3D », comme design de texte pour la carte, et j'ai changé la couleur et ajouté un contour pour correspondre à l'ensemble de l'image.


7. Autres ajustements fins

Bien sûr, vous pouvez également effectuer des ajustements fins n'importe où en fonction du design général.

 

Par exemple, je trouvais que la couleur des chats semblait plus terne que les autres endroits.

J'ai donc ajouté un « Calque de correction tonale » au-dessus du calque des chats et j'ai ajusté sa saturation et sa luminosité.

De plus, j'ai également affiné le motif des chats en arrière-plan et la couleur des ballons.

J'ai également ajouté un morceau de gâteau pour remplir l'espace légèrement vide sous le texte :


8. Terminé !


【Recommandation de matériaux】

Enfin, voici la partie sur la recommandation de matériaux !

 

En plus des matériaux utilisés dans les illustrations de démonstration ci-dessus, CSP propose également de nombreux matériaux adaptés au thème de l'anniversaire. En raison du trop grand nombre d'excellents matériaux dans la bibliothèque de matériaux de CSP, il est malheureusement impossible de tous les lister ici.

 

Si vous avez le temps, n'hésitez pas à chercher des matériaux adaptés à votre style dans la bibliothèque de matériaux et découvrez des surprises !

 

 


✧Recommandations de cadres de texte


✧Recommandations de pinceaux pour écriture manuscrite


✧Recommandations d'animaux mignons


✧Recommandations de matériaux liés aux fêtes


✧Recommandations d'actions automatiques pour le style de texte


【Conclusion】

Merci d'avoir lu jusqu'ici !

 

En guise de référence supplémentaire, les deux designs simples ci-dessous ont également été réalisés à l'aide de la bibliothèque de matériaux CSP ; le texte a utilisé les designs mentionnés ci-dessus :


Que pensez-vous de ce tutoriel ?

N'hésitez pas à laisser un commentaire pour me le faire savoir ! J'espère que ce tutoriel vous sera utile.

Commentaire

Nouveautés

Nouveautés de la catégorie Officiel