Ako navrhnúť webové stránky v aplikácii Illustrator

Adobe Illustrator je vektorová grafika , ilustrácie program , ktorý umožňuje vytvárať vektorové obrázky a tvary s rôznymi nástrojmi a grafických filtrov . Použite Illustrator navrhnúť vzhľad a vzhľad svojich webových stránok , a potom exportovať snímky z aplikácie Illustrator do webovej stránky stavebné program . Veci , ktoré budete potrebovať
Adobe Illustrator
Zobraziť ďalšie inštrukcie Cestuj 1

Vytvoriť nový dokument v programe Adobe Illustrator . Nastavte šírku na 960 pixelov a nastavenia " Color Mode " na " RGB " . Dajte dokumentu názov a kliknite na " OK " .
2

vytvoriť základné rozvrhnutie , použite nástroj obdĺžnik . Nakreslite sivé obdĺžniky vnútri čiernej " kresliace " hranica odpovedať na grafické a textové prvky , ktoré chcete zahrnúť do svojej webovej stránky . Upravte rozvrhnutie , kým nebudete spokojní , a uložte svoju prácu .
3

Vytvorte vodiace čiary okolo šedých škatúľ . Ak chcete vytvoriť vodiacu čiaru , kliknite na vodorovných alebo zvislých pravítok na okrajoch obrazovky a ťahaním myši na pracovnú plochu . Uvoľnite tlačidlo myši nastavte vodidlo . Môžete znovu nastaviť vodítka kliknutím a pretiahnutím pomocou myši
4

Vymazanie šedej krabice , . Budete odišiel s prázdnou priestoru načrtol niekoľko sprievodcov
5.

Vytvorte grafické prvky webovej stránky , ako sú logá , ikony a textové makety pomocou palety nástrojov Adobe Illustrator . Pri uvádzaní svojej grafické prvky na webovej stránke použite vodiace čiary . Akonáhle ste dokončili vytváranie vizuálny vzhľad svojich webových stránok , uložte svoju prácu .
6

zvoľte " sprievodcovi " z menu " View " a kliknite na " Vymazať Guides " vymazať všetky stopy na vašom obrazovke . Budete musieť vytvoriť nové vodítka zachrániť jednotlivé prvky svojho mock - up pre použitie na webe .
7

Vyberte si časť vašej webovej stránky mock - up , ako je napríklad navigačné menu alebo grafiku ikony a presuňte na novú sadu sprievodcov na celom tomto úseku tak , že každý jednotlivý prvok sekcia je zapuzdrený v krabici .
8

zvoľte " rez " z menu " Object " a kliknite na " vytvorte z vodítka . " Čísla sa objaví v poliach , ktoré ste vytvorili , tieto boxy sú grafické " plátky " , ktoré môžu byť uložené ako jednotlivé obrázky pre použitie na webových stránkach . Zvoľte " Uložiť pre web a zariadenia " z menu " Súbor " sa otvorí nové dialógové okno .
9

Kliknite na " Slice Select Tool " na " Uložiť pre web a zariadenia " okno . Vyberte rezy , ktoré chcete exportovať kliknutím na ne v okne prehliadača . Nastavte " Typ súboru " na " JPEG " a kliknite na tlačidlo " Uložiť " uložte plátky ako jednotlivé obrazy .
10

Opakujte kroky 6 až 9 pre vytvorenie individuálne predstavy o všetkých grafických prvkov na web strana . Akonáhle budete mať grafické prvky uložené , importovať ich do webovej stránky navrhovaní programu , ako je napríklad Adobe Dreamweaver .

• Predchádzajúca strana: Ako používať Illustrator si vyrobiť Logo 
• Ďalšia strana: Illustrator zdvih Tutorial