Share
Ce que vous allez créerDans les étapes suivantes, vous apprendrez à créer une illustration colorée de moulinet à hélice dans Adobe Illustrator..
Pour commencer, vous apprendrez à configurer une grille simple et à créer la première hélice à l'aide d'outils et d'effets de base. Ensuite, vous apprendrez à ajouter de la couleur et des ombres pour ces formes à l'aide des techniques de base de fusion et de création de formes vectorielles, ainsi que du panneau Aspect. En utilisant un simple effet de transformation et un tas de nouvelles couleurs, vous apprendrez à multiplier et recolorer les nouvelles hélices.
Enfin, vous apprendrez à créer un bacgkround coloré et subtilement texturé..
Frappé Contrôle-N créer un nouveau document. Sélectionner Les pixels du Unités menu déroulant, entrez 600 dans la case de largeur et 750 dans la case hauteur puis cliquez sur le Avancée bouton. Sélectionner RVB, Écran (72ppi) et assurez-vous que le Aligner de nouveaux objets sur la grille de pixels la case est décochée avant de cliquer D'accord.
Activer le la grille (Voir> Afficher la grille) et le Aligner sur la grille (Voir> Aligner sur la grille). Pour commencer, vous aurez besoin d’une grille chaque 5px, si simplement aller à Édition> Préférences> Guides> Grille, entrer 5 dans le Quadrillage tous les boîte et 1 dans le Subdivisions boîte. Essayez de ne pas vous décourager par toute cette grille, cela facilitera votre travail et gardez à l’esprit que vous pouvez facilement l’activer ou la désactiver en utilisant le Contrôle-" raccourci clavier.
Vous devriez aussi ouvrir le Info panneau (Fenêtre> Info) pour un aperçu en direct avec la taille et la position de vos formes. N'oubliez pas de définir l'unité de mesure en pixels de Édition> Préférences> Unités> Général. Toutes ces options augmenteront considérablement votre vitesse de travail.
Choisissez le Outil Rectangle (M) et concentrez-vous sur votre barre d'outils. Supprimez la couleur du trait, sélectionnez le remplissage et définissez sa couleur sur R = 255 G = 167 B = 0. Déplacez-vous sur votre planche et créez simplement un 135 x 55px rectangle, le Aligner sur la grille devrait faciliter votre travail. Concentrez-vous sur le dessus de ce rectangle orange et sélectionnez le Outil de sélection directe (A). Sélectionnez le bon point d'ancrage et faites-le simplement glisser 55px à gauche.
Assurez-vous que le point d'ancrage déplacé reste sélectionné, accédez au panneau de configuration et entrez simplement 24px en cela Coins boîte. Cette fonctionnalité est uniquement disponible pour les utilisateurs de CC. La meilleure solution pour remplacer cet effet serait le Autour d'un coin qui peuvent trouver dans cet article: 20 scripts Adobe Illustrator gratuits et utiles. Enregistrez-le sur votre disque dur, revenez à Illustrator et saisissez le Outil de sélection directe (A). Sélectionnez ce point d'ancrage et allez à Fichier> Scripts> Autre script. Ouvrez le Autour de n'importe quel coin script, entrer un 24px rayon et clic D'accord. Le résultat final pourrait être un peu différent.
Continuez à vous concentrer sur le dessus de votre forme orange et assurez-vous que le Outil de sélection directe (A) est toujours actif. Sélectionnez le point d’ancrage gauche, revenez au panneau de configuration et définissez le Rayon de coin à 30px. En utilisant le Outil de sélection (V), sélectionnez votre forme entière et allez à Effet> Déformation> Arc inférieur. Entrez les propriétés affichées dans l'image suivante, cliquez sur D'accord et allez à Objet> Développer l'apparence.
Assurez-vous que votre forme orange est toujours sélectionnée et allez à Effet> Déformation> Arc inférieur. Entrez les propriétés affichées dans l'image suivante, cliquez sur D'accord et allez à Objet> Développer l'apparence. Concentrez-vous sur le côté inférieur de la forme obtenue et passez au Outil de sélection directe (A). Sélectionnez le bon point d’ancrage, accédez au panneau de configuration et configurez le Rayon de coin à 3px. Finalement, votre forme orange devrait ressembler à celle de la troisième image..
Définissez la couleur de remplissage sur R = 255 G = 194 B = 53, choisir le Outil Rectangle (M), créer un 70 x 55px la forme et le placer comme indiqué dans la première image. Assurez-vous que ce rectangle jaune reste sélectionné, basculez vers le Supprimer l'outil de point d'ancrage (-) et cliquez simplement sur le point d’ancrage en bas à droite pour le supprimer. Cela devrait transformer votre rectangle jaune en triangle, comme indiqué dans la deuxième image..
Assurez-vous que votre triangle jaune est sélectionné et allez à Effet> Warp> Arch. Entrez les propriétés affichées dans l'image suivante, cliquez sur D'accord et allez à Effet> Déformation> Arc inférieur. Entrez les attributs indiqués ci-dessous, cliquez sur D'accord et allez à Objet> Développer l'apparence.
Concentrez-vous sur le dessus de votre forme jaune et sélectionnez le Outil de sélection directe (A). Sélectionnez le point d’ancrage gauche, concentrez-vous sur le panneau de commande et définissez le Rayon de coin à 10px.
Désactiver le Aligner sur la grille (Voir> Aligner sur la grille), permettent au Guides intelligents (Control-U) et concentrez-vous sur le point d'ancrage supérieur droit de votre forme jaune. En utilisant le Outil stylo (P), Créez un chemin simple comme dans la première image. Resélectionnez votre forme orange et faites-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie avec la forme créée au début de l’étape, ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et cliquez sur le Couper bouton. Une fois que vous avez terminé, désactivez le Guides intelligents (Control-U).
Sélectionnez votre forme jaune et appuyez simplement sur Shift-Control-] pour l'amener à l'avant. Resélectionnez cette forme avec le petit chemin tracé à l’étape précédente et cliquez sur le bouton Unir bouton du Éclaireur panneau.
Assurez-vous que votre forme jaune est sélectionnée et faites-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie avec votre forme orange et cliquez sur le bouton Minus Front bouton du Éclaireur panneau.
Aller à Édition> Préférences> Général et assurez-vous que le Incrément de clavier est fixé à 1px. Resélectionnez votre forme orange et faites deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et déplacez-la 1px vers le bas et 1px à droite en utilisant les boutons fléchés de votre clavier. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Sélectionnez la forme obtenue et concentrez-vous sur Apparence panneau. Définissez la couleur de remplissage sur le noir (R = 0 G = 0 B = 0) puis cliquez simplement dessus "Opacité"morceau de texte pour ouvrir le Transparence panneau fly-out. Baisser le Opacité à 25% et changer le Mode de fusion à Lumière douce.
Resélectionnez votre forme orange et effectuez deux autres copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et déplacez-la 3px vers le bas et 5px à droite. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Remplissez la forme obtenue avec du noir, abaissez son Opacité à dix% et changer le Mode de fusion à Lumière douce.
Resélectionnez votre forme orange et faites-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie et allez à Objet> Transformer> Rotation. Met le Angle à 5 degrés et cliquez sur le Copie bouton. Assurez-vous que la forme nouvellement créée est sélectionnée et déplacez-la 5px vers le bas et 5px à droite. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Remplissez la forme obtenue avec du noir, abaissez son Opacité à 5% et changer le Mode de fusion à Lumière douce.
Resélectionnez votre forme orange et allez à Objet> Chemin> Chemin décalé. Entrez un -Décalage de 1px et cliquez D'accord. Assurez-vous que la forme nouvellement créée est sélectionnée et faites-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie et déplacez-la 1px up. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Remplissez la forme obtenue avec le dégradé linéaire montré dans l’image suivante et abaissez son Opacité à 70%. Gardez à l’esprit que le zéro jaune de la Pente l'image représente Opacité pourcentage qui signifie simplement que vous devez sélectionner ce curseur de dégradé, concentrez-vous sur le Opacité boîte (de la Pente panneau) et le mettre à 0%.
Resélectionnez votre forme orange, concentrez-vous sur Apparence panneau et ajouter un deuxième remplissage en utilisant le Ajouter un nouveau remplissage bouton. Sélectionnez ce nouveau remplissage et ajoutez simplement le dégradé linéaire indiqué dans la première image. N'oubliez pas que le zéro jaune du Pente l'image représente Opacité pourcentage tandis que le bleu "50"représente Emplacement pourcentage.
Assurez-vous que votre forme orange est toujours sélectionnée et ajoutez un troisième remplissage en utilisant le même Ajouter un nouveau remplissage bouton. Sélectionnez le nouveau remplissage, abaissez son Opacité à 30% et ajoutez le dégradé linéaire montré dans la deuxième image.
Déplacez-vous vers la forme jaune, sélectionnez-la et faites deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et déplacez-la 1px et 1px à gauche. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Assurez-vous que la forme obtenue est sélectionnée, modifiez-la Mode de fusion à Lumière douce et ajoutez le dégradé linéaire montré dans l'image suivante.
Déplacez-vous vers la forme jaune, sélectionnez-la et faites deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et déplacez-la 2px à droite. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Assurez-vous que la forme obtenue est sélectionnée, abaissez son Opacité à 50%, changer la Mode de fusion à Lumière douce et ajoutez le dégradé linéaire montré dans l'image suivante.
Assurez-vous que votre forme jaune est toujours sélectionnée et remplacez la couleur de remplissage existante par le dégradé linéaire indiqué dans l'image suivante. Une fois que vous avez terminé, sélectionnez toutes les formes créées jusqu'à présent et appuyez simplement sur Contrôle-G à Groupe leur.
Sélectionnez votre groupe et allez à Effet> Distorsion & Transformation> Transformer. Entrez les propriétés affichées dans l'image suivante (n'oubliez pas de vérifier le point de référence inférieur gauche), cliquez sur D'accord ensuite aller à Objet> Développer l'apparence. Assurez-vous que le groupe de formes résultant est sélectionné et appuyez simplement sur Maj-Contrôle-G à Dissocier il. Focus sur le Couches panneau et vous trouverez quatre groupes distincts, un pour chaque hélice.
Concentrez-vous sur le groupe de formes qui composent l'hélice inférieure et droite et remplacez simplement les couleurs utilisées pour les formes principales par celles illustrées dans l'image suivante..
Concentrez-vous sur le groupe de formes qui composent l'hélice inférieure gauche et remplacez simplement les couleurs utilisées pour les formes principales par celles illustrées dans l'image suivante..
Concentrez-vous sur le groupe de formes qui composent l'hélice supérieure et gauche et remplacez simplement les couleurs utilisées pour les formes principales par celles illustrées dans l'image suivante..
Sélectionnez le groupe de formes qui constituent l’hélice jaune restante, faites-en une copie devant (Contrôle-C> Contrôle-F) et l'amener au premier plan (Shift-Control- [ ). Sélectionnez le groupe de formes qui composent votre hélice bleue, faites-en une copie devant (Contrôle-C> Contrôle-F), sélectionnez-le et cliquez sur le bouton Unir bouton du Éclaireur panneau. Remplissez la forme obtenue avec un blanc plat (R = 255 G = 255 B = 255) et l'amener au premier plan (Shift-Control-] ).
Resélectionnez votre forme blanche avec la copie de cette hélice jaune, ouvrez le Transparence panneau (Fenêtre> Transparence) et cliquez simplement sur le Faire masque bouton.
Resélectionnez toutes les formes faites jusqu'à présent et allez à Objet> Transformer> Rotation. Entrez un -Angle de 45 degrés puis clique D'accord.
Activer le Aligner sur la grille (Voir> Aligner sur la grille). Choisissez un brun simple pour la couleur de remplissage, saisissez le Outil Rectangle (M), créer un 10 x 200px la forme et placez-le comme indiqué dans l'image suivante. Assurez-vous que ce nouveau rectangle reste sélectionné et allez à Effet> Styliser> Coins arrondis. Entrez un Rayon 2px, Cliquez sur D'accord et allez à Effet> Déformation> Arc inférieur. Entrez les propriétés affichées dans l'image suivante, cliquez sur D'accord et allez à Objet> Développer l'apparence.
Assurez-vous que votre forme marron est toujours sélectionnée, remplacez la couleur de remplissage existante par le dégradé linéaire indiqué dans l'image suivante, puis cliquez simplement sur Shift-Control- [ l'envoyer à l'arrière.
Assurez-vous que la forme de votre stick reste sélectionnée, concentrez-vous sur le Apparence panneau et ajouter un deuxième remplissage en utilisant le même Ajouter un nouveau remplissage bouton. Sélectionnez le nouveau remplissage, abaissez son Opacité à 70%, changer la Mode de fusion à Lumière douce, ajouter le dégradé linéaire montré dans l'image suivante puis aller à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 1px et cliquez D'accord.
Assurez-vous que la forme de votre stick reste sélectionnée, concentrez-vous sur le Apparence panneau et ajouter un troisième remplissage. Faites-le noir, abaissez son Opacité à 6%, changer la Mode de fusion à Multiplier et allez à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 1px, Cliquez sur D'accord et allez à Effet> Artistique> Grain de film. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.
En utilisant le Outil Ellipse (L), créer un 10px cercle, placez-le comme indiqué dans l'image suivante et remplissez-le avec le dégradé radial indiqué ci-dessous.
Désactiver le Aligner sur la grille (Voir> Aligner sur la grille). Assurez-vous que votre 10px cercle est toujours sélectionné et faites deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et déplacez-la 1px en utilisant le bouton flèche haut de votre clavier. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Remplissez la forme résultante avec du noir et abaissez son Opacité à 20%.
Activer le Aligner sur la grille (Voir> Aligner sur la grille) ensuite aller à Édition> Préférences> Guides et grille et entrez 1 dans le Quadrillage tous les boîte. En utilisant le Outil Ellipse (L), créer un 4 x 2px la forme et placez-le comme indiqué dans la troisième image. Remplissez cette forme minuscule avec du blanc, abaissez son Opacité à 70% et changer le Mode de fusion à Lumière douce.
Désactiver le Grille (Affichage> Masquer la grille) et le Aligner sur la grille (Voir> Aligner sur la grille). Resélectionnez votre 10px cercle avec les deux, petites formes utilisées pour le mettre en évidence et Groupe leur (Contrôle-G).
Assurez-vous que ce nouveau groupe reste sélectionné, concentrez-vous sur la Apparence panneau et ajoutez simplement un nouveau trait à l'aide du Ajouter un nouveau trait bouton. Fais-le 1px large et définir la couleur à R = 35 G = 31 B = 32 puis abaissez son Opacité à dix% et changer le Mode de fusion à Multiplier. Continuez à vous concentrer sur ce coup, assurez-vous qu'il est toujours sélectionné, allez à Effet> Pathfinder> Ajouter ensuite aller à Effet> Chemin> Chemin de décalage. Entrez un 0.5px Offset et cliquez D'accord.
Maintenant, sélectionnez le groupe entier (cliquez simplement dessus "Groupe"morceau de texte du haut de la Apparence panneau) et aller à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre de gauche (dans l'image suivante), cliquez sur D'accord puis ajoutez les deux autres Ombre portée effets montrés dans l'image suivante.
Resélectionnez toutes les formes faites jusqu'ici et simplement Groupe leur (Contrôle-G).
Choisissez le Outil Rectangle (M) et cliquez simplement sur votre planche pour ouvrir le Rectangle la fenêtre. Entrer 610 dans le Largeur boîte et 760 dans le la taille puis cliquez sur le bouton D'accord bouton. Assurez-vous que la forme obtenue reste sélectionnée, envoyez-la à l’arrière (Shift-Control- [ ) et définissez la couleur de remplissage sur R = 254 G = 211 B = 170.
Ensuite, vous devrez le centrer, alors ouvrez le Aligner panneau (Fenêtre> Aligner). Définissez l’alignement sur Artboard (ouvrez le menu déroulant et allez à Afficher les options si vous ne pouvez pas voir le Aligner a section ci-dessous), assurez-vous que votre forme est sélectionnée puis cliquez simplement sur le bouton Centre d'alignement horizontal et Centre d'alignement vertical boutons. En fin de compte, votre rectangle devrait couvrir l’ensemble du plan de travail, comme indiqué dans l’image suivante..
Assurez-vous que votre forme d’arrière-plan est toujours sélectionnée, concentrez-vous sur Apparence panneau et ajouter un deuxième remplissage en utilisant le même Ajouter un nouveau remplissage bouton. Sélectionnez le nouveau remplissage et ajoutez simplement le dégradé radial indiqué dans l'image suivante.
Assurez-vous que votre forme d’arrière-plan reste sélectionnée, concentrez-vous sur Apparence panneau et ajouter un troisième remplissage. Vous aurez besoin d’un motif intégré pour ce nouveau remplissage. Échantillons panneau, ouvrez le menu déroulant et allez à Open Swatch Library> Patterns> Decorative> Decorative Legacy. Une nouvelle fenêtre avec un ensemble de modèles intégrés devrait s'ouvrir. Assurez-vous que le remplissage ajouté à cette étape est toujours sélectionné, ajoutez le "Couleur de tissage"modèle, abaissez son Opacité à 20%, changer la Mode de fusion à Lumière douce et allez à Effet> Artistique> Grain de film. Entrez les propriétés indiquées ci-dessous et cliquez sur D'accord.
Resélectionnez le groupe de formes qui composent votre roue à hélice et allez à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre supérieure gauche (dans l'image suivante), cliquez sur D'accord puis ajoutez les cinq autres Ombre portée effets montrés ci-dessous.
Voici à quoi cela devrait ressembler. J'espère que vous avez apprécié ce tutoriel et que vous pouvez appliquer ces techniques à vos projets futurs..
N'hésitez pas à essayer un jeu de couleurs différent pour vos hélices.
Accentsconagua