Comment créer un pinceau à motif drapeau nageant dans Adobe Illustrator

Ce que vous allez créer

Dans les étapes suivantes, vous apprendrez à créer un motif de pinceau banderole dans Adobe Illustrator.. 

Pour commencer, vous apprendrez à configurer une grille simple et à créer les drapeaux et le reste des formes qui constitueront la tuile latérale de votre motif.. 

Ensuite, vous apprendrez à créer les formes qui constitueront les coins et les tuiles de début et de fin de votre motif.. 

Enfin, vous apprendrez à sauvegarder un ensemble de motifs simples, à créer votre propre motif de pinceau et à les utiliser facilement..

1. 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 600 dans la case de largeur et 400 dans la case hauteur puis cliquez sur le Avancée bouton. Sélectionner RVB, Écran (72ppi) et assurez-vous que le Aligner de nouveaux objets sur la grille de pixels la case est décochée avant de cliquer D'accord

Activer le la grille (Voir> Afficher la grille) et le Aligner sur la grille (Voir> Aligner sur la grille). Vous aurez besoin d'une grille chaque 1px, si simplement aller à Édition> Préférences> Guides> Grille, entrer 1 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 en utilisant le Contrôle-" raccourci clavier. 

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 de Édition> Préférences> Unités> Général. Toutes ces options augmenteront considérablement votre vitesse de travail.

2. Créer la mosaïque latérale du motif

É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 R = 230 G = 231 B = 232. Déplacez-vous sur votre planche et créez simplement un 105 x 26px rectangle, le Aligner sur la grille devrait faciliter votre travail.

Étape 2

Assurez-vous que le Outil Rectangle (M) est toujours actif, définissez la couleur de remplissage sur R = 165 G = 165 B = 175, créer un 105 x 1px la forme et placez-le exactement comme indiqué dans l'image suivante. Encore une fois, le Aligner sur la grille fonctionnalité devrait faciliter votre travail.

Étape 3

Assurez-vous que le Outil Rectangle (M) est toujours actif, définissez la couleur de remplissage sur R = 39 G = 170 B = 225, créer un 13 x 14px la forme et placez-le exactement comme indiqué dans l'image suivante. Concentrez-vous sur le côté inférieur de ce rectangle bleu, saisissez le Supprimer l'outil de point d'ancrage (-) et cliquez simplement sur le bon point d'ancrage pour le supprimer. 

Basculer vers le Outil de sélection directe (A), sélectionnez le point d'ancrage inférieur restant et faites-le simplement glisser 8px à droite. À la fin, votre rectangle bleu devrait se transformer en un simple triangle, comme indiqué dans la deuxième image..

Étape 4

Assurez-vous que votre forme bleue est sélectionnée et faites quatre copies devant (Contrôle-C> Contrôle-F). Sélectionnez ces copies une par une, placez-les comme indiqué dans l'image suivante et remplacez la couleur de remplissage existante par celles illustrées ci-dessous..

Étape 5

Sélectionnez votre triangle bleu et allez à Effet> Déformation> Arc inférieur. Entrez les propriétés affichées dans l'image suivante, cliquez sur D'accord et allez à Effet> Warp> Arc supérieur. Entrez les attributs indiqués ci-dessous, cliquez sur D'accord et allez à Objet> Développer l'apparence.

Étape 6

Sélectionnez votre triangle jaune et allez à Effet> Déformation> Arc inférieur. Entrez les propriétés affichées dans l'image suivante, cliquez sur D'accord et allez à Effet> Warp> Drapeau. Entrez les attributs indiqués ci-dessous, cliquez sur D'accord et allez à Objet> Développer l'apparence.

Étape 7

Sélectionnez votre triangle rouge et allez à Effet> Warp> Arc supérieur. Entrez les propriétés affichées dans l'image suivante, cliquez sur D'accord et allez à Effet> Warp> Drapeau. Entrez les attributs indiqués ci-dessous, cliquez sur D'accord et allez à Objet> Développer l'apparence.

Étape 8

