Share
Ce tutoriel va vous apprendre à créer un jeton de poker simple. Une fois la puce créée, nous pouvons changer les couleurs, les empiler, faire pivoter et tout ce que vous voulez.
Commençons par créer les éléments sur la face de la puce. Nous utiliserons ensuite une technique que j'utilise dans Illustration technique pour créer un cylindre isométrique. Ensuite, nous lui donnons de la couleur, ajoutons une ombre et un arrière-plan pour finaliser l'image. Espérons que les techniques de ce tutoriel vous aideront dans certains de vos propres projets..
Vous trouverez ci-dessous l'image finale sur laquelle nous allons travailler. Vous voulez accéder à l'intégralité des fichiers Vector Source et aux copies téléchargeables de chaque didacticiel, y compris celui-ci? Rejoignez Vector Plus pour seulement 9 $ par mois.
Ceci est une image d'un jeton de poker. Nous allons baser notre conception de cela. Si vous remarquez, un jeton de poker n'est en réalité qu'un mince cylindre. Il y a six grandes bandes blanches autour de l'extérieur et douze petites bandes blanches sur la partie intérieure de la puce. La puce comporte également un petit retrait qui abrite les petites bandes blanches. Je vais ignorer les icônes de dés sur le visage du jeton de poker, mais vous pouvez facilement ajouter ceci si vous le souhaitez..
Commencez par créer un cercle simple à l'aide de l'outil Ellipse (L). Donnez au cercle un remplissage blanc et un trait noir de 1 pt. Si vous voulez plus de réalisme, vous pouvez mesurer le diamètre de la puce de poker, puis cliquer sur la planche de travail. Cela fera apparaître la boîte de dialogue Ellipse, entrez ces dimensions dans les champs Hauteur et Largeur, puis cliquez sur OK..
Le jeton de poker a un anneau intérieur en retrait. Pour créer cet anneau interne, utilisez l'outil Ellipse (L) pour dessiner deux cercles plus petits, à l'intérieur du cercle que vous venez de créer..
Allusion: Activez les guides intelligents (Commande + U) et placez le curseur au centre exact du premier cercle dessiné. Lorsque les guides intelligents sont activés, le curseur s’accroche au centre du cercle. Cliquez sur le bouton de la souris et faites glisser tout en maintenant la touche Option enfoncée. Cela créera un cercle proportionné à partir du point central, vers l’extérieur..
Dupliquez ce que vous avez fait jusqu'à présent (Edition> Copier, Edition> Coller) et faites-le glisser sur le côté. Ce sera notre base, mais nous avons besoin de la copie originale des cercles pour créer nos bandes blanches.
Au centre de notre cercle d'origine, utilisez l'outil Rectangle (M) et créez un rectangle (voir l'exemple ci-dessous pour connaître la taille approximative). Encore une fois, pour plus de réalisme, vous pouvez mesurer les dimensions exactes de la bande. Une fois créé, faites glisser le rectangle vers le haut du cercle, laissez-le dépasser du bord du cercle..
En utilisant les techniques décrites à l'étape 2, créez un autre cercle à partir du point central de l'original. Assurez-vous que le cercle est suffisamment grand pour permettre au rectangle dessiné à l’étape 4 de s’accrocher au bas de ce cercle..
Si vous regardez le jeton de poker original, nous avons six grandes bandes blanches qui englobent la face du jeton de poker. Nous devons dupliquer le rectangle que nous venons de créer cinq fois de plus pour couvrir la puce de périmètre..
Sélectionnez le rectangle que vous avez créé à l'étape 4. Sélectionnez maintenant l'outil Rotation (R). Localisez le centre du jeton de poker. Avec le curseur sur le point central du cercle (il est peut-être plus facile de trouver le mode Plan), maintenez la touche Option enfoncée et cliquez sur le bouton de votre souris. La boîte de dialogue de rotation apparaîtra. Puisque nous voulons un total de 6 rectangles autour du cercle, nous divisons 360 par 6, nous donnant 60 degrés. Entrez 60 dans la boîte de dialogue Angle:. Puis appuyez Copie ne pas D'accord.
Un second rectangle est créé à 60 degrés du centre du cercle.
Nous pouvons maintenant appuyer sur Command + D quatre fois. Ceci répète la dernière commande donnée. Dans ce cas, faites pivoter et rectifiez le rectangle. Nous avons maintenant six rectangles autour de notre cercle.
Sélectionnez les six rectangles que nous venons de créer, ainsi que le cercle extérieur et le premier cercle intérieur. Dans la palette Pathfinder, cliquez sur le bouton Diviser tout en maintenant la touche Option enfoncée. Cela séparera toutes les lignes qui se croisent.
Coupez les formes et le groupe en excès. Vous venez de créer les grandes bandes blanches sur la face du jeton de poker.
Nous allons maintenant créer les bandes blanches plus petites, en utilisant la même technique que précédemment. Commencez par créer un rectangle au centre du cercle. Notez que les petites bandes ont une largeur plus petite que les plus grandes. Créez votre rectangle et assurez-vous qu'il est positionné haut pour chevaucher les deux cercles. Faites-le glisser et superposez les deux cercles.
Remarque: vous pouvez toujours redimensionner le rectangle plus grand ou plus petit une fois qu'il a été déplacé.
Sélectionnez l'outil de rotation (R). Localisez le centre du cercle (il est peut-être plus facile de le trouver en mode Plan). Avec le curseur sur le point central du cercle, maintenez la touche Option enfoncée et cliquez sur le bouton de votre souris. La boîte de dialogue Rotation apparaîtra. Puisque nous voulons un total de 12 rectangles autour du cercle, nous divisons 360 par 12, nous donnant 30 degrés. Entrez 30 dans le champ Angle de la boîte de dialogue Rotation. Puis appuyez Copie ne pas D'accord.
Nous pouvons à nouveau appuyer sur Commande + D pour dupliquer notre dernière action. Appuyez sur Command + D jusqu'à ce que vous ayez assez de rectangles pour englober les cercles (cela devrait être dix fois).
Sélectionnez les douze rectangles que nous venons de créer, ainsi que les deux cercles. Dans la palette Pathfinder, cliquez sur le bouton Diviser tout en maintenant la touche Option enfoncée. Cela séparera toutes les lignes qui se croisent.
Coupez les formes en excès et regroupez celles qui restent. Vous venez de créer les douze petites bandes blanches sur le devant du jeton de poker..
Faites glisser les bandes blanches créées vers la copie des cercles d'origine créés à l'étape 3, puis placez-les au-dessus..
À ce stade, nous allons ajouter une couleur générique. Dans ce cas, 5% de noir pour les bandes blanches (je sens que le blanc pur aplatit les choses). Pour la couleur rouge, j'ai utilisé 100% de magenta et de jaune. J'ai aussi gardé le trait noir de 1 point sur les cercles. Nous changerons la couleur plus tard.
Je vais maintenant utiliser une technique que j'utilise pour créer des objets isométriques. Sélectionnez tous les objets qui composent le visage de notre jeton de poker. Double-cliquez sur l'outil de mise à l'échelle (S) dans la barre d'outils. Cela fera apparaître la boîte de dialogue Echelle. Cochez la case Non uniforme et tapez ce qui suit. Horizontal de 100%, vertical de 86,6%, puis cliquez sur OK.
Avec tous les objets toujours sélectionnés, double-cliquez sur l'outil Cisaillement dans la palette de la boîte à outils. Cela fera apparaître la boîte de dialogue Cisaillement. Dans le champ Angle de cisaillement, tapez 30 et appuyez sur OK. Assurez-vous que la case à cocher Horizontal est sélectionnée sous le groupe Axis..
Avec tous les objets toujours sélectionnés, double-cliquez sur l'outil Rotation dans la boîte à outils. Cela fera apparaître la boîte de dialogue Rotation. Dans le champ Angle, tapez -30 et appuyez sur OK.
La face du jeton de poker est maintenant dans un angle isométrique. Une autre façon d’atteindre cet effet consiste à simplement redimensionner le cercle de 100% horizontalement et de 57% verticalement. Remarque: vous pouvez créer n’importe quelle forme et la suivre aux étapes 18 à 20 pour créer une vue de dessus isométrique..
Nous allons maintenant donner la profondeur de l'illusion en extrudant le cercle.
Pour obtenir correctement cet effet, nous devons ajouter quelques points d'ancrage à notre cercle isométrique. Tracez une ligne verticale avec l'outil Plume (P). Nous allons utiliser cette ligne pour un guide. Faites glisser la ligne jusqu'à ce qu'elle croise le bord gauche du cercle. Encore une fois, avec les guides intelligents activés, Illustrator alignera la ligne sur le cercle isométrique où ils se croisent..
Sélectionnez la ligne verticale et verrouillez-la à l'aide de Commande + 2. Faites un zoom avant et passez en mode Contour. Utilisez l'outil Ajouter un point d'ancrage (+) pour ajouter un point d'ancrage au cercle isométrique à l'intersection de la ligne de guidage verticale que vous avez verrouillée. Répétez cette étape pour le côté droit du cercle.
Lorsque vous sélectionnez le cercle, vous devez avoir deux nouveaux points d'ancrage sur les bords gauche et droit du cercle..
J'ai sélectionné les grandes bandes blanches, puis je les ai masquées à l'aide de Commande + 2. Cela facilitera la tâche et rendra les choses plus faciles si vous sélectionnez des points d'ancrage à l'étape suivante..
Remarque: Si vous avez deux objets qui se chevauchent et que vous sélectionnez l'outil Ajouter un point d'ancrage, Illustrator souhaite ajouter ce point d'ancrage au Haut objet. Parfois, il est nécessaire de verrouiller (Commande + 2) ou de masquer (Commande + 3) un objet pour pouvoir utiliser les objets situés en dessous d'eux..
Saisissez l'outil de sélection directe (A), puis sélectionnez les deux points d'ancrage inférieurs.. Remarque: Utilisez la touche Maj pour sélectionner les deux points d’ancrage en même temps. Avec les points sélectionnés, Copier> Coller devant (Commande + F). Nous avons maintenant créé un chemin de demi-cercle au-dessus de notre cercle.
Utilisez l'outil de sélection (V) pour sélectionner le nouveau chemin que vous venez de créer, puis faites-le glisser vers le bas..
Remarque: Déplacez-le à la profondeur que vous pensez que le jeton de poker devrait être. Nous pouvons toujours le rendre plus épais ou plus mince plus tard. Avec l'objet toujours sélectionné, supprimez la couleur de remplissage rouge.
Avec l’outil Sélection directe (A), sélectionnez les deux points d’ancrage inférieurs..
Remarque: Utilisez la touche Maj pour sélectionner les deux points d’ancrage en même temps. Une fois les points sélectionnés, accédez à Edition> Copier> Coller devant. Nous avons maintenant créé un autre chemin de demi-cercle au-dessus de notre cercle.
Vous devriez avoir créé deux demi-cercles avec des chemins ouverts. Un directement au-dessus de notre cercle isométrique et un légèrement en dessous du cercle. Il ne reste plus qu'à connecter les chemins ouverts.
Prenez votre outil stylo. Sur le côté gauche du jeton, zoomez sur les deux chemins ouverts des demi-cercles que nous avons créés. Cliquez sur le chemin ouvert en bas avec l'outil Plume (P). Notez que lorsque l'outil Plume (P) se trouve sur le chemin ouvert, il change pour afficher une barre oblique inverse. Cela indique que vous êtes sur un chemin ouvert. Cliquez sur le chemin ouvert avec l'outil Plume (P).
Déplacez votre outil crayon (P) vers le prochain chemin ouvert. Remarquez comment l'outil crayon change à nouveau. Cette fois, un symbole de tracé fermé s’affiche à droite de l’outil Crayon. Lorsque vous voyez ce symbole, cliquez sur le chemin. Cela connecte les deux objets avec une ligne et ferme le chemin.
Répétez les étapes 30 et 31 du côté droit. Le jeton de poker devrait ressembler à celui montré ci-dessous.
Remarque: Si vous voulez rendre le jeton de poker plus mince ou plus épais, sélectionnez simplement les quatre points d'ancrage ci-dessous. Utilisez ensuite l'outil Sélection directe (A) ainsi que la touche Maj pour déplacer les points d'ancrage sélectionnés vers le haut ou le bas selon un angle contraint. Si vous déplacez les points d'ancrage vers le bas, l'épaisseur de votre jeton de poker sera plus épaisse. Si vous les déplacez vers le haut, elle paraîtra plus mince..
Débloquez (Commande + Maj + 3) les bandes blanches que nous avons cachées à l'étape 25. Pour que nos bandes blanches aient la même profondeur, nous devons répéter les étapes que nous avons utilisées pour le corps du jeton de poker. Commençons par sélectionner le corps du jeton de poker que nous venons de créer et l’envoyer à l’arrière (touche Commande + Support gauche)..
Sur la bande blanche de gauche, utilisez l'outil de sélection directe (A) pour sélectionner le point d'ancrage au milieu de la bande, puis choisissez Edition> Copier> Coller devant. Vous avez créé un chemin ouvert en haut de la bande blanche..
Avec le chemin ouvert déjà sélectionné, déplacez-le directement vers le bas du jeton de poker. Supprimer la couleur de remplissage blanche.
Remarque: Si vous sélectionnez le chemin ouvert avec l'outil de sélection (V), toutes les bandes de poker blanches seront sélectionnées. Utilisez l'outil de sélection de groupe et cliquez simplement sur le chemin ouvert pour le déplacer vers le bas du jeton de poker. Lorsque les guides intelligents sont activés, le chemin doit s'aligner sur le chemin du bas..
Utilisez l'outil de sélection directe (A) et sélectionnez le point d'ancrage au milieu de la bande, puis choisissez Edition> Copier> Coller devant. Vous avez créé un autre chemin ouvert en haut de la bande blanche..
Connectez les chemins ouverts avec l'outil Plume (P), comme aux étapes 30 et 31..
Répétez les étapes pour les 2 bandes blanches suivantes. Il devrait maintenant ressembler à l'image ci-dessous.
Remarque: Pour les deux bandes suivantes, il n'y a pas de point d'ancrage au milieu des deux points d'ancrage. Pour copier le segment de ligne, cliquez simplement sur la ligne située entre les deux points d'ancrage à l'aide de l'outil de sélection directe. Cela sélectionnera le segment de ligne, entre le point d'ancrage. Choisissez Edition> Copier> Coller devant. Vous aurez maintenant un chemin ouvert au-dessus de la bande blanche.
Le cercle intérieur sur le jeton de poker est un peu en retrait. Pour ce faire, commençons par masquer le cercle le plus petit et le plus interne en le sélectionnant puis en appuyant sur Commande + 2..
Sélectionnez le cercle intérieur avec l'outil de sélection directe (V). Utilisez la commande Edition> Copier> Coller devant pour créer une autre instance de ce cercle..
Faites glisser le cercle que vous venez de créer, juste un cheveu. C'est la profondeur de la récréation.
Sélectionnez les deux cercles. Dans la palette Pathfinder, cliquez sur le bouton Diviser tout en maintenant la touche Option enfoncée. Cela séparera toutes les lignes qui se croisent.
Les deux cercles sont maintenant divisés à leurs points d'intersection. Cela crée trois objets distincts. Nous voulons sélectionner et supprimer l'objet inférieur.
Sélectionnez les petites bandes blanches, puis déplacez-les vers le bas pour les aligner avec le cercle inférieur..
Sélectionnez le cercle intérieur et Edition> Copier> Coller devant pour créer une deuxième copie. Nous allons utiliser cet objet pour éliminer l'excès des petites bandes blanches qui ne seraient pas visibles à cause de l'évidement intérieur.
Sélectionnez le cercle que vous venez de dupliquer, ainsi que l'une des bandes blanches qui le recouvrent.
Remarque: Les petites bandes blanches sont dans un groupe. Par conséquent, si vous essayez de les sélectionner avec l'outil de sélection (V), toutes les petites bandes blanches seront sélectionnées. Utilisez l'outil de sélection de groupe et la touche Maj pour sélectionner chaque bande individuellement, ainsi que le cercle..
Lorsque tous les éléments superposés sont sélectionnés, accédez à la palette Pathfinder, cliquez sur le bouton Diviser tout en maintenant la touche Option enfoncée. Cela séparera toutes les lignes qui se croisent.
Sélectionnez et supprimez toutes les pièces excédentaires (surlignées en jaune).
Annuler le masquage (Commande + Maj + 3) du cercle le plus à l'intérieur que nous avons défini sur Masquer à l'étape 39. Remarque: Vous devrez peut-être amener cet objet au premier plan. Une fois le cercle intérieur sélectionné, sélectionnez Edition> Copier> Coller devant. Cela nous donnera un cercle dupliqué par-dessus l'original.
Faites glisser le cercle que vous venez de coller jusqu'à ce qu'il touche les petites bandes blanches.
Avec le cercle correctement positionné et toujours sélectionné, choisissez Objet> Organiser> Envoyer en arrière. Cela mettra le cercle sélectionné derrière l'original.
Ajoutons maintenant de la couleur. Commencez par sélectionner tous les objets et en supprimant le trait noir qui leur est appliqué. Ensuite, nous devons décider d'où vient la source de lumière.
Pour le corps du jeton de poker, j'ai créé un dégradé avec des nuances de rouge plus foncées sur les bords extérieurs, avec la nuance de rouge plus claire à l'origine de la source de lumière..
J'ai ajouté le même dégradé à tous les objets orientés vers l'avant.
Pour le haut, j'ai créé un dégradé simple avec la nuance de rouge claire à l'avant et la nuance de rouge plus sombre à l'arrière.
Pour la partie en retrait, j'ai utilisé le même dégradé que le haut, mais en inversant les tons plus sombres et clairs. Cela donne à la zone plus de contraste.
J'ai varié les tons des bandes blanches du côté du jeton de poker. J'ai utilisé un pourcentage plus élevé de noir, plus une bande était éloignée de la source de lumière.
Je veux donner l'apparence d'un léger biseau sur la puce. Commencez par sélectionner le grand cercle, puis Edition> Copier> Coller devant. Nous avons maintenant deux cercles directement l'un sur l'autre.
Avec le cercle supérieur sélectionné, double-cliquez sur l'outil de mise à l'échelle (S). Cela fera apparaître la boîte de dialogue Echelle. Tapez 99% dans le champ Echelle et appuyez sur Entrée. Nous avons maintenant un cercle légèrement plus petit sur un autre.
À l'aide de l'outil de sélection (V), déplacez le petit cercle directement vers le haut jusqu'à ce qu'il intersecte le bord du grand cercle..
Sélectionnez le cercle le plus grand et le plus bas, donnez à ce cercle une nuance de rouge plus claire. Il apparaît maintenant que le jeton de poker a un léger biseau.
À partir de là, nous pouvons ajouter quelques éléments pour extraire cet objet de la page. Commençons par un trait plus épais autour de la puce entière.
Sélectionnez uniquement le cercle supérieur le plus grand (le cercle rouge clair utilisé pour le biseau) et le corps avant de la puce, puis sélectionnez Edition> Copier> Coller en place..
Avec les objets toujours sélectionnés, accédez à la palette Pathfinder, cliquez sur le bouton Fusionner tout en maintenant la touche Option enfoncée. Cela va fusionner tous les objets sélectionnés en un seul objet.
Avec le nouvel objet fusionné toujours sélectionné, affectez un trait noir de 3 points à l'objet. Envoyez l'objet à l'arrière en utilisant Objet> Organiser> Envoyer à l'arrière-plan.
Voici ce que nous devrions avoir jusqu’à présent. Afin d'améliorer encore l'image, créons une ombre simple. Il existe plusieurs façons de créer des ombres dans Illustrator. Je préfère celle-ci. Si vous en avez un meilleur, utilisez-le.
Commencez par Édition> Copier> Coller le cercle le plus large sur le jeton de poker (c'est le cercle rouge clair) et faites-le glisser sur le côté.
Positionnez le cercle que vous venez de créer en lançant en dehors de la source de lumière.
Envoyez le cercle que vous venez de positionner à l’arrière de tous les objets, en utilisant Objet> Arranger> Arrière-plan.
Tracez une ligne guide qui intersectera le jeton de poker et le cercle que vous venez d'envoyer à l'arrière..
Ajoutez un point d'ancrage au cercle où la ligne intersecte avec l'outil Ajouter un point d'ancrage (+). Supprimer la ligne de repère après avoir ajouté le point d'ancrage.
Supprimer le segment de ligne entre les deux points d'ancrage indiqués ci-dessous.
Utilisez l'outil Plume (P) pour dessiner un segment de ligne du chemin ouvert au bord du jeton de poker..
Donne au cercle une couleur de remplissage de 100% K
Le cercle noir étant sélectionné, choisissez Effet> Styliser> Plume. Dans la boîte de dialogue Plume, mettez 9 pt et cliquez sur OK.
Utilisez la palette Transparence pour donner à l'ombre une opacité de 50%..
Dupliquez votre puce en utilisant Edition> Copier> Coller et appliquez différents types de couleurs.
Empilez les jetons comme bon vous semble, ajoutez le fond de votre choix! Et nous avons fini!
En outre, si vous recherchez davantage de techniques pour créer des jetons de poker, Grant Friedman a écrit un tutoriel en deux parties sur AiBURN dans Création d'un jeton de poker 3D animé dans Illustrator (Parties un et deux), qui utilise des outils 3D pour puis exporte en Flash. C'est un flux de travail très différent de celui du tutoriel ci-dessus.
Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.
Accentsconagua