Créer un motif d'ancrage transparent dans Adobe Illustrator

Ce que vous allez créer

Besoin d'un modèle navigable pour vos créations d'été? Un motif avec des ancres et des gilets de sauvetage pourrait bien faire l'affaire.

Dans ce didacticiel, nous concevrons un motif sans soudure, géométrique et nautique, simple et élégant, pour créer le motif parfait pour une touche d'été légère. Armé du Outil de modèle, formes de base dans Adobe Illustrator, et un script gratuit très pratique, vous serez en mesure de créer de superbes motifs géométriques en utilisant le motif de votre choix en un rien de temps.

1. Créer une ancre simple en utilisant des formes de base

Étape 1

Pour commencer, créez un Nouveau document de 600x600 px Taille. Prendre le Outil Ellipse (L) et faire un cercle pair en tenant le Décalage clé. Utilisez le Convertir l'outil de point d'ancrage (Maj-C) pour déplacer les poignées d'ancrage dans le bas de notre cercle. Placez-les perpendiculairement à leur position initiale, de sorte que nous obtenions un coin pointu au bas de notre forme.

Voici à quoi ressemble notre forme maintenant.

Étape 2

Copie la forme et Coller il devant (Control-C> Control-F). Déplacez la copie créée un peu plus haut. Nous aurons besoin seulement de la partie inférieure de ces deux formes de croisement, utilisez donc le Outil de création de forme (Maj-M) supprimer la partie supérieure dont nous n’avons pas besoin. Passez le curseur de la souris sur la partie inutile: vous remarquerez que cette partie devient grise, puis Cliquez sur en tenant le Alt touche pour supprimer cette partie.

Étape 3

Supprimer la grande partie centrale de notre forme de la même manière. Il ne reste plus que la partie inférieure à gauche, juste ce dont nous avions besoin. Remplissez cette forme avec la couleur noire.

Étape 4

Prendre le Outil Rectangle (M) créer un rectangle étroit partant de la partie inférieure de notre ancre. Sélectionnez deux points d’ancrage inférieurs avec le Outil de sélection directe (A) et déplacez-les sur les côtés opposés les uns des autres afin d'élargir le rectangle en bas.

Étape 5

Maintenant, faites un petit rectangle et placez-le au milieu. Ajouter un petit cercle pair sur notre ancre.

Étape 6

Gardez le cercle sélectionné et allez à Objet> Chemin> Chemin décalé. Définissez la valeur de décalage sur -15px ou ajustez cette valeur à la taille de votre ancre, selon la capture d'écran ci-dessous. Utilisez le Outil Générateur de formes (Maj-M) encore une fois pour découper le petit cercle, créant ainsi une belle bague.

Étape 7

Faire un triangle en utilisant le Outil Polygone et mettre le Côtés valeur à 3. Aller à Effet> Warp> Arc et mettre le pliez valeur à 20%, Verticale afin de rendre notre triangle légèrement incurvé.

Étape 8

Placez la forme incurvée sur la partie gauche de notre ancre pour créer un douve.

Modifiez-le légèrement en ajoutant le point d'ancrage au milieu de la base et en le déplaçant légèrement. Convertissez-le en coin pointu en cliquant sur le point avec le Convertir l'outil de point d'ancrage (Maj-C).

Étape 9

Utilisez le Outil de réflexion (O) pour refléter la douve sur l'axe vertical et placer la copie de l'autre côté de notre ancre.

Étape 10

Rendre la partie inférieure de l’ancre un peu plus large et plus massive et plus Unir les formes dans Panneau Pathfinder.

Étape 11

Sélectionnez le point d’ancrage au bas de la partie centrale et utilisez le bouton Convertir les points d'ancrage sélectionnés en lissage option dans le panneau de contrôle ci-dessus afin de créer une courbe lisse, comme indiqué sur la capture d'écran.

Étape 12

Faites les poignées plus courtes avec Convertir l'outil de point d'ancrage (Maj-C) redresser la forme centrale et utiliser le Des guides pour rendre les deux côtés de notre ancre symétrique.

Notre ancre est prête! Nous pouvons passer à la partie suivante et créer un motif élégant!


2. Concevez un motif d'ancrage simple à l'aide de l'outil de dessin

Étape 1

Sélectionnez notre ancre et allez à Objet> Modèle> Marque. Après avoir entré le Mode Pattern, vous trouverez le Options de modèle fenêtre, où vous pouvez changer le prénom de votre modèle et jouer avec d'autres options. Ici j'ai mis le Largeur et le la taille du Tuile à 600px (ce qui correspond à la taille de notre Artboard) et a laissé d’autres options par défaut. Vous pouvez toujours changer la position et la taille de vos objets, les recolorier, ajouter de nouvelles formes et faire ce que vous voulez pour améliorer la composition globale. J'ai ajouté une autre ancre, l'ai retournée et placé quelques cercles pour rendre le motif plus fantaisiste..

Étape 2

Revenez en mode normal et utilisez le Outil d'échelle (S) pour réduire l’échelle du motif de moitié. N'oubliez pas de décocher toutes les autres cases sauf le Modèle de transformation boîte dans le Échelle fenêtre d'options.

Étape 3

