Créez une icône amusante de personnes gelées sur la glace - Partie I

Dans ce tutoriel, vous allez apprendre à créer une icône vectorielle amusante représentant un symbole de peuple, figée dans un glaçon. Nous explorerons l'utilité des outils 3D d'Adobe Illustrator. La création entière peut être divisée en deux parties différentes. Partie I: Le glaçon et Partie II: L'icône des personnes. Nous allons commencer par le glaçon de la partie I. Nous allons ensuite créer l'icône des personnes et l'intégrer dans la partie II. Commençons!

Aperçu de l'image finale

Vous trouverez ci-dessous l'image finale sur laquelle nous allons travailler dans ce didacticiel en deux parties. Vous voulez accéder à l'intégralité des fichiers Vector Source et aux copies téléchargeables de chaque didacticiel, y compris celui-ci? Rejoignez Vector Plus pour seulement 9 $ par mois.

Détails du tutoriel

  • Programme: Illustrator CS3
  • Difficulté: Intermédiaire
  • Temps d'exécution estimé: 4-5 heures

Partie I: Le glaçon

Vous trouverez ci-dessous l'image sur laquelle nous allons travailler dans la première partie de ce didacticiel. Nous allons faire un glaçon.

Étape 1

Il y a beaucoup d'images de référence de glaçons. Vous pouvez suivre n'importe quelle référence pour la forme de base. Un cube a six côtés: quatre côtés, haut et bas. Nous allons créer ces côtés. J'ai dessiné une forme et suivrai le dessin ci-dessous.

Étape 2

Dessinez maintenant un rectangle pour chaque côté. Il faut donc créer six rectangles pour compléter la forme du cube. Dessinez les rectangles en suivant l'image. Gardez à l'esprit que les couches doivent être disposées dans le bon ordre, ce qui signifie que la forme du haut reste en haut, la forme du bas en bas et les côtés frontaux apparaissent devant les côtés du dos. Faire la couleur de remplissage Aucune, pour le moment nous avons seulement besoin de contours.

Étape 3

Masquer les faces frontales (formes) et afficher uniquement les faces arrière et inférieure.

Étape 4

Le cube primitif est maintenant prêt. Mais les bords du cube sont durs et droits. Pour que cela ressemble à un glaçon, nous devons casser les arêtes. Sélectionnez d'abord une forme, ajoutez-y des points d'ancrage, puis courbez-la à l'aide de l'outil Convertir les points d'ancrage. N'oubliez pas d'émousser tous les angles vifs de la forme. Enfin, le rectangle pointu devrait ressembler à un rectangle à bord arrondi inégalement incurvé..

Étape 5

Faites la même chose pour les deux couches restantes. Ne vous inquiétez pas si les formes se chevauchent un peu.

Étape 6

Sélectionnez une forme et remplissez-la avec un dégradé. Par défaut, il apparaîtra comme un dégradé noir à blanc.

Changer les couleurs du dégradé et faire en sorte que le dégradé varie du cyan à une teinte plus claire de la même couleur.

Étape 7

Sélectionnez les autres calques et donnez-leur le même dégradé. Pour ce faire, sélectionnez un calque, puis choisissez le dégradé à l'aide de l'outil Pipette du calque précédemment coloré..

Étape 8

Nous devons aligner les gradients de manière à ce que la partie centrale apparaisse plus sombre que la partie extérieure (vers les bords). Pour cela, sélectionnez une face d’un cube (rectangle), prenez l’outil Dégradé et faites-le glisser en diagonale vers le centre..

Étape 9

Nous devons maintenant rendre les visages un peu transparents. Réglez l’opacité du dos sur 60%. Et pour le fond faire 80%.

Étape 10

Allumez la forme supérieure. Et commencez à répéter les étapes que nous avons effectuées pour les faces arrière et inférieure afin de donner un aspect inégal. Lors de la mise en forme de la face supérieure, n'oubliez pas que les bords de la face supérieure doivent correspondre le plus possible aux bords du dos..

