Att skapa din egen webbplats börjar alltid med att utveckla en skiss och framtida design, och en integrerad del av denna utveckling är visualiseringen av webbdesignen i Photoshop och att klippa den färdiga designen i block för efterföljande layout. Möjligheten att korrekt klippa en bild av webbdesignen påverkar direkt layoutens framgång och rätt placering av grafiska filer på servern.
Instruktioner
Steg 1
Öppna den skapade designlayouten i Photoshop, som är en solid bild av önskad upplösning. Välj verktygsfältet i Photoshop. Stäng tillfälligt av synligheten för alla textlager, inmatningsfält, ikoner och liknande element.
Steg 2
Rita med det valda verktyget riktlinjerna längs vilken du kommer att klippa platsen - dessa linjer på bilden blir gröna. Dela upp layouten i ett stycke i strukturella element av önskad storlek och kvantitet.
Steg 3
Tänk på hur du kommer att klippa bilden - det bör inte vara för många enskilda element i den. För att skapa riktlinjer, placera markören på den övre linjalen över bilden, vänsterklicka och dra ner guiden. Släpp musknappen.
Steg 4
När alla guider är inställda (både vertikala och horisontella), fortsätt med att skära upp layouten.
Steg 5
Använd skärverktyget som valts ovan, klipp upp layouten genom att vänsterklicka på början av varje riktlinje och sträcka det visade fältet till storleken på det önskade objektet som du vill klippa. Släpp vänster musknapp så att ett serienummer visas i det klippta fragmentets vänstra hörn.
Steg 6
Justera fragmentens kanter genom att sträcka dem manuellt. För att spara de skivade delarna av den totala bilden, klicka på alternativet "Spara för webbsidor" på Arkiv-menyn och välj JPEG-format. Välj "Alla fragment" i spara fönstret.
Steg 7
När du har sparat de utklippta bildfragmenten separat sparar du alla de visuella elementen i siddesignen - textblock, knappar, rader och så vidare.
