Astuce créer une icône de dossier Téléchargements brillants

Suivez cette astuce rapide et vous apprendrez à dessiner un dossier à partir d’un seul chemin à l’aide de l’effet Extrusion 3D et biseautage. Vous jouerez avec plusieurs apparences, effets et ombres et vous utiliserez l'effet de motif de demi-teinte pour créer une texture différente pour l'icône de dossier. Commençons!


Étape 1

Pour créer le dossier, vous avez simplement besoin d'un chemin simple. Pour l'obtenir, prenez d'abord l'outil Rectangle arrondi, cliquez sur votre planche de travail et entrez les valeurs que vous voyez ci-dessous. Ensuite, utilisez l'outil Ajouter un point d'ancrage (+) pour ajouter un autre point, puis passez à l'outil Ciseaux (C) et cliquez sur les deux points indiqués pour couper le chemin. Sélectionnez un trait de couleur, augmentez le poids à 9 points et appuyez sur l'option Round Cap. Maintenant que vous avez le chemin, allez dans le menu Effets> 3D et appliquez l’effet Extrusion et biseautage pour obtenir le dossier..

Voici les paramètres définis dans la fenêtre Options. Il est important de ne sélectionner que 2 étapes de fusion, car après le développement, nous avons besoin du moins de formes possible pour composer le dossier..


Étape 2

Une fois que vous avez choisi Développer l'apparence dans le menu Objet, sélectionnez uniquement les deux formes de face du groupe, à l'aide de l'outil Sélection directe (A), puis cliquez sur Ajouter à la zone de forme> Développer dans le panneau Pathfinder pour les unir. La prochaine chose que vous devez faire est de colorer toutes les formes comme indiqué.

Tous les gradients montrés ci-dessous sont linéaires.


Étape 3

Une fois la forme avant sélectionnée, accédez au panneau Apparence, ouvrez le menu déroulant et sélectionnez Ajouter un nouveau remplissage. Définissez le dégradé sur Neutre 2 que vous pouvez trouver dans le menu Bibliothèques de Swatch sous Dégradés> Neutres. Généralement, sur une surface métallique, l’effet grain est superbe, mais cette fois-ci, nous utiliserons quelque chose de différent. Allez dans le menu Effets> Esquisse et appliquez l’effet de motif de demi-teintes. Définissez les valeurs comme indiqué et choisissez Dot comme type de motif. Changez le mode de fusion en Assombrir et réduisez l'opacité à 40%.

Pointe:Vous pouvez également créer un masque pour vous assurer que les bords sont bien nets après avoir appliqué l'effet. Pour ce faire, copiez et collez devant cette forme et supprimez d'abord toutes les apparences. Maintenant, sélectionnez la forme avant originale et celle collée et allez au menu Objet> Masque d'écrêtage> Créer.


Étape 4

Nous continuerons avec le dossier plus tard, créons maintenant la flèche de téléchargement. Allez dans le panneau de symboles, ouvrez le menu Bibliothèques de symboles et sous Flèches, recherchez Flèche 6. Faites-le glisser dans votre zone de travail, appuyez sur le bouton Rompre le lien en symbole, puis sélectionnez Dissocier dans le menu Objet. Supprimez le trait puis faites-le pivoter de 180 degrés. À ce stade, la flèche est trop petite, cliquez sur le menu Objet> Transformer et le redimensionner à environ 250%..


Étape 5

Prenez l'outil Crayon (P) ou l'outil Segment de ligne (barre oblique inverse) et tracez un tracé droit au-dessus de la flèche, comme dans l'image. Sélectionnez à la fois la flèche et le chemin, puis cliquez sur Diviser dans le panneau Pathfinder, puis sur Dissocier dans le menu Objet. Après avoir sélectionné la forme verte en haut, accédez au menu Objet> Chemin> Séparer en grille. Choisissez ici sept lignes, sept colonnes et zéro pour la valeur de gouttière. Supprimez quelques carrés ainsi obtenus, puis sélectionnez tout et cliquez sur Ajouter à la surface de la forme> Développer pour obtenir la forme de flèche dont vous avez besoin..


Étape 6

Avant d’aller plus loin, placez la flèche au-dessus du dossier et ajustez-la à votre guise. Définissez les couleurs de remplissage et de contour comme indiqué, puis appliquez à nouveau l'effet Extrusion et biseautage 3D à l'aide des valeurs indiquées ci-dessous..


Étape 7

Prenez l'outil de type vertical et tapez "Téléchargements" en utilisant une police appelée Hellphabet que vous pouvez trouver ici. Choisissez Développer dans le menu Objet, puis faites glisser le texte dans le panneau de symboles. Retournez à la flèche, ouvrez la fenêtre Options d'extrusion et de biseautage 3D à partir du panneau d'apparence et appuyez sur le bouton Art. Ici, sélectionnez le symbole de texte dans la liste et appliquez-le sur la surface avant. Lorsque vous avez terminé, choisissez Développer l’apparence dans le menu Objet. Vous verrez plus tard pourquoi nous avons fait cela.


