Astuce créez votre propre ensemble d'icônes de fichiers

Suivez cette astuce pour apprendre à créer votre propre jeu d’icônes de fichiers. J'ai choisi les formats de fichier mp3, avi et jpeg, mais en utilisant la même technique, vous pouvez créer tout autre format de votre choix. Commençons!


Étape 1

Commencez avec un rectangle de 256x256 px qui aura la taille finale des icônes, puis utilisez l’outil Rectangle arrondi et tracez le rectangle rose à l’intérieur. Sélectionnez les deux et cliquez sur les boutons Aligner horizontalement le centre et Aligner verticalement en haut dans le panneau Aligner. Le petit espace entre les deux formes en bas est nécessaire pour le coin de la deuxième page.

Maintenant que le rectangle rose est sélectionné, allez au menu Objet> Chemin> Décalage du chemin et appliquez une valeur de décalage de -3 px. Le rectangle bleu résultant est le premier fichier. Pour obtenir le second à l'arrière, accédez au menu Objet> Transformation> Rotation, sélectionnez un angle de -5 degrés et cliquez sur Copier. Le coin inférieur droit s’inscrit parfaitement dans les limites, mais pas le coin supérieur gauche. Pour résoudre ce problème, sélectionnez avec l'outil de sélection directe (A) uniquement les points d'ancrage de ce coin et déplacez-les vers le bas à l'aide de la touche fléchée de votre clavier..


Étape 2

Ensuite, utilisez l’outil Segment de ligne (barre oblique inversée), cliquez sur votre planche d’art et entrez les valeurs que vous voyez ci-dessous. Sélectionnez le rectangle rose et cette ligne, puis cliquez sur Diviser dans le panneau Pathfinder, puis sur Dissocier dans le menu Objet. Supprimez le reste et conservez uniquement la forme du coin. Fondamentalement, ce sont les trois formes dont nous aurons besoin ensuite.


Étape 3

Focus sur la première page qui est le rectangle bleu. Prenez l'outil Ajouter des points d'ancrage (+) et ajoutez les deux points indiqués, puis sélectionnez à l'aide de l'outil de sélection directe (A) les deux autres points indiqués et déplacez-les un peu en haut et à gauche pour déformer le coin..

Sélectionnez pour le fichier dans le dos un trait intérieur blanc de 0,5 pt et remplissez-le avec le dégradé linéaire montré en utilisant des ombres grises. Lorsque vous avez terminé, remplissez la forme du coin avec l’autre dégradé indiqué..


Étape 4

Pour le premier fichier, sélectionnez un trait intérieur blanc de 0,75 pt et remplissez-le avec le dégradé indiqué. Modifiez la valeur de l'angle puis, si nécessaire, déplacez le curseur gris foncé jusqu'à ce que l'ombre apparaisse sous la forme du coin. Ajustez également les deux derniers curseurs jusqu'à ce que le coin déformé ressemble à l'image..


Étape 5

Après avoir sélectionné le premier fichier, allez dans le panneau Apparence, ouvrez le menu déroulant et choisissez Ajouter un nouveau remplissage. J'ai utilisé le motif 10 lpp 10% qui se trouve dans le menu Bibliothèques de nuances sous Motifs> Graphiques de base> Graphiques de base. Changez le mode de fusion en lumière douce et réduisez l'opacité à 60%.


Étape 6

Ensuite, zoomez sur la zone indiquée et dessinez à l’aide de l’outil Plume (P) les deux formes, comme indiqué dans le plan rapproché. Faites la même chose de l'autre côté quand vous avez fini.


Étape 7

Sélectionnez la forme du coin et ajoutez un nouveau remplissage comme vous l'avez fait auparavant. Conservez le même dégradé puis allez dans le menu Effets> Artistique et appliquez l’effet Grain de film. Changez le mode de fusion en lumière dure. Copiez et collez devant la forme de coin, supprimez les apparences existantes, sélectionnez à la fois la forme de coin et celle collée et accédez au menu Objet> Masque de découpage> Créer. De cette façon, vous obtenez les arêtes vives.


Étape 8

Prenez l'outil Ellipse (L) et tracez une forme ovale de 210x8 px, puis passez à l'outil Convertir les points d'ancrage (Maj + C) et cliquez sur les points gauche et droit pour les transformer en angles. Faites glisser la forme résultante dans le panneau Formes et choisissez Nouvel pinceau.

Maintenant, suivez la forme du coin et dessinez avec l’outil Plume (P) les tracés bleu et rouge que vous voyez ci-dessous. Sélectionnez le rouge et tracez-le en utilisant ce pinceau puis réduisez le poids du trait à 0,1 pt. Choisissez Développer l’apparence dans le menu Objet, puis remplissez-le avec le dégradé radial indiqué. Quand tu auras fini, fais la même chose pour le chemin bleu.


Étape 9

Ensuite, allez dans le menu Effets> Styliser et appliquez l’effet Ombre portée pour chaque fichier..


Étape 10

Prenez l'outil Texte (T) et saisissez le texte à l'aide de Arial Black, d'une taille de 30 points, puis choisissez Développer et dissocier dans le menu Objet. Après avoir sélectionné l’une des lettres, accédez au menu Objet> Chemin> Décalage du chemin et appliquez une valeur de décalage de 1 px. Copiez et collez devant la lettre noire, sélectionnez le tracé rouge le plus petit et la lettre collée, puis cliquez sur Soustraire de la zone de forme> Développer à partir du panneau Pathfinder pour obtenir la bordure rouge. Faites la même chose pour les deux autres lettres. Lorsque vous avez terminé, remplissez toutes les formes de bordure avec un dégradé linéaire du blanc au noir et réduisez l'opacité à 30%. Pour les lettres noires originales, utilisez l’autre dégradé indiqué..

