Yshopnoosa.com

Hur man utformar webbplatser i Illustrator

Hur man utformar webbplatser i Illustrator

Adobe Illustrator är en vektor grafik illustrationsprogram som låter dig skapa vektorbilder och former med olika verktyg och grafiska filter. Använd Illustrator för att designa utseendet och utseendet på din webbplats och sedan exportera bilder från Illustrator till ett webbsida konstruktion.

Instruktioner

1 Skapa ett nytt dokument i Adobe Illustrator. Ange bredden för 960 bildpunkter och ange "färgläge" till "RGB." Ge dokumentet ett namn och klicka på "OK".

2 Använda rektangelverktyget för att skapa en grundläggande rumslayout. Rita grå rektanglar inuti svart "rityta" gränsen att motsvara till grafiska och textuella element som du vill inkludera i din webbsida. Justera din layout tills du är nöjd, och spara arbetet.

3 Skapa guide linjer runt din grå rutor. Att skapa en guide linje, klicka på de vågräta eller lodräta linjalerna i kanterna på skärmen och dra musen till arbetsområdet. Släpp musknappen för att ställa in guiden. Du kan justera guider genom att klicka och dra dem med musen.

4 Ta bort din grå lådor; du kommer att vara kvar med en tom arbetsyta beskrivs av flera guider.

5 Skapa de grafiska element på en webbsida, till exempel logotyper, ikoner och text modeller med hjälp av verktygspaletten Adobe Illustrator. Använda guide rader när du placerar din grafiska element på webbsidan. När du är klar det visuella utseendet på din webbplats, spara ditt arbete.

6 Välj "Guider" från menyn "Visa" och klicka på "Tydliga guider" att radera alla guider på skärmen. Du kommer att behöva skapa nya stödlinjer om du vill spara enskilda delar av din mock-up för användning på webben.

7 Välj en del av din webbplats mock-up, som navigering-menyn eller den grafiska ikonen, och dra en ny uppsättning guider runt detta avsnitt så att varje enskild del av avsnittet är inkapslad i en låda.

8 Välj "Slice" från menyn "Objekt" och klicka på "Skapa från stödlinjer." Siffror visas i rutorna du skapat; dessa lådor är grafiska "skivor" som kan sparas som enskilda bilder för användning i en webbsida. Välj "Spara för webben & enheter" från "Fil" menyn för att öppna ett nytt dialogfönster.

9 Klicka på "Välj segmentverktyget" i fönstret "Spara för webben & enheter". Markera de segment som du vill exportera genom att klicka på dem i visningsfönstret. Ange "Image" till "JPEG" och klicka "Spara" för att spara dina skivor som enskilda bilder.

10 Upprepa steg 6 till 9 för att skapa individuella bilder av alla grafiska element på webbsidan. När du har de grafiska element sparas, importera dem till en webbsida designprogram som Adobe Dreamweaver.

Tips & varningar

  • För att skapa skivor av enskilda delar av din webbsida design utan att använda guider, använda markeringsverktyget för att dra en ruta runt elementet och välj "Skiva" från menyn "Objekt" och klicka på "Skapa från markering."
  • Adobe Illustrator är ett grafiskt program och kan endast design visuella element av en webbplats. För att bygga en komplett webbplats, behöver du en webbplats byggande program som Adobe Dreamweaver.