|
Adobe Illustrator est un programme de dessin vectoriel avec un large éventail de fonctionnalités pour l'exportation d'images . Une fonction très utile est la possibilité de couper les images , puis exporter les images et un fichier HTML avec le code CSS qui assemble les images découpées de retour ensemble. Cette fonction est utile lorsque la création de modèles riches en images pour le Web , les utilisateurs ayant une connexion Internet limitée ( utilisateurs dial-up , les utilisateurs de réseaux mobiles , etc ) peuvent charger et afficher une série de petites images où une grande image peut expirer . Les images séparées peuvent également être liés à différentes pages Web. Instructions
1 Lancement Adobe Illustrator puis cliquez sur «Fichier» et «Ouvrir».
2 Cliquez sur pour sélectionner un fichier Adobe Illustrator ( . " AI" ), puis Cliquez sur "Ouvrir ".
3 Cliquez sur pour sélectionner l'outil « Slice » de la barre d'outils , si l'image n'a pas encore été tranché. Cliquez et faites glisser l'outil de coupe pour séparer l'image en plusieurs morceaux rectangulaires , selon les besoins .
4 Cliquez sur le menu «Fichier» puis cliquez sur «Enregistrer pour le Web et les périphériques. "
< Br > 5 Cliquez sur l'onglet " Calques " sur le côté droit de l' "Enregistrer pour le Web et les périphériques " fenêtre.
6 Cliquez pour placer une coche dans la "Exporter en tant que calques CSS " boîte .
7 Cliquez sur pour sélectionner un calque dans le menu déroulant , puis cliquez sur pour sélectionner "Visible ", " caché" ou " Do Not Export " pour la couche . Ceci détermine la façon dont chaque couche est affichée sur la page Web en utilisant le code CSS généré.
8 Répétez l'étape 7 pour chaque couche.
9 Cliquez pour placer un chèque le " Preview Seulement sélectionné couche " case pour voir le calque sélectionné dans le menu déroulant de la fenêtre de prévisualisation principal .
10 Cliquez sur le bouton «Enregistrer» . Cliquez sur pour sélectionner " HTML et images (*. Html) " dans le " Save as type" menu déroulant . Tapez un nom de fichier et sélectionnez un emplacement de sauvegarde .
11 Cliquez sur le bouton «Enregistrer» pour générer un document HTML et le dossier "Images" à l'emplacement de sauvegarde . Le document HTML contenant le code CSS généré et le dossier « Images » contient le fichier image en tranches (s) .
|
