Share
Ce que vous allez créerDans ce didacticiel, je vais vous montrer comment créer une illustration de Windmill à l’aide de Sketch, un formidable outil de conception vectorielle. Ce didacticiel vous apprendra de nombreuses techniques nécessaires à la création d’illustrations personnalisées avec Sketch. Commençons!
Commençons par créer notre artboard. Pour ce faire, appuyez sur UNE sur le clavier et dessinez une planche d’art de la taille de 1200 px par 900 px.
Sélectionnez le Rectangle outil de la Insérer> Forme menu dans la barre d’outils supérieure, ou appuyez simplement sur R sur le clavier et créer un rectangle.
Utilisez le Panneau de l'inspecteur sur le droit de décocher la Les frontières, puis cliquez sur le Remplir bouton et passer à Gradient linéaire.
Sélectionnez l’arrêt de couleur en haut (vous remarquerez qu’il deviendra plus gros une fois sélectionné) et changera la couleur en # 052138.
Ensuite, sélectionnez la couleur en bas, changez la couleur en # 3B749E, et déplacez-le vers le haut. Utilisez l'image ci-dessous comme référence.
Ramasse le Rectangle outil en appuyant sur R sur le clavier et dessinez un rectangle 10 px par 10 px. Changer la couleur en # 4F89BA et décochez les frontières en utilisant le Panneau de l'inspecteur sur la droite.
Choisir la Tourner outil de la barre d'outils supérieure et faites pivoter le rectangle 45 ° dans le sens des aiguilles d'une montre, et ensuite appliquer Flou gaussien avec Montant de 1 px en utilisant le Panneau de l'inspecteur.
Ajoutez plus d'étoiles en dupliquant (Commande-D) ce rectangle. Utilisez l'image ci-dessous comme référence.
Utilisation # 061C2E couleur pour les étoiles les plus sombres et # DBF0F0 pour les plus brillants. Sélectionnez toutes les étoiles et placez-les dans un groupe en utilisant Command-G. Nommez ce groupe "étoiles".
presse O invoquer le ovale outil et faire un cercle. Éteignez la bordure, changez la couleur en # 224E6F, et appliquer Flou gaussien avec le Montant de 1px.
Dupliquer le cercle (Commande-D) et changez la couleur en # E0FFFF.
Dupliquez le cercle une fois de plus, changez la couleur en # 20E6E6, et le déplacer 13 px à gauche.
Sélectionnez ces deux cercles en maintenant Commander sur le clavier et en cliquant sur ces couches dans le Liste des couches à gauche, puis cliquez sur Soustraire dans la barre d'outils supérieure pour créer la forme de la lune.
Sélectionnez le cercle et la forme de la lune, regroupez-les et donnez à ce groupe le nom "lune".
presse V choisir le Vecteur outil et dessiner la forme de montagnes lointaines.
Désactivez la bordure et remplacez la couleur par # 215178.
Dans cette section, nous allons créer des montagnes et des arbres juste derrière notre moulin à vent en utilisant des triangles.
Choisir la Triangle outil en appuyant sur T sur le clavier et créez un triangle comme dans l'image ci-dessous.
Changez la couleur du triangle en # 23567E et éteignez la frontière.
Créez un autre rectangle, et pour celui-ci utilisez la couleur # 275B85.
Puis un autre. Pour celui-ci utilisez la couleur # 29608C.
Et enfin, créez un autre rectangle et coloriez-le avec # 24567E.
Il est temps d'ajouter des arbres sur nos montagnes. Utilisez le Triangle (t) outil pour créer une forme d'arbre.
Changer la couleur de l'arbre à la couleur de notre montagne.
Dupliquez plusieurs fois et déplacez les formes autour de notre montagne, comme dans l'image ci-dessous.
Répétez ce processus pour toutes les autres montagnes.
Sélectionnez toutes les montagnes et les arbres et insérez-les dans un groupe en appuyant sur Command-G. Nommez ce groupe "montagnes et arbres".
Ajoutons quelques nuages à notre illustration. Ramasse le Vecteur (v) outil et dessine une forme de nuage. Pour la couleur, utilisez #FFFFFF.
Ensemble Mélange à Lumière douce et Opacité à 20%.
Dessine un autre nuage.
Changement Mélange à Lumière douce et Opacité à 15%.
Enfin, créez un autre nuage juste au-dessus de la lune.
Ensemble Mélange à Lumière douce et Opacité à dix%.
Sélectionnez tous les nuages et regroupez-les. Donnez à ce groupe le nom "nuages".
Dessinez un rectangle en utilisant le Rectangle (R) outil, et placez-le au bas de notre planche.
Cliquer sur Remplir dans le Panneau de l'inspecteur et sélectionnez Gradient linéaire. Colorer la butée en haut à # 0F273F.
Colorez la butée en bas sur # 070C1F.
Créez un rectangle en utilisant le Rectangle outil (T). Pour la couleur, utilisez # E0E0E0 et éteignez la frontière.
presse Entrer sur le clavier pour commencer à éditer le rectangle. Sélectionnez le point arrondi dans le coin inférieur gauche et déplacez-le 36 px vers la gauche en utilisant la flèche gauche du clavier. Avec les touches fléchées, vous pouvez déplacer les points sélectionnés de 1 px, et en maintenant la Décalage clé vous pouvez les déplacer 10 px par clic.
Ensuite, sélectionnez le point arrondi dans le coin inférieur droit et déplacez-le 36 px à droite en utilisant la flèche droite.
Ajoutons de la profondeur à notre tour. Prenez le Vecteur (v) outil et dessinez une forme comme dans l’image ci-dessous. Pour la couleur utiliser #FFFFFF, éteindre la frontière et régler le Opacité à 60%.
Dupliquer cette forme (Commande-D), Retourner horizontalement en utilisant le Panneau de l'inspecteur à droite et déplacez-le vers le côté droit de la tour.
Changer la couleur en # 000000 et le Opacité à dix%.
Ensuite, sélectionnez ces deux formes que nous venons de créer, et la forme de la tour, en maintenant enfoncé Décalage et en cliquant sur les couches, puis choisissez Masque dans la barre d'outils supérieure.
Encore une fois, sélectionnez toutes les formes que nous avons créées à cette étape et placez-les dans un groupe. Nommez ce groupe "forme de tour".
Pour créer une porte, tracez un rectangle comme dans l’image ci-dessous et définissez les propriétés suivantes dans Panneau de l'inspecteur:
Accentsconagua
# 676767 
Ensuite, dessinez un rectangle plus petit, désactivez la bordure et définissez la couleur sur # 676767.
Sélectionnez les deux rectangles et placez-les dans le groupe "porte".
Créons une fenêtre. Dessine un carré en utilisant le Rectangle outil (R) et en maintenant Décalage. Appliquez les propriétés suivantes à ce carré:
#BEBEBE # 676767 
Choisir la Ligne (L) outil, et tracez deux lignes sur la forme de la fenêtre: une horizontale et une verticale. Pour la couleur, utilisez # 676767 et mettre le Épaisseur à 2 px.
Sélectionnez le carré et les deux lignes et appuyez sur Command-G pour les imbriquer dans un groupe. Nommez ce groupe "fenêtre".
Dupliquer (Commande-D) le groupe "fenêtre" trois fois et placez-le comme indiqué dans l'image ci-dessous.
Sélectionnez la fenêtre du haut et changez la couleur du rectangle en # FDF485.
Sélectionnez "forme de tour" et tous les groupes "fenêtre" et "porte", et mettez-les dans un groupe. Nommez ce groupe "tour".
Utilisez le Ovale (O) outil et maintenez Décalagecréer un cercle. Définissez la couleur sur # D71A03 et éteignez la frontière.
presse Entrer pour entrer en mode d’édition de forme, puis sélectionnez le Les ciseaux outil de la Couche> Chemins menu dans la barre d'outils supérieure, pour couper les lignes de notre cercle pour obtenir un hémisphère.
Aller à Couche> Chemins et choisir Fermer le chemin fermer le chemin.
Ajoutons quelques points saillants et ombres. Créez un rectangle sur le côté gauche de notre hémisphère, désactivez la bordure et définissez la couleur sur #FFFFFF et le Opacité à 20%.
Dupliquez cette forme, changez la couleur en # 000000 et le Opacité à 15%, et placez-le sur le côté droit de notre hémisphère.
Sélectionnez les deux formes et l'hémisphère en maintenant enfoncé Décalage et en cliquant sur les couches, puis choisissez Masque dans la barre d'outils supérieure.
À la fin, créez un rectangle un peu plus grand que l’écart entre le capuchon et la tour. Définissez la couleur sur #EFEFEF et appliquer Ombres en utilisant le Panneau de l'inspecteur.
Sélectionnez les deux formes (hémisphère et rectangle) et regroupez-les. Donnez à ce groupe le nom "cap".
Dans cette étape, nous allons créer la dernière partie de notre moulin: les voiles. Alors commençons.
Choisissez le Vecteur (v) outil et dessinez une forme comme celle de l’image ci-dessous. Définissez la couleur sur # 070640 et éteignez la frontière.
Utilisez le Ligne (L) outil pour créer les lignes horizontales et verticales qui font partie de notre voile. Pour les lignes horizontales, définissez la couleur sur # 070640 et le Épaisseur à 2 px.
Pour les lignes verticales, définissez la Épaisseur à 1 px et la couleur aussi à # 070640. ça devrait ressembler à ça.
Sélectionnez toutes les lignes (horizontales et verticales) ainsi que la forme de base de la voile et regroupez-les. Sélectionner Tourner de la barre d'outils supérieure. Cliquez et faites glisser le marqueur de croix comme indiqué dans l'image ci-dessous pour pivoter autour de ce point.
Tournez la voile. Utilisez l'image ci-dessous comme référence.
Dupliquer la voile, sélectionnez Tourner, cliquez et faites glisser le réticule comme nous l'avons fait à l'étape précédente, puis faites pivoter la voile.
Répétez deux fois l'étape précédente pour ajouter les deux voiles manquantes..
Créer un blanc (#FFFFFF) cercle au-dessus de nos voiles en utilisant le Ovale (O) outil. Définissez les propriétés suivantes pour le Les frontières:
# 070640 
Sélectionnez ce cercle et toutes les voiles et placez-les dans un groupe en utilisant Command-G. Nommez ce groupe "voiles".
Sélectionnez ensuite les groupes "tour", "casquette" et "voile" et insérez-les dans le groupe "moulin".
Sélectionnez "moulin à vent" et "montagnes et arbres", dupliquez-les (Commande-D), regroupez-les dans le groupe "réflexions", et Retourner verticalement en utilisant le Panneau de l'inspecteur sur la droite.
dans le Panneau de couches, mettre le groupe "réflexions" juste en dessous du groupe "moulin".
Déplacez-vous vers le bas "reflets" comme indiqué dans l'image ci-dessous.
Enfin, abaissez le Opacité de ce groupe à 5%.
Votre illustration de moulin à vent est maintenant terminée!
J'espère que vous avez passé un bon moment à y travailler. J'aimerais voir vos versions du moulin, alors n'hésitez pas et partagez ce que vous avez créé dans les commentaires ci-dessous..
Merci pour votre temps!
