Slik lager du et profesjonelt tidsskriftslayout

Noen ganger hver måned besøker vi noen av leserens favorittinnlegg fra hele historien til Vectortuts +. Denne opplæringen av Otto Coster ble først publisert 4. august 2010.

Har du noen gang lurt på hvordan profesjonelle designere får den perfekte balansen mellom tekst og bilde? Ved hjelp av InDesigns kraftige typeverktøy lærer du teknikker for å hjelpe deg med å sette og arrangere et magasinoppsett.

Leter du etter en rask løsning?

Hvis du er ute etter en rask løsning, er det en flott samling av magasinoppsett på Envato Elements. Med et stort utvalg av layouter og flere designmidler tilgjengelig for nedlasting for en enkelt, rimelig månedlig avgift, er det en fin måte å raskt komme i gang med prosjektet ditt. Her er noen av våre favoritter!

1. Fashion Magazine

2. Minimal Magazine

3. Arkitektur Magazine

4.яLemo Magazine

5.яElegant Magazine

Trinn 1: Sette opp dokumentet

Vi bruker et standard A4-dokument for denne opplæringen. Begynn med å sette antall sider til 8, bløyden til 2 mm, slik at vi har litt plass til bilder å overlappe, kantene til 10 mm for topp og bunn, innsiden marginen til 13 mm og utsiden margin til 20 mm. Årsaken til disse forskjellige margene er at i en spredning med 2 sider ser en litt større margin på utsiden av siden bedre ut og gir plass til å holde den trykte versjonen. Det er også nyttig for sidestøtten i neste trinn.


Trinn 2: Opprette et rutenett

For å konfigurere sidestøtten, gå til "A-master spread" og velg Layout> Create Guides. Et rutenett brukes til å holde konsistens i sidelayout og gir et rammeverk for posisjonering av innhold. Et godt brukt rutenett er det første du trenger for å gi layoutet ditt et profesjonelt utseende. For denne opplæringen skal vi bruke 12 rader med 12 kolonner med 3 mm mellomrom. Velg Fit Guides to Margins for å lage et rutenett med en kolonnebredde på 12 mm.

Hvorfor? Sidens bredde er 210 mm, med 20 mm utvendig og 13 mm innermargin har vi 177 mm igjen for 12 kolonner og 11 takrenner. 12 kolonner på 12 mm og 11 gutters på 3 mm er 177 mm.


Trinn 3: Plasser en bakgrunn

Når du lager et magasinlayout, vil du ha en god balanse mellom det hvite rommet, bildene og teksten. En god teknikk er å bruke et bilde med mye "tomt" mellomrom, plass rundt faget har samme funksjon som hvitt mellomrom. Jeg bruker et bilde kalt, Summertime Sunshine av Stewart, det har en fin sløret bakgrunn som vi kan plassere teksten vår på.

Gå til side 2-3 og legg bildet ditt i blødningsområdet slik at hele spredningen er dekket. Flytt fotografiet i rammen slik at motivet ligger innenfor marginen på første side og toppen av cocktailen ligger på kanten av en rutenett.


Trinn 4: Opprette Kroppstekst

Lag en tekstramme som er plassert i samme vertikale og horisontale posisjon som cocktail på den andre siden, her i tredje rad, femte kolonne på rutenettet. Dette skaper en imaginær linje som forbinder bildet med teksten. Jeg har brukt tittelen på bildet, 'Summertime Sunshine' som overskriften og fylt resten av rammen med funksjonen "Fyll med plassholdertekst" i InDesign.


Trinn 5: Sette opp et grunnlinje

For å få vår tekst til å se bra ut, må vi sette opp et grunnlinje. Gå til Innstillinger> Grids og sett en økning på 8 pt. I denne opplæringen bruker vi en tekststørrelse på 12 poeng og en leder på 16 poeng. Et grunnlinje på 8 pt, som er halv ledende, gir fleksibilitet fordi vi også kan bruke den til mindre tekststørrelser.


