Quelle heure est-il? C'est créer des icônes dans Adobe Illustrator Time!

Ce que vous allez créer

Mathématique! Créez trois icônes fantastiques mettant en vedette les personnages Jake, Finn et Princess Bubblegum de Adventure Time. Nous utiliserons des formes simples pour donner vie à chaque personnage, prêt pour une utilisation sur un ordinateur ou sur une application mobile. De simples touches telles que de longs dégradés et des contours font vraiment apparaître ces icônes! S'ouvrir Adobe Illustrator CC et allons-y.

1. Préparez votre document

Étape 1

Créer un Nouveau document de n'importe quelle taille, vous êtes à l'aise de travailler; Je crée généralement un jeu d’icônes dans un document de 800 px carré. Utilisez le Outil Rectangle (M) dessiner un grand rectangle recouvrant tout votre Artboard. Remplissez votre rectangle avec un Gradient Radial dans le Pente panneau allant du gris moyen au gris foncé.

Étape 2

Ajustez le rayon de votre dégradé radial avec le Outil de dégradé (G) le rayon est donc plus elliptique qu'un cercle parfaitement rond.

2. Jake le chien: formes de base

Étape 1

Dessinez un carré jaune moutarde avec le Outil Rectangle. Tirer le Coins vivants vers l'intérieur pour arrondir le rectangle. Si vous n'utilisez pas Adobe Illustrator CC, vous pouvez utiliser le Outil Rectangle Arrondi au lieu.

Étape 2

Ensuite, nous attirerons les yeux de Jake. En utilisant le Outil Ellipse (L), dessinez un cercle noir ou gris foncé. Tracez un cercle blanc plus petit dans le cercle noir, en veillant à le placer plus près du coin supérieur droit que du centre. Répétez avec l'oeil droit.

Étape 3

Travaillons sur le museau de Jake.

  1. Commencez avec trois rectangles arrondis. Superposez les deux côtés du rectangle arrondi horizontal avec les deux verticales. Assurez-vous que les verticales sont tournées légèrement vers l'extérieur.
  2. Unir les trois formes du Éclaireur panneau. En utilisant le Outil stylo (P) ou Outil Crayon (N), dessinez une forme qui chevauche la partie supérieure gauche pour la lisser (voir ci-dessous). Le coin est trop grave tel qu'il est. Sélectionnez les deux formes et appuyez sur Minus Front dans le Éclaireur panneau.
  3. Répétez avec le coin inférieur gauche du dessin: dessinez une forme qui lisse le coin inférieur gauche et frappez Minus Front dans le Éclaireur panneau.
  4. Vous pouvez répéter les étapes précédentes du côté gauche ou reproduire la moitié gauche pour le côté droit..
  5. Superposez la moitié droite de votre conception avec un grand rectangle. Frappé Minus Front encore une fois dans le Éclaireur panneau. 
  6. Copier (Control-C) et Coller (Contrôle-V) le côté gauche restant. Réfléchir l'objet copié sur un Axe vertical et alignez le côté droit avec le gauche. Unir les deux formes dans le Éclaireur panneau.

Étape 4

Placez le museau entre les yeux, en les chevauchant légèrement. Dessinez une ellipse pour le nez et définissez le contour de la forme du museau sur 2-4 pt dans le Accident vasculaire cérébral panneau.

Étape 5

Travaillons sur la bouche et les dents.

  1. Utilisez le Outil stylo dessiner une bouche souriante brun-rouge et la placer sous le museau dans le Couches panneau.
  2. J'ai dessiné un demi-cercle pour la langue et mis la couleur de remplissage en rose. Chaque dent est un rectangle arrondi. 
  3. Copie et Coller trois formes de dents dans le haut de la bouche. Sélectionnez les objets dents et bouche. Avec le Outil de création de forme (Maj-M), sélectionnez les parties des dents qui ne se croisent pas avec la forme de la bouche. J'aime simplement faire glisser mon outil sur toutes ces formes pour qu'elles fusionnent, se déconnectant du reste des dents..
  4. Supprimez les parties non croisées des dents et ajoutez des contours aux dents, à la bouche et à la langue de 1-3 pt.

3. Jake the Dog: Ajout de dégradés

Étape 1

Dessinez quelques longues formes rectangulaires avec le Outil stylo du museau au coin inférieur droit. Appliquer un Gradient linéaire aux formes allant de l'ocre jaune à 100% à 0% d'opacité dans le Pente panneau.

Étape 2

Sélectionnez le rectangle de base et appliquez un Gradient linéaire allant du jaune au jaune moutarde, avec le plus foncé des deux couleurs dans le coin inférieur droit.

Étape 3

Sélectionnez et Groupe (Control-G) vos composants d'icônes ensemble. Copie et Coller le rectangle de base sur la conception de votre icône. Sélectionnez les deux et Faire un masque d'écrêtage (Control-7) afin que vos longs dégradés ne dépassent plus la conception de l'icône.

Étape 4

Placez un rectangle jaune foncé derrière l’icône et déplacez-le légèrement vers le bas pour lui donner une dimension supplémentaire.. Groupe le groupe de masque de découpage et le nouveau rectangle ensemble. Sélectionnez le groupe et appliquez un Ombre portée en allant à Effet> Styliser> Ombre portée. Ajoutez les attributs suivants:

  • Mode: Multiplier
  • Opacité: 25%
  • Décalage X: 4 px
  • Décalage Y: 6 px
  • Brouiller: 1 px
  • Couleur: Noir

