Accentsconagua
Share
Ce que vous allez créerBienvenue dans la création d’un jeu d’icônes abstrait dans Adobe Illustrator! Le thème sur lequel nous travaillons sera les échecs. Dans ce tutoriel, nous allons apprendre le processus étape par étape de la création d'un ensemble abstrait d'icônes à l'aide de formes et d'outils de base..
Pour plus d'exemples d'icônes abstraites, consultez GraphicRiver où vous pouvez trouver une grande variété de différentes icônes abstraites.
Commençons par mettre en place un Nouveau document dans Adobe Illustrator (Fichier> Nouveau ou Contrôle-N). Pour ce tutoriel, nous allons utiliser les paramètres ci-dessous:
dans le Avancée onglet, utilisez les paramètres suivants:
Aller à Édition> Préférences> Général et mettre le Incrément de clavier à 1 px.
Aller à Unités et utilisez les paramètres indiqués ci-dessous.
Ensuite, vous devrez structurer le projet en créant des couches. Sélectionnez le Couches panneau et créer deux couches. Nommez-les comme suit:
Assurez-vous de sélectionner le calque d'arrière-plan pour commencer à créer l'arrière-plan..
Avec la couche de fond sélectionnée, cliquez sur le bouton Outil Rectangle (M) et créer un 850 x 850 zone rectangulaire pour placer vos icônes. Cela doit s’adapter à l’ensemble de la surface de la planche graphique..
Assurez-vous que le rectangle est toujours sélectionné et cliquez sur le bouton Outil gradient. Dans la section d'angle, sélectionnez 45 degrés du menu déroulant.
Sélectionnez deux couleurs pour le dégradé. Pour ce tutoriel, nous allons utiliser les éléments suivants:
Pour la deuxième couleur, nous utiliserons les éléments suivants:
Le fond final devrait ressembler à l'image ci-dessous. Verrouillez le calque d'arrière-plan en cliquant sur l'icône de cadenas, puis cliquez sur le calque d'icônes pour commencer à créer les icônes..
Choisir la Outil stylo (P) et ajustez les paramètres de trait comme suit:
Commencez par sélectionner le Outil Ellipse (L) et créer un petit cercle. Pour créer un cercle parfait, maintenez la touche enfoncée. Décalage clésur le clavier tout en cliquant et en glissant avec la souris.
Sélectionnez le Outil stylo (P) et créer deux lignes sous le cercle.
Sélectionnez le Outil Rectangle Arrondi (M) et créez une forme sous les deux lignes. Vous pouvez ajuster la courbure des coins en appuyant sur le bouton Flèche vers le haut ou la Flèche vers le bas sur votre clavier lors de la création de la forme (cliquer et faire glisser avec la souris).
Avec la forme toujours sélectionnée, changez-la en une forme de remplissage.
Dupliquez la forme en la copiant (Control-C) puis collez-le en place (Ctrl + Maj + V).
Ajouter un trait à la deuxième forme avec une largeur de 20 pt. Pour les meilleurs résultats, aligner le trait vers l'extérieur.
La deuxième forme étant toujours sélectionnée, allez au menu du haut et sélectionnez Objet> Développer ouvrir le Développer la fenêtre. Assurez-vous que les deux Remplir et Accident vasculaire cérébral sont sélectionnés, puis cliquez sur D'accord.
Cela va créer une forme à partir du trait. Assurez-vous que la forme est toujours sélectionnée et, en utilisant le Éclaireur, cliquer sur Unir. Cela va fusionner la forme.
Changez la forme en un trait en utilisant le Outil Pipette (I) et aligner le trait vers l'extérieur.
Utilisez le Outil Ellipse (L) créer un petit cercle en bas pour compléter l'icône de pion.
Pour commencer à créer l’icône tour, utilisez le bouton Outil Rectangle (M) créer un petit rectangle.
Créez un rectangle légèrement plus grand et réglez-le sur Accident vasculaire cérébral en utilisant le Outil Pipette et en sélectionnant l'un des traits que nous avons utilisés précédemment sur l'icône de pion.
Utilisez le Outil Rectangle (M) créer un petit rectangle en haut.Puis utilisez le Outil Ellipse (L) créer un petit cercle en bas (en tenant le Décalage clésur le clavier pour créer un cercle parfait).
Utilisez le Outil Rectangle (M) et suivez les étapes ci-dessous pour créer le haut de l'icône de tour.
Sélectionnez toutes les formes à l’étape 4 et cliquez sur Pathfinder> Unite.
Ce va fusionner toutes les formes ensemble.
Avec la nouvelle forme sélectionnée, changez-la en un trait en utilisant le Outil Pipette (I) pour s'assurer que le poids du trait est le même.
Pour créer les demi-cercles, vous devez commencer par créer un cercle en utilisant le Outil Ellipse (L). Placez un rectangle sur le cercle à l’aide des touches Outil Rectangle (M).
Sélectionnez les deux formes (en vous assurant que le rectangle est disposé au-dessus du cercle), puis sélectionnez Pathfinder> Minus Front.
Cela supprimera la forme du rectangle et la partie du cercle qui se chevauchent.
Dupliquez le demi-cercle en le copiant (Contrôle-C) puis en le collant (Contrôle-V).
Sélectionnez le demi-cercle en double, puis Clic-droit dessus. Dans le menu, sélectionnez Transformer> Sélectionner. Choisir Verticale axe à 90 degrés puis cliquez sur D'accord.
Assurez-vous que les deux demi-cercles sont alignés horizontalement l'un en face de l'autre.
Placez les demi-cercles de chaque côté des formes pour compléter l'icône de tour..
Pour commencer à créer l’icône du chevalier, créez un duplicata de l’icône tour. Avec l'icône de duplication, utilisez le Outil de sélection (V) ou la Outil de sélection directe (A) supprimer les formes du milieu de l'icône.
Utilisez le Outil Polygone créer un triangle. Tout en utilisant l’outil Polygon, appuyez sur le bouton Flèche vers le haut cléou Flèche vers le bas clésur le clavier pour augmenter ou diminuer le nombre de côtés.
Pour créer un triangle équilatéral,appuyez et maintenez le Décalage clésur le clavier tout en créant la forme.
Créer un triangle équilatéral plus petitet le placer au milieu.
Faites pivoter les demi-cercles de part et d'autre du triangle afin que les traits soient alignés en diagonale (Clic droit> Transformer> Rotation).
Pour créer l’icône tête de chevalier, utilisez le Outil Rectangle Arrondi et le Outil Ellipse (L) pour créer les formes ci-dessous.
Utilisez le Outil Rectangle (M) et placez deux rectangles au-dessus des formes, comme indiqué ci-dessous.
Utilisez le Outil Minus Front sur les formes qui se chevauchent.
Cela créera un bord droit où les formes se chevaucheraient. Déplacez les deux formes ensemble afin qu'elles ressemblent à l'image ci-dessous.
Utilisez le Outil Minus Front à nouveau pour supprimer le côté gauche de la forme et les changer tous les deux en un trait.
Sélectionnez les deux formes et utilisez Pathfinder> Unite les combiner en une seule forme.
Sélectionnez le Ajouter un outil de point d'ancrage (+) et ajoutez un point près du coin gauche de la forme. Puis utilisez le Outil de sélection directe (A) faire glisser le coin supérieur gauche vers la gauche pour créer l'oreille.
Utilisez le Outil de sélection directe (A) et supprimez le point indiqué dans l'image ci-dessous.
Utilisez le Outil stylo (P) et tracez trois points supplémentaires du côté droit de la forme.
Sélectionnez les points de la courbe et faites-les glisser vers le milieu à l'aide de la souris pour créer le cou du cheval. Tenez le Décalage touche du clavier pour sélectionner plusieurs points.
Une fois que vous êtes satisfait de l’apparence de la tête du cheval, utilisez la Outil Ellipse (L) pour créer l'œil (n'oubliez pas d'appuyer longuement sur le bouton Décalage clésur le clavier pour créer un cercle parfait).
Ajoutez une ligne sous la tête et placez-la sous les formes précédentes pour créer la dernière icône de chevalier..
Pour commencer à créer l’icône de l’évêque, créez un duplicata de l’icône du chevalier. Avec l'icône de duplication, utilisez le Outil de sélection (V) ou la Outil de sélection directe (A) pour supprimer les formes supérieures (la tête de cheval) de l'icône.
Utilisez le Outil Ellipse (L) et maintenez le Décalage clésur le clavier pour créer un cercle parfait au-dessus de l'icône.
Utilisez le Outil de sélection directe (A) déplacer le haut du cercle légèrement vers le haut. Cela va créer une forme d'œuf.
Sélectionnez le guidon avec le Outil de sélection directe (A) et déplacez-les vers le point central pour créer une forme de goutte.
Utilisez le Outil Ellipse (L) pour créer un cercle et placez-le sur la forme de la goutte. Puis utilisez le Outil stylo (P) créer une croix et placez-la à l'intérieur de la forme en forme de goutte pour créer la dernière icône d'évêque.
Pour commencer à créer l'icône de la reine, créez un duplicata de l'icône de l'évêque. Avec l'icône de duplication, utilisez le Outil de sélection (V) ou la Outil de sélection directe (A) supprimer les formes du haut et du milieu de l'icône.
Cela ne laissera que les deux cercles en bas et les demi-cercles sur les côtés.
Faites légèrement pivoter les demi-cercles. Pour faire ça, Clic-droit sur les formes, puis allez à Transformer> Rotation,en suivant l'image ci-dessous.
Utilisez le Outil Ellipse (L) créer deux cercles, le cercle extérieur utilisant un trait et le cercle intérieur utilisant un remplissage. N'oubliez pas de tenir le Décalage clésur le clavier pour créer un cercle parfait.
Utilisez le Outil Ellipse (L) pour créer deux cercles qui se chevauchent côte à côte au-dessus des autres formes.
Utilisez le Outil Ellipse (L) créer un petit cercle sur le dessus.
Pour créer la base de la couronne, utilisez le Outil stylo (P) ou la Outil Rectangle (M) dessiner la forme comme on le voit dans l'image ci-dessous. Lorsque vous utilisez le Outil stylo, vous pouvez tenir le Décalage sur le clavier pour tracer une ligne droite verticale ou horizontale. Cela facilitera l'alignement.
À partir de là, utilisez le Outil de sélection directe (A) pour sélectionner les points de la courbe Décalage pour sélectionner plusieurs points) et déplacez les points vers le centre avec la souris pour transformer les coins en courbes.
Complétez l'icône de la reine en plaçant la couronne au-dessus des formes, comme indiqué dans l'image ci-dessous..
Pour créer l'icône du roi, dupliquez l'icône de la reine. Avec l'icône de duplication, utilisez le Outil de sélection directe (A) supprimer les formes du cercle du milieu.
Utilisez le Outil de sélection directe (A) supprimer le petit cercle en haut de la couronne.
Utilisez le Outil de forme rectangulaire (M) créer deux carrés (un contour plus grand et une forme de remplissage plus petite). Placez le plus petit carré à l'intérieur et au milieu du plus grand carré.
De là, sélectionnez les deux carrés et faites-les pivoter de 45 degrés (Clic droit> Transformer> Rotation) et placez les deux carrés dans l'espace central de l'icône.
Utilisez le Outil stylo (P) créer une petite croix sur le dessus de la couronne.
Toutes nos félicitations! Vous avez terminé avec succès ce tutoriel. N'hésitez pas à partager vos propres créations ci-dessous! J'espère que vous avez trouvé ce tutoriel utile et que vous avez appris de nombreux nouveaux trucs et astuces que vous pouvez utiliser pour vos futures illustrations. À la prochaine!
Si cela vous a plu et que vous souhaitez acquérir de nouvelles compétences en icônes, consultez ces didacticiels ci-dessous! Développez votre expertise en parcourant ces guides détaillés. Bonne conception!
Découvrez mon cours vidéo sur l'animation d'icônes dans Adobe Illustrator et After Effects:
Ou pourquoi ne pas consulter ces tutoriels:
