Comment créer le motif de tapis à partir de The Shining dans Adobe Illustrator

Ce que vous allez créer

Dans le tutoriel d'aujourd'hui, nous allons continuer avec le film spécial d'horreur et apprendre à créer le motif de tapis trippant de Stanley Kubrick Le brillant.

Nous allons le créer dans Adobe Illustrator en utilisant des techniques «old school», qui impliquent une manipulation soigneuse de l'outil Rectangle, associées à la puissance de la grille de pixels..

Alors, prenez une tasse de ce café chaud que vous aimez, et commençons!

Oh, et n'oubliez pas que vous pouvez toujours trouver de nouveaux modèles à couper le souffle sur le marché Envato, avec une multitude de thèmes à choisir..

Vous pouvez maintenant suivre ce tutoriel au format vidéo sur la chaîne Envato Tuts + YouTube.

1. Configurer un nouveau fichier de projet

Faites apparaître Illustrator et créez un Nouveau document (Fichier> Nouveau document ou Contrôle-N) et réglez-le à l'aide des paramètres suivants:

  • Nombre de planches d'art: 1
  • Largeur: 602 px
  • La taille: 600 px
  • Unités: Les pixels 

Et de la Avancée languette:

  • Mode de couleur: RVB
  • Effets raster: Écran (72ppi)
  • Aligner les nouveaux objets sur la grille de pixels: vérifié

2. Configurer une grille personnalisée

Étant donné que nous allons créer le motif à l'aide d'un flux de travail parfait, nous souhaitons configurer une jolie petite grille pour pouvoir contrôler entièrement nos formes..

 Étape 1

Aller au Édition> Préférences> Guides et grille sous-menu et réglez les paramètres suivants:

  • Quadrillage tous les: 1 px
  • Subdivisions: 1

Conseil rapide: vous pouvez en apprendre plus sur les grilles en lisant cet article détaillé sur le fonctionnement du système de grilles d'Illustrator.

Étape 2

Une fois notre grille personnalisée configurée, tout ce que nous avons à faire pour nous assurer que nos formes ont une apparence nette est de permettre la Aligner sur la grille option trouvée sous Vue menu qui se transformera en Aligner sur Pixel chaque fois que vous entrez Aperçu pixel mode.

Maintenant, comme nous visons à créer le motif en utilisant un flux de travail parfaitement adapté aux pixels, je vous recommande fortement de découvrir comment créer un didacticiel d’illustration parfait, qui vous aidera à élargir vos compétences techniques en un rien de temps..

3. Créer l'élément répétitif principal

La première chose sur laquelle nous allons commencer à travailler est le principal élément de répétition, ou plutôt une section du motif, que nous utiliserons pour construire notre composition plus grande..

Étape 1