Étape 11

Choisissez et appliquez le même dégradé que les autres. Faites glisser l'outil Pipette pour ajuster le dégradé à votre choix. Vous pouvez nommer les couches de manière à ne pas vous embrouiller, si vous le souhaitez. Réduit la transparence du calque à 50%.

Étape 12

Maintenant, nous n’avons plus besoin du plan. Basculer les couleurs de contour sur Aucune.

Étape 13

Sélectionnez les faces arrière et la couche inférieure ensemble et faites-en un groupe (en appuyant sur Commande G). Nommez-le comme "partie arrière". Vous pouvez également verrouiller ce groupe. nous n'avons plus besoin de le modifier.

Étape 14

Puisque les propriétés de base de l'eau ou de la glace sont transparentes, nous devrons garder le glaçon transparent pour que tout ce que nous y mettons soit clairement visible. Nous ne pouvons pas faire les côtés frontaux les mêmes que nous avons fait pour les parties arrière. Au lieu de cela, nous allons faire des reflets et des reflets pour indiquer l'existence de faces avant. Activez la visibilité des formes de la face avant. Mais ils ne seront utilisés que comme guides. Pour faciliter la sélection, vous pouvez les regrouper et les nommer également..

Étape 15

Dessine un Y forme, le long des bords des faces avant. Faites que ce soit inégal. Remplissez-le avec une couleur blanche et définissez-le sur aucun trait. Réduisez la transparence de cette couche à 75%. Cela ressemblera à un éclat brillant sur les bords du cube et servira à l’objectif bien nécessaire d’apporter du volume au cube.

Étape 16

