Astuce Comment créer une conception de nœud vectoriel autour d'une forme

Dans le tutoriel suivant, nous verrons comment créer une conception de chemin vectoriel autour d'une forme, similaire aux éléments de nœud que vous verrez dans n'importe quel programme vectoriel. Nous allons travailler dans Adobe Illustrator avec le panneau Apparence et un pinceau de motif pour créer ce motif faisant partie du défi Tuts + Workshop: Alphabet Design Challenge.!


Étape 1

Ouvrez Adobe Illustrator et appuyez sur Commande + N pour créer un nouveau document. Entrez 600 dans les cases largeur et hauteur puis cliquez sur le bouton Avancé. Sélectionnez RVB, Écran (72ppi) et assurez-vous que la case "Aligner les nouveaux objets sur la grille de pixels" est décochée avant de cliquer sur OK..


Étape 2

A l’aide de l’outil Texte (T), ajoutez un simple "V". Définissez sa couleur sur R = 255 G = 222 B = 23, utilisez la police "Script MT Bold" avec la taille définie à 400 pt, puis sélectionnez Texte> Créer des contours (Maj + Contrôle + O). Déplacez le panneau Calques et dissociez (Maj + Ctrl + G) la forme résultante..


Étape 3

Sélectionnez la forme créée à l'étape précédente et effectuez une copie devant (Contrôle + C> Contrôle + F). Sélectionnez cette copie et prenez l'outil de sélection directe (A). Maintenez la touche Maj enfoncée, cliquez sur le point d'ancrage mis en surbrillance dans la deuxième image, puis appuyez sur la touche Suppr de votre clavier. En fin de compte, vous devriez obtenir ce petit point d'ancrage à partir de la troisième image.


Étape 4

Resélectionnez le point d'ancrage de l'étape précédente, concentrez-vous sur le panneau Apparence et ajoutez un trait blanc. Sélectionnez-le, élargissez-le de 3 points et sélectionnez Effet> Convertir en forme> Rectangle. Entrez les données indiquées ci-dessous, cliquez sur OK et retournez au panneau Apparence..

Ajoutez un second trait pour ce point d'ancrage à l'aide du bouton Ajouter un nouveau trait situé en bas du panneau Apparence. Sélectionnez-le, agrandissez-le de 1 pt, définissez la couleur sur le noir et sélectionnez Effet> Convertir en forme> Rectangle. Entrez les données affichées dans l'image suivante et cliquez sur OK. Assurez-vous que ce point d'ancrage est toujours sélectionné et faites-le simplement glisser à l'intérieur du panneau Nuancier. Cela va l'enregistrer comme un motif. Double-cliquez sur ce nouveau motif et nommez-le "Carreau de départ et d'arrivée". Nous en aurons besoin plus tard lorsque nous créerons un modèle de pinceau.


Étape 5

Resélectionnez la forme jaune et effectuez une copie devant (Contrôle + C> Contrôle + F). Sélectionnez cette copie, saisissez l'outil Sélection directe (A), maintenez la touche Maj enfoncée, cliquez sur le point d'ancrage mis en surbrillance dans la deuxième image, puis appuyez sur la touche Suppr de votre clavier. Encore une fois, vous devriez vous retrouver avec un simple point d'ancrage. Ensuite, vous devez copier les propriétés utilisées à l'étape précédente et les coller sur ce nouveau point d'ancrage. Vous pouvez facilement le faire en utilisant l'icône de la cible. Déplacez-vous sur le panneau Calques, concentrez-vous sur le côté droit et vous remarquerez que chaque forme est accompagnée d'un petit cercle gris, qui est une icône de cible. Maintenez la touche Alt enfoncée, cliquez sur l'icône de la cible correspondant au point d'ancrage modifié à l'étape précédente et faites-la glisser sur l'icône de la cible correspondant à ce nouveau point d'ancrage..


Étape 6

Continuez à vous concentrer sur votre forme jaune et répétez la technique mentionnée à l'étape précédente pour le reste des points d'ancrage..


Étape 7

À l'aide de l'outil Rectangle (M), cliquez simplement sur votre plan de travail. Entrez 5 dans la zone de largeur et 1 dans la zone de hauteur, puis cliquez sur OK. Cela devrait créer un rectangle de 5 par 1px. Sélectionnez-le, remplissez-le de noir, ouvrez le panneau Pinceaux (Fenêtre> Pinceaux) et cliquez sur le bouton Nouveau pinceau. Cochez le bouton Motif Pinceau et cliquez sur OK. Choisissez un nom pour votre pinceau puis déplacez-vous vers les cases Mosaïque. Sélectionnez les tuiles de début et de fin et ajoutez le motif "Tuiles de début et de fin". Vous devriez le trouver dans votre liste ci-dessous les boîtes de tuiles. Enfin, cliquez sur OK et vous devriez trouver votre nouveau pinceau de motif dans le panneau Pinceaux. Une fois que vous avez obtenu ce motif, vous pouvez supprimer le rectangle noir du panneau Calques..


