Lancez Adobe Illustrator et puis cliquez sur "Fichier" et "Ouvrir".
Cliquez sur pour sélectionner un Adobe Illustrator (".AI") Fichier puis cliquez sur «Ouvrir».
Cliquez sur pour sélectionner l'outil "tranche" 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, au besoin.
Cliquez sur le menu "Fichier" puis cliquez sur "Enregistrer pour le Web Appareils."
Cliquez sur l'onglet "Calques" sur le côté droit de la "Enregistrer pour le Web Devices "fenêtre.
Cliquez pour placer une coche dans la "Exporter en tant que calques CSS" boîte.
Cliquez pour sélectionner une couche dans le menu déroulant, puis cliquez pour choisir "Visible", "Caché" ou "ne pas exporter" pour la couche. Cela détermine la façon dont chaque couche est affichée sur la page Web en utilisant le code CSS généré.
Répétez l'étape 7 pour chaque couche.
Cliquez pour placer une coche dans la case "Aperçu Seulement Sélectionné Layer" pour voir la couche sélectionnée dans le menu déroulant dans le volet de visualisation principale.
Cliquez sur le bouton "Enregistrer". Cliquez sur pour sélectionner "HTML et images (* .html)" dans le menu "Save as type" déroulante. Tapez un nom de fichier et sélectionnez un emplacement de sauvegarde.
Cliquez sur le bouton «Enregistrer» pour générer un document HTML et le dossier "Images" à l'emplacement de sauvegarde. Le document HTML contient le code CSS généré et le dossier «Images» contient le fichier image en tranches (s).