Sélectionnez votre triangle orange et allez à Effet> Déformation> Arc inférieur. Entrez les propriétés affichées dans l'image suivante, cliquez sur D'accord et allez à Effet> Warp> Arc supérieur. Entrez les attributs ci-dessous et allez à Effet> Warp> Drapeau. Entrez les propriétés affichées dans l'image suivante, cliquez sur D'accord et allez à Objet> Développer l'apparence.

Étape 9

Sélectionnez votre triangle vert et allez à Effet> Warp> Arc supérieur. Entrez les propriétés affichées dans l'image suivante, cliquez sur D'accord et allez à Effet> Warp> Drapeau. Entrez les attributs indiqués ci-dessous, cliquez sur D'accord et allez à Objet> Développer l'apparence.

Étape 10

Prenez le Outil de sélection directe (A), sélectionnez les dix points d’ancrage mis en évidence par les cercles bleus dans la première image, faites la mise au point sur le panneau de configuration et entrez "1px"dans ce Coins boîte. À la fin, les choses devraient ressembler à la deuxième image.

Étape 11

Resélectionnez les cinq formes qui composent vos drapeaux et dupliquez-les (Contrôle-C> Contrôle-F). Sélectionnez ces copies et appuyez simplement sur Contrôle-8 pour les transformer en un simple Chemin composé. Assurez-vous que votre chemin composé est sélectionné et remplacez la couleur de remplissage existante par R = 245 G = 124 B = 174.

Étape 12

Resélectionnez votre chemin composé rose et faites-en une copie devant (Contrôle-C> Contrôle-F). 

En utilisant le Outil Rectangle (M), créer un 105 x 1px forme, définissez la couleur de remplissage en noir et placez-la comme indiqué dans la deuxième image. Sélectionnez ce rectangle mince avec la copie réalisée au début de l’étape, ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et cliquez sur le Couper bouton. 

Assurez-vous que le groupe de formes résultant est sélectionné, transformez-le en un nouveau Chemin composé (Contrôle-8) et se concentrer sur Apparence panneau. Cliquez simplement dessus "Opacité"morceau de texte pour ouvrir le Transparence panneau amovible, abaissez le Opacité à 30% et changer le Mode de fusion à Lumière douce.

Étape 13

Resélectionnez votre chemin composé rose et faites une nouvelle copie devant (Contrôle-C> Contrôle-F). 

En utilisant le Outil Rectangle (M), créer un 105 x 1px forme, définissez la couleur de remplissage en blanc et placez-la comme indiqué dans la deuxième image. Sélectionnez ce rectangle fin avec la copie réalisée au début de l’étape et cliquez sur le bouton Couper bouton du Éclaireur panneau. 

Transformez le groupe de formes résultant en un nouveau Chemin composé (Contrôle-8), abaisse son Opacité à 30% et changer le Mode de fusion à Lumière douce.

Étape 14

Resélectionnez votre chemin composé rose et faites une nouvelle copie devant (Contrôle-C> Contrôle-F). 

En utilisant le Outil Rectangle (M), créer un 105 x 3px forme, définissez la couleur de remplissage en noir et placez-la comme indiqué dans la deuxième image. Sélectionnez ce nouveau rectangle avec la copie réalisée au début de l’étape et cliquez sur le bouton Couper bouton du Éclaireur panneau. 

Transformez le groupe de formes résultant en un nouveau Chemin composé (Contrôle-8), abaisse son Opacité à 20% et changer le Mode de fusion à Lumière douce.

Étape 15

En utilisant le Outil Rectangle (M), créer un 105 x 1px forme, définissez la couleur de remplissage en noir et placez-la comme indiqué dans la deuxième image. Sélectionnez ce nouveau rectangle avec votre chemin composé rose et cliquez sur le bouton Couper bouton du Éclaireur panneau. Transformez le groupe de formes résultant en un nouveau Chemin composé (Contrôle-8), abaisse son Opacité à 20% et changer le Mode de fusion à Lumière douce.

Étape 16

