Accentsconagua
Share
Ce que vous allez créerNous honorons la langue et la culture allemandes cette semaine pour célébrer le lancement du Version allemande de Envato Elements!
Dans le tutoriel d'aujourd'hui, nous allons examiner le processus de création d'une illustration zeppelin flottante dans Adobe Illustrator, en utilisant rien de plus que quelques formes géométriques et outils..
Alors, en supposant que vous vous soyez déjà préparé avec une tasse de café fraîche, sautons directement dessus.
Avant de commencer, je voulais souligner que la texture que j'ai finalement utilisée pour le projet actuel fait partie du pack Subtle Halftone Textures (plus précisément le demi-teint numéro cinq) que vous pouvez trouver sur Envato Elements..
Oh, et n'oubliez pas que vous pouvez toujours étendre votre bibliothèque de ressources en vous dirigeant vers Envato Elements, où vous trouverez une grande sélection de graphiques vectoriels..
Textures de demi-teintes subtiles d'Envato ElementsComme toujours, nous allons lancer des choses en créant un nouveau fichier de projet en allant sur Fichier> Nouveau (ou en utilisant le Contrôle-N raccourci clavier), puis ajustez-le comme suit:
Et de la Avancée languette:
Une fois que nous avons fini de configurer notre fichier de projet, il serait judicieux de structurer notre document en plusieurs couches, car cela nous aidera à maintenir un flux de travail régulier en nous permettant de nous concentrer sur une partie de l'illustration à la fois..
Cela étant dit, amenez le Couches panneau et créer un total de quatre couches que nous renommerons comme suit:
Dès que nous avons fini de superposer notre document, nous pouvons commencer à travailler sur l'illustration proprement dite, et nous le ferons en créant l'arrière-plan. Donc, assurez-vous que vous êtes bien positionné sur la première couche et sautons-y directement!
Conseil rapide: Avant de commencer, je voulais souligner que l'ensemble du projet avait été conçu avec la perfection des pixels en tête. Vous voudrez peut-être consulter mon didacticiel Comment créer des illustrations parfaites pour Pixel, qui devrait vous permettre de prendre des mesures rapides.
Prenez le Outil stylo (P), et après avoir réglé votre Remplir couleur à # 7AC6F4, dessinez avec soin la forme principale de la découpe d’arrière-plan inférieure en utilisant l’image de référence comme guide principal.
Avec le Outil stylo (P) toujours sélectionné, dessinez rapidement la découpe supérieure la plus petite en positionnant la forme résultante, comme indiqué dans l'image de référence.
Une fois que vous avez fini de dessiner les segments d’arrière-plan, vous pouvez commencer à travailler sur les nuages de premier plan, que nous allons créer à l’aide de cercles de différentes tailles. Positionnez-les sur les côtés de la forme du bas, en coloriant ceux du devant avec # F0FBFF et les dos en utilisant # D4F7FF.
Puisque nous voulons que les formes restent contraintes à la surface du segment d’arrière-plan, nous allons grouper (Contrôle-G) puis les masquer à l'aide d'une copie (Control-C) de la forme sous-jacente que nous allons coller devant (Contrôle-F). Ensuite, avec la copie et les formes groupées sélectionnées, il suffit de clic droit> Make Clipping Mask.
Une fois que vous avez terminé, n'oubliez pas de sélectionner et de regrouper toutes les formes de composition de la section actuelle à l'aide de la touche Contrôle-G raccourci clavier.
Passez au segment d’arrière-plan plus petit et commencez à travailler sur le soleil en créant un halo lumineux à l’aide d’un 112 x 112 px cercle (# FFCF83) suivie de deux plus petites (# FFCF83), chaque 12 px plus petit que le dernier. Empilez-les les uns sur les autres en veillant à baisser leurs Opacité pour juste 16%. Une fois que vous avez terminé, ajoutez le soleil réel en utilisant un 40 x 40 px cercle (# FFCF83), en veillant à sélectionner et à regrouper les quatre formes à l’aide des touches Contrôle-G raccourci clavier.
Dès que vous avez fini de créer le soleil, masquez-le en utilisant le même processus que pour les nuages au premier plan, afin qu'il reste lié à la surface de la forme sous-jacente..
Commencez à travailler sur les plus petits nuages flottants en créant trois ellipses de formes différentes (#FFFFFF) pour chaque instance. Faites-les se chevaucher (1), puis ajustez-les d'abord en pinçant leurs points d'ancrage latéraux à l'aide du Outil de point d'ancrage (Maj-C) (2). Continuez d’ajuster leur forme en sélectionnant individuellement leurs points d’ancrage inférieurs à l’aide des touches Outil de sélection directe (A) puis en les retirant en appuyant sur Effacer, en vous assurant de fermer les chemins résultants en utilisant le Contrôle-j raccourci clavier (3). Une fois que vous avez terminé, sélectionnez et regroupez chacune des formes composant les nuages à l'aide du bouton Contrôle-G raccourci clavier.
Conseil rapide: pour obtenir différentes variations, augmentez ou diminuez simplement la largeur et / ou la hauteur des ellipses jusqu'à obtenir la forme souhaitée.
Terminez l’arrière-plan en positionnant les nuages résultants comme dans l’image de référence, en sélectionnant et en regroupant ensuite toutes les formes composant la section en cours à l’aide de la touche Contrôle-G raccourci clavier.
Maintenant que nous avons fini de travailler sur l’arrière-plan, nous pouvons verrouiller sa couche puis passer à la suivante (ce serait la deuxième), où nous allons prendre notre temps et construire progressivement notre petit Zeppelin..
Commencez par créer la forme principale de la télécabine en utilisant un 48 x 12 px rectangle que nous colorierons avec # 664240 puis positionnez-vous sur le segment de fond plus grand, à une distance de 288 px de son bord gauche et 208 px de son sommet.
Ajustez la forme que nous venons de créer en ouvrant le Transformer panneau puis en réglant le Rayon de ses coins inférieurs à 8 px de l'intérieur Propriétés du rectangle.
Ajouter les panneaux de fenêtre en utilisant huit 2 x 2 px carrés (# F7C263) espacés horizontalement 2 px les uns des autres, que nous regrouperons (Contrôle-G) puis positionnez-vous comme dans l'image de référence. Une fois que vous avez terminé, assurez-vous de sélectionner et de grouper (Contrôle-G) les fenêtres et la plus grande forme sous-jacente ensemble avant de passer à l'étape suivante.
Commencez à travailler sur la section ballon en créant un 400 x 112 px ellipse, que nous colorierons avec # F99178 puis positionnez-le sur le dessus de la télécabine pour qu'il finisse par le chevaucher.
Ajustez la forme que vous venez de créer en sélectionnant et en poussant ses points d’ancrage centraux vers la gauche. 32 px en utilisant le Bouge toi outil (clic droit> Transformer> Déplacer> Horizontal> -32 px), en veillant à raccourcir les poignées de l'ancre droite de 15 px afin d'amincir son extrémité arrière.
Ajoutez la partie plus sombre du ballon en créant une copie (Contrôle-C> Contrôle-F) de la forme résultante, que nous ajusterons en sélectionnant puis en supprimant son point d’ancrage supérieur. Assurez-vous de fermer le chemin résultant en utilisant le Contrôle-j raccourci clavier, colorier la nouvelle forme en utilisant # C15142.
Ajoutez la section intérieure plus claire en utilisant une seconde copie (Control-C) du ballon plus grand, que nous allons coller devant (Contrôle-F). Changer sa couleur en # EA7B65, puis sélectionnez et poussez individuellement ses ancrages supérieur et inférieur à l'intérieur en 16 px (clic droit> Transformer> Déplacer> Vertical> +/- 16 px en fonction de quelle ancre vous commencez avec).
Créez la moitié inférieure plus sombre en utilisant une copie (Contrôle-C> Contrôle-F) de la forme résultante, que nous ajusterons en modifiant d'abord sa couleur # D86552 puis en retirant son point d’ancrage supérieur, en fermant immédiatement le chemin à l’aide du Contrôle-j raccourci clavier. Une fois que vous avez terminé, assurez-vous de sélectionner et de grouper (Contrôle-G) toutes les formes du ballon avant de passer à l'étape suivante.
Ajouter le bout coloré en utilisant un 8 x 112 px rectangle que nous colorierons avec # 664240 puis centrez le centre sur le bord gauche du ballon en prenant soin de le masquer (clic droit> Make Clipping Mask) ensuite en utilisant une copie (Contrôle-C> Contrôle-F) de la forme sous-jacente plus grande.
Créez le cône de nez en utilisant un 12 x 4 px rectangle (# 664240), que nous ajusterons en sélectionnant individuellement et en poussant ses points d’ancrage de gauche vers l’intérieur en 1 px en utilisant les flèches directionnelles, positionnez la forme obtenue de manière à ce qu'elle chevauche le ballon 2 px.
Ajoutez la forme principale du gouvernail supérieur à l'aide d'un 40 x 32 px rectangle (# D86552), que nous ajusterons en réglant la Rayon de son coin en haut à gauche pour 32 px, son en haut à droite 4 px et son en bas à droite pour 20 px de l'intérieur Transformer du panneau Propriétés du rectangle.
Décorez rapidement le gouvernail en ajoutant la section verticale plus sombre à l'aide d'un 8 x 32 px rectangle (# 664240), que nous masquerons à l'aide d'une copie de la forme sous-jacente, suivie d'un 8 x 8 px cercle (# 664240), que nous allons positionner comme dans l’image de référence. Une fois que vous avez terminé, assurez-vous de sélectionner et de grouper (Contrôle-G) les trois formes ensemble avant de passer à l'étape suivante.
Ajoutez le gouvernail inférieur à l'aide d'une copie (Contrôle-C> Contrôle-F) de celui sur lequel nous venons de terminer, que nous allons refléter horizontalement (clic droit> Transformer> Refléter> Horizontal) puis positionnez-vous sur le côté inférieur du ballon. Assurez-vous de les envoyer sous toutes les autres formes une fois que vous avez terminé (clic droit> Organiser> Envoyer à l'arrière).
Créez l'ascenseur latéral à l'aide d'un 40 x 8 px ellipse (# 664240), que nous ajusterons en sélectionnant et en poussant ses points d’ancrage intérieurs à gauche par 4 px, positionner la forme obtenue 16 px à partir de l'arrière du ballon.
Ajoutez les petits segments de support en utilisant quatre jeux de trois 4 x 2 px ellipses (# 664240), en suivant la ligne des sections internes du ballon, comme indiqué dans l’image de référence. Prenez votre temps et une fois que vous avez terminé, assurez-vous de les sélectionner et de les regrouper en utilisant le Contrôle-G raccourci clavier.
Terminez le zeppelin en ajoutant le moteur latéral en utilisant un 12 x 8 px ellipse (# 664240), que nous ajusterons en sélectionnant et en poussant ses points d’ancrage intérieurs à gauche par 2 px. Positionnez la forme obtenue comme indiqué dans l’image de référence, en veillant à sélectionner et à regrouper toutes les sections de composition du dirigeable à l’aide de la touche Contrôle-G raccourci clavier.
Dès que nous aurons fini de travailler sur le zeppelin, nous pourrons ajouter les petites lignes de piste en utilisant trois 1 px rectangles arrondis épais (#FFFFFF), que nous allons positionner autour du navire à une distance de 8 px.
Terminez l’illustration en ajoutant quelques nuages flottants (#FFFFFF), en suivant la même méthode utilisée pour créer les arrière-plans. Une fois que vous avez terminé, n’oubliez pas de sélectionner et de regrouper toutes les formes à l’aide des touches Contrôle-G raccourci clavier.
Avant de verrouiller le calque actuel et de passer au suivant (ce serait le troisième), nous devrons ajouter une copie (Control-C) des deux découpes de l’arrière-plan et du corps principal du zeppelin dans le Presse-papiers, car nous allons les utiliser pour créer la superposition.
Nous voulons commencer par coller les copies que nous venons d'ajouter dans le Presse-papiers sur le calque actuel à l'aide du Contrôle-F raccourci clavier.
Ensuite, nous devons faire en sorte que nos formes se comportent comme une seule plus grande en les transformant en un Forme composée. Commencez par les sélectionner, puis ouvrez le Éclaireur panneau et dirigez-vous vers son menu avancé et appuyez sur Faire la forme composée.
Une fois que nous avons créé notre forme composée, nous pouvons ouvrir la Pente panneau et appliquer un dégradé linéaire lisse en utilisant # 662D91 pour la couleur gauche arrêter et # FBB03B pour le bon.
Tout ce que nous avons à faire pour faire ressortir les couleurs, c’est ouvrir la Transparence panneau et définir le dégradé Mode de fusion à Brûlure de couleur, en veillant à baisser sa Opacité pour juste 30%.
Une fois que nous avons ajouté la superposition de dégradé, nous pouvons verrouiller le calque actuel, puis passer au dernier (ce serait le quatrième), où nous terminerons notre petite illustration en y appliquant une jolie texture subtile..
Nous voudrons commencer par copier d’abord (Control-C) puis en collant (Contrôle-V) la texture personnalisée sur notre calque actuel, en veillant à la redimensionner de manière à ce qu'elle recouvre l'intégralité de l'Artboard.
Une fois la texture en place, tout ce que nous avons à faire est de masquer (clic droit> Make Clipping Mask) en utilisant une forme composée créée à partir de l’arrière-plan et des formes principales du zeppelin (les trois que nous avons utilisées il ya quelques pas), en veillant à réduire sa Opacité à 60% avant de frapper enfin frapper cette sauvegarder bouton.
Comme toujours, j'espère que vous avez eu du plaisir à travailler sur ce petit projet et que vous avez surtout réussi à apprendre quelque chose de nouveau et d'utile au cours du processus..
Cela étant dit, si vous avez des questions, n'hésitez pas à les poster dans la section commentaires et je vous reviendrai dès que je pourrai.!
Si vous souhaitez développer vos compétences et apprendre quelque chose de nouveau et d’utile, j’ai pris le temps de choisir quelques tutoriels que je vous recommande vivement de consulter.!
