Créer des formes d'onde audio avec l'effet Scribble

Certaines personnes pourraient penser que l'effet Illustrator Scribble est un jeu d'enfant. En fait, l'un de ses préréglages s'appelle "Childlike". Mais en ajustant ses paramètres personnalisés, l’effet Scribble peut être utilisé pour produire une gamme infinie d’effets visuels et certains avec une seule ligne. C’est un tutoriel simple qui vous permettra de commencer à utiliser l’effet Scribble. Ce que vous en faites après cela n’est limité que par votre imagination. Commençons!

Aperçu de l'image finale

Vous trouverez ci-dessous l'image finale sur laquelle nous allons travailler. Vous voulez accéder à l'intégralité des fichiers Vector Source et aux copies téléchargeables de chaque didacticiel, y compris celui-ci? Rejoignez Vector Plus pour seulement 9 $ par mois.

Détails du tutoriel

  • Programme: Adobe Illustrator CS4
  • Difficulté: Débutant
  • Temps d'exécution estimé: 1 heure

Étape 1

Créez un nouveau document de 800 px sur 400 px. Il peut s’agir de RVB ou de CMJN et de vos préférences. Pour ce tutoriel, je vais utiliser des valeurs RVB pour spécifier les couleurs. Dessinez maintenant un rectangle de la taille de la planche graphique et remplissez-le de noir (R = 0, G = 0, B = 0). Verrouillez le calque et créez-en un nouveau.

Étape 2

Choisissez l'outil de segment de ligne (\), cliquez sur l'arrière-plan et spécifiez une ligne 0 & deg, longue d'environ 100 pixels. J'utilise un vert vif pour le trait (R = 0, G = 255, B = 0).

Étape 3

Sélectionnez la ligne et allez à Effet> Styliser> Gribouillis. Entrez les chiffres suivants dans la boîte de dialogue.

Étape 4

Avant de commencer, faites une copie de la ligne gribouillée et mettez-la de côté. Conservez toujours une copie de la ligne contenant le vivre effet. Sélectionnez la ligne gribouillée d'origine et accédez à Objet> Développer l'apparence..

Étape 5

Le gribouillage étendu étant toujours sélectionné, choisissez l'outil Transformation libre (E). Cliquez sur la poignée supérieure droite du cadre de sélection, puis maintenez les touches Commande + Maj + Alt enfoncées. Ensuite, faites glisser le coin vers le bas, de sorte que l'objet se transforme en perspective, se rétrécissant du côté droit. Il faudra peut-être quelques essais pour bien comprendre & n'oubliez pas de cliquer sur le coin avant en maintenant les touches de modification.

Étape 6

Faites glisser le gribouillage transformé pour le froisser un peu. C'est le premier battre de la forme d'onde.

Étape 7

Tracez une nouvelle ligne comme avant, puis sélectionnez Effet> Déformer et transformer> Zig Zag. Entrez les valeurs suivantes dans la boîte de dialogue.

Étape 8

Retournez au menu Effets et sélectionnez cette fois Warp> Fish. Un coude horizontal à 50% donnera à la ligne un effet décroissant.

Étape 9

Comme auparavant, faites une copie de la ligne en zigzag et déformée. Développez les effets sur l'original (Objet> Développer l'apparence). Maintenant, prenez l'outil Convertir le point d'ancrage (Maj + C) et cliquez une fois sur le point le plus à gauche de la ligne. Utilisez l'outil Sélection directe (A) pour faire glisser ce point vers le haut..

Étape 10

Maintenant, faites glisser cette ligne pour répondre à la première ligne gribouillée.

Étape 11

Revenez à la copie de ligne gribouillée que vous avez faite à l'étape 4. Faites-en une autre copie et mettez-la de côté. Cliquez sur l'effet Gribouillis dans le panneau Apparence pour modifier l'effet. Assurez-vous de cocher la case Aperçu, puis essayez simplement de changer les valeurs. Vous voulez toujours que cela ressemble à une pointe dans la forme d'onde, mais pas identique à la première.

Continuez comme avant, développez puis transformez librement le gribouillage. Faites la même chose avec la copie de ligne en zig-zag et alignez-les avec les objets précédents. Sélectionnez tout, puis assurez-vous que l'épaisseur de trait est la même sur chaque ligne. Vous devriez maintenant avoir la forme d'onde de base construite.

Étape 12

Ajoutons maintenant quelques touches finales. Cliquez sur le calque "Waveform" dans le panneau Calques et faites-le glisser sur l'icône Dupliquer pour en faire une copie..

Sélectionnez maintenant tout ce qui se trouve sur le calque "Waveform" d'origine et sélectionnez Effet> Flou> Flou gaussien. Entrez 20 à 30 pixels. Vous voudrez peut-être renommer cette couche "Flou".

Créez un autre calque, cette fois au-dessus du calque "Arrière-plan". Choisissez l'outil Grille rectangulaire, puis cliquez sur le coin supérieur gauche de l'arrière-plan. Créez une taille identique à celle de la planche graphique / de l’arrière-plan, puis entrez les valeurs des séparateurs horizontaux et verticaux. Changer le poids de trait à 0,25 points. Et votre fait!

Après avoir terminé ce didacticiel, consultez un autre didacticiel sur Vectortuts + qui couvre également l’utilisation de l’effet Scribble..

Variations

Cette technique a de nombreuses applications. Expérimentez avec les paramètres Scribble pour créer un effet ECG (électrocardiogramme), une forme d'onde audio multicanal ou simplement un fond abstrait électrique.

Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.