Comment créer des problèmes de vecteur à l'aide d'Adobe Illustrator

Ce que vous allez créer

Dans ce tutoriel, nous allons apprendre à créer trois techniques de pépin différentes en utilisant Adobe Illustrator. Nous allons travailler avec des vecteurs, ce qui nous permet de redimensionner les éléments autant ou aussi peu que nous voulons sans perdre la qualité.. 

Ce dont vous aurez besoin

Vous aurez besoin des ressources suivantes pour mener à bien ce projet:

  • La police Hustle
  • Paysage de nuit de montagnes et de bateaux

Téléchargez l'image et installez la police, et vous êtes prêt à commencer! 

1. Comment créer un motif de glitch de vecteur

Pour ce tutoriel, nous allons commencer par un fichier Illustrator. Nous allons créer des planches séparées au cours du didacticiel..

Étape 1

Dans Illustrateur, aller à Fichier> Nouveau. Nommez le document Problèmes de vecteur. Met le Unité à Les pixels et le Largeur à 600 px et la taille à 600 px. Met le Mode de couleur à RVB et le Résolution à 72 pixels / pouce. Cliquez sur D'accord.

Étape 2

Nous allons créer des motifs plus petits que nous combinerons plus tard pour créer une composition plus grande..

Dans la barre d’outils, sélectionnez le Outil Rectangle (M). Cliquez sur la planche pour afficher le Fenêtre Options Rectangle. Activer Contraindre les proportions de largeur et de hauteur, etmet le Largeur et la taille à 15 px. Cliquez sur D'accord.

Créez un motif en damier en multipliant le carré. presse Option-Shift et faites glisser le carré en diagonale. Sélectionnez les deux formes et multipliez-les en appuyant sur Option-Shift et en les faisant glisser verticalement. Sélectionnez toutes les formes, appuyez sur Option-Shift, et faites glisser horizontalement.

En appuyant Option, nous multiplions la forme. En combinant Option-Shift, nous multiplions et maintenons l'alignement vertical / horizontal.

Regroupez le motif en sélectionnant toutes les formes et en appuyant sur Command-G.

Étape 3

Multipliez le motif en appuyant sur Commande-Shift et en traînant. Redimensionnez le vecteur en étirant les motifs horizontalement et en le raccourcissant. 

Pour les motifs du côté droit, dupliquez le motif en appuyant sur Commande-Shift et en traînant. Double-cliquez sur le motif multiplié pour entrer Mode isolé. En utilisant le Outil de sélection (V), sélectionnez certains des éléments et supprimez-les. 

N'hésitez pas à créer votre propre motif avec ces paramètres.

Étape 4

Créons les lignes verticales et horizontales. Dans la barre d’outils, sélectionnez le Outil Rectangle (M). Cliquez sur la planche pour le Fenêtre Options Rectangle. Désactiver Contraindre les proportions de largeur et de hauteur, et mettre le Largeur à 7 px et le la taille à 35 px. Cliquez sur D'accord.

Dupliquer l'élément en appuyant sur Commande-Shift et en faisant glisser horizontalement une fois. Vous pouvez décider de la distance entre ces deux éléments. Une fois que vous avez dupliqué la forme, appuyez sur Commande-D répéter l'action plusieurs fois. Avec cette astuce, vous pouvez dupliquer la forme autant de fois que vous le souhaitez. 

Regroupez le motif en sélectionnant toutes les formes et en appuyant sur Command-G.

Étape 5

Maintenant que le motif est groupé, dupliquez-le en appuyant sur Commande-Shift et en traînant. Modifiez les motifs en étirant les éléments dans différentes directions. Voir l'image ci-dessous pour un exemple:

Étape 6

Pour le dernier motif, créez des rectangles de différentes tailles et empilez-les. Dans la barre d’outils, sélectionnez le Outil Rectangle (M). Cliquez et faites glisser pour dessiner sur la planche. J'ai créé un ensemble de quatre modèles de formes différentes en utilisant uniquement des rectangles. N'hésitez pas à ajouter plus de rectangles à la pile. 

Regroupez les formes en sélectionnant les éléments et en appuyant sur Command-G. 

Étape 7

Maintenant que nous avons toutes les formes, créons la composition finale. Dupliquez le tableau avec les motifs en appuyant sur Shift-O et en faisant glisser le conseil. Rappelez-vous, vous pouvez tenir Décalage maintenir l'alignement vertical / horizontal.

Travaillons là-dessus comme pour assembler un puzzle. Il n'y a pas de vrai ou de faux. N'hésitez pas à redimensionner et étirer les éléments groupés selon vos besoins. La clé est de couvrir le tableau avec les éléments pour créer un motif non répétitif.

Étape 8

Maintenant que nous avons terminé la composition finale, ajoutons quelques détails supplémentaires pour le contraste.. 

