Share
Dans ce didacticiel, nous allons utiliser une combinaison d'outils d'artisanat et d'outils 3D d'Illustrator pour créer une icône de premiers secours. Vous pouvez utiliser les techniques que vous avez apprises dans ce didacticiel pour créer des icônes de boîte arrondies réalistes de votre choix. Cela fonctionne bien pour les icônes complexes de grandes tailles et s’agrandit bien..
Vous trouverez ci-dessous l'image finale sur laquelle nous allons travailler. Vous voulez accéder à l'intégralité des fichiers Vector Source et aux copies téléchargeables de chaque didacticiel, y compris celui-ci? Rejoignez Vector Plus pour seulement 9 $ par mois.
Ouvrez un nouveau document et sélectionnez l'outil Rectangle (M). Créez un rectangle et remplissez-le de rouge.
Allez dans Effet> Styliser> Coins arrondis et appliquez un rayon de 30 pt au rectangle. Allez à Objet> Développer l'apparence. Cela va appliquer les coins arrondis. Faites une copie de la forme, car nous en aurons besoin plus tard.
Maintenant, allez à Effet> 3D> Extruder et biseauter et appliquez les paramètres que vous voyez dans l'image ci-dessous. Assurez-vous d'ajouter un surlignage supplémentaire et un biseau.
Allez à Effet> Styliser> Ombre portée et choisissez les paramètres que vous voyez dans l'image ci-dessous..
Créez un rectangle rempli de gris. Cela deviendra la croix pour l'icône de premiers secours. Je l'ai rempli de gris pour l'instant, mais nous le changerons plus tard en blanc.
Sélectionnez le rectangle, appuyez sur Commande + C + F (cela collera l'objet au-dessus), puis sélectionnez-le avec l'outil de sélection (V) et faites-le pivoter de 45 degrés..
Sélectionnez les deux rectangles et appliquez l'option Unite dans la palette Pathfinder..
Appliquez un autre effet de coin arrondi (voir l’étape 2) et réglez le rayon sur 12 pt..
Une fois que la forme a été développée (Objet> Agrandir l’apparence), remplissez-la de blanc..
La croix étant toujours sélectionnée, ouvrez la palette des symboles et faites-la glisser dans celle-ci. Nommez-le "Cross" et définissez le type sur Graphic.
Retournez à la boîte rouge et ouvrez la palette Apparence. Là, double-cliquez sur le calque 3D Extrude & Bevel pour éditer l’effet. Dans la fenêtre contextuelle, cliquez sur Map Art, choisissez "surface 1" et sélectionnez la "croix" que nous venons d'ajouter à la palette des symboles. Placez-le au milieu de la boîte.
C’est ce que nous avons jusqu’à présent pour l’icône des premiers secours.
Créons l'illusion d'une séparation de la boîte, de sorte qu'il semble avoir un haut et un bas qui s'ouvrent. Prenez la copie du rectangle créé à l’étape 2 et réglez le remplissage sur aucun et le contour sur 1 pt rouge..
Sélectionnez l'objet et allez à Objet> Tracé> Trait de contour.
Appliquez les mêmes paramètres d’extrusion et de biseau 3D à l’étape 3, mais n’ajoutez pas de biseau et réglez la profondeur d’extrusion sur 5 pts..
Créez un rectangle et remplissez-le avec un dégradé de blanc à noir. Placez-le sur le rectangle que nous venons de créer. Assurez-vous de définir la direction du dégradé comme vous le voyez dans l'image ci-dessous. Nous allons ajouter un masque d'opacité et le noir cachera l'objet et le blanc le montrera.
Sélectionnez l'objet et le dégradé, accédez à la palette de transparence, cliquez sur la petite flèche à droite et appliquez le masque d'opacité..
Voici à quoi cela devrait ressembler.
Maintenant, déplacez l'objet sur le dessus de la boîte.
Passons aux clips de la boîte. Créez trois formes similaires, comme dans l’image ci-dessous. Ces objets sont assez faciles à créer. Remplissez-les de gris et de l'objet composé d'un dégradé de noir à blanc.
Appliquez à nouveau un 3D Extrude & Bevel.
Une fois que vous avez appliqué l'effet 3D sur les trois objets, déplacez-les ensemble. Ces trois objets constituent le clip de la trousse de secours.
Regroupez les trois formes (Commande + G) et faites-en une copie. Puis placez-les sur le devant de la trousse de secours.
Enfin et surtout, créez une forme à l’aide de l’outil Plume (P) et remplissez-la avec un dégradé linéaire blanc à gris à blanc. Placez-le sur le dessus de la boîte et réglez l'opacité dans la palette de transparence sur 80%. Ce sera le point culminant de l'icône de premiers secours.
Ceci est l'image finale. Je crée un 384px, un 192px, un 64px et une version 32px. Même aussi petit que 32px, l'icône de premiers secours est reconnaissable. J'espère que vous vous êtes amusés à créer cette petite icône.
Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.
Accentsconagua