Hvordan virker "Guides"?
Find ud af hvordan du centrerer dit indhold i dit design via. "Guides"
#1
I denne tutorial vil jeg komme ind på hvordan man bruger "Guides" og hvad man bruger det til.
Første ting vi skal gøre er, at oprette et nyt dokument. Tryk CTRL+N og derefter gå op og tryk på Preset. Dette betyder blot, at det er nogle mål som photoshop har lavet i forvejen, hvis man f.eks skal lave en hjemmeside eller noget andet.
Derefter vælger du "Web" og tager størrelsen 1024x768 under Size som står lige nedeunder Preset.
Første ting vi skal gøre er, at oprette et nyt dokument. Tryk CTRL+N og derefter gå op og tryk på Preset. Dette betyder blot, at det er nogle mål som photoshop har lavet i forvejen, hvis man f.eks skal lave en hjemmeside eller noget andet.
Derefter vælger du "Web" og tager størrelsen 1024x768 under Size som står lige nedeunder Preset.
(klik for zoom)
#1
#2
Nu har vi fået oprettet et tomt dokument med en hvid baggrund.
Det næste vi gør er, at gå op i View->New guide (Som vist på billedet)
Så kommer der en boks op hvor man bliver bedt om, at definerer om guiden skal være lodret eller vandret og hvilken position den skal have.
Det næste vi gør er, at gå op i View->New guide (Som vist på billedet)
Så kommer der en boks op hvor man bliver bedt om, at definerer om guiden skal være lodret eller vandret og hvilken position den skal have.
(klik for zoom)
#2
#3
Nu vælger du så og skrive 200px i postions feltet og ikke røre ved retningsboksen (om den skal være lodret eller vandret, da vi helst ser der kommer en lodret streg)
(klik for zoom)
#3
#4
Nu skulle du meget gerne få en lyseblå streg frem på dit dokument, som er placeret 200px fra venstre. (Som vist på billedet til højre)
Hvis det er lidt svært at se. Så skift baggrundsfarven ud med eksempelvis sort, som jeg har gjort det.
Hvis det er lidt svært at se. Så skift baggrundsfarven ud med eksempelvis sort, som jeg har gjort det.
(klik for zoom)
#4
#5
Hvis du også vil ha placeret en guide i modsatte side, som har præcis samme afstand som den guide i venstre side.
Så skal du blot gøre ligesom før, View->New Guide og derefter skrive 824px. Da 1024 (som er dokumentets bredde) bare bliver minusset med 200px, som så bliver til 824px
Resultatet vil blive, at der vil være to guides på din side.
Så skal du blot gøre ligesom før, View->New Guide og derefter skrive 824px. Da 1024 (som er dokumentets bredde) bare bliver minusset med 200px, som så bliver til 824px
Resultatet vil blive, at der vil være to guides på din side.
(klik for zoom)
#5
#6
Nu har du sådan set lavet dine breddemål for din side og du kan nu begynde, at lave en boks inde mellem dine to guides.
Fordelen ved at bruge guides:
Fordelen ved at bruge guides er, at man kan være sikker på, at layout kommer til at være i midten af siden.
Pga. man har sagt 200px fra venstre og 200px fra højre. Så hvis alt indhold er mellem de to streger, kan du være sikker på, at du ikke får en hjemmeside, som ser forkert ud. Rent positions mæssigt :)
VIGTIGT: Hvis du vil fjerne dine guides når du er færdig, så skal du blot trykke CTRL+H og ligeledes den anden vej.
Fordelen ved at bruge guides:
Fordelen ved at bruge guides er, at man kan være sikker på, at layout kommer til at være i midten af siden.
Pga. man har sagt 200px fra venstre og 200px fra højre. Så hvis alt indhold er mellem de to streger, kan du være sikker på, at du ikke får en hjemmeside, som ser forkert ud. Rent positions mæssigt :)
VIGTIGT: Hvis du vil fjerne dine guides når du er færdig, så skal du blot trykke CTRL+H og ligeledes den anden vej.
(klik for zoom)
#6