När du skapar en webbplats är scenen för rendering av siddesignen mycket viktig, som sedan kommer att sättas upp och publiceras i nätverket. I den här artikeln lär du dig hur du använder Adobe Photoshop för att rita en kompetent layout för en webbplats, på basis av vilken du senare kan skapa mer komplexa layouter.
Det är nödvändigt
Adobe Photoshop-program
Instruktioner
Steg 1
Skapa en ny fil i Photoshop (Ctrl + N) med måtten 1040x1400, där 1400 är höjden. Slå på visningen av linjaler (Ctrl + R) och ställ in pixlar som måttenheter i linjalinställningarna.
Steg 2
Börja sträcka guiderna så att de passar ramarna för layoutrutorna. Sträck sidokanterna så att 40 pixlar lämnas till kanterna. De övre och nedre gränserna bör också lämna 40 pixlar på varje sida mot bakgrunden.
Steg 3
Välj sedan en guide som är 200 pixlar nere från toppen av bakgrunden för topprubriken.
Steg 4
För att skapa sidofältet till vänster och höger om layouten, ställ in guiderna 240 pixlar från bakgrundsramen till vänster och 800 till höger.
Steg 5
5 pixlar inåt från vänster och höger sidofält och rita ytterligare två vertikala styrningar. Dra sedan ytterligare två guider 245 px till vänster och 795 px till höger.
Steg 6
Mät nu från gränsen till rubriken 30px och rita en horisontell guide för den horisontella menyn.
Steg 7
Välj det smala området på den horisontella menyn som du just markerat med ett rektangulärt val med M-tangenten. Välj påfyllningsverktyget och fyll området med en neutral ljusgrå färg.
Steg 8
Välj påfyllningsverktyget och fyll området med en neutral ljusgrå färg. Klicka på menyn "Välj-modifiera-komprimera", ange ett alternativ för 1 pixel och klicka på "OK". Fyll området med en ljusare grå nyans - du får en menyram.
Steg 9
Skapa ett nytt lager och välj en lämplig bild för webbplatsikonen eller logotypen och öppna den sedan.
Steg 10
Sätt in en bild i ett nytt lager i rubriken och placera den på vänster kant. Till höger om bilden, skriv textens titel på webbplatsen med valfritt teckensnitt.
Steg 11
Designa dina webbplatsblock i samma färgschema som den nyskapade rubriken. Välj området till vänster i sidofältet och utför samma tvåfärgade fyllningsoperationer på det som med menyblocket.
Steg 12
Gör detsamma med det centrala innehållsblocket. Kopiera det vänstra sidofältet och placera det som det högra sidofältet.
Steg 13
Lägg till text i din layout - välj ett neutralt teckensnitt och fyll i avsnittet om menytitlar, nyheter, foton, taggar och länkar.
Steg 14
Avsluta layouten genom att skapa en "sidfot" eller sidfot - skriv ner dina upphovsrätt och dina kontakter där.