Sélectionnez les éléments du tableau actif actuel en appuyant sur Option-Commande-A, suivi par Command-2 verrouiller les éléments. 

Dans la barre d’outils, sélectionnez le Outil Rectangle (M). Créez trois rectangles de n'importe quelle taille. Sélectionnez un rectangle et double-cliquez sur le Remplir Couleur. dans le Pipette à couleurs option de fenêtre, définissez la valeur de couleur sur # FF0000. Cliquez sur D'accord. Définissez la couleur des deux autres rectangles sur # 00FF00 et # 0000FF.

Dupliquez les rectangles et disposez-les verticalement et horizontalement comme l’image ci-dessous. Cela nous permettra d'utiliser les éléments ensemble et séparément.

Étape 9

Sélectionnez les nouveaux éléments. Envoyez les éléments au dos de la composition principale en appuyant sur Shift-Command- [. Multipliez les éléments en appuyant sur Option et en traînant. Distribuez les rectangles derrière l'un des motifs précédents que nous avons créés. N'hésitez pas à les redimensionner. 

Bon travail! Rappelez-vous que vous pouvez créer de nombreuses itérations de ce modèle. Il n'y a pas de droit ni de tort tant que vous suivez ces paramètres simples:

  • Créez des groupes de motifs simples et disposez-les en équilibrant les poches noires et blanches.
  • Travaillez comme un puzzle sur la composition. La seule différence est qu'ici, il n'y a ni bon ni mauvais!
  • Utilisez un nombre limité de couleurs.

2. Comment créer un effet de texte enchevêtré

Étape 1

Créez un nouveau tableau en appuyant sur Shift-O. Dirigez-vous vers le Contrôle bar, activez le Créer un nouveau conseil bouton, et cliquez dans la fenêtre. Si vous n'avez pas le Contrôle bar ouvert, dirigez-vous vers Fenêtre> Contrôle pour l'activer.

Étape 2

Dans la barre d’outils, sélectionnez le Outil Rectangle (M). Cliquez sur la planche pour afficher le Fenêtre Options Rectangle. Activer le Contraindre les proportions de largeur et de hauteur, et mettre le Largeur et la taille à 600 px. Cliquez sur D'accord.

Double-cliquez sur le Remplir colorer et définir la couleur sur # 000000. Verrouillez la forme carrée en la sélectionnant et en appuyant sur Command-2. 

Étape 3

Dans la barre d’outils, sélectionnez le Outil Texte (T) et cliquez sur le tableau pour taper GLITCH. Dirigez-vous vers le Contrôle barre et définir la police à L'agitation et le Taille à 300 pt. presse Maj-Command-O convertir le texte en contours.

Rendez-vous sur Fenêtre> Aligner pour élever le Aligner panneau. Sélectionnez le cadre de texte. Sur le Aligner panneau, cliquez sur le Aligner a: bouton et sélectionnez Aligner sur le tableau. Sous Aligner des objets, sélectionner Centre d'alignement horizontal et Centre d'alignement vertical.

Étape 4

Dans la barre d’outils, sélectionnez le Outil Rectangle (M). Créez des lignes rectangulaires sur le texte. Essayez d’avoir diverses épaisseurs et espacements entre les rectangles. 

Étape 5

Nous devons utiliser le Éclaireur options. Si vous ne disposez pas de ce panneau, rendez-vous sur Fenêtre> Pathfinder pour l'amener.

En utilisant le Outil de sélection (V), sélectionnez les lignes rectangulaires et le mot. Dirigez-vous vers le Éclaireur panneau et cliquez sur le Diviser bouton. presse Maj-Commande-G à Dissocier les éléments.

Étape 6

Utilisez le Outil de sélection directe (V) supprimer les éléments en dehors des lettres. Suivez l'image ci-dessous. presse Command-G à Groupe les éléments à nouveau.

Étape 7 

Pour créer un problème de décalage, nous devons dupliquer le mot et le colorer pour créer un effet 3D.. 

Tout en sélectionnant le mot, appuyez sur Option Shift et cliquez et faites glisser l'élément à multiplier. Faites glisser la première copie légèrement à droite. Double-cliquez sur la couleur de remplissage et utilisez le code de couleur suivant: # FF0000. Renvoyer l'élément en appuyant sur Commander-[.

Répétez le mot, appuyez sur Option Shift, et cliquez et faites glisser, mais cette fois vers la gauche. Double-cliquez sur la couleur de remplissage et utilisez le code de couleur suivant: # 00FFFF. Envoyez l'élément à l'arrière en appuyant sur Commander-[.

Étape 8

Sélectionnez tous les éléments et appuyez sur Maj-Commande-G à Dissocier. Changeons à Vue générale en appuyant Command-Y. De cette façon, il sera plus facile de voir où les tranches sont placées.

En utilisant le Outil de sélection (V), sélectionnez la première division rectangulaire à travers le mot. Maintenez Décalage, et déplacez les tranches en utilisant le Flèche gauche / droite sur votre clavier. Rappelez-vous que vous pouvez changer de Vue générale à tout moment en appuyant sur Command-Y. Continuez à faire cela pour le reste des partitions.


Impressionnant! Vous avez créé avec succès un effet de pépin typographique. Cet effet simple peut créer un impact important sur tout texte. Assurez-vous de vous rappeler de:

  • Utilisez des quantités limitées de couleur, mais n'hésitez pas à personnaliser!
  • Variez la taille des rectangles pour créer un problème aléatoire. Rappelez-vous, les défauts sont de belles imperfections!

3. Comment appliquer un effet de pépin sur une illustration

Étape 1

Faites glisser le fichier JPEG Montagnes et paysage de nuit de bateau d’Envato Elements dans la Adobe Illustrator la fenêtre.

presse Commando et cliquez sur l'image pour créer un plan de travail de la même taille que l'image. Tout en sélectionnant l’illustration, dirigez-vous vers le Contrôle baret cliquez sur le Intégrer bouton.

Étape 2

Dans la barre d’outils, sélectionnez le Outil Rectangle (M). Cliquez et faites glisser pour dessiner un rectangle en dehors du périmètre de l'image JPEG.

Étape 3

Rendez-vous sur Objet> Créer un filet de dégradé. Sur le Gradient Mesh option de fenêtre, définissez le Rangées à 25, Les colonnes à 1, et Apparence à Appartement. Cliquez sur D'accord.

Étape 4

Sélectionnez les deux éléments, le maillage et l'illustration. Rendez-vous sur Objet> Distorsion d'enveloppe> Avec objet supérieur.

Dans la barre d’outils, sélectionnez le Outil de sélection directe (A). Vous remarquerez que le maillage a des nœuds sur les côtés gauche et droit. Avec le Outil de sélection directe (A), sélectionnez un nœud à gauche et le nœud respectif à droite. Tenir Décalage et faites glisser les deux points vers la droite. Voici comment nous allons créer le petit problème.

Continuez à décaler les autres nœuds vers la gauche et la droite. Il n'est pas nécessaire de toutes les faire, mais quelques-uns iront loin.

Étape 5

Redimensionnez l'image pour l'adapter à la planche graphique. Rappelez-vous que vous ne pouvez le faire que si l'image est un vecteur ou si l'image JPEG n'est pas à 100% de sa taille..

Dans la barre d’outils, sélectionnez le Outil Rectangle (M). Créez un rectangle de la taille de la planche graphique. Sélectionnez les deux, le nouveau rectangle et l'image maillée. Créer un Masque d'écrêtage, presse Command-7. Si vous devez l’ajuster, double-cliquez sur la composition pour isoler les éléments et redimensionner l’image..

Bon travail! Vous avez créé avec succès une image JPEG enchevêtrée. C'est une technique très simple qui peut être appliquée à n'importe quelle image ou vecteur. Gardez à l'esprit que «moins est plus» pour cette technique, car vous souhaitez toujours que l'image soit reconnaissable. Créer quelque chose de plus compliqué peut compromettre l'image.

4. Exporter un fichier JPEG

Étape 1

Pour exporter l'image, appuyez sur Shift-O pour vérifier le numéro d'artboard. Rendez-vous sur Fichier> Exporter, et dans le Exportation option de fenêtre, insérez le nom du fichier. Met le Format à JPEG, ou PNG si vous voulez enregistrer un fichier transparent. Vérifier la Utiliser des planches option, sélectionnez le Intervalle option, et insérez le numéro de la planche graphique. Cliquez sur Exportation. 

Étape 2

dans le JPEG option de fenêtre, sélectionnez le Mode de couleur. RVB est pour l'écran et CMJN pour l'impression; Je sélectionne RVB pour mon dossier. Met le Résolution à la résolution dont vous avez besoin. Dans ce cas, je choisis 72 dpi comme j'utilise cette image pour l'écran seulement. Cliquez sur D'accord.

Toutes nos félicitations! Vous avez terminé ce tutoriel

Dans ce didacticiel, nous avons présenté trois techniques pour créer des problèmes de vecteur. Ceci est très utile si vous souhaitez redimensionner votre illustration sans perdre la qualité. Ce tutoriel fournira des résultats différents pour tout le monde. Assurez-vous de poster le vôtre dans les commentaires ci-dessous! 

Aujourd'hui, nous avons appris à:

  • Utilisez des formes de base pour créer des motifs complexes.
  • Utilisez les outils essentiels d'Adobe Illustrator, tels que l'outil Pathfinder, l'outil Maillage de dégradé et les masques de découpe.
  • Utilisez trois techniques de pépin différentes pour obtenir des résultats différents.

Si vous avez aimé ce tutoriel, vous pourriez aimer: