Share
Ce que vous allez créerEn été, tout est en pleine floraison et les habitants profitent des journées chaudes et ensoleillées et célèbrent le jour le plus long et le plus puissant de l'année: le solstice d'été, également appelé Litha dans la tradition wiccane..
Dans ce didacticiel, nous allons créer un ensemble d'icônes plates simples mais à la mode, dédiées aux éléments, liées à la nature et aux célébrations du milieu de l'été. Nous utiliserons des formes de base et diverses fonctions d'Adobe Illustrator pour rendre le processus complet et amusant..
Litha peut être célébré de différentes manières et est principalement dédié à la nature. Certaines personnes construisent des autels décorés avec des éléments de la saison: fleurs d'été, actifs solaires, bougies et cultures, louant la lumière et l'énergie du soleil. Les icônes de notre didacticiel illustreront ces symboles et ressources, consacrés à l’été, à la nature et à la litha.!
À la fin de ce didacticiel, vous pourrez appliquer ces techniques et créer tout autre type d'illustrations à plat et d'icônes, telles que des icônes de nourriture ou des icônes d'accessoires. Parcourez le marché Envato pour trouver le sujet qui vous intéresse et préparez-vous à en créer un nouveau une fois que nous aurons terminé avec celui-ci.!
Commençons!
Notre premier élément sera un tas de baies mûres sur une tige. Prendre le Outil Ellipse (L) et commencer à façonner notre baie à partir d'un 15 x 15 px Cercle rouge.
Choisissez une couleur rose clair et formez un 5 x 5 px ellipse sur la baie pour le point culminant. Ajouter une ellipse plus petite un peu plus bas, rendant notre baie glacée.
Enfin, sélectionnez tous les éléments et groupe (Control-G) leur.
Ajoutons une tige ou une branche. Prendre le Outil de segment de ligne (\), tenir Décalage, et tracez une ligne verticale de 35 px la taille. Vous pouvez ajuster la taille de votre ligne à partir du panneau de commande situé en haut. Met le Accident vasculaire cérébral couleur brun foncé dans le Couleur panneau.
Dirigez-vous vers le Accident vasculaire cérébral panneau et à partir d'ici définir la Poids valeur à 2 pt, et passer Casquette et Coin aux positions moyennes pour arrondir les extrémités de la ligne.
Maintenant, prenez le Outil d'arc et attachez une pousse courte à gauche. Met le Poids de l'AVC à 1,5 pt et, comme précédemment, définir le Casquette et Coin aux positions intermédiaires.
Ajoutez une autre pousse et couvrez les deux avec des copies de notre baie rouge, en variant légèrement la taille..
Maintenant, façonnons quelques feuilles. Utilisez le Outil Ellipse (L) faire un 9 x 20 px ovale vert. Prendre le Outil de sélection directe (A), sélectionnez les points d’ancrage supérieur et inférieur et utilisez le Convertir les points d'ancrage sélectionnés en angle fonction pour faire les pointes de la feuille pointue. Vous trouverez cette fonction dans le panneau de configuration en haut..
Ajoutons une nervure centrale à notre feuille. Utilisez le Outil de segment de ligne (\) faire une ligne verticale et changer sa Accident vasculaire cérébral couleur vert foncé. dans le Accident vasculaire cérébral panneau, réglez le Poids valeur à 1 pt et Profil à Profil de largeur 1, rendant ainsi les bouts de la ligne fins et pointus.
Groupe (Control-G) les éléments de la feuille, faites-le pivoter un peu et attachez-le à la tige.
Faisons la base de notre icône! Basculer vers le Outil Polygone et définir le nombre de côtés à 8. Faire un 80 x 80 px octogone de couleur beige.
Maintenant alignons les objets. Sélectionnez les baies et l'octogone et cliquez une nouvelle fois sur l'octogone pour en faire un Objet clé (vous verrez une sélection plus épaisse autour de la forme). Dirigez-vous vers le Aligner panneau et cliquez Centre d'alignement horizontal pour que les deux éléments soient parfaitement alignés.
Terminons notre icône en ajoutant une ombre portée à la mode. Utilisez le Outil Rectangle (M) faire un 60 x 70 px rectangle de couleur beige clair. Définir sa Mode de fusion à Multiplier dans le Transparence panneau.
Tenir Décalage et utiliser le Outil de sélection (V) faire pivoter le rectangle 45 degrés. Placez-le entre les baies et la base de l'icône en appuyant sur Contrôle-[ plusieurs fois ou en le faisant glisser manuellement dans le Couches panneau.
Positionnez l'ombre pour l'adapter à notre plante. Utilisez le Ajouter un outil de point d'ancrage (+) et le Outil de sélection directe (A) pour déplacer les points, les cacher derrière la plante.
Enfin, nous devons nous débarrasser de l’ombre en dehors de la base des icônes. Let's Copie la base de l'icône et Coller devant (Control-C> Control-F). presse Shift-Control-] à Apporter il à l'avant. Sélectionnez la copie et l'ombre, cliquez sur le bouton bouton droit de la souris et Faire masque d'écrêtage. Et c'est tout! Nous pouvons toujours éditer et ajuster l'ombre, si nécessaire, à l'intérieur du Masque d'écrêtage en le sélectionnant dans le Couches panneau ou en utilisant le Outil de sélection directe (A).
Passons à notre prochaine icône!
Commençons à rendre un champignon de son chapeau. Utilisez le Outil Ellipse (L) faire un 40 x 10 px ovale rouge. Prendre le Outil de sélection directe (A) et sélectionnez le point d'ancrage supérieur. Raccourcissez ses poignées d'ancrage en les rapprochant du centre, rendant le haut de la forme plus pointu..
Gardez le point sélectionné, appuyez sur Entrer ouvrir le Bouge toi la fenêtre. Met le Horizontal valeur à 0 px et Verticale valeur à -10 px. Cliquez sur D'accord déplacer le point 10 px up, formant une casquette.
Ajoutons une "jambe" ou une rayure à notre champignon. Faire un 10 x 25 px forme beige en utilisant le Outil Ellipse (L). Sélectionnez les deux éléments et Aligner leur Centres horizontaux, en utilisant le bouchon comme Objet clé.
Modifions la forme de la rayure. Sélectionnez-le et allez à Effet> Warp> Arc. Met le Courbure horizontale valeur à -dix%, rendant la forme plus large en bas. Cliquez sur D'accord d'appliquer l'effet, et ajoutons-en un autre.
Aller à Effet> Chaîne> Poisson. Cliquez sur Appliquer un nouvel effet dans la boîte de dialogue contextuelle, et définissons la Courbure verticale valeur à -25%, rendant la forme légèrement bombée.
Aller à Objet> Développer l'apparence appliquer l'effet. Envoyer la rayure retourner, en le plaçant juste sous le capuchon en appuyant sur Shift-Control- [.
Nous allons décorer notre champignon avec quelques boutons pour le rendre plus détaillé. Faire un 5 x 5 px cercle beige clair et placez-le au bord de la forme rouge. Créez un autre cercle du côté opposé et masquez-le partiellement sous le capuchon.
Chatouiller encore plus de boutons, en variant leurs tailles.
Ajoutons maintenant une légère ombre au bas de la bande. Dupliquer la rayure deux fois (Control-C> Control-F> Control-F) et déplacez la copie supérieure un peu en frappant le Flèche vers le haut touche de votre clavier quelques fois.
Sélectionnez deux copies de la bande et utilisez le Minus Front fonction de Éclaireur couper les formes. Rendre la couleur de la forme plus sombre, formant une ombre.
Terminez notre icône de champignon en ajoutant une base d'icône octogonale verte et une ombre portée très tendance.
Impressionnant! Allons-nous en.
Choisissez une couleur marron foncé et faites le haut de notre bougie à partir d'un 30 x 5 px ellipse. Choisissez une couleur marron clair et faites du corps de notre bougie un 30 x 30 px rectangle, en utilisant le Outil Rectangle (M). Combinez le corps de la bougie avec son sommet, aligner les objets les uns aux autres.
Maintenant, sélectionnez le haut elliptique de la bougie, maintenez Alt-Shift et faites glisser la forme vers le bas pour en faire une copie. Utilisez le Outil Pipette (I) choisir la couleur du corps et l'appliquer à l'ellipse inférieure, formant ainsi le fond de la bougie.
Utilisez le Outil Rectangle (M) faire une forme étroite de 5 x 23 px taille et aligner il à gauche bord du corps de la bougie. Garder la forme sélectionnée, appuyez sur Entrer ouvrir le Bouge toi la fenêtre. Met le Horizontal valeur à 5 px et Verticale valeur à 0 px.
presse Copie ajouter une deuxième bande. Maintenant, appuyez sur Contrôle-D à plusieurs reprises pour faire cinq copies de plus, de sorte que nous avons sept copies au total. Sélectionnez toutes les rayures et écrasez-les un peu, en les adaptant au corps de notre bougie.
Commencez à faire varier la taille de chaque forme en alternant la hauteur des rectangles. Ensuite, sélectionnez tous les rectangles et Unir eux dans le Éclaireur, les fusionner en une seule forme.
Maintenant nous pouvons prendre le Outil de sélection directe (A) et sélectionnez tous les points inférieurs de la forme fusionnée. Nous verrons les minuscules marqueurs de cercle du Coins vivants fonctionnalité, qui nous permet de rendre les coins des formes sélectionnées complètement arrondis si nous tirons les cercles plus près du centre.
Ajoutons une flamme à notre bougie. Utilisez le Outil Ellipse (L) faire un 5 x 15 px ovale orange. Sélectionnez son point d’ancrage supérieur avec le Outil de sélection directe (A) et utiliser le Convertir fonction dans le panneau de commande supérieur pour que le haut de l’ellipse soit pointu.
Élargissez un peu la flamme et placez une copie plus petite dessus, en la remplissant de couleur jaune clair, rendant ainsi la flamme stylisée tout en restant fidèle à la réalité..
Terminez notre icône de bougie en faisant une base d'icône bleu clair avec une ombre portée.
Nous avons trois autres icônes à faire! Faisons le!
Armez-vous du Outil Ellipse (L) et commençons à façonner notre plume d'un 15 x 40 px ovale brun clair. Aller à Effet> Warp> Arc et mettre le Courbure horizontale valeur à -6%, rendant le bas de la forme légèrement plus large que son sommet.
Ajoutons maintenant quelques crans à notre plume. Utilisez le Outil stylo (P) faire une minuscule polyligne en forme de triangle (voir en rouge dans la capture d'écran ci-dessous). Sélectionnez à la fois la ligne et la plume et utilisez les touches Minus Front fonction de Éclaireur découper un morceau de la plume. Ajouter plus d'entailles, en utilisant la même technique simple.
Formons le manche de la plume. Utilisez le Outil de segment de ligne (\) et maintenir Décalage tracer une ligne verticale à travers la plume. Choisissez une couleur marron plus foncé pour le Accident vasculaire cérébral et mettre le Poids de l'AVC à 2 pt. Met le Profil à Profil de largeur 1, faire le manche pointu.
Ajoutons quelques détails mineurs à notre plume. Prendre le Outil Rectangle (M) et faire un 15 x 5 px forme marron clair. Double-cliquez la Outil de rotation (R) et mettre le Angle valeur à 30 degrés.
Tenir Alt-Shift et faites glisser la forme vers le bas pour en faire une copie. Changer la taille de la copie en brun foncé.
Placez les bandes au-dessus de la plume, en cachant leurs points d’ancrage gauche sous la tige. Pour ce qui est des pièces inutiles à droite, voyons comment nous pouvons nous en débarrasser..
Sélectionnez la plume et les rayures. Prendre le Outil de création de forme (Maj-M), tenir Alt et cliquez sur les pièces inutiles pour les supprimer. Voila! Notre plume est prête.
Terminez l'icône en ajoutant une base d'icône bleue avec une ombre subtile. Et passons directement à l'icône suivante!
Nous allons maintenant créer une icône minérale ressemblant à un cristal brillant.
Utilisez le Outil Rectangle (M) faire un 10 x 40 px forme bleue. Frappé Entrer ouvrir le Bouge toi la fenêtre. Met le Horizontal valeur à 10 px et Verticale valeur à 0 px. Cliquez sur Copie créer un deuxième rectangle, attaché au premier.
presse Contrôle-D créer la troisième forme et faire varier la légèreté du Remplir couleur, faisant ressembler les formes à un dégradé.
Réduisez un peu les rectangles gauche et droit, en les rendant plus étroits que la forme centrale. Sélectionnez les trois formes et dupliquer leur (Control-C> Control-F). Faites glisser les copies vers le haut, en les attachant au sommet du groupe initial du rectangle. Réduisez les copies en les rendant beaucoup plus courtes.
Maintenant, façonnons le sommet de notre cristal. Prendre le Outil de sélection directe (A) et sélectionnez tous les points d'ancrage supérieurs indiqués dans la capture d'écran ci-dessous. Dirigez-vous vers le Aligner panneau, sélectionnez Aligner sur la sélection et cliquez Centre d'alignement horizontal pour rassembler tous les points d'ancrage sélectionnés en un point et former un triangle.
Maintenant, déformons un peu notre cristal pour le rendre moins symétrique. Prendre le Outil de lasso (Q), sélectionnez les points centraux inférieurs de notre cristal et appuyez sur la Flèche vers le bas touche du clavier à quelques reprises, en les déplaçant vers le bas. Modifiez également le haut du cristal à l’aide de la touche Outil de lasso (Q) et en déplaçant les points vers le bas.
Modifiez également les côtés du minéral, en déplaçant ses points d'ancrage latéraux dans des directions opposées, ce qui rend le haut de la forme un peu plus large..
Ajoutons un point culminant brillant à notre cristal pour le rendre brillant. Utilisez le Outil Rectangle (M) faire un groupe de rayures bleu clair. Faites-les pivoter et placez-les au-dessus de la partie avant du cristal. Sélectionnez à la fois les rayures et le rectangle central de notre cristal et passez au Outil de création de forme (Maj-M). Tenir Alt et cliquez sur les morceaux que vous souhaitez supprimer.
Génial! Maintenant, cela ressemble à une surface de verre.
Terminez notre icône de cristal en ajoutant une base d'icône verte avec une ombre portée.
Il ne reste plus qu'une icône à faire! Allons-nous en.
Notre icône finale sera une simple et jolie fleur. Utilisez le Outil Polygone et définir le nombre de côtés à 8 faire un octogone (le même que nous avons pour notre base d'icônes). Faire un 50 x 50 px forme rouge.
Aller à Effet> Distorsion & Transformation> Pucker & Bloat. Déplacez le curseur vers le Gonfler côté, fixant sa valeur à 50%. Cela ressemble déjà à une fleur!
Aller à Effet> Développer l'apparence appliquer l'effet. Prendre le Outil Ellipse (L) et faire un 15 x 15 px cercle orange pour le centre de notre fleur.
Copiez la tige avec les feuilles de notre toute première icône (celle avec les baies) et changez la couleur de la tige en vert.
Fixez la tige à la fleur et Envoyer il vers l'arrière (Shift-Control- [).
Terminez avec notre icône de fleur en la plaçant sur une base beige avec une ombre portée à la mode.
Bon travail! Vous avez appris à créer cet été et un ensemble inspiré par la nature en utilisant les formes et les fonctions de base d'Adobe Illustrator. J'espère que vous avez découvert quelques trucs et astuces utiles pour votre futur projet et vous permettant de créer tout type d'icônes et d'illustrations plates..
N'hésitez pas à partager votre résultat dans les commentaires ci-dessous!
Si vous aimez créer des icônes à plat autant que moi, n'hésitez pas à consulter les tutoriels suivants:
S'amuser!
Accentsconagua