4. Finn l'humain

Étape 1

Copie et Coller le rectangle de base de l'icône de Jake. Définissez le fond en dégradé sur blanc sur gris clair. Ajoutez l'ombre portée à la forme de base comme nous l'avons fait avec l'icône précédente.

Étape 2

Pour le visage de Finn, dessinez une ellipse couleur pêche au centre de l'icône. Définissez la couleur de remplissage de pêche clair à pêche moyenne dans le Pente panneau. Définissez la couleur du trait sur le même gris noir ou foncé que celui utilisé dans l’icône Jake avec un poids de 2-3 pt.

Étape 3

Deux petits cercles forment les yeux de Finn. J'ai ajouté un Gradient linéaire dans chacun allant du gris foncé au noir. Pour la bouche, j'ai dessiné une forme incurvée avec le Outil Crayon. Imaginez que ce soit une forme de haricot gélatineux ou de rein. Vous pouvez aussi le dessiner avec le Outil stylo si vous le trouvez plus confortable. 

Étape 4

Comme les dents de Jake, Finn sont aussi de petits rectangles arrondis. Il a une lacune dans les dents, donc l'une est à gauche et deux se chevauchent à droite. Comme avec la bouche de Jake, utilisez le Outil de création de forme supprimer les composants de la dent qui ne se croisent pas de la forme de la bouche.

Étape 5

Pour les contours, Copie et Coller chacune des dents. Définissez les copies en noir avec des contours noirs et Aligner derrière les dents blanches. Ensuite, dessinez un demi-cercle ou un demi-cœur pour la langue rose.

Étape 6

Comme avec l'icône Jake, dessinez une forme de dégradé rectangulaire allant du visage au coin inférieur droit de l'icône. Placez-le derrière les composants du visage dans le Couches panneau. Utiliser un Masque d'écrêtage couper la forme en dégradé sur le rectangle.

Pour la chemise de Finn, tracez un rectangle bleu sur la partie inférieure de son icône. Utilisez le Outil de création de forme pour supprimer le composant non intersectant de l'icône. Appliquer un Gradient linéaire de bleu vif à bleu moyen à la forme.

Étape 7

Ajoutons quelques touches finales à cette icône. Dessinez un rectangle arrondi bleu foncé derrière le reste de l'icône pour ajouter une dimension à l'icône elle-même. Utilisez le Outil Ellipse dessiner une ellipse de pêche légère sur le dessus du visage. Assurez-vous que le dégradé va de pêche légère à 100% à 0% d'opacité.

Étape 8

Assurez-vous que chaque icône est Groupé avec ses propres composants. Assurez-vous également que les traits de chaque icône ont la même largeur que ceux que vous voyez ci-dessous. Passons à notre dernière icône, la princesse Bubblegum!

5. Princesse Bubblegum

Étape 1

Dessinez un carré rose arrondi. Superposez le carré avec un cercle rose clair sur la moitié inférieure de l'icône. 

Étape 2

Superposez le haut du visage avec un rectangle et frappez Minus Front dans le Éclaireur panneau pour créer sa frange émoussée. 

Étape 3

Pour la couronne de PB, tracez un long rectangle fin et jaune sur le dessus de la tête. Tracez un petit rectangle vertical au centre, en vous dirigeant vers le haut. Ensuite, tracez un cercle jaune pour couronner le tout.

Les yeux de PB sont constitués de deux petits cercles noirs et d'un petit cercle bleu au centre du sommet de sa couronne. Enfin, son cou est un mince rectangle rose sous la forme du visage qui se termine au bas de l’icône..

Étape 4

Unir le visage et le cou forment ensemble dans le Éclaireur panneau. Ajoutez un contour au visage et à la couronne jaune de 2-4 pt.

Étape 5

En utilisant le Outil stylo, dessinez un demi-cercle ou une courbe douce pour la bouche. Définissez la couleur de remplissage sur null et le trait sur 2-3 points de poids avec Casquettes arrondies dans le Accident vasculaire cérébral panneau.

Étape 6

Enfin, ajoutons quelques dégradés simples et formes de dégradés.

  1. La couronne a un ocre jaune à jaune Gradient linéaire.
  2. Le visage est rose à rose moyen.
  3. Il existe deux formes de dégradé: une sous la couronne et une sous la face. Les deux sont rose foncé avec une opacité de 100% à 0%. 

Comme avec les autres icônes avant celle-ci, utilisez un Masque d'écrêtage pour découper des composants d’icône et ajouter un Ombre portée à la conception finale de l'icône.

Oh mon globe, tu es fait!

Rassemblez vos icônes pour former une petite rangée ordonnée, car vous êtes prêt à partir. Ajoutez plus de personnages à votre jeu comme Marceline, B-MO et mon préféré, Lumpy Space Princess. Il y a tellement de personnages fantastiques dans le royaume de Candy, prêts à être transformés en icônes pour votre tableau de bord de bureau ou mobile. Partagez vos créations dans la section commentaire ci-dessous!