Prenez le Outil Rectangle (M) et créer un 86 x 106 px forme que nous colorierons avec un orange vif (# DF5F18) et ensuite aligner au centre du sous-jacent Artboard.

Étape 2

Zoomez sur la forme que nous venons de créer et utilisez le Ajouter un outil de point d'ancrage (+) ajouter deux nouveaux points d'ancrage,une au centre de son bord supérieur et une autre à son bord inférieur.

Étape 3

Utilisez le Outil de sélection directe (A) sélectionner les ancresque nous venons de créer,puis les pousser vers le haut en clic droit et aller à Transformer> Déplacer et en entrant -26 px dans le Verticale champ de valeur, laissant le Horizontal un à 0 px.

Étape 4

Maintenant que nous avons notre forme principale, donnons-lui un contour supérieur en le sélectionnant puis en utilisant le Outil de déplacement créer une copie à une distance de 14 px à partir de cela (clic droit> Transformer> Déplacer> Horizontal: 0 px> Vertical: -14px> Copier).

Étape 5

Prenez une copie de la forme originale (Control-C) et collez-le sur celui que nous venons de créer (Contrôle-F) en utilisant Éclaireurde Mode Minus Avant supprimer une partie de sa partie inférieure en coloriant la forme obtenue avec du noir (# 000000).

Étape 6

Ajouter le contour du bas, en utilisant une copie (Contrôle-C> Contrôle-F) de celui que nous venons de créer, que nous positionnerons sous la forme orange, en sélectionnant et en regroupant (Contrôle-G) les trois formes ensemble ensuite.

Étape 7

En utilisant le Outil Rectangle (M) créer un 26 x 14 px forme que nous colorierons avec # 981F24, et alors Horizontal Center Align au Artboard, à une distance de 50 px de la pointe du contour.

Étape 8

Ajustez la forme que nous venons de créer en ajoutant deux nouveaux points d'ancrage.à ses bords supérieur et inférieur, puis en les poussant individuellement vers l'extérieur par 8 px en utilisant le Outil de déplacement (clic droit> Transformer> Déplacer> Vertical> - 8 px pour le top et + 8 px pour le bas).

Étape 9

Donne au petit hexagone une belle épaisseuresquisser, en le sélectionnant puis en passant à Objet> Chemin> Chemin décalé et en entrant 12 px dans le Décalage champ de valeur, en laissant toutes les autres options telles qu'elles sont.

Étape 10

Changer la couleur du contour en quelque chose de plus foncé (# 000000) afin qu'il se démarque de la forme de remplissage interne, puis sélectionnez-les et regroupez-les à l'aide de la Contrôle-G raccourci clavier.

Étape 11

Prenez une copie (Contrôle-C> Contrôle-F) de l'hexagone et de son contour et positionnez-le sur le côté gauche de l'élément répétitif, à une distance de 74 px de son extrémité, en veillant à ce que seule sa moitié droite la chevauche.

Étape 12

Prenez une copie (Contrôle-C> Contrôle-F) du deuxième hexagone en détail et positionnez-le vers le côté droit de l'élément répétitif, en veillant à ce que sa moitié gauche ne le chevauche pas.

Étape 13 

En utilisant le Outil Rectangle (M) créer un 12 x 62 px forme que nous colorierons avec du noir (# 000000) puis centrez et positionnez sur le détail hexagonal supérieur.

Étape 14

Ajouter le même 12 x 62 px rectangle (# 000000) aux deux autres détails de l'hexagone, seulement cette fois le positionner vers le haut.

Une fois que vous avez terminé, sélectionnez et regroupez toutes les formes que nous avons créées jusqu'à présent à l'aide du bouton Contrôle-G raccourci clavier.

Étape 15

À ce stade, nous avons pratiquement terminé la création de l'élément répétitif. Tout ce que nous avons à faire maintenant, c’est de le masquer pour que lorsque nous commençons à construire un motif plus large, les pièces s’emboîtent parfaitement.

Pour cela, il suffit de créer un 86 x 160 px rectangle (surligné en orange), que nous allons centrer sur les formes que nous venons de regrouper, puis l’utiliser comme Masque d'écrêtage (clic droit> Make Clipping Mask).

Étape 16

Une fois que nous avons masqué notre élément de répétition, nous voudrons l’aligner sur le côté gauche de notre Artboard puisque nous allons en créer quelques copies à la prochaine étape de notre processus.

4. Créez la section principale du motif

Jusqu'à présent, nous avons créé le principal élément de répétition du motif, ce qui est excellent, mais nous allons devoir ajouter quelques instances pour que tout soit correct..

Étape 1

Sélectionnez l'élément répété, puis créez-en huit copies (Contrôle-C> Contrôle-F) que nous allons positionner 0 px les uns des autres, en veillant à cliquer sur l'original pour le définir comme notre Objet clé.

Étape 2

Sélectionner et grouper (Contrôle-G) tous les éléments répétés ensemble, en les centrant sur le Artboard avec l'aide du Aligner du panneau Centre d'alignement horizontal option.

Étape 3

Créez cinq autres lignes en utilisant celle que nous avons et empilez-les les unes sur les autres, en veillant à ce que leurs contours supérieur et inférieur se chevauchent. Vous pouvez grandement faciliter le processus en diminuant l'opacité des copies pour avoir une meilleure vue sur les formes qui se chevauchent..

Étape 4

Une fois que vous avez ajouté toutes les lignes, définissez leur Opacité à 100%, puis grouper (Contrôle-G) et les aligner verticalement au centre de la Artboard.

Étape 5

Avec les rangées répétitives en place, masquez-les à l'aide d'un 602 x 600 px rectangle de sorte que les éléments du motif faisant face à l'extérieur soient coupés en deux.

5. Créer le motif de nuance réel

Donc, à ce stade, nous avons tous fini de travailler sur les éléments nécessaires à la création du motif, ce qui signifie que nous pouvons le transformer en un élément de bibliothèque de nuance réel..

Étape 1

Sélectionnez le motif masqué, puis allez à Objet> Modèle et frapper Faire ce qui ouvrira une nouvelle fenêtre avec quelques options que nous devrons ajuster. Mais d’abord, nommons-le pour le rendre facile à reconnaître..

Étape 2

Ensuite, nous avons Type de tuile que nous allons vouloir laisser ensemble à la grille, puisque nos éléments de modèle sont conçus pour être empilés ensemble au lieu d'être répartis.

Étape 3

Ensuite, nous avons le Largeur et la taille que nous allons définir en utilisant la taille réelle de notre motif (602 x 600 px).

Étape 4

Quitter le Chevauchement et Copies paramètres tels qu'ils sont, car ils vont très bien, puis enfin frappé Terminé ajouter le motif à votre bibliothèque de nuances.

Étape 5

Pour utiliser le motif, sélectionnez-le simplement dans la nuance, puis saisissez le Outil Rectangle (M) (ou toute autre forme) et dessinez un nouvel objet qui, comme vous le verrez, aura le même effet destructeur de cerveau que le vrai du film.

C'est un wrap!

Voilà un moyen simple de créer votre propre tapis «Shining», en utilisant certaines formes de base et le pouvoir d'Illustrator.'s options de modèle intégrées.

J'espère que vous avez eu autant de plaisir que lorsque j'ai créé le projet et que vous avez surtout appris quelque chose de nouveau en cours de route..