Het maken van uw eigen website begint altijd met de ontwikkeling van een schets en toekomstig ontwerp, en een integraal onderdeel van deze ontwikkeling is de visualisatie van het site-ontwerp in Photoshop en het opknippen van het voltooide ontwerp in blokken voor latere lay-out. De mogelijkheid om een afbeelding van het site-ontwerp correct te knippen, heeft rechtstreeks invloed op het verdere succes van de lay-out en de juiste plaatsing van grafische bestanden op de server.
instructies:
Stap 1
Open de gemaakte ontwerplay-out in Photoshop, wat een solide afbeelding is van de gewenste resolutie. Selecteer in de werkbalk in Photoshop het gereedschap Segment. Schakel tijdelijk de zichtbaarheid van alle tekstlagen, invoervelden, pictogrammen en soortgelijke elementen uit.
Stap 2
Teken met het gekozen gereedschap de hulplijnen waarlangs u de site snijdt - deze lijnen op de afbeelding zullen groen zijn. Verdeel de eendelige lay-out zorgvuldig in structurele elementen van de gewenste grootte en hoeveelheid.
Stap 3
Bedenk hoe u de afbeelding gaat knippen - er mogen niet te veel afzonderlijke elementen in zitten. Om hulplijnen te maken, plaatst u de cursor op de bovenste liniaal over de afbeelding, klikt u met de linkermuisknop en sleept u de hulplijn omlaag. Laat de muisknop los.
Stap 4
Nadat alle hulplijnen zijn ingesteld (zowel verticaal als horizontaal), gaat u verder met het snijden van de lay-out.
Stap 5
Gebruik het hierboven geselecteerde snijgereedschap om de lay-out uit te snijden door met de linkermuisknop op het begin van elke richtlijn te klikken en het verschenen veld uit te rekken tot de grootte van het gewenste object dat u wilt knippen. Laat de linkermuisknop los zodat een serienummer in de linkerhoek van het geknipte fragment verschijnt.
Stap 6
Pas de randen van de fragmenten aan door ze handmatig uit te rekken. Om de gesegmenteerde delen van de algemene afbeelding op te slaan, klikt u op de optie "Opslaan voor webpagina's" in het menu Bestand en selecteert u het JPEG-formaat. Selecteer in het opslagvenster "Alle fragmenten".
Stap 7
Nadat u de uitgesneden afbeeldingsfragmenten afzonderlijk hebt opgeslagen, slaat u alle visuele elementen van het paginaontwerp op - tekstblokken, knoppen, lijnen, enzovoort.
