Comment créer des icônes parfaites au pixel près | Margarita Ivanchikova | Skillshare

Vitesse de lecture


1.0x


  • 0.5x
  • 0.75x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Comment créer des icônes parfaites au pixel près

teacher avatar Margarita Ivanchikova, Icon and Motion Designer

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Introduction

      1:21

    • 2.

      Où commencer

      2:42

    • 3.

      Outil Largeur

      1:15

    • 4.

      Éléments intérieurs

      1:57

    • 5.

      Courbes Bezier

      0:50

    • 6.

      Quantité de détails

      1:19

    • 7.

      La perspective

      0:30

    • 8.

      Échelle

      0:54

    • 9.

      Final

      0:32

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

982

apprenants

7

projets

À propos de ce cours

Dessiner une belle icône de l'aspect ne suffit pas à la fin. Rendre l'icône à l'échelle et adaptée à de nombreux appareils est ce est important si vous souhaitez acheter ou utiliser vos icônes d'icônes. Cela nécessite beaucoup de réflexion et d'expérience et c'est exactement ce que je vais vous aider.

Je m'appelle Margarita et j'ai dessiné des icônes pour Icons8.com - le plus gros pack d'icônes réalisé d'une seule équipe de design uniques. Et les 40 icônes de ce cours sont parfaites en pixels.

Alors tune et voyez comment rendre vos magnifiques icônes de superbes icônes sans faille.

Rencontrez votre enseignant·e

Teacher Profile Image

Margarita Ivanchikova

Icon and Motion Designer

Enseignant·e

I love creating animations, vector graphics, clean geometric shapes, and cute characters.

View my profile on Dribbble

 

 

Voir le profil complet

