Comment créer une bannière médicale avec des icônes dans Adobe Illustrator

Ce que vous allez créer

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ônes

1. Comment créer la première bannière

Étape 1

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

Étape 2

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.

Étape 3

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

Étape 4

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

Étape 5

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.

Étape 6

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

Étape 7

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.

Étape 8

Remplissez le résultat avec un Gradient linéaire de # E2E3E4 à #FFFFFF.

Étape 9

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.

Étape 10

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.

Étape 11

Placez l’icône sur une copie de l’hexagone faite en Étape 3.

Étape 12

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.

Étape 13

Tracez une croix avec deux rectangles et le Unir une fonction.

Étape 14

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

Étape 15

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.

Étape 16

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.

Étape 17

Créez une copie de l'objet avec Réfléchir, et alors Unir les deux moitiés.

Étape 18

Colore le coeur avec un Gradient linéaire de # E2E3E4 à #FFFFFF, puis placez-le dans un hexagone cyan (voir l'étape 9).

Étape 19

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.

Étape 20

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.

Étape 21

Unir le contour et le contenu du flacon, puis appliquez un Gradient linéaire de # E2E3E4 à #FFFFFF.

Étape 22

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

Étape 23

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.

Étape 24

Remplir la goutte avec un Gradient linéaire de # E2E3E4 à #FFFFFF. Placez-le sur un hexagone cyan.

Étape 25

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

Étape 26

Colore le presse-papiers avec # EDB264 et placez-le dans un hexagone gris.

Étape 27

Tracez une croix (comme à l'étape 13) et appliquez une Gradient linéaire de # E2E3E4 à #FFFFFF.

Étape 28

Colore un nouvel hexagone avec un Gradient linéaire de # BB7110 à # E4B14B. Utiliser un -60,5 ° angle et place la croix à l'intérieur.

Étape 29

Utilisez les icônes que nous avons faites pour assembler la première partie d'une bannière!

Étape 30

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.

Étape 31

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.

Étape 32

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

Étape 33

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.

Étape 34

Dessinez une nouvelle forme de maillage en utilisant ces couleurs:

  1. # 000000
  2. #FDFDFD
  3. # 8E8E8E

Définissez le résultat sur Écran.

Étape 35

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.

Étape 36

Placez la grille, les formes d'onde et les courbes sur le rectangle du maillage, puis ajoutez les icônes en haut..

Étape 37

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.

Étape 38

Placez l'ombre sous la bannière médicale.

2. Comment créer deux bannières supplémentaires

Étape 1

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.

Étape 2

Créer le corps du docteur avec Surgir et Minus Back.

Étape 3

Sélectionnez toutes les pièces et créez un Chemin composé hors d'eux. Appliquer un Gradient linéaire de # E2E3E4 à #FFFFFF.

Étape 4

Ajouter une ombre de mélange sur # 352F2A et #FFFFFF objets.

Étape 5

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.

Étape 6

Dessine un # B2CECD coeur et placez-le dans un cercle rempli d'un Gradient linéaire de # E2E3E4 à #FFFFFF.

Étape 7

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.

Étape 8

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

Étape 9

Dessine une autre bannière en maille. Vous aurez besoin de ces couleurs:

  1. # EEF1F3
  2. # 7E8C8F
  3. # D8DEDF

Étape 10

Ajouter la grille de la première section, puis les icônes.

Étape 11

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.

Étape 12

De même, recolorer le presse-papiers avec un Gradient linéaire de # E2E3E4 à #FFFFFF.

Utilisez un hexagone orange.

Étape 13

Assembler un groupe d'icônes.

Étape 14

Dessine une nouvelle bannière avec du mesh.

  1. # DDE1E2
  2. # 849295
  3. #FCFCFC

Étape 15

Placez les icônes sur la bannière, puis ajoutez quelques polygones transparents à l’arrière-plan (30% d'opacité).

Étape 16

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.

Étape 17

Bon travail! La seule chose qui reste à faire est de mettre toutes les bannières ensemble.

Travail impressionnant, vous êtes maintenant fait!

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