Share
Dans ce didacticiel, nous examinons deux manières de créer rapidement des motifs de bruit vectoriel, similaires au bruit de dégradé de Photoshop, mais cette fois entièrement contrôlables, redimensionnables et modifiables, car ce sera un graphique vectoriel. Pour le contrôle des couleurs, nous allons examiner la fonctionnalité Couleur vivante, disponible dans Illustrator CS3..
Récemment, j'avais besoin de créer une alternative au bruit de dégradé de Photoshop, mais cette fois dans Illustrator. J'expliquerai deux manières d'obtenir un effet similaire. Nous allons créer un graphique d’entête de blog pour ce tutoriel, basé sur un motif de bruit coloré évolutif et facile à modifier..
Remarque importante: étant donné que les deux méthodes créent une géométrie superposée, les résultats bruts ne conviennent pas à la fabrication de panneaux et au découpage de vinyle. Si vous utilisez cette méthode pour la fabrication de panneaux, tous les éléments qui se chevauchent doivent être fusionnés avant d’être envoyés aux découpeurs de vinyle et aux traceurs..
Voici l'image finale que nous allons créer. Tout d’abord, passons en revue quelques méthodes de création de modèles de bruit vectoriel aléatoire..
Cette méthode est basée sur des traits en pointillés et vous donne plus de contrôle sur l'apparence, car caractère aléatoire (désinvolture) est défini par vous. Fondamentalement, il est également applicable à tout autre logiciel vectoriel prenant en charge les tirets personnalisés (comme CorelDraw)..
Créez un nouveau document, définissez sa taille sur 800 pixels sur 350 pixels et définissez le mode couleur sur RVB. Créez ensuite une ligne longue de 500 pixels, donnez-lui un trait noir et définissez un poids de 10 pixels. Activez la ligne en pointillé et définissez les valeurs de tiret et d'espacement, dans ce cas 5, 3, 1, 8 et 2. Dupliquez la ligne et modifiez les valeurs de tiret et d'espacement à 2, 4, 6, 1 et 2. Créez quatre des lignes plus pointillées et définissez des valeurs différentes pour les tirets et les espaces (3, 1, 1, 4 et 2), (1, 2, 1, 1 et 6), (2, 5, 1, 1 et 8), et (4, 1, 2, 1 et 1).
Assurez-vous que Stroke est sélectionné (X bascule entre Stroke et Fill) et choisissez les nuances de couleurs que vous préférez.
Pour modifier les dimensions du motif, nous devons convertir les traits en bandes pleines éditables (utilisateurs d'Adobe Illustrator CS2 et plus anciens, utilisez la commande Aplatir la transparence pour développer les traits en objets solides, voir la première image ci-dessous). Pour ce faire, allez à Objet> Développer, cochez Remplissage et contour, puis cliquez sur OK..
Ouvrez la palette de transformation, définissez le point de référence sur le centre, décochez la case Conserver les proportions de largeur et de hauteur et définissez la hauteur sur 200px. Répétez ces étapes pour chaque ensemble de rayures. Utilisez le haut vertical Align dans la palette Align (Maj + F7)
Comme vous pouvez le constater, le violet et le rouge dominent et tuent d’autres couleurs. Maintenant, c'est à vous de décider comment organiser les rayures, leur ordre et leur position. Dans mon exemple, j'ai envoyé l'ensemble de bandes violettes à l'arrière (Objet> Organiser> Envoyer à l'arrière-plan), les bandes rouges 3x inverser (Objet> Organiser> Envoyer à l'arrière-dernier), bandes olive de 3x envoyer en arrière, bandes verticales déplacées de 5 pixels droite et 2x envoyer en arrière, bandes jaunes 2px droite et 2x Avancer (Objet> Organiser> Avancer).
Pour recolorer le motif final, vous pouvez soit sélectionner manuellement des bandes et les remplir de couleurs différentes, soit utiliser la nouvelle fonctionnalité très utile Couleur vivante. Nous utiliserons cette fonctionnalité ultérieurement, lors du réglage des couleurs pour les graphiques de bannière. Avant de commencer à jouer avec la nouvelle coloration, assurez-vous de sélectionner tous les objets que vous souhaitez recolorer (inutile de les regrouper) et créez un état de couleur par défaut en cliquant sur l'icône Nouveau groupe de couleurs. Cela vous permettra de réinitialiser toutes les modifications et de revenir au jeu de couleurs d'origine..
Changer de couleur est vraiment simple. Vous pouvez éditer des nuances simples en double-cliquant sur la barre de couleurs et définir ses valeurs ou en utilisant la roue de couleurs. Toutes les modifications sont immédiatement visibles sur votre illustration originale. Enregistrez votre fichier résultant sous le nom "random_noise_pattern".
Un autre moyen de créer un motif de bruit vectoriel consiste à utiliser plusieurs commandes standard, notamment Blend et Transform Each. La méthode 2 nous permet d’utiliser non seulement des lignes en tant qu’objets de référence, mais également des cercles, des rectangles et des formes plus complexes (étoiles, symboles personnalisés, etc.). Nous n’avons pas non plus besoin d’élargir l’apparence du motif de bruit. changer et ajuster certains paramètres plus tard.
Dans le même fichier "random_noise_pattern", créez une ligne verticale avec un contour de 1 point longue de 200 pixels. Dupliquez-le et déplacez-le 500px vers la droite. Sélectionnez les deux lignes, puis sélectionnez Objet> Mélanger et définissez l'option Espacement sur Pas spécifiés avec la valeur 50. Sélectionnez Objet> Mélanger> Créer (Commande + Alt + B). Maintenant, allez à Objet> Développer, laissez l’objet coché et décochez les cases Remplir et Contour. Cela libérera l'objet unique en lignes séparées. Ils sont toujours regroupés, alors dissociez-les (Commande + Maj + G), mais laissez tous les objets sélectionnés.
Amusons-nous! Allez à Objet> Transformer> Transformer chaque. Observez le coin inférieur droit de la boîte de dialogue et cochez Aléatoire et Aperçu. Définissez le déplacement horizontal sur 15 pixels (vous pouvez également entrer des valeurs négatives). Illustrator déplacera des lignes au hasard dans la bonne direction. Puisque nous travaillons avec des nombres aléatoires, le résultat sera toujours différent. Cochez et décochez et Aléatoire pour déplacer les lignes dans différentes positions. Assurez-vous de sauvegarder votre travail.
Groupez (Commande + G) toutes les lignes puis dupliquez-les. Sélectionnez le groupe nouvellement créé et double-cliquez sur l'une des lignes pour entrer et modifier le contenu du groupe. Sélectionnez toutes les lignes et utilisez Transformer chaque, puis Déplacement horizontal avec différentes valeurs pour déplacer les lignes vers des positions aléatoires. Faites quatre autres groupes et répétez Transformer chacun à chacun.
Nous allons définir plus de différences pour les groupes. Mais d’abord, sélectionnez tous les groupes et alignez-les à l’aide de Vertical Align Center..
Maintenant, sélectionnez chaque groupe et définissez une valeur différente pour l'épaisseur du trait et la couleur de chaque groupe. Vous pouvez déplacer les positions de chaque groupe simplement pour ajouter davantage de caractère aléatoire et de diversité. Jouez avec des poids en traits pour combler les trous blancs.
Vous pouvez toujours modifier et personnaliser les positions des lignes, les couleurs et les traits pour chaque groupe. Si vous souhaitez redimensionner le motif proportionnellement, activez l'option Mettre à l'échelle le contour et les effets dans la palette Transformer..
Le résultat final de la méthode 2 est présenté ci-dessous. Assurez-vous de le sauvegarder.
Ok, nous en avons terminé avec les bases, utilisons nos connaissances et créons une bannière amusante et fraîche. Nous allons utiliser les modèles créés précédemment, mais aussi en créer un nouveau.
Ouvrez un nouveau document de 800 pixels par 350 pixels et enregistrez-le sous le nom de "bannière". Créez un nouveau calque, nommez-le "Arrière-plan". Dessinez un rectangle de 800 pixels de large et 350 pixels de haut. Remplissez-le avec un dégradé, définissez son type sur radial et définissez les couleurs du blanc au bleu. Faites glisser la direction du dégradé du coin inférieur droit au coin supérieur gauche. Maintenant, vous pouvez verrouiller cette couche.
Créez un nouveau calque et nommez-le "Motif 1." Basculez vers le document "random_noise_pattern", sélectionnez le modèle créé avec la méthode 2, regroupez-le et copiez-le, collez-le sur le calque "Modèle 1" du document "bannière". Assurez-vous que l'option Echelle et les traits sont sélectionnés dans la palette Transformer, puis redimensionnez le motif pour remplir toute la surface de l'illustration. Utilisez la commande Retourner horizontalement de la palette Transformer. Le motif étant toujours sélectionné, définissez le mode de transparence sur Écran et opacité sur 50%, puis verrouillez le calque..
Créez un nouveau calque et nommez-le "Motif 2." Basculez vers le document "random_noise_pattern", sélectionnez le modèle créé avec "Méthode 1", regroupez-le et copiez-le, collez-le sur le calque "Modèle 2" du document "bannière". Définissez la hauteur du motif sur 150px. Accédez à la palette Calques, puis cliquez sur cette petite flèche pour agrandir la vue avec des sous-calques..
Sélectionnez et déplacez horizontalement des groupes individuels à volonté. Organiser les sous-couches individuelles. Vous pouvez également entrer chaque groupe et supprimer des bandes, juste pour ajouter de la diversité. Alignez le motif sur le coin inférieur gauche de la planche d’art. Dupliquez le calque "Motif 1" et alignez son contenu sur le bord droit du document. Dans ce cas, j'ai également retourné horizontalement le contenu du calque "Pattern 2 Copy". Verrouiller les deux couches et enregistrer.
Tirons quelques éléments naturels. Créez un nouveau calque, nommez-le "Collines 1." Désactivez toutes les couches de motif afin qu'elles ne nous distraient pas lorsque vous dessinez les nouveaux graphiques. Cette étape concerne les sentiments et les besoins individuels. Par exemple, en utilisant l'outil Plume, j'ai dessiné un ensemble de collines et y ai ajouté un filet de dégradé, comme illustré ci-dessous..
Avec l'outil de sélection directe, j'ai sélectionné des ancres individuelles et attaché différentes teintes de vert. J'ai dupliqué le calque "Hills 1", modifié les points d'ancrage du contour, ajouté d'autres ancrages au maillage en dégradé et associé diverses nuances de vert.
Construisons une tour de radio. Créez un nouveau calque et nommez-le "Tour radio". C'est un objet simple, créé à l'aide de l'outil Plume et de rectangles en 3D. Pour la distorsion de perspective, j'ai utilisé l'outil 3D Rotate. Puisque tout est une question de stylisation, vous n'avez pas besoin de suivre la perspective exacte ni les règles 3D.
Les traits colorés donnent à l'objet la profondeur. Ajustez les points d'ancrage pour relier optiquement les lignes, comme indiqué dans la deuxième image ci-dessous.
Créons les ondes de transmission. Ceci est un bel exemple de la souplesse de la méthode 2. Nous allons créer un motif de bruit circulaire et le recolorer à l'aide de la fonction Couleur vivante.
Donc, définissez un nouveau calque, nommez-le "Vagues de transmission" et disposez-le derrière le calque "Radio Tower". Placez un cercle de 120 px quelque part en dehors de la planche. Définissez l’épaisseur du trait sur 1 px et la couleur sur le noir. Dupliquez-le et définissez la taille sur 20 px. Centrer le petit cercle avec le plus grand.
Allez à Objet> Mélanger et définissez l'espacement sur Pas spécifiés avec une valeur de 8. Allez à Objet> Mélange> Créer (Alt + Commande + B).
Maintenant, allez à Objet> Développer, laissez l'objet coché et décochez les options Remplir et Contour. Cela libérera des objets simples dans des lignes séparées. Ils sont toujours regroupés. Vous devez donc utiliser la commande Dissocier, mais laissez tous les objets sélectionnés..
Allez à Objet> Transformer> Transformer chaque. Dans le coin inférieur droit de la boîte de dialogue, cochez Random et Preview. Définissez l'échelle horizontale et verticale sur 90%. Illustrator réduira les cercles au hasard. Puisque nous travaillons avec des nombres aléatoires, le résultat sera toujours différent. Cochez et décochez Aléatoire pour redimensionner les cercles.
Créez un groupe de tous les cercles et dupliquez-le. Sélectionnez le groupe nouvellement créé, double-cliquez sur l'un des cercles à entrer et modifiez le contenu du groupe. Sélectionnez tous les cercles et utilisez Transformer chacun. Échelle horizontale et verticale avec différentes valeurs pour réduire les cercles de manière aléatoire. Faites un autre groupe et répétez Transformer chaque.
Définissez un poids et une couleur de trait différents pour chaque groupe de cercles (j'ai utilisé 0,5 pt pour le vert, 0,75 pour le rouge et 1 pt pour le jaune). Centrer tous les groupes de cercle.
Placez-les au sommet de la tour.
Changeons les couleurs des vagues avec Live Color. Sélectionnez tous les objets du calque "Ondes de transmission" et cliquez sur l'icône Recolorer l'illustration dans la barre des options en haut de l'écran..
Commencez par enregistrer l’état initial en cliquant sur l’icône Nouveau groupe de couleurs. Cela économisera les couleurs d'origine. Il est donc assez facile de jouer avec diverses combinaisons de couleurs sans avoir à annuler la boîte de dialogue si vous n'aimez pas les modifications que vous apportez..
Vous pouvez maintenant changer les couleurs de manière interactive. Cliquez sur l'onglet Edition, activez Link Couleurs Harmony.
Cliquez sur l'un des cercles de la roue des couleurs et faites-le glisser sur les teintes souhaitées. Si vous ne devez modifier qu'une seule couleur de la roue, cliquez sur Supprimer les couleurs des harmonies et ajustez les teintes et les nuances indépendamment. Lorsque vous êtes satisfait du résultat, cliquez sur Nouveau groupe de couleurs pour enregistrer le nouvel état. Illustrator se souviendra des états d'origine et nouveaux afin qu'il soit facile de revenir ultérieurement aux couleurs d'origine en cas de besoin..
Faisons le soleil bruyant ensuite. En réalité, il s'agit d'un duplicata de la couche "Transmission", nommée "Sun", disposée derrière la couche Transmission. Les cercles sont redimensionnés et modifiés par Transform Each. Dans ce cas, j'ai également ajusté le poids des traits et utilisé Couleur vivante pour modifier les couleurs des cercles..
Faire une nouvelle couche nommée "Gold Wheat" Pour fabriquer du blé Gold, j'ai utilisé la technique de la Méthode 2 avec les exceptions suivantes:
Ainsi, le groupe de base a été dupliqué plusieurs fois simplement pour remplir l’espace horizontal de la bannière..
Les fleurs ont été créées sur un nouveau calque nommé "Fleurs". Ils sont fabriqués à partir de simples courbes et cercles caressés. Des copies du motif de bruit circulaire ont été utilisées pour donner à la composition plus de vivacité.
La typographie est placée sur un nouveau calque derrière le calque "Fleurs" et repose sur une police de caractères gratuite appelée Romeral..
Le titre est rempli d'orange de base et caressé de blanc. Pour ajouter une ombre blanche, j'ai utilisé un effet Ombre portée. Allez à Effet> Styliser> Ombre portée. Dans la boîte de dialogue Options, définissez Mode sur Normal, Opacité sur 100% et Flou sur 0%. Cela vous permet de modifier le texte rapidement et efficacement, au lieu de dupliquer le texte, de le décaler et de le remplir avec une couleur différente, ce qui entraînerait la modification de deux textes. Le texte du slogan est Myriad Pro Semibold.
Enfin, masquez tous les calques avec un rectangle, pour que la planche soit belle et ordonnée..
Dans ce tutoriel, nous avons appris différentes manières d'obtenir des résultats de bande intéressants avec des outils et des commandes simples. Nous avons créé d’intéressants modèles vectoriels aléatoires à l’échelle aléatoire et avons examiné certaines nouvelles fonctionnalités d’Adobe Illustrator CS3, telles que Live Color. J'ai hâte de voir vos expériences avec ces techniques de bruit vectoriel intéressantes.
Accentsconagua