Trinn 6: Endre den grunnleggende avsnittstilen

Gå til stykkeformatpaletten og endre stilen til den grunnleggende paragrafen. Jeg har brukt FF Meta Book Roman med en størrelse på 12 pt og en ledende på 16 pt. Du kan også forlate ledelsen ved automatisk innstilling fordi vårt grunnlinje sørger for at teksten er pent justert.


Trinn 7: Justering

Gå til Indents and Spacing og sett justeringen til venstrejustering. På nettet er det godt umulig å oppnå god, rettferdig tekst, men InDesign gjør det veldig enkelt å gjøre. Endre også innstillingen Juster til grid til Alle linjer, og legg til 16 pkt. Plass etter et avsnitt. Dette er ikke nødvendig, og du kan også bruke første linjeindrykk for å separere avsnittene.


Trinn 8: Nedbrytning

Nedfelling er svært viktig for begrunnet tekst. Det bryter opp lange ord på slutten av en kolonne slik at kolonnen har en rett kant i stedet for å inneholde en stor mengde hull. Standardorddelingsinnstillingene i InDesign trenger litt justering for å forbedre utseendet til kroppsteksten vår. Jeg endrer innstillingene for å bruke orddeling bare for ord med minst 6 bokstaver, og etter de første og før de tre siste bokstavene. Linjegrensen angir hvor mange linjer på rad som kan ha en bindestrek på slutten. Jeg tror 3 er altfor mange og maksimum 1 ser mye bedre ut. Videre bør du deaktivere avkrysningsruten for aktiverte ord og siste ord.


Trinn 9: Begrunnelse

Som standard er begrunnelsesinnstillingene litt å tape. Sett ordavstanden til minst 85% og maksimum til 105%. På denne måten har ordene ikke store eller små hull mellom dem. For brevavstand, sett minimum til -2% og maksimum til 2%. Dette forbedrer begrunnelsen mye. Du kan også eksperimentere med glyph skalering hvis nødvendig.


Trinn 10: Tekstfarge

Jeg bruker hvit som fargen for teksten på grunn av den mørke bakgrunnen. Velg hva som ser best ut, men hold teksten lesbar.


Trinn 11: Tekstkolonner

Åpne tekstrammealternativene med høyreklikk på tekstrammen og bytt kolonnene til et antall 2 med en 3 mm renner. På denne måten blir linjelengden redusert og lesbarheten øker.


Trinn 12: Overskrift

For overskriften ønsker vi å bruke en større tekststørrelse på 42 pt og en negativ sporingsverdi på -50 for å redusere avstanden mellom bokstavene. Overskrifter kan ofte ha nytte av sporingsjustering.


Trinn 13: Spenne kolonner

En ny funksjon i InDesign CS5 er muligheten for at et avsnitt spenner over kolonner. Vi skal bruke det her for å gjøre overskriften spredt over begge kolonnene i tekstrammen. Angi avsnittet Layout til Span kolonner og span til alle.


Trinn 14: Justering av overskrift

På grunn av sporingsjusteringen berører bokstavene "r" og "t" hverandre nå. Dette er noe du vil unngå generelt. For å løse dette har jeg satt til 75 mellom bokstavene som skaper nok plass til å skille dem fra.


Trinn 15: Justering av optisk margen

Det siste du vil gjøre er en liten innstilling i InDesigns Story-palett: Optisk margenjustering. Dette skyver bindestrek, anførselstegn og brede tegn som W og A utenfor tekstrammen. Dette øker kantenes utseende. Klikk på tekstrammen, aktiver Optisk marginaljustering og sett verdien til størrelsen på kroppsteksten.


Konklusjon

Du har nå opprettet en enkel, men velbalansert side med god typografi og bruk av hvitt rom. Du har grunnleggende oppsett for et konsistent magasinoppsett.