Soyez créatif avec la conception d'icônes - Partie 1 : Esquissez vos idées | Chris Heath | Skillshare

Vitesse de lecture


1.0x


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

Soyez créatif avec la conception d'icônes - Partie 1 : Esquissez vos idées

teacher avatar Chris Heath, The Geometrical Design Guy

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:03

    • 2.

      Matériaux

      0:16

    • 3.

      Ébaucher un ensemble d'icônes - Partie 1

      9:04

    • 4.

      Ébaucher un ensemble d'icônes - Partie 2

      6:10

    • 5.

      Que faire ensuite ?

      1:44

  • --
  • 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.

349

apprenants

3

projets

À propos de ce cours

Voulez-vous concevoir des icônes mais vous ne savez pas par où commencer ? Et comment choisir les proportions de l'icône ?

J'ai quelques bonnes nouvelles. Ce petit cours aborde ces problèmes en un go.

Je vous montrerai comment ébauche rapidement de nouvelles idées pour les icônes et je vous montrerai comment maintenir les proportions de vos conceptions d'icônes dans qu'ils ont l'air tous équilibrés et leur appartenance à leur communauté.

Si vous avez un bloc créatif, il s'agit d'une méthode de surefire pour ébaucher un tas d'idées de nouvelles idées d'icônes, il suffit de en mettre le crayon sur le papier.

Il y a une restriction de conception et qu'il s'agit d'une grille simple. Dans ce cas, il est la grille d'icône d'Apple. Et comme toutes les bonnes contraintes de conception, nous utilisons la grille comme tremplin pour la créativité.

Ce cours est un point de départ idéal pour les personnes qui s'apprennent à la conception d'icônes, mais ne savent pas par où commencer. C'est également un exercice utile pour les concepteurs professionnels qui sont bloqués pour les idées.

Rencontrez votre enseignant·e

Teacher Profile Image

Chris Heath

The Geometrical Design Guy

Enseignant·e

Check out my profile page to discover more classes for artists and designers.

Voir le profil complet

