Comment créer un motif de combinaisons de cartes dans Adobe Illustrator

Ce que vous allez créer

Dans les étapes suivantes, vous apprendrez à créer, enregistrer et utiliser un motif de combinaisons de cartes dans Adobe Illustrator.. 

Pour commencer, vous apprendrez à configurer une grille simple et à créer les quatre symboles de combinaison de cartes à l’aide des techniques de base de construction de formes vectorielles. Ensuite, vous apprendrez à créer et à sauvegarder un motif simple. Enfin, vous apprendrez à appliquer votre motif et à l’ajuster à l’aide de l’effet Transformer..

Pour plus d'inspiration sur la façon d'ajuster ou d'améliorer votre motif final, vous pouvez trouver de nombreuses ressources à GraphicRiver..

1. Comment créer un nouveau document et configurer une grille

Frappé Contrôle-N créer un nouveau document. Sélectionner Les pixels du Unités menu déroulant, entrez 850 dans les zones largeur et hauteur, puis cliquez sur le bouton Avancée bouton. Sélectionner RVB pour le Mode de couleur, met le Effets raster à Écran (72 ppi), puis cliquez sur Créer un document.

Activer la grille (Voir> Afficher la grille) et l’alignement sur la grille (Voir> Aligner sur la grille). Vous aurez besoin d'une grille chaque 5 px, si simplement aller à Édition> Préférences> Guides> Grille, entrer 5 dans le Quadrillage tous les boîte et 1 dans le Subdivisions boîte. Essayez de ne pas vous décourager par toute cette grille, cela facilitera votre travail et gardez à l’esprit que vous pouvez facilement l’activer ou la désactiver à l’aide de la Contrôle-" raccourci clavier.

Vous pouvez en apprendre plus sur le système de grille d'Illustrator dans ce court tutoriel de Andrei Stefan: Comprendre le système de grille d'Adobe Illustrator.

Vous devriez aussi ouvrir le Info panneau (Fenêtre> Info) pour un aperçu en direct avec la taille et la position de vos formes. N'oubliez pas de définir l'unité de mesure en pixels à partir de Édition> Préférences> Unités. Toutes ces options augmenteront considérablement votre vitesse de travail.

2. Comment créer le symbole des clubs

Étape 1

Choisissez le Outil Rectangle (M) et concentrez-vous sur votre barre d'outils. Supprimez la couleur du trait, sélectionnez le remplissage et définissez sa couleur sur Noir (R = 137 G = 147 B = 150). Déplacez-vous sur votre planche et créez simplement un 20 x 10 px rectangle-the Grid et Snap to Grid devraient faciliter cette tâche.

Retournez à la barre d’outils et remplacez la couleur de remplissage existante par un jaune aléatoire. Basculer vers le Outil Ellipse (L), créer deux 20 px cercles et placez-les exactement comme indiqué dans la deuxième image.

Étape 2

En utilisant le Outil de déplacement (V), sélectionnez toutes les formes faites jusqu'à présent, ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et cliquez sur le bouton Minus Front bouton. Sélectionnez la forme obtenue et appuyez simplement sur Control-C pour le copier.

Étape 3

Revenez à la barre d’outils et définissez la couleur de remplissage en noir. Choisissez le Outil Ellipse (L), créer trois 20 px cercles et placez-les exactement comme indiqué dans la première image. Basculer vers le Outil Rectangle (M), créer un 10 px carré, et placez-le comme indiqué dans la deuxième image.

Sélectionnez toutes les formes créées jusqu'à présent, cliquez sur le bouton Unir bouton du Éclaireur panneau, puis appuyez sur Contrôle-8 transformer les formes résultantes en un chemin composé. Ce sera le symbole de votre club.

3. Comment créer le symbole de pique

Étape 1

En utilisant le Outil Ellipse (L), créer un 40 x 50 px façonner et le rendre noir. Basculer vers le Outil Rectangle (M), créer un 40 x 25 px forme, remplissez-le avec un jaune aléatoire, et placez-le comme indiqué dans la deuxième image. Sélectionnez les deux formes et cliquez sur le bouton Minus Front bouton du Éclaireur panneau.

Concentrez-vous sur le dessus de la forme obtenue et sélectionnez la Outil de point d'ancrage (Maj-C). Cliquez simplement sur le point d’ancrage supérieur et faites glisser ces poignées comme indiqué dans la troisième image..

Étape 2

Continuez à vous concentrer sur la forme créée à l'étape précédente. Choisissez le Outil de sélection directe (A), sélectionnez les points d'ancrage inférieurs et faites glisser ces poignées comme indiqué dans la première image.

