Dans ce tutoriel, vous apprendrez à utiliser Adobe Illustrator créer un ensemble d'icônes médicales et les transformer en trois bannières.
Si vous souhaitez ignorer le didacticiel et utiliser ce vecteur dans votre travail, achetez trois bannières médicales avec des icônes de GraphicRiver.!
Trois bannières médicales avec des icônesEn utilisant le Outil Rectangle Arrondi, créer un objet en forme de pilule en ajustant les paramètres.
Dessinez un deuxième objet sous la forme d'une demi-pilule. Placez-le sur le premier comme indiqué ci-dessous, puis dans le Éclaireur panneau, choisissez le Exclure fonction pour compléter l'icône.
Changer la couleur de la pilule à # F1B14F
.
Ensuite, vous aurez besoin d'un cercle et d'un rectangle étroit. Placez le rectangle derrière le cercle comme illustré ci-dessous et choisissez Minus Back dans le Éclaireur panneau.
Colore l'objet résultant avec la même couleur, # F1B14F
.
En utilisant le Outil Polygone, dessiner un hexagone et le remplir avec un Gradient linéaire de # E2E3E4
à #FFFFFF
sous un angle de -36,3 °.
Placez les comprimés à l'intérieur du polygone, comme illustré ci-dessous..
Commencez à créer une ombre pour l'icône avec Mélange.
Vous aurez besoin de deux hexagones, le plus petit coloré avec # 2B2B2B
et le plus gros avec # D7D7D7
. Disposez-les comme indiqué.
dans le Transparence panneau, définissez le plus grand hexagone Opacité à 0%.
Procéder à Objet> Fusion> Options de fusion, en choisissant Étapes spécifiées, 30.
Puis appliquez la fonction aux deux objets avec Objet> Mélange> Marque.
Placez l'ombre sous notre première icône. Assurez-vous de créer plusieurs copies de celle-ci ou laissez-en une de côté pour la copie ultérieure. Nous utiliserons cette ombre avec chacune des icônes polygonales..
Dessinez l'icône d'une dent en commençant par le contour de la moitié gauche. Avec Objet> Transformer> Refléter, créer une copie réfléchie de celle-ci et la joindre parfaitement à l'autre.
Fusionner les deux contours en utilisant Unir dans le Éclaireur panneau.
Remplissez le résultat avec un Gradient linéaire de # E2E3E4
à #FFFFFF
.
Créez un autre hexagone, de la même taille que le premier, et appliquez un Gradient linéaire de # 1E9CA8
à # 60C2D6
sous un angle de -54°.
Placez la dent à l'intérieur, puis ajoutez l'ombre créée précédemment.
Prenez un rectangle coloré avec # E59489
, et en créer quelques copies avec le Objet> Transformer> Rotation fonction, en utilisant des angles de 60 ° et 120 °.
Unir les formes.
Placez l’icône sur une copie de l’hexagone faite en Étape 3.
Commencez à dessiner la mallette en utilisant des rectangles arrondis.
Pour le manche, utilisez d’abord un Accident vasculaire cérébral, et alors Développer il. Unir les deux objets.
Tracez une croix avec deux rectangles et le Unir une fonction.
"Découpez" la croix dans la mallette en utilisant le Exclure fonctionner dans le Éclaireur panneau.
Remplissez l'objet résultant avec un Gradient linéaire de # E2E3E4
à #FFFFFF
.
Dessinez un autre hexagone en le remplissant d'un Gradient linéaire de # 236185
à # 6B9ABF
sous un angle de -60,5 °.
Placez la mallette à l'intérieur et ajoutez une ombre.
Commencez à dessiner l'icône d'un "cœur qui bat" en traçant la moitié de celle-ci et en ajoutant une ligne, comme indiqué dans la capture d'écran ci-dessous..
Étendre le Accident vasculaire cérébral de la ligne, puis placez-le derrière le cœur et appliquez Minus Back.
Créez une copie de l'objet avec Réfléchir, et alors Unir les deux moitiés.
Colore le coeur avec un Gradient linéaire de # E2E3E4
à #FFFFFF
, puis placez-le dans un hexagone cyan (voir l'étape 9).
Commencez par dessiner le flacon en premier Unissant un rectangle et un cercle pour créer le contour, puis Recadrage un autre cercle comme illustré ci-dessous.
Utilisez le Éclaireur panneau pour les fonctions mentionnées.
Créer une surbrillance en appliquant un Profil de course à une courbe, puis Expansion le coup.
Placez la forme sur le côté droit de l'objet que vous venez de créer et découpez-la avec Exclure.
Unir le contour et le contenu du flacon, puis appliquez un Gradient linéaire de # E2E3E4
à #FFFFFF
.
Pour le fond de la fiole, utilisez un hexagone rempli d'un Gradient linéaire de # A92D1D
à # D7775F
, en utilisant un angle de -60,5 °.
Dessiner une goutte par Réfléchissant la moitié de la forme, Unissant les deux et enfin À l'exclusion un point culminant dans l'objet.
Recherchez les fonctions dans le Éclaireur panneau ou consulter les parties précédentes du tutoriel si vous êtes confus.
Remplir la goutte avec un Gradient linéaire de # E2E3E4
à #FFFFFF
. Placez-le sur un hexagone cyan.
Commencez à dessiner un presse-papiers en utilisant un rectangle arrondi (appliquez un trait, puis développez). Ajoutez ensuite une forme composée d’un rectangle arrondi et régulier, combinée dans le Éclaireur panneau, ainsi que quelques rectangles.
Unir le contour de l'objet, puis utilisez Objet> Chemin composé> Marque (Contrôle-8).
Colore le presse-papiers avec # EDB264
et placez-le dans un hexagone gris.
Tracez une croix (comme à l'étape 13) et appliquez une Gradient linéaire de # E2E3E4
à #FFFFFF
.
Colore un nouvel hexagone avec un Gradient linéaire de # BB7110
à # E4B14B
. Utiliser un -60,5 ° angle et place la croix à l'intérieur.
Utilisez les icônes que nous avons faites pour assembler la première partie d'une bannière!
Dessine une forme d'onde. Appliquer un Accident vasculaire cérébral à cela, puis Développer et créer deux copies: une plus grande et plus large, une plus petite.
Coloriez la version plus large avec # 992617
et le plus étroit avec # 1E5451
.
Réglez les deux à Écran dans le Transparence panneau.
Créez une grille en utilisant le Outil de grille rectangulaire avec un Largeur de 640 px, la taille de 200 px, et avec 9 Horizontal et 31 diviseurs verticaux.
Développer la grille, puis en faire un Chemin composé avec Objet> Chemin composé> Marque (Contrôle-8).
Utiliser un Gradient linéaire du blanc au # 414128
. Réglez-le sur Écran avec 40% d'opacité.
Commencez à dessiner un simple fond de maillage pour la bannière.
Prendre un 640 x 200 px rectangle, rempli de # B4BEC0
, et avec le Outil de maillage (U) positionnez quelques nœuds de maillage comme illustré ci-dessous.
Sélectionnez quelques nœuds centraux en les coloriant avec # F8F9F9
, puis continuez en coloriant les nœuds supérieurs droit avec # F1F3F4
. Terminez en ajoutant quelques bords sombres avec # 839395
.
Suivez la capture d'écran pour voir les nœuds à colorier.
Dessinez une nouvelle forme de maillage en utilisant ces couleurs:
# 000000
#FDFDFD
# 8E8E8E
Définissez le résultat sur Écran.
Ajouter une copie de la courbe de maillage et réduire sa Opacité à 60%. le Mode de fusion devrait être laissé à Écran.
Organiser les formes dans un 640 x 200 px contour, puis sélectionnez tout et utiliser Faire masque d'écrêtage après clic droit.
Placez la grille, les formes d'onde et les courbes sur le rectangle du maillage, puis ajoutez les icônes en haut..
Créer une autre ombre de mélange sur # 333333
et # F9F9F9
rectangles arrondis.
Rendre la forme blanche transparente, puis aller à Objet> Mélange> Marque (en utilisant des étapes spécifiées, 30).
Définissez l'ombre sur Multiplier.
Placez l'ombre sous la bannière médicale.
Commencez à dessiner une icône d'un médecin.
Surgir une partie de l’ellipse, puis découpez une croix dans un trapèze avec Minus Front.
Créer le corps du docteur avec Surgir et Minus Back.
Sélectionnez toutes les pièces et créez un Chemin composé hors d'eux. Appliquer un Gradient linéaire de # E2E3E4
à #FFFFFF
.
Ajouter une ombre de mélange sur # 352F2A
et #FFFFFF
objets.
Remplir un cercle avec un Gradient linéaire de # A92D1D
à # D7775F
, puis ajoutez l'icône du docteur à l'intérieur et ajoutez une ombre.
Dessine un # B2CECD
coeur et placez-le dans un cercle rempli d'un Gradient linéaire de # E2E3E4
à #FFFFFF
.
Ajouter un cyan, # 1E9CA8
à # 60C2D6
dégradé en un cercle, puis placez l’icône de cœur que nous avions précédemment créée.
Assemblez les icônes dans un groupe.
Toute icône manquante peut être simplement assemblée à partir d’éléments déjà créés (en les recolorant éventuellement dans d’autres couleurs unies)..
Dessine une autre bannière en maille. Vous aurez besoin de ces couleurs:
# EEF1F3
# 7E8C8F
# D8DEDF
Ajouter la grille de la première section, puis les icônes.
Pour la troisième et dernière bannière, prenez une copie de la fiole de plus tôt et changez sa Pente à # A92D1D
- # D7775F
. Placez-le dans un hexagone gris.
De même, recolorer le presse-papiers avec un Gradient linéaire de # E2E3E4
à #FFFFFF
.
Utilisez un hexagone orange.
Assembler un groupe d'icônes.
Dessine une nouvelle bannière avec du mesh.
# DDE1E2
# 849295
#FCFCFC
Placez les icônes sur la bannière, puis ajoutez quelques polygones transparents à l’arrière-plan (30% d'opacité).
Ajouter des formes d'onde.
Le premier doit être rempli avec un Gradient linéaire du blanc au # 414128
et mis à Dodge couleur avec 60% d'opacité.
La forme d'onde au bas de la bannière doit être remplie avec # 2B474C
et mis à Recouvrir.
Bon travail! La seule chose qui reste à faire est de mettre toutes les bannières ensemble.
Et maintenant? Vous pouvez essayer n'importe lequel de mes autres tutoriels de mon profil ou consulter mon portfolio sur GraphicRiver, ainsi que le vecteur original que nous avons recréé dans ce tutoriel..
J'espère que vous avez apprécié le tutoriel, et je serais très heureux de voir les résultats dans les commentaires ci-dessous.
Trois bannières médicales avec des icônes