Étape 8

Concentrez-vous sur le côté inférieur de votre chemin de vecteur jaune. A l’aide de l’outil Plume (P), ajoutez quelques chemins simples pour les points d’ancrage inférieurs, comme indiqué dans la première image. Sélectionnez les trois chemins et remplacez le trait noir par le motif de pinceau créé à l'étape précédente. À la fin, les choses devraient ressembler à la deuxième image.


Étape 9

Ensuite, vous devez éditer les points d'ancrage pour lesquels vous avez ajouté les chemins modelés. Sélectionnez l'un de ces points d'ancrage et concentrez-vous sur le panneau Apparence. Tout d'abord, supprimez le trait blanc. Ensuite, sélectionnez le trait noir, augmentez sa taille à 3 points, puis ouvrez l’effet de rectangle existant et modifiez-le comme indiqué dans l’image suivante. Accédez au panneau Calques et utilisez ces icônes cibles pour ajouter les mêmes propriétés aux deux autres points d'ancrage..


Étape 10

Resélectionnez le tracé jaune, concentrez-vous sur le panneau Apparence et ajoutez un second remplissage à l'aide du bouton Ajouter un nouveau remplissage. Sélectionnez ce nouveau remplissage, changez son mode de fusion en Lumière douce, baissez l'opacité à 70%, ajoutez le dégradé linéaire présenté ci-dessous et accédez à Effet> Tracé> Décalage. Entrez un décalage de -3px et cliquez sur OK. Continuez à vous concentrer sur le panneau Apparence, ajoutez un trait pour cette forme, rendez-la noire et large. Le zéro jaune de l'image du dégradé représente le pourcentage d'opacité.


Étape 11

Assurez-vous que votre chemin de vecteur jaune est toujours sélectionné et faites la mise au point dans le panneau Apparence. Sélectionnez le fond jaune et allez à Effet> Chemin> Chemin décalé. Entrez un décalage de 0,5 pixel, cliquez sur OK et sélectionnez Effet> Déformer et transformer> Transformer. Entrez les données indiquées ci-dessous, cliquez sur OK et retournez au panneau Apparence. Ajoutez un second remplissage pour cette forme, faites-la glisser au bas du panneau Apparence et définissez sa couleur sur R = 255 G = 242 B = 77. Resélectionnez votre chemin "V", assurez-vous qu'aucun remplissage ou trait n'est sélectionné (dans le panneau Apparence) et accédez à Effet> Styliser> Ombre portée. Entrez les données affichées dans la fenêtre de gauche, cliquez sur OK et sélectionnez Effet> Styliser> Ombre portée. Entrez les données affichées dans la fenêtre de droite et cliquez sur OK.


Étape 12

Allez dans Edition> Préférences> Général et réglez l'Incrément de clavier à 0.25px. À l'aide de l'outil Rectangle (M), créez un carré de 12 pixels, remplissez-le avec R = 203 G = 203 B = 203 et dupliquez-le (Contrôle + C> Contrôle + F). Sélectionnez cette copie et appuyez une fois sur la flèche gauche et sur la flèche haut pour la déplacer de 0,25 px vers le haut et vers la gauche. Resélectionnez les deux carrés, ouvrez le panneau Pathfinder et cliquez sur le bouton Moins avant. Sélectionnez le chemin résultant, transformez-le en motif, puis supprimez-le du panneau Calques..


Étape 13

Avec l’outil Rectangle (M), créez une forme de la taille de votre planche d’art, remplissez-la avec R = 250 G = 250 B = 250 puis renvoyez-la à l’arrière (Maj + Ctrl + [).


Étape 14

Resélectionnez le rectangle créé à l'étape précédente, concentrez-vous sur le panneau Apparence et ajoutez un second remplissage. Sélectionnez-le, ajoutez le motif créé à la douzième étape et vous avez terminé.


Conclusion

Maintenant, votre travail est terminé. Voici à quoi cela devrait ressembler. J'espère que vous êtes inspiré pour participer à notre récent atelier Tuts + Workshop: Alphabet Design Challenge.