Déplacer vers le point d’ancrage supérieur, maintenez la Alt clé, et faites glisser ces poignées comme indiqué dans la deuxième image.

Étape 3

En utilisant le Outil Ellipse (L), créer deux 20 px cercles et placez-les exactement comme indiqué dans la première image. Assurez-vous que les deux formes sont sélectionnées et transformez-les en un chemin composé (Contrôle-8).

Basculer vers le Outil Rectangle (M), créer un 40 x 10 px forme, et placez-le comme indiqué dans la deuxième image. Sélectionnez ce rectangle avec le chemin composé créé il y a quelques instants, puis cliquez sur le bouton Minus Front bouton du Éclaireur panneau.

Étape 4

Sélectionnez les deux formes en surbrillance dans la première image et cliquez sur le bouton Unir bouton du Éclaireur panneau. Simplement frappé Contrôle-V coller la forme copiée il y a plusieurs étapes. Placez cette nouvelle forme comme indiqué dans la deuxième image.

Resélectionnez la forme de votre coeur inversé (surlignée dans la troisième image) et copiez-la (Control-C). Sélectionnez les deux formes qui composent votre symbole de pique et transformez-les en un chemin composé (Contrôle-8).

4. Comment créer le symbole des coeurs

Étape 1

Coller cette forme de coeur retournée (Contrôle-V) et le faire pivoter 180 degrés.

Étape 2

Continuez à vous concentrer sur la forme de votre cœur et choisissez le Outil de sélection directe (A). Sélectionnez le point d'ancrage inférieur et faites-le glisser 5 px vers le bas. Ensuite, sélectionnez les deux poignées et faites-les glisser comme indiqué dans la troisième image. La forme résultante sera la forme de votre symbole de coeurs.

5. Comment créer le symbole de diamants

Choisissez le Outil Rectangle (M), créer un 40 px carré, remplissez-le de noir et allez à Objet> Chemin> Ajouter des points d'ancrage. Continuez à vous concentrer sur cette forme et passez à la Supprimer l'outil de point d'ancrage (-). Cliquez simplement sur les quatre coins de votre carré pour les supprimer. La forme résultante sera la forme de votre symbole de diamants.

6. Comment créer et sauvegarder votre modèle

Étape 1

En utilisant le Outil Rectangle (M), créer un 200 x 100 px forme, remplissez-le avec un rouge aléatoire, et abaissez son Opacité à peu près 30%.

Étape 2

Amenez vos symboles devant vous (Shift-Control-]) et placez-les comme indiqué dans les images suivantes.

Étape 3

Sélectionnez les formes de diamants et de coeurs et remplacez la couleur de remplissage existante par R = 220 G = 40 B = 20.

Étape 4

Resélectionnez ce rectangle rouge et supprimez la couleur du remplissage. Sélectionnez ce rectangle avec les quatre formes de symboles et faites-les simplement glisser dans le Échantillons panneau (Fenêtre> Nuancier) pour les sauvegarder en tant que motif.

7. Comment appliquer et ajuster votre modèle

Étape 1

En utilisant le Outil Rectangle (M), créer un 610 px carré, et le remplir avec R = 240 G = 240 B = 240.

Étape 2

Assurez-vous que votre grand carré est toujours sélectionné et ajoutez un second remplissage à l'aide du bouton Ajouter un nouveau remplissage bouton. Sélectionnez ce nouveau remplissage et appliquez simplement votre motif de la Échantillons panneau.

Étape 3

Enfin, voici une technique simple que vous pouvez utiliser pour ajuster votre motif. Assurez-vous que votre grand carré est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Sélectionnez ce remplissage à motifs et allez à Effet> Distorsion & Transformation> Transformer.

Faites glisser les deux Échelle curseurs à 50%, met le Angle à 25 degrés, et assurez-vous que seul le Transformer les motifs la case est cochée avant de cliquer dessus D'accord bouton. Ceci est un effet live, ce qui signifie que vous pouvez toujours revenir à la Apparence panneau, cliquez sur cet effet et ajustez les attributs comme vous le souhaitez.

Toutes nos félicitations! Vous avez terminé!

Voici à quoi cela devrait ressembler. J'espère que vous avez apprécié ce tutoriel et que vous pouvez appliquer ces techniques à vos projets futurs..

N'hésitez pas à ajuster le design final et à le personnaliser. Vous pouvez trouver de bonnes sources d’inspiration chez GraphicRiver, avec des solutions intéressantes pour améliorer votre conception..