Astuce comment créer un ensemble simple de broches de carte

Dans cette astuce, vous apprendrez à créer un ensemble simple de broches de carte. Tout commence par un simple cercle, des techniques de construction de formes vectorielles parfaites au pixel et l'effet Rounded Corners. Ensuite, en utilisant les options de Pathfinder avec un tas d’effets simples, nous créerons des chemins supplémentaires. Enfin, nous utiliserons des techniques de base de masquage et de mélange. Commençons!


Étape 1

Créez un document RVB de 600 x 300 pixels. Commencez par activer la grille (Affichage> Afficher la grille) et l’alignement sur la grille (Affichage> Aligner sur la grille). Ensuite, vous aurez besoin d'une grille toutes les 1px. Allez dans Edition> Préférences> Guides> Grille, entrez 1 dans le quadrillage toutes les cases et 1 dans la zone Subdivisions. Vous pouvez également ouvrir le panneau Info (Fenêtre> Info) pour un aperçu en direct avec la taille et la position de vos formes. N'oubliez pas de remplacer l'unité de mesure en pixels dans Edition> Préférences> Unité> Général. Toutes ces options augmenteront considérablement votre vitesse de travail.


Étape 2

Choisissez l'outil Rectangle (M) et créez un cercle de 38 px. Remplissez-le avec une couleur aléatoire et supprimez la couleur du trait. Sélectionnez ce cercle, sélectionnez l'outil Convertir les points d'ancrage (Maj + C) et cliquez sur les points d'ancrage inférieurs. En fin de compte, votre forme devrait ressembler à celle de la deuxième image..


Étape 3

Resélectionnez la forme créée à l'étape précédente, sélectionnez l'outil Sélection directe (A), sélectionnez les points d'ancrage inférieurs et faites-la glisser vers le bas. Le composant logiciel enfichable à la grille facilitera votre travail. En fin de compte, votre forme devrait ressembler à celle de la deuxième image..


Étape 4

Resélectionnez la forme modifiée à l'étape précédente. Choisissez l'outil de sélection directe (A), sélectionnez les points d'ancrage de gauche et faites glisser la poignée inférieure de quelques pixels vers le bas, comme indiqué dans la deuxième image. Encore une fois, l’alignement sur la grille facilitera votre travail. Continuez avec l'outil Sélection directe, sélectionnez les points d'ancrage de droite et faites glisser la poignée inférieure de quelques pixels vers le bas, comme vous l'avez fait pour le point d'ancrage de gauche. Assurez-vous que ces deux points d'ancrage et leurs poignées sont symétriques.


Étape 5

Resélectionnez la forme modifiée dans les dernières et dernières étapes et remplacez la couleur de fond utilisée pour le remplissage par le dégradé linéaire présenté ci-dessous. Le nombre blanc de l'image en dégradé représente le pourcentage d'emplacement.


Étape 6

Choisissez l'outil Ellipse (L), créez un cercle de 10 pixels et placez-le comme indiqué dans la première image. Sélectionnez-le avec la forme créée à l'étape précédente, ouvrez le panneau Pathfinder (Fenêtre> Pathfinder) et cliquez sur le bouton Moins avant..


Étape 7

Resélectionnez le chemin composé créé à l'étape précédente et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 5 px, cliquez sur OK et sélectionnez Objet> Développer l'apparence..


Étape 8

Resélectionnez le chemin composé modifié à l'étape précédente et allez à Objet> Chemin> Chemin décalé. Entrez un décalage de -2 pixels et cliquez sur OK. Dupliquez la forme obtenue (Contrôle + C> Contrôle + F). Déplacer cette copie 1px vers le haut. Sélectionnez-le avec la forme d'origine créée au début de cette étape et cliquez sur le bouton Moins avant du panneau Pathfinder. Transformez le groupe de formes résultant en un chemin composé (Objet> Chemin composé> Créer).


Étape 9

Resélectionnez le tracé composé créé à l'étape précédente, changez son mode de fusion en superposition et remplissez-le avec le dégradé linéaire présenté dans l'image suivante. Les zéros jaunes de l'image en dégradé représentent le pourcentage d'opacité.


Étape 10

Resélectionnez le chemin du composé principal, ouvrez le panneau Apparence (Fenêtre> Apparence) et ajoutez un trait. Faites-le 2pt large, définissez sa couleur à R = 125 G = 203 B = 236 et l'aligner à l'intérieur. Assurez-vous que votre forme est toujours sélectionnée et ajoutez un deuxième trait à l'aide du bouton Ajouter un nouveau trait. Il s'agit de la petite icône carrée noire située dans le coin inférieur gauche du panneau Apparence. Sélectionnez ce nouveau trait dans le panneau Apparence, rendez-le large, définissez sa couleur sur R = 0 G = 80 B = 157 et alignez-le sur l'intérieur.


Étape 11

Choisissez l'outil Ellipse (L), créez un cercle de 14 px et placez-le comme indiqué dans l'image suivante. Remplissez-le avec aucun et ajoutez un trait de 1 pt. Sélectionnez-le dans le panneau Apparence, définissez sa couleur sur R = 125 G = 203 B = 236 (également la couleur utilisée pour le tracé de 2 points du chemin du composé principal), alignez-le sur l'extérieur et accédez à Effet> Déformer et transformer> Zig Zag. Entrez les données ci-dessous et cliquez sur OK.


Étape 12

Ouvrez le panneau Transparence. Resélectionnez le cercle créé à l'étape précédente et effectuez une copie devant (Contrôle + C> Contrôle + F). Sélectionnez cette copie, supprimez le trait et l'effet Zig Zag du panneau Apparence et ajoutez un remplissage noir. Sélectionnez ce cercle noir ainsi que le cercle créé à l'étape précédente, ouvrez le menu déroulant du panneau Transparence, cliquez sur Créer un masque d'opacité et décochez la case Clip. Dans le trait avec l'effet zig zag devrait ressembler à la quatrième image.


Étape 13

Choisissez l'outil Plume (P) et tracez un chemin vertical de 3 pt. Ajoutez un trait de 1 pt pour ce chemin et définissez sa couleur sur R = 0 G = 80 B = 157 (également la couleur utilisée pour le trait de 1 pt du chemin du composé principal). Assurez-vous que ce trait bleu est sélectionné (dans le panneau Apparence), ouvrez le panneau Contour (Fenêtre> Contour) et cochez le bouton Arrondi. Dupliquez ce chemin vertical, puis placez les deux chemins comme indiqué dans l'image suivante. Encore une fois, l’alignement sur la grille devrait faciliter votre travail.


Étape 14

Resélectionnez les deux chemins créés à l'étape précédente, regroupez-les (Contrôle + G) et accédez à Effet> Déformer et transformer> Transformer. Entrez les données ci-dessous et cliquez sur OK.


Étape 15

Resélectionnez le chemin du composé bleu principal, assurez-vous qu'aucun fond ni trait n'est sélectionné (dans le panneau Apparence) et accédez à Effet> Styliser> Ombre portée. Entrez les données ci-dessous et cliquez sur OK.


Étape 16

Enfin, vous pouvez utiliser différents jeux de couleurs pour votre carte.


Conclusion

Maintenant que votre travail est terminé, vous pouvez ajouter un joli fond. Voici à quoi cela devrait ressembler. J'espère que vous avez apprécié cette tut.