Share
Dans les étapes suivantes, vous apprendrez à créer une simple icône de fichier dans Adobe Illustrator. C'est un tutoriel assez simple qui vous présentera les bases des techniques de construction de formes vectorielles parfaites en pixels. Pour les formes de départ, vous aurez uniquement besoin de l'outil Rectangle (M), de l'effet Coins arrondis et de quelques options simples de Pathfinder. Ensuite, pour la coloration, vous aurez besoin d’un simple dégradé linéaire, de plusieurs couleurs plates et de techniques de fusion simples. Dans l'étape finale / supplémentaire, vous apprendrez à quel point l'effet de transformation peut être puissant..
Ouvrez Adobe Illustrator et appuyez sur Commande + N pour créer un nouveau document. Entrez 600 dans la zone de largeur et 300 dans la zone de hauteur, puis cliquez sur le bouton Avancé. Sélectionnez RVB, Écran (72ppi) et assurez-vous que la case "Aligner les nouveaux objets sur la grille de pixels" est décochée avant de cliquer sur OK..
Activer la grille (Affichage> Afficher la grille) et Aligner sur la grille (Affichage> Aligner sur la grille). Ensuite, vous aurez besoin d'une grille toutes les 1px. Allez simplement dans Édition> Préférences> Guides et grille, entrez 1 dans le quadrillage toutes les cases et 1 dans la zone Subdivisions. Vous pouvez également ouvrir le panneau Info (Fenêtre> Info) pour un aperçu en direct avec la taille et la position de vos formes. N'oubliez pas de définir l'unité de mesure en pixels dans Edition> Préférences> Unité> Général. Toutes ces options augmenteront considérablement votre vitesse de travail.
À l’aide de l’outil Rectangle (M), créez une forme de 49 x 64 pixels, remplissez-la avec R = 210, G = 212, B = 214 et accédez à Effet> Styliser> Coins arrondis. Entrez un rayon de 2px, cliquez sur OK et sélectionnez Objet> Développer l'apparence..
Concentrez-vous sur le coin supérieur droit de la forme créée à l'étape précédente. À l’aide de l’outil Rectangle (M), créez un carré de 22 pixels et placez-le comme indiqué dans la première image. Remplissez-le avec rien, mais à un trait, noir. Assurez-vous que cette nouvelle forme est sélectionnée, passez à l'outil Supprimer le point d'ancrage (-) et cliquez simplement sur le point d'ancrage supérieur droit (en surbrillance dans la première image). Cela devrait transformer votre petit carré en un triangle comme indiqué dans la deuxième image. Assurez-vous que l'outil de sélection directe (A) est toujours actif, sélectionnez le point d'ancrage inférieur gauche (mis en surbrillance dans la deuxième image) et appuyez sur la touche Suppr de votre clavier. En fin de compte, vous devriez obtenir un chemin simple et oblique, comme indiqué dans la troisième image..
Sélectionnez le tracé oblique et le rectangle arrondi, ouvrez le panneau Pathfinder (Fenêtre> Pathfinder) et cliquez sur le bouton Diviser. Sélectionnez le groupe de formes obtenu et dissociez-le (Maj + Ctrl + G).
Sélectionnez la forme la plus petite créée à l'étape précédente, remplissez-la avec R = 190, G = 192, B = 194, placez-la au premier plan (Maj + Contrôle +]) et accédez à Objet> Transformation> Rotation. Entrez un angle de 180 degrés et cliquez sur OK.
Désactivez l'alignement sur la grille (Affichage> Aligner sur la grille), puis sélectionnez Edition> Préférences> Général et assurez-vous que l'incrément de clavier est défini sur 1px. Sélectionnez la petite forme de triangle modifiée à l'étape précédente et sélectionnez Objet> Chemin> Chemin décalé. Entrez un décalage -1px et cliquez sur OK. Sélectionnez la forme obtenue, effectuez une copie devant (Contrôle + C> Contrôle + F), sélectionnez-la et déplacez-la d'un pixel vers le haut à l'aide de la flèche vers le haut de votre clavier. Sélectionnez les deux formes créées à cette étape et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Remplir la forme résultante avec R = 210, G = 212, B = 214.
Resélectionnez la forme du triangle et accédez à nouveau à Objet> Chemin> Chemin décalé. Entrez un décalage -1px et cliquez sur OK. Sélectionnez la forme obtenue, faites une copie devant (Contrôle + C> Contrôle + F), sélectionnez-la et déplacez-la 1px vers le bas à l'aide de la flèche vers le bas depuis votre clavier. Sélectionnez les deux formes créées à cette étape et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Remplir la forme obtenue avec du blanc.
Sélectionnez la forme la plus grande créée à la quatrième étape et effectuez une copie devant (Contrôle + C> Contrôle + F). Revenez à la forme en triangle, sélectionnez-la et allez à Objet> Chemin> Chemin décalé. Entrez un décalage de 1 px et cliquez sur OK. Sélectionnez la forme obtenue avec la copie réalisée au début de l'étape et cliquez sur le bouton Intersection dans le panneau Pathfinder. Remplissez la forme résultante avec du noir et réduisez son opacité à 5%.
Resélectionnez la forme en triangle et faites la mise au point dans le panneau Apparence (Fenêtre> Apparence). Tout d'abord, remplacez la couleur unie utilisée pour le remplissage par le dégradé linéaire indiqué dans l'image suivante, puis ajoutez un trait d'un trait. Alignez-le à l'intérieur et réglez la couleur sur R = 210, G = 212, B = 214. Sélectionnez cette forme de triangle avec les trois autres formes faites dans les trois dernières étapes et regroupez-les (Contrôle + G).
Passons à la plus grande forme grise. Sélectionnez-le et allez à Objet> Chemin> Chemin décalé. Entrez un décalage -1px et cliquez sur OK. Sélectionnez la forme obtenue, effectuez une copie devant (Contrôle + C> Contrôle + F), sélectionnez-la et déplacez-la d'un pixel vers le haut. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Pour le moment, la forme obtenue ne sera pas visible, alors ne vous inquiétez pas si vous ne remarquez aucun changement..
Resélectionnez la forme grise et allez à Objet> Chemin> Chemin décalé. Entrez un décalage -1px et cliquez sur OK. Sélectionnez la forme obtenue, faites une copie devant (Contrôle + C> Contrôle + F), sélectionnez-la et déplacez-la 1px vers le bas et vers la droite. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Remplir la forme obtenue avec du blanc.
Resélectionnez la forme grise et concentrez-vous sur le panneau Apparence (Fenêtre> Apparence). Tout d'abord, remplacez la couleur unie utilisée pour le remplissage par le dégradé linéaire indiqué dans l'image suivante, puis ajoutez un trait d'un trait. Alignez-le à l'intérieur et réglez la couleur sur R = 210, G = 212, B = 214.
Activer l'alignement sur la grille (Affichage> Aligner sur la grille). À l’aide de l’outil Rectangle (M), créez une forme de 47 x 1px, remplissez-la avec R = 198, G = 215, B = 235 et placez-la comme indiqué dans la première image. Déplacez-vous dans le panneau Calques, sélectionnez ce rectangle fin, faites-le glisser sous le groupe créé à la neuvième étape, puis sélectionnez Effet> Déformer et transformer> Transformer. Entrez les propriétés indiquées dans l'image suivante et cliquez sur OK.
À l’aide de l’outil Rectangle (M), créez une forme de 1 sur 60 pixels, remplissez-la de R = 232 G = 190 B = 189 et placez-la comme indiqué dans l'image suivante..
À l’aide de l’outil Ellipse (L), créez deux cercles de 3 pixels et placez-les comme indiqué dans l’image suivante. Remplissez les deux formes avec R = 250, G = 250, B = 250 et ajoutez un trait d'un trait avec la couleur définie sur R = 210, G = 210, B = 210.
À l’aide de l’outil Rectangle (M), créez une forme de 49 x 3 pixels, remplissez-la du dégradé linéaire indiqué ci-dessous et placez-la comme indiqué dans la première image. Les zéros jaunes de l'image en dégradé représentent le pourcentage d'opacité. Sélectionnez cette nouvelle forme, envoyez-la vers l'arrière (Maj + Ctrl + [) et baissez l'opacité à 15%.
Sélectionnez toutes les formes créées jusqu'à présent et regroupez-les (Contrôle + G). Enfin, sélectionnez ce nouveau groupe et ajoutez un effet de transformation simple (Effet> Déformer et transformer> Transformer), comme illustré dans l'image suivante..
Maintenant, votre travail est terminé. Voici à quoi cela devrait ressembler. Essayez de jouer avec l'effet Transformer pour créer plusieurs piles de papier différentes, qu'elles soient organisées en pile ou mélangées..
Accentsconagua