Level: Beginner

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Introduction: Salut, je suis Margarita. Je suis un designer que je peux dire dot com Il y a beaucoup de designers qui font de beaux écrits victor et ils ne savent pas pourquoi ils doivent être grands, si parfait en même temps. vecteurs hors cours sont évolutifs. Ils auront fière allure et lisse quand ils sont gros. Mais que se passe-t-il si vous utilisez une icône, pas comme administration ? Si c'est un élément de l'interface utilisateur dans un petit 16 à 50 grandes ventes image peut devenir juste un fleuriste. Pourquoi nous soucions-nous de vous autres ? Parce que c'est ainsi qu'il sera réellement rendu sur l'écran de l'appareil. Tous les Aikens fabriqués dans Victor ancien seront reposés lorsqu'ils sont affichés sur un écran d'ordinateur portable ou d'appareil mobile. Si vous faites Aikens en espérant que d'autres personnes vont l'utiliser, alors ils doivent être non seulement beaux dans élégant, ils doivent être utiles et et vous pouvez les rendre parfaits. Bigs aider dans cette leçon, capable tous les jours environ six suspects à garder à l'esprit lors de la conception. Et Aiken, j'utiliserai Adobe Illustrator. Mais cela ne dépend pas vraiment du logiciel. Vous pouvez faire des pixels Aikens parfaits dans le croquis pour un autre réducteur graphique. Vous choisissez 2. Où commencer: nous allons commencer à partir de la mise en place et Adobe Illustrator Document pour créer une grande vente parfaite Aiken pour ces clics de nouveaux et dit grands moi comme syndicats et puis un nombre entier grandes cellules ainsi et se cacher. Ensuite, nous irions aux préférences. Pour ça. Vous pouvez simplement appuyer sur la touche K de votre clavier, puis aller dans les guides et la cupidité. Je vais définir un pixel pour la ligne de cupidité et un pour les subdivisions. Cliquez sur OK. Ensuite, vous pouvez soit aller à la nouvelle vue montrer super, ou vous pouvez utiliser un raccourci et il allume l'accord d'un cochon, et chaque guide montre les bords d'un pixel. Ensuite, vous pouvez aller à nouveau vers beaucoup d'entre vous. Et il y a quelques options. Blag s'est cassé. Une cellule photo s'est cassée. Boyne s'est cassée. D' accord. Je vais juste claquer une excellente option. Maintenant, la configuration est terminée, et toutes les formes que je crée vont l'être sur les cellules de pointe. Leurs points vont être placés directement sur les intersections hors des lignes de la grille afin de vérifier que votre je ne peux pas parler si parfait et il sera repos arisé de la meilleure façon possible vous pouvez tourner prévue de pixel connu pour de telles choses. J' utilise généralement des raccourcis, et cela rend mon travail beaucoup plus rapide. Maintenant, je vais éteindre, cassé les porcs et charger et montrer comment les formes ressembleraient sans elle. Vous pouvez voir comment les images sont floues. Si vous voulez voir d'autres options de capture pour sélectionner des cellules, vous pouvez aller dans le coin supérieur droit de la fenêtre, et vous pouvez jouer avec toutes les cases à cocher pour trouver les meilleures préférences pour votre travail . Alors comment réparer le Victor Aiken qui n'est pas parfait pixel en premier lieu ? Il y a essentiellement deux façons de rendre l'Eiken plus pointu. Tout d'abord, je vais allumer accroché, accepter sac d'adoption sur. Ensuite, je vais à la vérité de sélection directe orteil, et pour la fixation je peux. Vous pouvez sélectionner les points et simplement les faire glisser jusqu'à la grande intersection. Ou vous pouvez sélectionner le point et fixer sa position en haut de la fenêtre. Habituellement, il est préférable de garder leur nombre entier, sorte que les fondamentaux sont aussi simples que cela. Vous voulez juste garder les points sur le gros argenté, et puis vous êtes je peux être croustillant et pointu dans les restaurants pour vous 3. Outil Largeur: la prochaine chose dont nous allons parler, c'est l'accident vasculaire cérébral. Avec ici, vous pouvez voir des exemples de tracé sur 24 et six pixels, et de l'autre côté, à 13 et cinq pixels, vous pouvez voir que toutes les lignes sont assis sur le grand si grand. Mais que se passe-t-il si nous nous reposons sur eux ? Vous pouvez voir les lignes avec le trait avec les nombres pairs sont parfaitement arisés. Mais les chiffres impairs qu'on les rendrait flous, donc on va faire un décalage hors de la ligne elle-même. Il suffit de tracer un pixel d'un côté, donc cette ligne se trouve juste au milieu de la grosse vente. Et comme vous pouvez le voir, le coup ressent tout le gros. Donc, et cela arrive aux autres lignes quand ils sont avec est un nombre impair. La pire chose que vous pouvez faire à l'AVC est de dire pas le nombre entier. Alors peu importe que ce soit sur le grand, si grand ou légèrement offert. Il sera floue de toute façon, donc c'est mieux quand votre coup avec est un nombre pair pour donner la ligne sur la grille de pixels, et quand ils caressent avec est un nombre impair pour le garder juste au milieu du grand donc 4. Éléments intérieurs: Une autre chose que vous pourriez vouloir considérer est la façon dont les éléments intérieurs d'un Nikon peuvent affecter sa taille. Par exemple, voyons un cercle et un point d'exclamation dedans. Les versions correctes de celui-ci sont l'épaule sur le dessus, et les incorrectes sont ci-dessous. Lorsque l'ICANN doit faire un coup de pixel et qu'un point d'exclamation est en place pour choisir des cellules, alors la taille du cercle doit être un nombre pair. Ainsi, le point d'exclamation peut être centré dans le cercle et en même temps, être pointu. Voyons ce qui se passe lorsque le même cercle est fait d'un pixel plus grand et que le point d' exclamation est centré dans le besoin. Alors c'est le repos. Arised est une affreuse confiance bleue, donc nous ne voulions pas que ça arrive à votre Aiken. Voyons maintenant le cercle avec un trait de pixel et un point d'exclamation avec aussi un pixel. Sa taille et sa position doivent permettre à tous les détails d'être placés au centre et d'être bien reposés en même temps afin que l'on puisse voir l'élément, le trait. Tout est lié à la taille de l'Eiken lui-même. il y a autre chose que vous devez garder à l'esprit lorsque vous concevez des flèches ou d'autres objets pointus . Par exemple, vous faites une flèche quand ils détestent. Sa pointe de flèche n'est même pas nombre, et son point est placé juste sur la cupidité sur chaque site hors. Ce point même moitié d'un pixel est transparent, sorte que l'arabe semble un peu arrondi. Vous pouvez préférer faire une flèche, qui est en hauteur et au nombre. Ensuite, le point de la pointe de flèche sera au milieu de la grosse vente, donc la pointe de flèche va être plus tranchante. Chaque flèche est meilleure pour son propre contexte, donc c'est certainement à vous de choisir l'option à choisir. 5. Courbes Bezier: Voyons maintenant comment vous faites pixel parfait. Je peux travailler en anglais, remèdes plus acharnés, par exemple. Prenons l'icône sombre. Je vais allumer le grec, la grande revue de savon, puis zoomer sur son grand. Je sélectionne le formulaire, donc maintenant nous voyons les changements, toute la forme elle-même. Il sort un peu des pixels, donc ils sont un peu transparents. On ne veut pas un tel gâchis. Donc, fondamentalement, nous droguons le point au Grec. Et puis nous avons ajusté de la manière que la poignée du point ne sort pas de la ligne de grille qui montre le bord de la forme elle-même. Parfois, vous pouvez ajouter un peu plus. Tout ce que tu veux faire, c'est respecter la cupidité. Voyons à quel point l'air sombre dans Victor. Dans la plupart des cas, il ressemble plutôt à un vainqueur. Je peux, mais il semble jouer beaucoup mieux comme un gros examen de savon 6. Quantité de détails: quand vous concevez et je peux. Tout dépend de sa taille, même de la quantité de détails que vous pouvez y inclure. J' ai trouvé cet exemple de belles illustrations sur le Web. Il a été distribué sous la forme d'un ensemble d'icônes et choisissons une ICA et voyons à quoi il ressemble lorsque le repos est arisé et réduit. Disons qu'on en fait 30 grandes cellules du plus grand côté. Voyons maintenant comment ça va être. Rendez-le même si le plus grand que je peux n'est-il pas parfait pixel ? Vous pouvez toujours voir beaucoup de détails qui ne sont pas visibles dans la version plus petite du wagon. Donc, quand vous faites quelque chose de détaillé et beau, vous devez prédire la taille de l'Eiken qui sera un placé dans l'interface ou sur le site. Ce que nous avons fait pour l'un de nos ensembles, c'est que nous avons prévu pour différentes tailles d'un Nikon, et nous avons inclus différentes quantités de détails pour chacun. Nous avons tous les ING taille Aiken 80 pixels, 40 gros ventes, 30 pixels et 16 cellules de porc. La quantité de pixels que vous pouvez vous permettre dans chacun d'eux est très différente, donc nous incluons différentes quantités de détails dans chaque taille 7. La perspective: prochaine chose qui dépend de la taille de la je peux vous faire est l'utilisation de la perspective. Par exemple, vous faites un grand Aiken isométrique qu'il semble bon. Rendez-le sur un écran. Il a quelques petits détails, quelques lignes diagonales. Mais quand il est un minuscule, je peux vous faire pour un endroit très particulier toute l'interface, alors il sera floue dans tous les détails juste sera perdu. Donc, pour les petites tailles d'Aiken, il est préférable de s'en tenir au style d'icône plate. 8. Échelle: quand il est prêt et que vous savez que c'est la taille de base, vous allez faire face à l'évolutivité ou à l'icône. Par exemple, vous avez créé un Nikon d'une taille de 32 pixels alors, si vous voulez le agrandir, la meilleure façon de le faire est de le faire deux ou trois fois est grand. La chose importante ici est d'utiliser un nombre entier pour multiplier la taille dessus. Ce cas, quand l'échelle que je peux être reposée. Il sera aussi pointu que celui que vous avez créé, et il sera aussi grand, si parfait. Voyons un exemple de la mise à l'échelle effectuée de manière incorrecte. Faisons la taille d'un nombre aléatoire ici et vous pouvez voir que l'Eiken devient flou parce que les points de celui-ci sont réverbération. Il a changé parce que la taille n'est pas en rapport avec la taille de base de l'Eiken. Cependant, en tant que vainqueur, je peux dormir tous ressemblent 9. Final: Maintenant, vous avez toutes les informations pour créer Big auto parfait Aikens. C' est un bon moment pour appliquer tout ce qui est encore l'esprit chrétien dès que vous le pouvez. Tout ce que vous devez faire est de poster une capture d'écran de votre icône dans le moule de révision bigs up à la section du projet ci-dessous. Si vous avez des questions, vous pouvez les poser lors de la discussion communautaire. Je leur répondrai dès que possible. Je tiens à vous remercier d'avoir pris ces cours, et si vous aimez la classe, j'apprécierais vos commentaires positifs et bonne chance avec vous je peux concevoir.