Level: All Levels

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. Avez-vous déjà essayé de concevoir une icône et vous ne savez pas vraiment par où commencer ? Et comment gérer la proportion d'icônes pour que vous finissiez avec un design équilibré  ? J' ai des nouvelles pour toi dans ce cours parce qu'on va gérer ces deux problèmes d' une seule fois. J' ai des nouvelles pour toi dans ce cours parce qu'on va gérer ces deux problèmes d' Et comment allons-nous faire ça ? Eh bien, je vais vous montrer comment utiliser une grille simple dans ce cas, la grille icône IOS d' Apple pour trouver une gamme d'idées différentes juste en mettant le crayon sur le papier. Donc, cette classe travaille uniquement sur le papier pour trouver une variété de modèles et utiliser la grille pour maintenir un sens de la proportion. C' est la classe parfaite pour les débutants. Donc, si vous n'avez jamais conçu d'icônes avant mais toujours voulu à ses cours pour vous, Et c'est aussi génial pour les designers expérimentés qui ne va pas créer une ornière, et ils veulent juste venir avec de nouvelles idées. Alors qu'est-ce qu'on attend ? Soyons coincés tout droit 2. Matériaux: à partir de la zone Projets et Ressources. Hors de cette classe télécharger l'impression The Grid File. Vous aurez également besoin de n'importe quel rasoir et une trouvaille de couleur crayon. Les broches prises sont facultatives. 3. Ébaucher un ensemble d'icônes - Partie 1: avant de commencer, n'oubliez pas de télécharger et d'imprimer le fichier pdf que j'utilise ici. Vous pouvez trouver utile d'imprimer, avait quelques feuilles et utiliser ces feuilles pour mettre en beaucoup de pratique. Initialement, nous allons commencer par utiliser les lignes évidentes de la grille pour créer un petit ensemble de dessins complètement abstraits. Je voudrais vous suggérer de copier ce que je fais ici et de mettre la vidéo en pause à n'importe quel moment pour dessiner ce qui me vient à l'esprit. Cela peut être quelque chose de similaire à ce que j'ai dessiné, ou il peut être quelque chose de complètement différent. C' est un exercice purement créatif où vous ne travaillez pas orteil un dossier client, donc nous n'avons pas à nous soucier de plaire à quelqu'un d'autre que nous-mêmes. Pensez-y comme un gribouillage créatif avec la grille est trois seule contrainte. Plus vous faites cela, plus la poignée devient un tremplin pour toute une gamme d'idées différentes tout en prenant soin des proportions de votre design en cours de route, plus vous pratiquez que plus facilement, il devient utile dans esprit que beaucoup de gens qui jouent avec la grille va initialement venir avec des motifs abstraits et des dessins qui sont identiques à la vôtre. Ce n'est pas avant que vous commenciez à quitter le trek comme nous le ferons, vous commencez à finir avec quelque chose de plus original. J' aime penser à cet exercice est de retirer les conceptions évidentes de votre système ? Ce sont les conceptions qui sont les plus susceptibles de correspondre à ce que tout le monde dessine en suivant cela. Écoutez, il est toujours avec bien, faire cela afin d'aller de l'avant à vos propres variations des mêmes conceptions et de là penser littéralement à créer des designs qui sont plus uniques pour vous et le style dans lequel vous travaillez, par exemple, chair ou crier ou fixer des styles de conception. J' invente ça il y a. Et comme je l'ai mentionné dans l'introduction, il s' agit d'un cours purement créatif conçu pour les étudiants pour explorer ce qui est possible lorsque vous commencez à jouer avec un morceau de papier vierge ou, dans ce cas, une grille vierge. Parfois, des erreurs sont faites comme vous pouvez le voir ici, parce que nous ne faisons qu'esquisser ce qui nous vient à l'esprit ces erreurs principalement sur de nouvelles idées à explorer plus tard. Ici, je place quelques points pour diviser les lignes et la moitié afin que je puisse créer une forme X. C' est pour que je puisse lier les points à une intersection cred. Dans ce cas, cela a conduit à une autre erreur. J' avais l'intention de mettre les points sur le cercle central, pas sur le cercle intérieur. Cependant, en essayant de le corriger, il s'est avéré être un heureux accident que j'ai décidé de garder fin explorer plus tard à mai . La conception commence à ressembler à une piste de lancement de fusées comme vu d'en haut. Cela peut vous rappeler quelque chose d'autre, alors n'hésitez pas à le copier et à le développer dans ce que vous pensez qu'il pourrait être. Cette fois, je vais refaire les oeufs à partir de zéro, en plaçant les points sur la circonférence de cercle prévue à joindre les points qui ressemblent au X que je voulais. Si tout le monde a un jeu avec le script, ce sera un résultat évident tout en dessinant cela un ensemble de plastiques ressorts à l'esprit. C' est la direction que je prendrai celle-ci. Je ne vise pas la perfection à ce stade. Je veux juste enregistrer mes idées à nouveau. Cet exercice consiste à dessiner des formes abstraites, puis à les transformer en tout ce qui apparaît dans votre tête. Cela le rend encore différent, commençant par les lignes de la grille, je dessine un ensemble de rectangles et les laisse, car je peux revenir développer cela en un certain nombre de modèles différents. C' est une autre conception abstraite que beaucoup de gens peuvent créer simplement en traçant des lignes de grille et des courbes. Je ne suis pas sûr de quelle direction je vais prendre cela, mais un compteur de vitesse ou un manomètre ressort à l'esprit en dessinant deux rectangles Grande connexion, et ce sont des leaders sains. Eared était E, comme on l'appelle aux États-Unis S. a été formé. Ma pensée initiale était de le garder blanc et d'ajouter un peu de texture à l'arrière-plan. On dirait que la vision Ziad était la vision du logo de Netflix. Donc je vais laisser ça pour l'instant, et j'espère qu'un autre traitement pourrait venir à l'esprit pour le prendre dans une direction différente. Cela dit, c' est un exercice créatif, donc même si vous voulez créer quelque chose qui est très similaire à un logo ou une icône existant, c'est bon. Tant que vous ne l'utilisez pas ou ne le vendez pas à vos clients, il vaut parfois la peine de reproduire les idées d'autres personnes juste pour les sortir de votre système et aller au-delà de ce que les autres concepteurs ont fait. Je commençais à manquer d'idées. Puis j'ai pensé à placer de petits cercles entre deux sur les cercles de grille. La grille est également utilisée pour distribuer les cercles. Radio Lee autour du centre de la grille d'icônes. Peut-être que cela pourrait être une icône pour un jeu, ou il peut suggérer sur un vieux cadran téléphonique ou tout simplement être des cercles blancs sur un fond noir. Je ne sais pas à quoi ça ressemblera, mais j'ai pensé essayer le chef. ISS. Il commence par extrémité relativement épaisse devient plus épais à travers la colonne vertébrale des leaders. Ça me rappelle une vitesse de 1950. Tout plus tard est peut-être cela peut être plus stylé plus tard, ou Pips. Un levier de style dessin animé est avec le cercle au centre. Je pensais à un globe oculaire, étant donné que nous ne voyons généralement pas un Aibel complet, il y a Thea per tune ici pour utiliser les points d'intersection hors de la grille pour asseoir la position des îles, donc je commence par que avant d'ajouter l'élève. Et Iris et ah mettent en évidence l'île elle-même à un certain réalisme. Que ce soit pour être une photo réaliste, je ou peut-être un regard plus plat I. J'ai décidé d'ajouter une réflexion simple qui fonctionnera indépendamment du fait que cela deviendra une icône plate ou une icône photo réaliste en utilisant la grille pour déterminer le point de départ et le point de fin d'une ligne épaisse. La lettre au printemps à l'esprit, étant donné que j'essayais de réfléchir à ce qu'il faut faire avec l'espace entre les deux. Une fois terminée, cette icône peut être centrée verticalement pour donner une certaine texture au repère. Peut-être qu'il pourrait être transformé en un jouet de printemps slinky ou un squiggle de dentifrice. Si vous êtes coincé pour des idées, cela aide à revenir à la grille et juste dessiner quelque chose, même si cela ne ressemble pas à quelque chose en particulier mettre votre crayon de panneau sur le papier, c'est comme s'engager à dessiner quelque chose. C' est ce qui s'est passé ici encore. Ne vous inquiétez pas si cela ressemble à l'icône de quelqu'un d'autre. Cela ne me rappelle les pommes Passeport Icône, ce qui signifie que je suis intéressé par la façon de faire cela différent. Par exemple, peut-être utiliser trois logiciels D pour placer une sphère au centre et ajouter une ombre portée et une réflexion pour l'indiquer. Et c'est de retour à jouer avec la grille et dans ce cas, le leader. Si ou e me vient à l'esprit, je ne suis pas sûr si ça me plaît. Donc, à la fin du croquis, je vais passer à autre chose. Peut-être que quelqu'un a développé ça en quelque chose de complètement différent une fois que j'ai fini de le voir comme un levier. En regardant autour de mon bureau pour trouver des idées, j'ai repéré les haut-parleurs connectés à mon ordinateur, commençant par un rectangle et en utilisant la grille pour déterminer la taille et l'emplacement du petit haut-parleur. Pour l'instant, j'ai deviné la taille du haut-parleur plus grand, mais j'utiliserai les proportions de gruau pour asseoir ce rayon plus tard pour donner au haut-parleur un sens de l' objectif. J' ai utilisé les cercles de grille pour ajouter des ondes sonores. Parfois, les modèles traditionnels sortent de ce processus. Ne vous découragez pas par ça. Au lieu de cela, embrassez-les même un Pour l'instant, vous ne pouvez pas penser à la façon de mettre fin à votre propre orteil de saveur. Vous avez évidemment reconnu le design en l'enregistrant maintenant sur papier, quelque chose pourrait venir à l'esprit plus tard. Deux des cercles de grille peuvent être utilisés pour dessiner un donneur ou des courbes de forme touristique et des ombres peuvent être ajoutées pour renforcer ce concept de trois D. Vous pouvez également ajouter de la corde et le transformer en un garçon de vie traditionnel. Maintenant, j'essaie de penser à amener deux lignes horizontales à un point, et un poisson d'eau douce néo-zélandais vient à l'esprit. J' avais l'habitude de garder ces poissons longs et minces, c'est des fosses et mes règles. Quand j'étais petite, ils étaient beaucoup plus intéressants pour garder le poisson rouge, et ils avaient tous des personnalités différentes. 4. Ébaucher un ensemble d'icônes - Partie 2: quelques jours se sont écoulés depuis le dessin de ces icônes en prenant un certain temps, surtout lorsque vous êtes à court d'idées. Il y a une bonne idée. Jetons un coup d'oeil à ce que nous avons fait et à tout. Choisissez l'une de ces icônes à partir de là, Voyez ce que d'autres idées viennent à l'esprit. J' ai commencé avec quelque chose de simple et géométrique, et pendant que j'ai parcouru la page, d'autres idées ont pris à l'esprit et je les ai capturées en cours de route. Par exemple, régler le X dans le remorquage. Quelques bandages, les trois blocs, pourraient être transportés plus loin. J' ai commencé à expérimenter avec cette forme, et peut-être qu'il peut être transformé en une vitesse sur avec elle ou manomètre ceux. Il pourrait être développé plus loin à partir de différents milieux, par exemple, bandes qui peuvent elles-mêmes être dérivées de la grille. Ça pourrait être juste des cercles blancs. Sur un fond de contraste ou une goutte, ombres pourraient être dirigées pour créer l'illusion qu'il y a des trous blancs sur un fond sombre . J' aime le look de l'ISS, me rappelle l'ancienne litière de speedball pour une raison quelconque que je pourrais être donné un traitement plat avec l'utilisation d'ombres ou être transformé en une photo réaliste I que M pourrait rester complètement deux D ou donné un extrudé trois aspect D. Ce design pourrait être donné un aspect plat ou en plaçant une sphère au centre, pourrait être donné un aspect trois D afin que tous ces éléments puissent être développés plus loin. Celui que je veux explorer, c'est le poisson. Je pensais qu'on pourrait prendre cette forme plus loin. Je ne parle pas du poisson lui-même, mais de la forme qui est formée par les lignes parallèles qui descendent à un point. Commençons par un nouveau morceau de papier. Je ne vais pas redessiner le poisson entier, mais pour référence, je vais dessiner la forme initiale. C' est la forme que nous avons utilisée pour le poisson pour déclencher les neurones créatifs. L' astuce féroce est de retourner ces points dans la direction opposée et de voir ce qu'il me rappelle . Dans cette direction, on dirait que ça pourrait devenir une balle. Les balles ont tendance à être courtes, donc je vais tracer une ligne ici. Cela peut être l'arrière de la balle et ed un espace négatif à l'arrière de la balle pour le rendre un peu plus reconnaissable et aussi de sorte qu'il est plus facile de voir sur la caméra tous assombrir les lignes et esquisser en arrière-plan. Je ne vais pas remplir tout l'arrière-plan juste assez pour faire sortir la puce de la page, Bien qu'il y en ait assez ici pour les îlots de mai, quelques ombrages à nouveau, cela peut être donné un traitement de conception plate ou à l'aide de trois logiciels D créent une puce plus réaliste, avec des détails pertinents. La balle me rappelle une forme de fusée, donc en tournant il a dit que les points vers le haut, nous pouvons utiliser les lignes de grille pour concevoir une fusée courte. Je vais lancer Ally intention au cercle dit de séparer le nez de la fusée du corps la fusée. Avec cette fusée, on pourrait l'emmener jusqu'au bout pour que tout ce qu'on voit c'est le sommet de la fusée. Mais j'aimerais dessiner toute la fusée. Je mettrai le fond du corps des fusées. À ce stade, il semble têtu, mais je garde l'espace ici pour ajouter les moteurs de fusée en flammes. Fusée I constante ont un jour, donc je vais utiliser les lignes de grille pour déterminer l'emplacement et la taille de ceci. Un jour, le cercle ne semble qu'une clé, ce qui me fait penser que c'est un peu différent. La fenêtre pourrait être un picotement arrondi de Rick, peu comme les fenêtres des passagers d'un avion de ligne commercial. Nous n'avons pas assez de place ici pour mettre une plus grosse fusée et ses flammes, donc je vais diviser l'espace en tiers et ajouter trois fusées plus petites. Nous avons besoin de quelque chose pour tenir une fusée en place, et aussi je vais avoir besoin de quelque chose là-bas, donc je vais le diviser en tiers aussi. Maintenant, il est temps de dessiner les moteurs de fusée. C' est très rude. Mais alors, quand la victoire est décidée, elle peut être arrangée. J' ai aussi besoin de flammes de fusée. Alors, allez d'ici, l'autre élément où il vous manque encore quelques amis. Ceux-ci devaient être alignés avec la grille si vous avez déjà eu des problèmes à dessiner des choses en proportion, même si vous n'auriez jamais une fusée trapue comme celle-ci, l'utilisation d'une grille comme celle-ci est utile pour équilibrer l'élément dans le conception, non seulement contre l'autre élément dans la conception, mais aussi la forme de l'icône est un trou va rapidement augmenter pour vous. Il est donc un peu plus facile de voir le design fini lorsque Victor Rised peut avoir une attitude plus détaillée . Mais dans l'ensemble, les proportions resteront les mêmes en faisant tourner cette forme de sorte qu'elle pointe vers le bas pourrait être transformée en quelque chose comme un bouclier tel qu'il est dessiné Maintenant, l'icône de balle n'est pas tout à fait centrée, cependant. Il semble équilibré avec l'espace mental de l'écrivain à l'avant de la balle à propos plus d'espace à l'arrière de la balle. Celui-ci fonctionne aussi bien et se trouve bien dans ce cercle. Comme ce bouclier. Certaines de vos conceptions ne tomberont pas au centre de la grille. Ne vous inquiétez pas pour ça. Vous pouvez toujours déplacer la fin, la réaligner avec la grille. Plus tard, je n'ai dessiné qu'un exemple de bouclier. Quelques recherches de boucliers sur Internet. Vous verrez qu'il y a des centaines de pas des milliers de modèles différents pour les boucliers dont vous pouvez vous inspirer. Ce qui est plus important lorsque vous explorez votre créativité, c'est de suivre votre instinct et travailler librement avec le style ou la tendance que vous voulez aller avec le jeu. Aucun client n'a été informé. Suivez ici. La seule contrainte sur cet exercice est que vous devriez travailler avec le script. paradoxe des contraintes est que lorsque vous imposez une contrainte à la créativité, la contrainte elle-même devient un tremplin pour un flux illimité d'idées. Et donc nous avons vu. 5. Que faire ensuite ?: J' espère vraiment que vous apprécierez ce cours, et j'espère que vous avez quelque chose de vraiment utile. Alors n'oubliez pas de télécharger la grille pdf et de lui donner un coup d'envoi. Et rappelez-vous, il s'agit juste de mettre le crayon sur le papier, même s'il s'agit de tracer certaines lignes de la grille pour commencer et de voir où cela va . Donc vos dessins pourraient être complètement abstraits. Ils pourraient être à l'autre bout du spectre et être très naturalistes en termes de sujet. Ils pourraient être à l'autre bout du spectre et être très naturalistes en termes de Donc, vous vous demandez probablement, pourquoi ne vous ai-je pas montré comment augmenter la victoire certains de ces modèles et la raison est que c'est classe un sur une série en trois parties, et cette classe est conçue pour intégrer vos besoins. Je voudrais donc que vous me disiez dans les commentaires de la Syrie, ce que vous voudriez que je couvre dans la prochaine classe. Et ça pourrait être l'une des deux ou peut-être trois ou quatre choses différentes. Par exemple, vous pouvez vouloir que je prenne un de mes dessins et Victor riser. Et peut-être dans la troisième classe, nous envisageons de produire une vision en trois. Vous voudrez peut-être que je prenne un de vos dessins, que vous avez sauvé le Projet Syrie et à augmenter la victoire pour que je puisse vous montrer comment augmenter la victoire votre conception particulière. Et sur la troisième classe, nous pouvons parler de la façon de terminer cette conception afin que c'est vraiment pour un développeur de prendre en charge comme une icône d'implication. Il y a donc un certain nombre de façons de prendre cela, et je suis plus qu'heureux d'intégrer votre travail à la prochaine classe si c'est ce que vous voulez. Donc nous croyons vos croquis sur le projet Syrie et dites-moi ce que vous voulez que je couvre dans la prochaine classe. Oh, n'oubliez pas de me suivre sur compétence. Pure donc. Mais appuyez ici pour regarder les boutons en bas quelque part et pour vous.