Étape 8

A présent, utilisez le panneau Calques pour trouver le texte devant figurer dans le groupe de flèches. Une fois que vous l'avez trouvé, faites-le glisser hors du groupe, au-dessus. Vous en aurez besoin plus tard, alors mettez-le de côté pour l'instant et poursuivons avec la flèche.

Sélectionnez toutes les formes de la couleur bleue claire, plus précisément la plus grande sélectionnée ci-dessous ainsi que les cinq carrés indiqués, puis cliquez sur Ajouter à la zone de forme> Développez-le dans le panneau Pathfinder pour les réunir dans une seule forme de face..


Étape 9

Remplissez la forme avant résultante avec le dégradé indiqué (1), puis ouvrez le menu déroulant du panneau Apparence et ajoutez un nouveau remplissage. Remplacez le dégradé par celui indiqué, réglez le mode Fusion sur Multiplier et diminuez l’opacité à 45% (2). Ajoutez un autre remplissage et remplacez le dégradé par le troisième. Après avoir sélectionné ce remplissage, allez au menu Effet> Styliser et appliquez l’effet de nuage de feutres, puis réglez le mode Fusion sur Overlay (3). Ajoutez le dernier remplissage, modifiez le dégradé, appliquez à nouveau l'effet Feather et réduisez l'opacité à 75%. Utilisez l’outil Dégradé (G) pour ajuster le dernier dégradé et vous avez terminé..

Tous les gradients montrés ci-dessous sont radiaux.


Étape 10

Déplacez la flèche en haut du dossier, puis allez dans le menu Effets> Styliser et appliquez l'effet Ombre portée..


Étape 11

Pour créer les pages à l'intérieur, vous pouvez utiliser la forme arrière plus sombre du dossier. Copiez-le et collez-le devant puis utilisez l'outil de sélection directe (A) et déplacez les points d'angle pour le réduire. Supprimez le dégradé et sélectionnez le blanc comme couleur de remplissage. Pour ajouter une ombre subtile, ajoutez un nouveau fond derrière le blanc, changez la couleur en noir, puis allez dans le menu Effets> Flou et appliquez un flou gaussien de 2 px. Réduisez l'opacité à 50%. Les deux autres pages sont faites de la même manière.


Étape 12

Créons maintenant l'étiquette sur le côté gauche. Suivez la séquence d'images et, à l'aide de l'outil Plume (P), tracez la forme de l'étiquette comme dans l'image. Assurez-vous de toujours faire glisser les poignées verticalement. Sélectionnez la forme avant de la flèche, puis à partir du panneau Apparence, faites glisser la vignette dans le panneau Styles graphiques pour enregistrer le style créé à l'étape 9. Appliquez le même style à la balise, puis prenez le groupe de texte que je vous ai dit de conserver. étape 8 et placez-le sur le dessus. Il ne reste plus qu'à sélectionner l'étape et à partir du menu Effet> Styliser pour appliquer l'effet Ombre portée..

Remarque: Si vous avez tapé le texte directement sur l'étiquette, la perspective aurait été fausse. C'est la raison pour laquelle je l'ai cartographié sur la flèche, pour lui donner la perspective appropriée. Il pourrait également être mappé sur le dossier, au début du didacticiel. La différence peut ne pas sembler grande mais les détails comptent toujours.


Étape 13

Suivez les bords du dossier et tracez à l'aide de l'outil Plume (P) les tracés rouges que vous voyez ci-dessous. Utilisez-les avec un pinceau appelé Trait conique que vous pouvez trouver dans le menu Bibliothèques de pinceaux sous Artistique> Artistic_Ink. Définissez l’épaisseur du trait sur 0,1 pt, puis dans le menu Objet, choisissez Développer l’apparence. Les deux formes résultantes de la droite sont remplies d'un dégradé linéaire du noir au blanc et celle de la gauche est remplie de blanc. Définissez les modes de fusion comme indiqué.


Étape 14

Créons également quelques points saillants sur la flèche et ensuite, vous avez terminé. Tout d’abord, dessinez avec l’outil Plume (P) les tracés rouges que vous voyez ci-dessous entre les points d’angle de la forme avant de la flèche. Utilisez le même pinceau et sélectionnez un poids de trait de 0,06 pt. Développez-les, remplissez-les de blanc et définissez les modes de fusion sur Superposition..


Image finale

Voici l'image finale du dossier Téléchargements. Si vous souhaitez redimensionner l'icône, veillez à d'abord sélectionner Développer ou Développer l'apparence, selon le cas, pour chaque trait et effet appliqué..