Ako exportovať CSS kódovanie Od Illustrator

Adobe Illustrator je grafický program vektor so širokou škálou funkcií pre export snímok . Jedným užitočným rysom je schopnosť krájať obrázky a exportovať obrázky a súbor HTML s CSS kódom , ktorý zostavuje obrazov rozdelených na rezy znovu dohromady . To je užitočné pri vytváraní image - intenzívny rozloženie pre web , pretože používatelia s obmedzenou pripojenie k internetu ( dial - up užívateľov , užívateľov mobilných sietí , apod ) , môžete načítať a zobraziť sériu menších snímok , kde sa môže jeden veľký disk Time out . Jednotlivé snímky môžu byť tiež spojené s rôznych webových stránkach . Pokyny dovolená 1

Spustite Adobe Illustrator a kliknite na tlačidlo " Súbor " a " Otvoriť " .
2

Klepnutím vyberte Adobe Illustrator ( " . AI " ) súbor a potom kliknite na tlačidlo " Otvoriť " .
3

Kliknutím vyberte funkcie " rez " z panela nástrojov , ak je obraz už nebol plátky . Kliknite a presuňte nástroj rezu rozdeliť obraz do niekoľkých obdĺžnikových kúskov , ako je potreba .
4

Kliknite na menu " Súbor " a potom kliknite na tlačidlo " Uložiť pre web a zariadenia . "

5

Kliknite na " Vrstvy " kartu na pravej strane okna " Uložiť pre web a zariadenia " .
6

Kliknutím zaškrtnite v " Exportovať ako CSS Vrstvy " box .
7

Kliknutím vyberte vrstvu z rozbaľovacej ponuky a kliknite na tlačidlo vyberte " Visible " , " Hidden " alebo " Do Not Export" pre vrstvu . To určuje , ako je každá vrstva zobrazená na webovej stránke pomocou vygenerovaného kódu CSS .
8

Opakujte krok 7 pre každú vrstvu .
9

Kliknutím umiestnite kontrolu v "Preview len vybrané vrstvy " box vidieť vrstvy vybrané v rozbaľovacej ponuke v hlavnom table náhľadu .
10

Kliknite na tlačidlo " Uložiť " . Kliknutím vyberte " HTML a obrázkov ( * . Html ) " z " Uložiť ako typ " drop - down menu . Zadajte názov súboru a vyberte miesto uloženia .
11.

Kliknite na tlačidlo " Uložiť " pre generovanie HTML dokumentu a " Obrázky " zložku na úsporu miesta . HTML dokument obsahuje vygenerovaný kód CSS a " Obrázky " zložka obsahuje Plátky obrazový súbor ( y ) .

• Predchádzajúca strana: Ako odstrániť textúry v Illustratoru 
• Ďalšia strana: Ako vytvoriť vektorový obrázok Z JPG v Illustratoru