Faire ceci : créer votre propre ensemble d'icônes

1. Bonjour: Salut. Je m'appelle Ryan, mais slave. Je suis graphiste et illustrateur à Houston, Texas. Dans ce cours, je vais vous montrer comment créer un ensemble d'icônes cohérent dans Adobe Illustrator c'est des cours pour tout le monde, des débutants aux experts. À la fin de la classe, vous aurez votre propre ensemble de trois icônes affichant trois de vos passe-temps. Alors inscrivez ci-dessous et amusez-vous à faire quelques icônes. 2. Aperçu du projet: Bonjour, tout le monde, bienvenue en classe et merci de vous inscrire à cette classe. Nous allons passer par le processus que je prends lors de la création d'icônes. Le projet de classe consiste à appliquer ce que vous apprenez ici aujourd'hui pour créer un ensemble de trois icônes mettant en valeur trois de vos passe-temps. Si vous êtes une personne chanceuse qui a plus de trois passe-temps, allez-y et créez un Zeman E icônes. Comme vous le souhaitez. Aussi, si vous avez une autre idée pour le sujet de vos icônes, n'hésitez pas à utiliser cette classe pour vous apprendre à créer des icônes. Peu importe le sujet, Commençons par les choses dont vous aurez besoin. Vous aurez besoin de quelque chose à écrire sur papier, carnet de croquis , papier graphique, tout ce que vous pouvez écrire sur quelques idées. Ensuite, vous aurez besoin de quelque chose à écrire avec une épingle à crayon. Même une couronne sera dio et enfin, nous aurons également besoin d'un ordinateur avec Adobe Illustrator installé dessus. Alors rassemblez ces choses et commençons 3. Phase d'idée: Je pense que cette leçon nous allons simplement faire une liste de passe-temps que nous devons aller de l'avant et prendre quelque chose sur lequel écrire et quelque chose avec quoi écrire. Maintenant que nous avons ça, je vais aller de l'avant et commencer avec les passe-temps que j'ai. Maintenant que nous avons ça, Donc je vais commencer à me retirer, à concevoir, concevoir, jouer, jouer, manger, regarder la télé en vélo principalement pour que je puisse me permettre tout ça manger et regarder la télé. Donc, une fois que nous aurons notre liste en bas, nous allons aller de l'avant et l'analyser et voir celles qui, selon nous, feraient une grande icône. Donc dessiner et concevoir ce genre de choses va de pair, et j'ai une idée de les assembler, donc je vais juste les combiner et aller de l'avant et appeler ça la conception pour que je puisse juste couper dessin. Jouer de la musique peut être amusant. Alors je pense que je vais laisser celle-là manger et regarder la télé. Je pense que je peux faire mieux. Donc, je vais juste y aller et marquer ça, aussi. En faisant mon vélo. Je pense que ça pourrait être une bonne icône, alors je vais laisser celle-là. Et maintenant, je me suis rétrécie. Maintenant, je vais faire du design, jouer de la musique et faire du vélo. Allez-y et faites votre liste. Rétrécit et je te verrai dans la leçon suivante. 4. Phase de croquis: nous n'avons pas de sujet pour les icônes. Allons de l'avant et commençons à faire des croquis pour ces choses. Donc, si vous vous souvenez, les miens dessinent de la musique dans mon vélo. Je suis allé de l'avant et scanné dans Le croquis est que j'ai fait, et je vais vous montrer le processus que j'ai traversé pour créer l'icône. Commençons par regarder le design. Une des premières idées qui m'est venue à l'esprit était une souris, mais je ne pense pas que cela se traduira trop bien en une icône. Il y a aussi un moniteur d'ordinateur, mais j'ai vu cela puis beaucoup et puis un clavier, mais cela semble un peu trop détaillé. Alors retourné aux outils du métier comme un crayon, une règle, un couteau Exacto. Je ne voulais pas utiliser exactement un couteau parce que je ne voulais pas ressembler à un grand fan de couteaux Exacto. Alors je suis allé de l'avant et je suis allé avec le crayon et la règle pour la musique. J' ai vu la note de musique plusieurs fois. Nous avons tous vu l'icône iTunes, alors j'ai décidé de m'éloigner de ça. Le piano peut être cool, mais je ne joue pas vraiment du piano pour qu'il ne me parle pas vraiment. Je joue de la guitare, donc je pense que la guitare devrait être ce que je devrais faire. Je suis allé avec une silhouette au début, mais je ne pense pas que ça va être cohésif avec toutes les autres icônes que je vais faire. Alors passons ça à un médiateur de guitare qui est encore un peu trop gros. Ça pourrait ressembler à un cercle maladroit sur lequel j'ai foiré. Alors regardons peut-être un orateur. Mais ça ne dit pas vraiment que j'aime la guitare. Sauf si vous saviez que c'était une SAP. Il y a aussi le manche de guitare électrique. Mais je joue un groupe de rock et tu vois déjà cette icône. Alors allons de l'avant et utilisons la guitare acoustique et utilisons ce trou sonore comme un cercle autour de la tête de tout ça, je pense que ça marchera. Maintenant, regardons ça sur mon vélo. Il y a le guidon sur lequel vous tenez. Cela pourrait être quelque chose, mais il pourrait aussi être mal interprété pour peut-être une moto ou un vélo de terre ou quelque chose comme ça . Vous pouvez regarder la roue. C' est plutôt cool. Hum, mais ça pourrait être un peu trop détaillé pour ce que je cherche Il y a aussi un équipement, et encore une fois ça pourrait être un peu trop de détails. Alors regardons la silhouette d'un vélo. Il y a un vélo de route qui est assez couramment utilisé pour l'icône de vélo que vous voyez déjà sur la route. Allons-y, changeons-le et faisons-en la mienne. D' accord ? Comme un VTT. Oui. D' accord. Cette silhouette de travail, je veux les rendre tous cohésifs. Donc, la seule façon de le faire est que je veux qu'ils partagent tout le même poids. Comment je vais le faire est en utilisant un cercle. Alors je vais aller de l'avant et regarder mon icône de design dans mon vélo. Icône peut aller de l'avant et ajouter un cercle autour d'eux pour qu'ils correspondent à cette icône de guitare parce que j'aime la façon dont le cercle se rencontre dans cette icône de guitare. Alors allez-y et complétez vos croquis et je vous verrai dans la prochaine leçon. 5. Créer un modèle: terminé nos croquis, et maintenant nous sommes prêts à passer à l'ordinateur. Aujourd'hui, nous allons utiliser Adobe Illustrator pour créer notre modèle pour nos icônes. Donc on va déposer de nouveaux documents et créer de nouveaux documents Maintenant, le temple, ça va faire un pouce par pouce. Les icônes sont assez petites en ce moment, donc nous devons nous assurer qu'elles peuvent s'enregistrer à une petite taille. Donc, un pouce par un, il devrait être une grande taille pour ce modèle. Certains vont de l'avant et étiqueter ce modèle et pousser. D' accord. D' accord. Voici donc une toile vierge pour notre modèle. Donc, une chose à propos d'un modèle est que vous savez, vous devez être assez précis avec les choses, Alors allons de l'avant et mettre des règles ici montrera nos vrais dirigeants en allant voir les règles et montrer les règles. Maintenant qu' on a une règle, commençons à l'étaler. Alors faisons des grilles verticales chaque quart de pouce sur la page pour qu'on le fasse à 1/4 de pouce. Un demi-pouce et 3/4 de pouce. Ah, là. Ok, alors maintenant faisons la même chose en allant horizontalement. Ah, un quart de pouce et demi image et 3/4 de pouce. D' accord. Maintenant, avec ces guides, nous pouvons aller de l'avant et commencer à marquer notre modèle. On va faire ça avec l'outil de broche. Donc, en poussant p qui appelle automatiquement l'outil de broche vers le haut ainsi et y mettre un point d'ancrage. Maintenez le décalage. Le point suivant ici, si vous remarquez la broche dit essaie de continuer au point suivant. Il est par là. Se débarrasser de cela, c'est juste me pousser à nouveau, et ce sera fait. Alors bien, maintenez le quart de travail à nouveau. Quoi ? Encore un quart de travail ? Et on lui fait un petit grain. Bon, donc maintenant j'ai poussé le pour revenir à mon outil de sélection, donc je vais bien choisir mes guides et m'en débarrasser. C' est parce que je n'aime pas qu'il s'étende au-delà de mon espace de documents. Donc je vais sélectionner mes coups que j'ai faits, et je vais aller de l'avant et lui donner une couleur. J' aime le bleu. Tu pourrais aller avec la couleur que tu veux, mais je vais passer à travers, et je vais la rendre assez légère parce que je ne veux pas que ça soit deux perceptibles. Je veux pouvoir encore travailler dessus, donc je vais aussi le rendre plus mince. Je vais faire 0,25 sur le coup. Bon, maintenant nous avons notre grille, et c'est sympa, mais nous avons besoin d'un peu plus de conseils. Donc je vais aller ici à l'outil rectangles arrondis, et je vais aller de l'avant et faire tout ça la frontière. Maintenant, nous savons qu'aucune icône Congar Oh, après les bordures. Et c'est la préférence pour moi. Donc, si vous voulez que votre icône soit juste un bord droit, utilisez simplement le bord. C' est tout à fait bien. Je vais mettre d'autres guides ici avec l'outil ellipses. Donc je vais commencer le centre. Je suis l'option de maintien de sorte que le cercle vient du centre et je suis un vieux quart de travail pour que le cercle reste un cercle. Non noble est venu et a dit ça au bord. Non, c'est génial à plus. Donc je vais lui faire couper ces lignes. Cette petite intersection juste là qui a l'air juste. Et je vais en faire un autre. Mais je veux que la distance entre ces cercles soit égale. Donc je vais faire ça. Vous pourriez utiliser votre règle. Mais je ne suis pas super en maths. Donc, le moyen le plus rapide pour moi de le faire, c' est juste de créer un outil rectangle. C' est ça en le maintenant enfoncé et en le faisant glisser à travers. Maintenant, je peux faire un cercle depuis le centre ici. Et maintenant je sais que cette distance est la même que cette distance. Ok, donc maintenant on a ça. Je vais juste ajouter deux lignes de plus et je les fais couper au milieu, juste au cas où je veux quelque chose à un angle de 45 degrés, je saurai qu'ils coupent à un angle de 45 degrés. Ok, ça ressemble à cette ligne juste ici. On dirait que je ne l'ai pas vraiment touché sur un demi-bord, alors je vais aller de l'avant et passer à autre chose. Et par conséquent, cela signifie que ce cercle devrait être déplacé un peu et cercle, alors d'accord. D' accord. Et donc, nous avons notre modèle. Mais si vous remarquez à chaque fois que j'essaie Teoh, prenez quoi que ce soit, tout bouge. Alors, quel est l'intérêt d'un modèle si vous le gâchez tout le temps ? droite. Il y a donc deux façons de le faire : sélectionner tout ce qui va à l'objet, sélectionner le verrou, puis la sélection. Cela verrouillera tout ce qui a été précédemment sélectionné là où vous ne pouvez pas l'attraper , ce qui est idéal pour un modèle. Vous pouvez également le faire en verrouillant la couche sur laquelle vous êtes. J' aime juste aller sur mesure supplémentaire et faire les deux, juste au cas où cela se débloque accidentellement et je le bouge. Vous savez, c'est déjà verrouillé dans la couche. Donc je vais aller de l'avant et étiqueter ce modèle de couche et le verrouiller. Je vais jeter une autre couche ici pour qu'on puisse avoir notre travail plus tard. Alors maintenant, je vais faire notre pourboire toutes nos icônes dans notre calque d'illustrations. Ok, donc vous avez le moyen. Avoir un modèle. Alors maintenant, commençons à faire des icônes 6. Créer vos icônes: d' accord. Maintenant que nous avons notre modèle, allons-y et commençons à faire quelques icônes. Maintenant, dans ce document, je suis allé de l'avant et j'ai scanné mes croquis d'avant. C' est juste en gros, donc je peux le regarder et m'assurer que je suis sur la bonne voie. Je vais commencer avec cette icône de design juste ici. Si le crayon la règle dans le cercle qui le contourne, le cercle va vraiment aider à garder toutes ces icônes cohérentes, chaque icône utilisant ce cercle extérieur. Ok, donc c'est utiliser notre modèle. Maintenant, allons-y et faisons ce crayon. Donc, je vais aller de l'avant et prendre l'outil de rectangle et nous allons faire en sorte que oui large. C' est bon et changez la couleur du trait. Juste qu'on peut le voir bien. Très bien, regardez bien. Alors faisons passer la pointe du crayon pour faire un angle de 45 degrés, et nous allons faire ce bord rugueux sur le dessus, aussi. Très bien, si vous remarquez ce bas, partie du rectangle passe à travers un angle maladroit. Alors débarrassons-nous de ça. Nous pouvons le faire en saisissant notre outil de sélection directe, en sélectionnant la ligne et en la supprimant. D' accord. Maintenant, il est parti. Allons de l'avant et travaillons sur la gomme. D' abord, on a cette pièce en métal. Alors allez-y et jetez ça là-dessus. Ce n'est pas si grand que ça. Et puis nous allons cliquer sur L pour obtenir nos lèvres. Il est un outil et fait de notre coureur, et nous sommes en train de faire à ce sujet. Ça a l'air bien. Donc, prenez son outil de sélection de glisser en poussant une sélection de cette ancre et un début. D' accord, génial. Mettez du plomb dans le crayon pour que nous obtenions nos lèvres. Il est outil, tenir, déplacer et les options que c'est un cercle parfait et faire d'elle sur ce grand maintenant. Souhaitez-vous que ce cercle se termine là où ces lignes l'intersectent. La façon dont je vais le faire est de pousser le signe plus sur le clavier. On va jusqu'à votre crayon jusqu'à votre outil de broche. Désolé. Et saisir l'outil de point d'ancrage publicitaire. Maintenant, chaque fois que ce cercle rencontre cette ligne à cet intersection, je vais y ajouter un point d'ancrage juste là. Juste là. Impressionnant. Nous avons nos médicaments, pousser électorale un et un leader de ces autres ancres. On n'en a plus besoin. Bon, alors maintenant nous avons mené. J' ai eu plus de détails avec, tu sais, peut-être cette ligne là, et on en jettera un autre juste là pour une bonne mesure. Un peu plus de détails. Ok, maintenant centrons ça, et je vais en faire la taille de ce cercle du milieu. Alors maintenez le décalage. On y va. Maintenant, c'est une taille du cercle du milieu. Super. Je pense que cela peut être un nouveau guide. s'assurer que toutes les icônes s'intègrent dans le cercle du milieu, puis nous allons mettre le cercle extérieur autour d'elle. Allons de l'avant et ajoutons la règle. Nous savons que nous voulions être les mêmes avec le crayon, donc nous allons juste saisir ce rectangle ici en tenant l'option et en le tirant dessus. Allez-y et tournez-le en tenant le vaisseau, et nous allons le centrer et suivre la nouvelle règle que nous venons de faire à propos du cercle du milieu. Attrapez votre traînée. Sélectionnez l'outil, poussant une prise que l'ancre puce entière et saisir l'autre ancre. Puis maintenez le décalage jusqu'à ce qu'il rencontre leur au crayon. Impressionnant. Je veux faire quelques marques dans la règle, et je sais que je le veux. Je veux qu'ils soient espacés uniformément. Allons de l'avant et attrapons votre outil de rectangle en poussant et aller et copier ce carré et poussera le contrôle de ou commande E pour dupliquer ce carré. Et vous pouvez le faire plusieurs fois. Mais je n'ai besoin que trois vendu besoin de le faire une fois, sélectionner tous les culture et apporter tout le chemin au crayon. Super. Maintenant, nous savons que chaque fois que je fais ces lignes, elles seront espacées uniformément pour aller de votre outil de broche. Allez-y et ajoutez ces lignes. Voilà, tu y vas. Il y a la moitié de notre souverain, pas l'autre moitié. On va simplement le refléter. Donc on va tout sélectionner. Poussez. Oh, pour ton outil de réflexion. Va au centre à ce point là. Option de maintien et décalage. Et c'est là. Nous avons notre souverain. Ok, maintenant j'aime la façon dont c'était un ex chaque fois que je l'ai dessiné. Donc c'est bon. Fais que ça arrive. Sélectionnez. Tout tient si on y va. Il est là comme un ex. Maintenant, nous pouvons aller de l'avant et mettre ce cercle extérieur dedans. Donc on me pousse à avoir ses lèvres. C' est un outil. Maintenez le décalage de l'option et amenez-le tout le chemin vers cette bague extérieure. Impressionnant. Ok, donc je veux que cette épingle au crayon ressemble à ce cercle. Donc je veux faire une belle courbe pour aller à ce crayon. La façon dont je vais faire ça, c'est quand j'ai mis une marque fine au crayon juste là. Je vais saisir mes lèvres est outil faire un cercle juste ici et je vais essayer de faire ça la tangente de ces deux lignes. Et c'est pourquoi je suis allé avec une ligne mince pour commencer. J' ai dit que je peux voir plus facile que ces tangentes d'air ok, remarquant qu'elles sont assez proches. Et si j'avais plus de temps, je les regarderais vraiment et continuerais à m'ajuster. Mais pour le bien de ce cours, nous allons aller de l'avant et les laisser là où ils sont. Donc, il est de mettre le signe plus pour obtenir notre point d'ancrage, et nous allons ajouter faire un point là et avertissement à ce sujet, et ensuite nous allons obtenir notre outil de sélection de médicaments à la fin de ces autres points d'ancrage. Nous n'en avons plus besoin, et nous pouvons aller de l'avant, supprimer cette ligne et juste avoir cette ligne. Allez vous rencontrer là-bas maintenant Nous devons sélectionner leur cercle extérieur. Obtenir sont directs. Sélectionnez Outil. Un point de créateur d'annonces juste là. Ça devrait marcher. On en ajoutera un autre juste là. Super. Et maintenant, nous avons notre icône. Mais vous avez vu ? C' est assez Finn. Alors remontons la ligne de ça. Va et va à la pointe cinq. C' est un peu trop grand. Revenons-le vers le bas. Trois, c'est plutôt bon, comme trois. Et pour ma préférence personnelle, j'aime aller et mettre les bouchons arrondis dans le rond des joints sur eux. Maintenant, j'aime la façon dont les trois regards sur la ligne extérieure S et sur la règle, mais avec le détail dans le crayon, il se perd un peu. Alors allons-y. Supprimez ce clic qui nettoie vraiment cela. Droit ? Impressionnant. Donc, nous avons notre icône. Mais comme vous le voyez, chaque fois que nous avons ces coups et que nous l'élargissons, le coup dit la même chose. Donc, il devient trop mince, ou il l'obstrue juste. Donc la façon dont on va contourner ça en allant vers le chemin d'option, un trait de contour. Maintenant, avec ça, il évolue comme nous le voulons. Pour que nous puissions le rendre le plus petit que nous voulons. Et aussi grand que nous le voulons. Maintenant que nous avons ça, nous allons aller de l'avant et utiliser l'outil Pathfinder où vous pouvez aussi le trouver sous la fenêtre Pathfinder. On va avoir appuyé sur ce nouveau bouton de la nuit. Maintenant, nous avons notre icône complètement ensemble. On ne peut rien enlever. C' est génial. Il y a donc une icône. Vas-y et fais ton set et je te verrai dans la leçon suivante. 7. Ligne de finition: D' accord. Donc nous avons franchi la ligne d'arrivée, et maintenant vous êtes prêt à gouverner le monde. Peut-être que j'ai atteint un peu trop loin pour celle-là. Au moins maintenant, vous savez comment faire un ensemble cohérent d'icônes que le monde pourrait apprécier. C' est quelque chose que je veux aller de l'avant. Et merci encore d'avoir suivi ce cours. J' espère que ça vous a plu autant que moi. Si vous avez des questions, hésitez pas à aller de l'avant et à les poser dans la section commentaires ci-dessous. Je serai heureux d'y répondre pour vous aussi. Si vous êtes dans l'ensemble des médias sociaux, allez-y et publiez votre projet sur Instagram intact. Moi chez Ryan Bots. N' hésitez pas à me suivre. Je télécharge des choses tous les jours. Ok, partage de compétences. Je te verrai la prochaine fois.