Resélectionnez toutes les formes faites jusqu'à présent et appuyez sur Contrôle-G à Groupe leur. Déplacer vers le Couches panneau (Fenêtre> Calques), double-cliquez simplement sur votre nouveau groupe et renommez-le "sideTile"

3. Créez les carreaux de coin extérieur et intérieur du pinceau de motif

Étape 1

Choisissez le Outil Rectangle (M), créer un 26px carré, définissez la couleur de remplissage sur R = 230 G = 231 B = 232 et placez-le comme indiqué dans la première image. En utilisant le même outil, créez un 11 x 1px rectangle et un 1 x 11px rectangle. Remplir les deux formes avec R = 165 G = 165 B = 175 et placez-les comme indiqué dans la deuxième image.

Étape 2

En utilisant le Outil Ellipse (L), créer un 5px cercle, définissez la couleur de remplissage sur R = 100 G = 100 B = 115 et placez-le comme indiqué dans la première image. 

Assurez-vous que votre nouvelle forme est sélectionnée et allez à Objet> Chemin> Chemin décalé. Entrez un -Décalage de 1px et cliquez D'accord. Sélectionnez la forme nouvellement créée, remplacez la couleur de remplissage existante par R = 135 G = 135 B = 145 et aller encore à Objet> Chemin> Chemin décalé. Entrez un -Décalage de 1px et cliquez D'accord. Sélectionnez le cercle obtenu et remplacez la couleur de remplissage existante par R = 209 G = 211 B = 212

Resélectionnez les trois cercles concentriques créés à cette étape avec les trois rectangles créés à l’étape précédente. Groupe leur (Contrôle-G). Déplacer vers le Couches panneau et tout simplement renommer ce nouveau groupe "outerCorner"

Étape 3

Dupliquez votre "outerCorner"groupe (Contrôle-C> Contrôle-F), sélectionnez la copie et faites-la glisser de plusieurs pixels vers la droite, comme indiqué dans la première image.. 

Focus sur le Couches panneau et renommer ce nouveau groupe "innerCorner". Continuez à vous concentrer sur Couches panneau, ouvrez votre "innerCorner"groupe, sélectionnez les trois cercles concentriques et faites-les simplement glisser 1px et 1px à gauche comme indiqué dans la deuxième image. 

Ensuite, sélectionnez le 11 x 1px rectangle et déplacez-le 1px up puis sélectionnez le 1 x 11px rectangle et déplacez-le 1px à gauche. En fin de compte votre "innerCorner"le groupe devrait ressembler à la quatrième image.

4. Créer les tuiles de début et de fin du motif

Étape 1

Choisissez le Outil Rectangle (M), créer un 15 x 26px carré, définissez la couleur de remplissage sur R = 230 G = 231 B = 232 et placez-le comme indiqué dans la première image. 

En utilisant le même outil, créez un 12 x 1px rectangle, définissez la couleur de remplissage sur R = 165 G = 165 B = 175 et placez-les comme indiqué dans la deuxième image.

Étape 2

En utilisant le Outil Ellipse (L), créer un 5px cercle, définissez la couleur de remplissage sur R = 100 G = 100 B = 115 et placez-le comme indiqué dans la première image. 

Assurez-vous que cette nouvelle forme est sélectionnée et allez à Objet> Chemin> Chemin décalé. Entrez un -Décalage de 1px et cliquez D'accord. Sélectionnez le nouveau cercle, remplacez la couleur de remplissage existante par R = 135 G = 135 B = 145 et aller encore à Objet> Chemin> Chemin décalé. Entrez le même -Décalage de 1px et cliquez D'accord. Sélectionnez la forme obtenue et remplacez la couleur de remplissage existante par R = 209 G = 211 B = 212

Resélectionnez les trois cercles concentriques créés lors de cette étape avec les deux rectangles créés lors de l’étape précédente. Groupe leur (Contrôle-G). Déplacer vers le Couches panneau et tout simplement renommer ce nouveau groupe "startTile"

Étape 3

Assurez-vous que votre "startTile"le groupe est sélectionné et aller à Objet> Transformer> Refléter. Vérifier la Verticale puis cliquez sur le bouton Copie bouton pour créer une copie de groupe retournée horizontalement. 

Sélectionnez le groupe nouvellement créé, faites-le glisser de plusieurs pixels vers la gauche (comme indiqué dans la troisième image), puis déplacez-le vers le bas. Couches panneau et le renommer "EndTile".

5. Enregistrez quatre motifs simples et créez votre motif

Étape 1

Resélectionnez les cinq rectangles avec la couleur de remplissage définie sur R = 230 G = 231 B = 232, se concentrer sur Apparence panneau et simplement enlever cette couleur du remplissage. Cela devrait rendre vos formes invisibles.

Étape 2

Sélectionnez votre "outerCorner"groupe et faites simplement glisser à l'intérieur de votre Échantillons panneau (Fenêtre> Nuancier) pour l'enregistrer en tant que motif. Double-Cliquez sur sur votre nouveau modèle et le renommer "OuterCorner". Sélectionnez votre "innerCorner"groupe, enregistre-le sous un nouveau motif et renomme-le"InnerCorner".

Étape 3

Sélectionnez votre "startCorner"groupe, enregistrez-le en tant que modèle et renommez-le"StartTile". Sélectionnez votre "endCorner"groupe, enregistrez-le en tant que modèle et renommez-le"EndTile".

Étape 4

Sélectionnez votre "sideTile"groupe, ouvrez le Des pinceaux panneau (Fenêtre> Brosses) et cliquez sur le Nouveau pinceau bouton (indiqué par la petite flèche bleue dans l'image suivante). Vérifier la Brosse à motif case puis cliquez sur D'accord ouvrir le Options de brosse de motif la fenêtre. Entrer "DrapeauxBrosse" dans le prénom case alors se concentrer sur la Tuile des boites. Ouvrez le Coin extérieur, la Coin intérieur, la Carreau de départ et le Tuile de fin Faites défiler les fenêtres et ajoutez simplement votre motif enregistré. Une fois que vous avez terminé, cliquez sur le bouton D'accord bouton et vous devriez trouver votre nouveau modèle de brosse à l'intérieur du Des pinceaux panneau.

6. Enregistrer un style graphique simple

Étape 1

Choisissez le Outil Rectangle (M) et cliquez simplement sur votre planche pour ouvrir le Rectangle la fenêtre. Entrer 610 dans le Largeur boîte et 410 dans le la taille puis cliquez sur le bouton D'accord bouton. Assurez-vous que la forme obtenue reste sélectionnée et définissez sa couleur sur R = 234 G = 240 B = 255

Ensuite, vous devrez le centrer, alors ouvrez le Aligner panneau (Fenêtre> Aligner). Définissez l’alignement sur Artboard (ouvrez le menu déroulant et allez à Afficher les options si vous ne pouvez pas voir le Aligner a section ci-dessous), assurez-vous que votre forme est sélectionnée puis cliquez simplement sur le bouton Centre d'alignement horizontal et Centre d'alignement vertical boutons. A la fin, votre carré doit couvrir l’ensemble du plan d’art, comme indiqué dans l’image suivante..

Étape 2

En utilisant le Outil stylo (P), Créez un chemin simple comme dans l’image suivante. Assurez-vous qu'il n'y a pas de couleur définie pour le remplissage, puis sélectionnez le trait et ajoutez simplement votre "DrapeauxBrosse" du Des pinceaux panneau.

Étape 3

Resélectionnez votre chemin, concentrez-vous sur la Apparence panneau, sélectionnez le trait et ajoutez les quatre Ombre portée effets (Effet> Styliser> Ombre portée) montré dans l'image suivante. Assurez-vous que votre chemin reste sélectionné, ouvrez le Styles graphiques panneau (Fenêtre> Styles graphiques) et cliquez simplement sur le Nouveau style graphique bouton pour enregistrer un nouveau style graphique.

Étape 4

Enfin, créez la forme ou le chemin de votre choix, assurez-vous qu’elle est sélectionnée et ajoutez simplement votre style graphique enregistré à partir de Styles graphiques panneau.

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..