|
Vous pouvez faire vos propres icônes sur le Web pour un site Web avec Adobe Illustrator. Utilisation du Pathfinder de combiner deux objets vous permet de créer des formes plus intéressantes à l'oeil d'un cercle ou un rectangle simple . Ce tutoriel utilise un rectangle et le cercle, mais vous pouvez utiliser les mêmes étapes avec différentes formes pour créer votre propre icône. Lorsque vous effectuez plusieurs icônes de la même page , utiliser la même forme ou la même couleur pour garder une certaine cohésion à la page. Instructions
1 Ouvrez Adobe Illustrator et créez un nouveau document Web . Taille du document à la taille de vos icônes, telles que 100 par 100 pixels.
2 Sélectionnez l'outil " Rectangle arrondi " à partir de la boîte à outils . Faire glisser l'outil dans le document , la création d' un rectangle qui est de niveau avec les environ 15 pixels du haut et à droite de la fenêtre du document , et à l'intérieur des frontières d'un document sur le fond et à gauche. C'est pour faire place à l'ombre de l'icône.
3 Double- cliquez sur le sélecteur de couleur et sélectionnez une couleur pour votre icône.
4 Sélectionnez l' " Outil Ellipse " pour créer un cercle qui va couvrir le coin inférieur gauche du rectangle . Pour ce faire, placer l'outil dans le centre du rectangle . Maintenez enfoncée la touche "Shift" tout en faisant glisser l'outil en diagonale passé le coin inférieur droit du rectangle jusqu'à ce que le guide " Center" de l'ellipse est sur le coin du rectangle.
5 Cliquez sur le " panneau Pathfinder " . Si elle n'est pas visible, cliquez sur le menu "Fenêtre" , et sélectionnez " Pathfinder ". Appuyez sur "Ctrl -A" pour sélectionner les deux objets. Cliquez sur le bouton «Front Minus " dans le panneau Pathfinder. Le cercle disparaît, laissant une " morsure " en forme de cercle dans le rectangle.
6 Cliquez sur le menu "Effet" , sélectionnez " Esthétiques " et cliquez sur " Ombre portée ". Réglez l'opacité à " 75 " X Offset à "-3 px ," Y Offset à " 7 px " et le flou à 5 " px ". Cliquez sur la case "Aperçu" pour assurer l'ombre ne tombe pas à l'extérieur de la bordure du document . Vous pouvez régler l'ombre , ou diminuer la taille de la boîte , si c'est le cas.
7 Cliquez sur l'outil " Type" dans la boîte à outils et faites glisser le curseur sur le rectangle pour créer une zone de texte . Tapez le texte que vous voulez pour l'icône. Appuyez sur " Ctrl -A" pour mettre en évidence l'ensemble du texte . Changez la police, la taille et la couleur comme vous le souhaitez à partir de la barre d'options . Centrez le texte en cliquant sur le bouton paragraphe " Center". Sinon, vous pouvez placer une image sur l'icône plutôt que d'utiliser texte.
8 Cliquez sur le menu "Fichier" et sélectionner "Enregistrer pour le Web et les périphériques . " Changer le format «PNG - 24" et vérifiez que la case «Transparence» est cochée pour garder le fond transparent, puis cliquez sur "Enregistrer".
9 Supprimez le texte ou l'image de l'icône et utiliser le contexte pour créer des icônes supplémentaires.
|