Aller à Objet> Développer Une fois que vous êtes satisfait de la taille et de l’aspect général de votre modèle, vous le transformez ainsi en un ensemble d’objets distincts. Ne vous inquiétez pas, vous pouvez toujours trouver et éditer votre motif dans le répertoire. Panneau d'échantillons.

Étape 4

Sélectionnez le motif développé et Cliquez sur avec bouton droit de la souris à Masque d'écrêtage.

Sélectionnez toutes les formes noires et transformez-les en Chemin composé en frappant le Contrôle-8 combinaison de touches ou trouver cette option dans Objet> Chemin composé> Marque.

Étape 5

Créez un fond blanc et carré de la taille de notre Artboard et Envoyer il retourner (Shift-Control- [). Sélectionnez maintenant le chemin composé noir et l’arrière-plan et utilisez le Minus Front fonctionner dans Éclaireur découper les ancres.

Voici à quoi ressemble notre modèle: la partie rose présente des trous en forme d’ancre, sous lesquels l’arrière-plan est clairement visible. J'ai appliqué des couleurs de contraste aléatoires pour montrer l'effet de Minus Front une fonction.

3. Rendre une texture géométrique élégante avec Pathfinder et des scripts

Étape 1

Passons à autre chose et créons un fond géométrique pour notre modèle. Tout d’abord, créez une ligne droite verticale avec le Outil de segment de ligne (\) et alignez-le avec le côté gauche de notre Artboard. Gardez la ligne sélectionnée, appuyez sur la touche Entrer clé pour ouvrir le Bouge toi fenêtre d'options. Met le Position horizontale valeur à 20 px et Verticale - à 0 px, laissant toutes les autres options par défaut. Frappé le Copie bouton pour dupliquer votre ligne.

Étape 2

presse Contrôle-D combinaison de touches plusieurs fois pour faire plus de copies de la ligne, couvrant l'ensemble du Artboard.

Étape 3

Lorsque vous avez assez de lignes, sélectionnez-les et utilisez les touches Outil de rotation (O) faire pivoter les lignes pour 90 degrés et appuyez sur le Copie bouton, créant ainsi un ensemble de lignes horizontales.

Étape 4

Créez une autre ligne et faites-la pivoter cette fois 45 degrés avec le Outil de rotation (O) ou en tenant le Décalage bouton et en tournant la ligne manuellement avec le Outil de sélection (V). Placez-le dans le coin supérieur gauche de votre Artboard. Assurez-vous que votre ligne est suffisamment longue pour traverser tout l'Artboard. Mieux vaut le faire le plus longtemps possible, car vous pourrez ensuite supprimer les parties inutiles..

Utilisez le Bouge toi option à nouveau pour déplacer la ligne 20 px par axe vertical et Copie votre ligne.

Dupliquez la ligne plusieurs fois en appuyant sur Contrôle-D.

Étape 5

Sélectionnez toutes les lignes et Diviser les dans Éclaireur.

Étape 6

Supprimer les pièces en dehors de l'Artboard. Maintenant, nous avons une belle grille, composée de triangles séparés.

Allez-y et définissez le Remplir la couleur de ces formes à une couleur bleu vif et la Accident vasculaire cérébral couleur à aucun.


Étape 7

Nous devons maintenant appliquer un effet de couleur vive à notre motif géométrique. Nous pourrions définir la couleur de chaque triangle manuellement, mais cela prendrait beaucoup de temps. Heureusement, nous avons la possibilité d’utiliser un excellent script gratuit de John Wundes, appelé «Varie les teintes / couleurs aléatoires», que vous pouvez trouver ici, dans les scripts de John. Check-out Cet article si vous ne savez pas comment installer et lancer le script correctement. Dans l'ensemble, utiliser des scripts est assez simple et permet de gagner beaucoup de temps.

Commencer avec, Dissocier les formes.

Trouvez le Teintes variables script en ouvrant Autre script menu avec Contrôle-F12 combinaison et exécuter le script. Tout d’abord, nous devons faire varier la Remplir couleurs. Suivez les instructions de la fenêtre contextuelle et entrez un nombre compris entre 1 et 100. Plus le nombre est élevé, plus vous obtenez de variations. Définissez la valeur sur 25 et frapper le D'accord bouton.

Étape 8

Deuxièmement, nous devons faire varier la Opacité de nos formes. Le résultat semble déjà assez complexe, cependant, essayons-le. Entrez deux nombres, par exemple, 5 et 60, séparés par une virgule. Ces chiffres représentent la plage d'opacité.

Étape 9

Notre modèle est devenu plus transparent.

Maintenant, nous pouvons mettre un joli fond en dessous. Ajoutez un carré d'une taille de notre Artboard et remplissez-le d'un dégradé radial vif allant du bleu vif au centre au bleu plus foncé sur les bords, ce qui rend notre motif brillant et lumineux..

Étape 10

Placez le motif d'ancrage sans soudure que nous avons créé précédemment sur la texture géométrique..

Maintenant, vous pouvez faire glisser le motif entier vers votre Panneau d'échantillons et l'appliquer à n'importe quelle forme de n'importe quelle taille!

Bon travail! Votre modèle sans couture géométrique avec ancres est terminé!

Nous avons réussi à concevoir un motif en utilisant un fond géométrique tendance tout en préservant un joli look nautique et des formes simples et soignées. Vous pouvez créer votre propre motif similaire avec d'autres objets et couleurs si vous le souhaitez. Amusez-vous à expérimenter!