Regroupez toutes les formes et faites-les pivoter de 45 degrés. Maintenant, vous pouvez les placer sur la forme du coin.


Étape 11

À cette étape, vous pouvez dessiner votre propre note de musique ou en utiliser une de la bibliothèque. Ouvrez le menu Bibliothèques de symboles et sous Icônes de document, recherchez Musique. Faites-le glisser dans votre zone de travail et appuyez sur le bouton Rompre le lien en symbole au bas du panneau, puis dissociez-le deux fois. Supprimez les autres formes et ne conservez que la note de musique. À ce stade, la note est beaucoup trop petite, allez donc dans le menu Objet> Transformer et l’échelle environ 510%.

Copiez et collez devant la note et donnez-lui seulement un trait rouge. Prenez l'outil Rotation (R) et tout en maintenant la touche Alt enfoncée, cliquez sur le point indiqué pour ouvrir la fenêtre Rotation. Entrez ici un angle de -3 degrés et appuyez sur Copier. Sélectionnez les deux tracés rouges et cliquez sur Soustraire de la forme> Développer dans le panneau Pathfinder. Vous obtiendrez un chemin composé, mais allez dans le menu Objet> Chemin composé> Libérer, puis supprimez la forme indiquée car vous n'en avez pas besoin. Copiez et collez devant une fois de plus la note de musique et répétez cette étape uniquement cette fois-ci, sélectionnez une valeur d'angle de 2 degrés.


Étape 12

Remplissez la note de musique avec le dégradé linéaire indiqué et donnez-lui également un trait de 1 pt. Ajoutez un nouveau remplissage, conservez le même dégradé et appliquez l'effet Grain de film en utilisant les mêmes paramètres que ceux indiqués à l'étape 7. Changez le mode de fusion en mode Lumière forte. Une fois que vous avez coloré les formes obtenues à l’étape précédente comme indiqué, accédez à Effet> Flou et appliquez un flou gaussien de 1,5 px pour chacune d’elles. Vous devez maintenant masquer ces formes floues pour obtenir les arêtes vives. Pour ce faire, copiez et collez tout d'abord devant la note de musique et supprimez les apparences existantes, puis sélectionnez les quatre formes floues et la note collée, puis sélectionnez Objet> Masque de découpage> Créer..


Étape 13

Placez la note de musique au-dessus des pages puis faites-en une copie et redimensionnez-la comme indiqué. Maintenant, vous devez masquer la plus grande note musicale. Copiez et collez devant la première page et supprimez toutes les apparences. Sélectionnez la note et la page collée (qui doit être au premier plan) et allez au menu Objet> Masque d'écrêtage> Créer. Changez le mode de fusion en Luminosité et baissez l'opacité à 5%. Vous avez terminé avec l'icône du fichier mp3.


Étape 14

Pour créer les autres icônes, le processus est similaire. Fondamentalement, le jeu de couleurs est différent et les symboles principaux. Pour créer le symbole de film, commencez par un rectangle arrondi de 100 x 127 pixels, puis tracez les trois rectangles jaunes en haut. Sélectionnez-les tous et appuyez sur le bouton Aligner le centre horizontalement dans le panneau d'alignement pour vous assurer qu'ils sont centrés, puis cliquez sur Soustraire de la zone de forme> Développer à partir du panneau Pathfinder. Ensuite, dessinez les petits carrés sur les côtés puis sélectionnez tout et soustrayez à nouveau. Ensuite, utilisez l'outil de rotation (R) pour obtenir les formes bleue et rouge exactement comme vous l'avez fait à l'étape 11 et les remplir avec les deux couleurs indiquées. Appliquez un flou gaussien de 1,5 px à tous, puis utilisez une copie du symbole du film pour les masquer comme vous le faisiez auparavant. Dans l'image ci-dessous, vous pouvez également voir les apparences de la forme du film qui sont identiques à celles de la note de musique, mais les couleurs sont différentes..


Étape 15

Pour le symbole des images, utilisez l’outil Rectangle (M) et tracez deux rectangles ayant les dimensions indiquées. Le plus grand dans le dos a un remplissage blanc et un trait gris foncé et le plus petit est rempli du dégradé linéaire indiqué. Dupliquez ces deux rectangles pour obtenir la deuxième image derrière. Ouvrez maintenant le menu Bibliothèques de symboles et sous Fleurs, recherchez Lotus et les orchidées, puis faites-les glisser dans votre zone de travail. Le symbole des arbres se trouve sous Nature. Appuyez sur le bouton Rompre le lien avec le symbole, puis disposez les symboles au-dessus des images. Modifiez les modes de fusion comme indiqué, puis utilisez une copie du petit rectangle pour les masquer. Maintenant, vous pouvez regrouper toutes les formes et placer le symbole des images au-dessus des pages..


Image finale

Le travail est terminé et voici les trois icônes de fichier. Si vous souhaitez les redimensionner, assurez-vous de bien développer l’apparence ou de développer, selon le cas, pour chaque forme ayant un effet, un motif ou un trait appliqué avant de le faire..