Faisons encore plus de brillance (techniquement, ça s'appelle faits saillants spéculaires). Ces faits saillants peuvent être de n'importe quelle forme. Pour des looks réalistes, reportez-vous à autant d'images de référence que vous le souhaitez sur Internet ou ailleurs. Vous obtiendrez ainsi une idée visuelle claire de la façon dont la glace réfléchit et brille. Quoi qu'il en soit, continuons. J'ai dessiné plus de formes sur la face supérieure du cube. Rappelez-vous de ne garder aucun contour sur les formes.

Étape 17

Ces faits saillants doivent avoir l’air discret et ne pas attirer l’attention supplémentaire. Alors mettons un dégradé de blanc à bleu très clair sur ces formes. Ajustez les positions du dégradé à votre guise.

Étape 18

Rendre les couches un peu transparentes. Définissez le mode de fusion de à l’écran. Rappelez-vous que ne réduisez pas la transparence à toutes les formes de manière égale. Gardez-les variés pour qu'ils aient l'air plus naturels.

Étape 19

Maintenant, la partie supérieure est prête. Et il reste encore deux faces frontales.

Étape 20

Pour améliorer l'aspect des réflexions, créez-les également pour ces visages. Il n'y a pas de règles pour les formes de réflexions, créez simplement des formes qui paraissent bien basées sur vos recherches visuelles..

Étape 21

Supprimer les formes du guide. Faites glisser tout ce que vous sélectionnez (n'oubliez pas de verrouiller la "partie arrière" avant de faire glisser) et faites-en un groupe. Nommez ce groupe comme "partie supérieure".

Étape 22

Maintenant, nous allons tirer une goutte d'eau sur le glaçon. Pour cela, faites une petite forme ovale.

Étape 23

Mettez un dégradé (blanc au bleu délavé) sur la forme. Rendre le calque transparent à 60%.

Étape 24

Maintenant, créez une autre forme ovale, cette fois-ci, réduisez-la par rapport à la précédente. Donnez-lui un dégradé de blanc au cyan comme indiqué.

Étape 25

Changez maintenant le mode de fusion sur Multiplier et réduisez la transparence à 30%. Le calque est presque fusionné avec le calque derrière, ce qui nous donne un aspect de dégradé complexe.

Étape 26

Nous devons mélanger un peu plus. Sélectionnez le calque, puis sélectionnez Effet> Flou> Flou gaussien. La boîte de dialogue s'ouvre. Entrez une valeur de 5 et appliquez. La goutte a toujours l’air plate et non brillante. Nous devons égayer les bords pour montrer un peu de volume.

Étape 27

Dessinez deux formes minces sur les bords de la goutte. Faites en sorte que les formes recouvrent les parties supérieure et inférieure de la goutte. Voir l'image ci-dessous pour voir à quoi cela devrait ressembler. Changez les modes de fusion en Screen. Conserve les couches semi-transparentes (opacité entre 45 et 60%).

Étape 28

La goutte a quand même l'air plate. Il manque un éclat brillant. Faire une petite forme ronde.

Étape 29

Appliquez maintenant le flou gaussien sur la forme avec une valeur de 3. Réglez l'opacité du calque sur 75%, puis définissez le mode de fusion sur Écran. Cela rend la goutte complète.

Étape 30

Groupez-le et nommez-le comme "drop1". Nous allons maintenant faire une autre chute, mais cette fois, nous allons donner un aspect un peu plus croustillant, simplement en y ajoutant de la réfraction..

Étape 31

Faisons donc la couche de base, comme nous l’avons fait plus tôt. Créez une forme ronde, mettez-y un dégradé et rendez-la transparente à 50%.

Étape 32

Encore une fois, dessinez deux formes minces aux bords de la forme de la goutte, comme nous l'avons fait précédemment.

Étape 33

Mais cette fois, nous ne les garderons pas en blanc. Ces deux formes nécessiteront un soupçon de réfraction dans la goutte (généralement, les bords d’une goutte d’eau se réfractent et apparaissent dans une couleur plus foncée, et définissent davantage la rondeur de la goutte). Mettez donc une couleur cyan sur la forme inférieure. Définissez le mode de fusion sur Multiplier et définissez également l'opacité sur 55%..

Étape 34

Pour la forme supérieure, choisissez le dégradé à partir de la forme ronde de base, ajustez la position du dégradé pour faire passer le plus sombre en haut au plus clair en bas. Changer le mode de fusion en multiplier.

Étape 35

Dessinez à nouveau deux autres formes, une en haut et une autre en bas, mais conservez-les à l'intérieur afin qu'elles ne se croisent pas ou ne se chevauchent pas, mais qu'elles épaississent également. Nous utiliserons ces formes comme reflets brillants comme nous l'avons fait pour la goutte précédente.

Étape 36

Réduisez l'opacité de la forme supérieure à 75%. Appliquez un dégradé sur la forme inférieure et veillez à ce que le dégradé ne devienne pas sombre. Rendre la partie inférieure du dégradé complètement blanche.

Changez le mode de fusion de la forme inférieure en écran. Et réduire l'opacité à 75%.

Étape 37

Ajoutez une surbrillance spéculaire en haut de la goutte, comme nous l’avions fait pour la goutte précédente. Ou vous pouvez simplement copier la forme que vous avez créée auparavant, la coller par-dessus la nouvelle goutte et la réduire un peu. Voilà pour la goutte. Vous pouvez regrouper les couches et nommez-la "drop2".

Étape 38

Nous avons fini avec le glaçon. Une chose que j’aimerais dire à ce stade, de mon expérience, c’est que j’ai fait jusqu’à présent en observant de près les références réelles, puis en les déconstruisant en petites parties, puis en les recréant le plus fidèlement possible. Alors étudiez des images réelles et essayez ensuite de les reproduire telles quelles, et vos créations seront automatiquement superbes!

Fin de la partie I

Et ainsi, nous avons atteint la fin de la partie 1 du tutoriel. Dans la partie II du tutoriel, vous apprendrez à créer les symboles de personnes que nous allons incorporer dans ce cube. Revenez bientôt! Vous pouvez voir l'image finale de cette série en deux parties ci-dessous.

Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.