Comment créer des boutons web avec illustrateur

Utilisez du papier et un crayon pour concevoir des idées et de planifier les boutons sur le Web. Prenez le temps de comprendre ce qui devront être utilisés et si les boutons de rechange devront être faits pour une image de survol des boutons. Choisissez les polices, les couleurs et les textures qui fonctionneront avec la conception du site.

Ouvrez Adobe Illustrator et créer un nouveau document. Réglez l`unité de mesure en pixels. La taille dépendra des besoins et les limites de la conception du site. Réglez le mode de couleur à la couleur RGB pour garantir la précision des couleurs.

Créer le texte pour les boutons en utilisant des lettres noires et un fond blanc. Ajuster la police, la taille, le poids et l`espacement jusqu`à ce que le texte est esthétiquement agréable et clair à lire. Concevoir le texte en noir et blanc permet de clarté typographique.

Ajoutez de la couleur à la conception de bouton Web. Pour un site existant, choisir des couleurs appropriée audacieuses et frappantes de la régime existant de couleur du site. Si les boutons ne sont pas pour un site existant, sélectionnez un jeu de couleurs populaires ou en créer un nouveau. Des variations subtiles de couleur va créer un intérêt visuel.

Créer une forme distinctive pour les boutons de sorte que le site web de navigation est simple et directe. Arrondir un, deux ou quatre coins d`un rectangle est une méthode populaire de la création de boutons sur le Web.

Créer des couleurs alternatives et des éléments de conception pour des boutons de renversement. Un bouton de substitution est de deux images qui échangent lorsque l`utilisateur place son curseur sur le bouton. Rollovers sont souvent utilisés pour l`indication d`une page active ou lien dans une conception de sites Web. renversements simples, tels que le texte changeant de couleur, sont efficaces.

Ajoutez de la texture aux boutons. La texture est une méthode populaire d`ajouter un intérêt visuel à un site Web. Faire une texture personnalisée à l`aide d`un scanner ou un appareil photo numérique.

Ajouter des ombres portées, des hachures, des dégradés et d`autres touches de finition aux boutons sur le Web.

Créez un nouveau calque pour chaque nouveau bouton pour simplifier le processus d`exportation. Nom couches pour différencier des éléments similaires.

Exporter les boutons en cliquant "Fichier," "Exportation" et l`enregistrement dans le dossier Images du site. Enregistrer touches qui utilisent la transparence portable network graphics, ou .jpg. Enregistrer des boutons avec des quantités élevées de détail que .jpeg et tous les autres comme .jpg.

Ajouter les boutons à votre site via le téléchargement et le codage. Test pour assurer que le travail de liens avant de lancer le site public.