Hvordan lage layouter for et moteblad i Adobe InDesign

Hva du skal skape

Åpne sidene til et hvilket som helst high-end magasin, og du kan finne noen virkelig fremragende designarbeid. Interiørlayoutene til motetitler kan være spesielt imponerende. Designere blir mer eksperimentelle med typografi, uregelmessige ruter og uvanlige bildevalg for å lage magasinoppsett som ser så nydelig ut som dekslene. 

I denne opplæringen lærer du hvordan du designer din egen tre-spredt layout for en magasinfunksjon ved hjelp av Adobe InDesign. Vi ser på hvordan du lager et nett, jobber med Masters for å skape visuell uniformitet på tvers av sidene, og hvordan du velger farger, bilder og skrifttyper for å lage en profesjonell standard design.

Vi tar deg gradvis gjennom prosessen, trinnvis, så denne opplæringen er egnet for nybegynnere til InDesign.

La oss komme i gang!

1. Lag ditt tidsskriftdokument og rutenett

Trinn 1

Åpne InDesign og velg Nytt dokument fra Velkommen vindu eller gå til Fil> Nytt> Dokument.

I Nytt dokument vindu, behold Intent som Skrive ut. Sett Antall sider til 6. Beholde Facing Pages sjekket.

Fra Sidestørrelse rullegardinmenyen velg Tilpasset… å åpne Tilpasset sidestørrelse vindu. Vi skal bruke de samme dimensjonene som vi gjorde for denne Magazine Cover-opplæringen, som bruker en vanlig amerikansk magasinets sidestørrelse. Dette er 8 3/8 tommer med 10 7/8 tommer, selv om vi skal jobbe i millimeter gjennom.

Type 'US Magazine' inn i tekstboksen øverst i vinduet og sett inn Bredde til 213 mm og Høyde til 276,5 mm (dette tilsvarer 8 3/8 inn med 10 7/8 in). Klikk Legg til og så OK.

Steg 2

Tilbake i Nytt dokument vindu, sett inn Topp bunn og Innsiden Marginer til 10 mm. Klikk på kjedeikonet til høyre for marginalverdiene for å bryte kjeden. Type 6 mm inn i det Utenfor margen verdi boks. Dette er slik at vi tillater litt mer plass på innsiden av siden, for å imøtekomme for binding.

Du bør også inkludere a Blø av 3 mm på alle sider bortsett fra Innsiden, hvor det ikke vil være nødvendig. Sett Innsiden Bleed til 0 mm.

Klikk OK.

Trinn 3

Du vil legge merke til at den første siden av dokumentet ditt begynner på en enkelt side på høyre side. Vi vil imidlertid opprette layoutet for tre tosidige spreads. Hvis du lager et helt magasin i ett dokument, kan du enkelt behandle Page 1 som første side av hele magasinet ditt, f.eks. en side for innhold eller kanskje for en annonse.

For nå vil vi imidlertid kunne blande side 2 av dokumentet oppover, slik at den sitter ved siden av side 1, danner et fullstendig spredning.

Åpne sider panel (Vindu> Sider) og åpne deretter panelets rullegardinmeny, tilgjengelig fra øverste høyre hjørne av panelet. Klikk en gang til Tillat at dokumentsidene blandes for å fjerne merket for alternativet.

Tilbake i sider panel, kan du nå takke individuelle sider og flytte dem rundt mer fritt, koble dem til andre sider uten begrensningene i den normale blandingsmodusen. 

Ta tak i Side 2 sideikon og koble den til høyre side av Side 1. Gjenta med prosessen med de andre sidene til du har et sett med tre tosidige spreads, som vist.

Trinn 4

Selv om eksperimentering med typografi oppfordres til dynamiske, spennende magasinoppsett, bør du alltid sette opp en slags rutenett slik at teksten kan vises konsekvent over spredene i magasinet ditt. Dette gir oppsettene et profesjonelt, rent utseende.

La oss lage et enkelt rutenett på Herre spred, da dette vil da automatisk bli brukt til alle sidene i dokumentet ditt.

Gå tilbake til sider panelet og dobbeltklikk på en av A-Master side ikoner for å hente Master på skjermen. 

Hvis linjalene ikke vises som standard, går du til Vis> Vis linjaler. Dra a Guide ned fra topplinjen til 37 mm, slik at den kan sitte på venstre side. Dra en annen guide ned til 254 mm.

Fra venstre linjal drar du en vertikal retning til 13 mm og dra deretter et sekund til 195 mm

Disse veiledningene vil danne topp-, bunn- og ytre kantene av tekstkolonnene dine.

La oss markere midtpunktet til dokumentet. Midtpunktet vil faktisk være litt utenfor sentrum, da yttermarginen er smalere enn innsiden. Men dette er helt fint; Alt innholdet ditt vil vises sentrert når det er trykt og bundet.

Gå til Layout> Marginer og kolonner og sett Antall kolonner til 2 og Grøft til 0 mm. Klikk OK.

Dra ut en annen vertikal guide fra venstre linjal til 94 mm og dra et sekund til 115 mm.

Til slutt drar du musen over hele venstre side for å velge alle guider og gå til Rediger> Kopier, Rediger> Lim inn. Manøvrer dette limte settet av guider i en speilposisjon på høyre side av Master-spredningen.

2. Tilpass Master (s) 

Du bør plassere alt innhold du vil ønske å dukke opp på hver side av dokumentet ditt på en Masterside. Så ting som løpende overskrifter og sidetall bør plasseres her, for å gjøre oppretting av resten av layoutene dine oppstyrfrie.

Trinn 1

Velg Zoomverktøyet (Z) fra Verktøy panel og klikk og dra over nederste venstre hjørne på venstre side av Master spredningen. 

Bruker Typeverktøy (T) lag en liten tekstramme, plasser den rett under bunnmarginen. Plasser markøren i tekstrammen og gå til Skriv> Sett inn spesialtegn> Markører> Gjeldende sidetal.

Fremhev 'EN' tegn og juster Font, fra Tegnformateringskontroller panelet kjører langs toppen av skjermen, til Adobe Garamond Pro, Semibold Kursiv, og Størrelse til 10 pt.

Velg tekstrammen ved hjelp av Utvalgsverktøy (V, Escape) og Rediger> Kopier, Rediger> Lim inn. Manøvrer den limte rammen nederst til høyre på høyre side av Master og juster justeringen av teksten til Juster høyre.

Steg 2

Du kan også legge til løpende overskrifter til hovedspredningen. 

Bruke Typeverktøy (T) for å lage to tekstrammer, en øverst til venstre på venstre side for 'Navn på magasin'. Sett Font som før til Adobe Garamond Pro, størrelse 10 pt. Sett vekten til halvfet.

Plasser den andre tekstrammen sentralt øverst på venstre side, og skriv inn 'Problem nei.', og sette inn Font til Adobe Garamond Pro, Semibold Kursiv, og Størrelse 10 pt. Sett teksten til Juster senter.

Opprett en tredje tekstramme, posisjoner den øverst til høyre på høyre side av Master. Dette er det perfekte stedet å sette inn navnet på artikkelen din. Her er det 'dager med denim drømmer'. Sett Font til Adobe Garamond Pro, Semibold Kursiv, og Størrelse 10 pt. Sett teksten til Juster høyre. 

Vi skal bygge opp magasinoppsettet med bare tre farger: [Sort], [Papir] og en ny grå-blå fargeprøve. Åpne fargeprøver panel (Vindue> Farge> Svampe) og klikk på Ny Swatch ikon. Legg til en ny CMYK Swatch, C = 56 M = 41 Y = 37 K = 20.

Sett artikkeltittelen i denne nye swatchen.

Trinn 3

Noen av sidene i magasinoppsettet kan inneholde mørke bilder eller bakgrunnsfarger, og mørk tekst vil forsvinne mot disse. La oss løse det akkurat nå.

Gå tilbake til sider panel og hold Skifte og velg begge sider av A-Master. Dra dem ned til Opprett ny side ikonet nederst på panelet. En annen Master spredning, a B-Master, vil bli opprettet. 

Sørg for B-Master blir tatt opp på skjermen, så dra musen over hele spredningen, velg alle tekstrammer. Juster Skriftfarge av all tekst på spredningen til [Papir]. Slett 'Problem nei.' tekstramme. 

Trinn 4

For å sikre at teksten på Master-sidene dine blir hentet frem til designen din, kan du sette innholdet til Masters på samme lag som hovedteksten i layoutene dine.

Åpne lag panel (Vindu> Lag) og dobbeltklikk på standardinnstillingen Lag 1Navn. Gi nytt navn til laget som typografi og klikk OK.

3. Innfør grenser på layoutene dine

For å gi bladet ditt det ekstra profesjonelle utseendet, bør du innføre grenser rundt sidene. Dette bidrar til å ramme innholdet ditt, slik at det ser veldig elegant ut.

Trinn 1

Gjenværende i lag panelet først Låse de typografi lag. Klikk deretter på Nytt lag ikonet nederst på panelet. Gi nytt navn til laget som Grense.

Ta tak i Grense lag og flytt det til å sitte under typografi lag.

Steg 2

Gjenværende på Grense lag, ta opp det første spredet, Sider 1-2, av dokumentet ditt på skjermen.

Velg Rektangelverktøy (M) og dra for å lage en ramme som strekker seg over hele Side 1, hviler kantene på kanten av dokumentet. 

Sett Fyll farge til [Ingen] og Stroke til [Svart], og øke Vekt av Stroke til 4 mm.

Velg rammen og Rediger> Kopier og Rediger> Lim inn. Plasser den limte rammen i en speilet posisjon på Side 2.

Trinn 3

Dra musen over hele spredningen for å velge både de svarte rammene og Rediger> Kopier.

Naviger ned til Sider 3-4, og Rediger> Lim inn i plasse. Endre Stroke Color til [Papir].

Gjenta igjen for Sider 5-6, setter inn Stroke Color til [Papir].

4. Få lekfull med farge og bilder

Nå kan vi komme i gang med de morsomme tingene!

Trinn 1

Gå tilbake til lag panel og Låse de Grense lag. Opprett et nytt lag, gi nytt navn til det Bilde.

Ta tak i det nye laget og flytt det til å sitte under Grense lag.

Steg 2

Du vil velge et bilde som vil se sterk og dramatisk når den plasseres på en hel side. For denne motefunksjonen har jeg valgt et bilde av en stilig kvinne som har på seg jeans.

Det opprinnelige bildet er i full farge. Men for ekstra kanten, postet jeg bildet på bildet Adobe Photoshop. For å etterligne utseendet på bildet her, hvor bare jeansene er trukket ut i farge, bruk Lasso Tool (L) å bare velge område av jeans. Kopiere og Lim inn valget, slik at det står fra hverandre på et eget lag. 

Bruk en Kanalmikserejusteringslag i Monochrome til det opprinnelige bildet bare, og holde jeansene trukket ut i farger. 

Trinn 3

Tilbake til InDesign og ta opp Side 2 av dokumentet på skjermen.

Velg Rektangelrammeverktøy (F) og dra for å lage en ramme som strekker seg over hele siden.

Gå til Fil> Plass og velg det valgte bildet. Klikk Åpen. Ordne bildet i rammen til du er fornøyd med skalaen.

Trinn 4

Velg Rektangelverktøy (M) og dra for å lage en ramme 216 mm i Bredde og 110 mm i Høyde. Plasser dette på bunnen av Side 1 i den viste posisjonen.

Trinn 5

Naviger ned til Side 3 av dokumentet ditt. Som før, lag en bilderamme på Bredde og Høyde av siden, strekker seg til Blø, og Fil> Plass. Velg det samme bildet som før. 

Dobbeltklikk i rammen for å velge bildet direkte og Kontroll-Klikk (Mac OS) eller Høyreklikk (Windows)> Transform> Vend horisontal. Denne gangen forstørres bildet, og fokuserer på den nedre halvdelen av bildet, og bringer jeans og sko inn i rammen. La et anstendig sted til høyre for bildet for å tillate litt plass til tekst.

Trinn 6

Velg Rektangelverktøy (M) og dra for å lage en ramme som strekker seg fra toppen til bunnen av Side 4. Rett den høyre kanten på høyre høyre bløt, og utvide Bredde til den møter midtpunktet på Page 4.

Du vil legge merke til at artikkeltittelen øverst til høyre på side 4 nå ikke lenger er synlig og sidenummeret ikke ser veldig klart ut, nå er det satt mot en mørk bakgrunn. For å løse dette, bare gå sider panel og dra på høyre sideikon på B-Master, slippe det på Side 4 sideikon i panelet.

Mens du er der, kan du også bruke B-Master til Side 5 av dokumentet.

Trinn 7

Velg den grå rammen du nettopp har opprettet og Rediger> Kopier. Naviger videre ned til Side 5 av dokumentet og Rediger> Lim inn. Flytt den limte rammen til venstre på siden, som vist.

Trinn 8

Bruke Rektangelrammeverktøy (F) å lage en ny stor bilderamme. Plasser den sentralt på Sider 5-6 spredt.

Gå til Fil> Plass og velg et annet bilde. Her har jeg gått for et bilde av en bunke av jeans.

Som jeg gjorde med det første bildet tidligere, brukte jeg Photoshop til å trekke ut et av par jeans i farge, med resten av stabelen satt i svart-hvitt.

Trinn 9

Den hvite grensen kutter gjennom midten av bildet, som ikke ser bra ut. Så, gå tilbake til lag panel og Låse opp de Grense lag. Trekk inn innsiden av hver kant til midten av siden, slik at du fortsatt har en hvit kant rundt den fargede bakgrunnen på venstre side.

Flott arbeid! Slik ser tidsskriftets funksjon på øyeblikket:

Nå er alt vi trenger å gjøre, legg til litt tekst!

5. Typografi for Magazine Layouts

Trinn 1

Gå til lag panel og Låse de Bilde lag. Låse opp de typografi lag.

Steg 2

Vi har allerede brukt Adobe Garamond Pro for løpende overskrifter og sidetall, slik at vi kan fortsette å bruke dette til hovedteksten til artikkelen. Du kan imidlertid introdusere en, eller til og med to, flere skrifttyper som skal brukes til en mer spennende tittel, og bruke over hele dokumentet for anførselstegn og andre dekorative tekstelementer.

Futura Std er en ren, minimal skrift som vil gi en ekstra stilig, moderne kant til et mote magasin layout. Men noen sans serif med en valgfri kondensert vekt ville være et godt valg også.

For å legge til en morsom berøring, kan du også installere Seile, som har en mer lekfull følelse.

Navigere til Side 1 av dokumentet ditt og bruk Typeverktøy (T) for å lage en tekstramme 214 mm i Bredde og 94 mm i Høyde. Type 'Dager av (avsnitt pause) Denim' og sett Font til Futura Std Light kondensert, og teksten til Alle Caps. 

Fremheve 'Dager av' alene og sett Størrelse til 122 pt. Øk sporing, fra Tegnformateringskontroller panel øverst på skjermen, til 230.

Fremheve 'Denim' alene og øke Størrelse til 135 pt, ledende til 160 pt og sporing til 430. Sett teksten til Juster høyre og endre Skriftfarge til den grå-blå swatchen, C = 56 M = 41 Y = 37 K = 20. 

Plasser tekstrammen like over midten av siden, som vist.

Trinn 3

Sett inn en andre mindre tekstramme (ca. 75 mm i Bredde) på Side 1, posisjonere den sentralt mot bunnen av siden. Her kan du skrive inn en kort oppsummering av artikkelen, angi Font til Futura Std Light kondensert, Størrelse 14 pt, Alle Caps, Font Color til [Papir] og tekstjustering til Rettferdiggjort (alle linjer).

Sett 'Navn' av artikkelen er forfatter under sammendraget, i Adobe Garamond Pro.

Trinn 4

Lag en tredje tekstramme på Side 1, handle om 170 mm i Bredde. Plasser den sentralt på siden, øverst på den grå rammen.

Type 'Dreaming' og sett Font til Seile, Størrelse 112 pt, og Skriftfarge til [Papir]. Med Utvalgsverktøy (V, Escape) aktiv, flytt markøren over rammens nederste høyre hjørne og roter den oppover litt for å gi teksten en liten skråning.

Trinn 5

Naviger ned til det andre spredningen av dokumentet, med fokus på Side 3.

Bruke Typeverktøy (T) for å lage en firkantet tekstramme, og plasser den mellom guidene som markerer høyre side av siden. Legg rammens øvre kant på den øverste horisontale styringen, som vist nedenfor.

Skriv inn en innledende undertittel på fire ord med fem tegn. Her har jeg gått for 'Basic Smart Rough Chic?', posisjonering hvert ord på en ny linje.

Sett Font til Futura Std Light Kondensert, Størrelse 50 pt, Ledende 70 pt, Alle Caps og Juster alle linjer. Øk sporing til 600 og markere individuelle deler av teksten, sett dem i en annen farge, C = 56 M = 41 Y = 37 K = 20. 

Trinn 6

Trekk ut en guide fra venstre linjal til midten av tekstrammen, og midt på kolonneavsnittet. 

Velg Typeverktøy (T) og lag en ny tekstramme, 37,5 mm i Bredde og 115,5 mm i Høyde. Juster den venstre kanten av denne nye tekstrammen med den venstre kanten av teksttekstrammen under teksten, og hvil den nederste kanten mot den nederste horisontale guiden.

Du kan begynne å mate inn teksten til artikkelen din i denne teksten. Hvis du ikke har noen tekst ennå, kan du gå til Skriv> Fyll med plassholdertekst. Sett Font til Adobe Garamond Pro, størrelse 11 pt. 

Du kan også trekke ut første bokstav i artikkelen i en Drop Cap, ved hjelp av alternativene som er tilgjengelige i Tegnformateringskontroller panel. Sett Drop Cap Antall linjer til 3, og juster Font av det første tegnet til Futura Std Medium kondensert og Farge til C = 56 M = 41 Y = 37 K = 20. 

Trinn 7

Lag en ny tekstramme med samme dimensjoner som den høye tekstrammen du nettopp har opprettet. Plasser til høyre for den første rammen, hviler mot styret helt til høyre, som vist. 

Klikk på den hvite boksen nederst til høyre i den første rammen, før du klikker i den andre rammen, slik at teksten kan strømme inn i den.

Fortsett å opprette nye tekstrammer med samme dimensjoner, plassere dem i par på den motsatte siden av spredningen, ved hjelp av veiledningene for å hjelpe deg. Gjenta prosessen over, og legg inn teksten i rammene mens du går. Juster fargen på noe av teksten til [Papir] hvis du trenger å kontrastere den mot den mørke bakgrunnen.

Fortsett til neste spredning, Sider 5-6, posisjonering av tekstrammer rundt bildet av de stablede jeansene som vist.

Trinn 8

Tilbake til Side 4 av dokumentet, på det andre spredningen. Du kan legge til noen uttrukne sitater for å gi litt mer dybde til designet.

Bruke Typeverktøy (T) å lage en tekstramme bredden på to kolonner, akkurat som underrubrikkens tekstramme. Skriv inn et tilbud og sett inn Font til Futura Std Light Kondensert, Størrelse 15 pt, Font Color til C = 56 M = 41 Y = 37 K = 20 og Juster alle linjer. Sett sporing til 300.

Åpne Historie panel (Vindu> Type og tabeller> Historie) og sjekk Optisk margenjustering avkrysningsboksen for å skifte anførselstegnene for å sitte utenfor tekstrammen, noe som gir et mer jevnt utseende til teksten.

Plasser den første sitattekstrammen under de to venstre kolonnene på side 4. Kopiere og Lim inn Tekstrammen, justerer tekstinnholdet tre ganger, plasserer dem på side 4, 5 og 6 som vist.

Trinn 9

Dine oppsett er nesten ferdige, og de ser fantastisk ut!

Du kan legge til et endelig dekorativt preg for å gi layoutene dine det ekstra berøringen. Opprett en firkantet tekstramme og plasser den under venstre anførsel på Side 4 av dokumentet ditt. Type 'D' (for 'denim') og sett inn Font til Seile, Størrelse 200 pt, Farge C = 56 M = 41 Y = 37 K = 20. Vri tekstrammen litt for å gi den litt svak vinkel.

Med tekstrammen valgt, gå til Objekt> Effekter> Gjennomsiktighet og redusere opacity til 30%.

Rediger> Kopier og Rediger> Lim inn tekstrammen, justere Skriftfarge til [Papir]. Plasser denne andre rammen øverst til høyre på Side 4.

Kopiere og Lim inn begge deler 'D' tekst rammer på bladets siste spredning, posisjonering dem som vist.

Trinn 10

Før du går for å eksportere layoutene dine for utskrift, ta bare en rask omvei tilbake til det andre spredningen av dokumentet. Det kan hende du merker at den høyre skoen på bildet er kantet inn i den venstre kolonnen med tekst, noe som ikke er ideelt. 

For å sortere dette raskt, velg Ellipseverktøyet (L) fra Verktøy panel og dra for å lage en liten uregelmessig ellipse som sitter like over bunnen av skoen.

Juster Stroke Color til [Ingen]. Gå til Vindu> Tekstbryte og sett viklingen til Wrap Around Object Shape, brunfarge offset av 5 mm.

6. Eksporter ditt magasin for utskrift

Dine oppsett er ferdig-super arbeid! De ser fantastisk ut.

Når du er klar til å sende designene dine ut for å skrive ut, følger du bare trinnene nedenfor.

Trinn 1

Gå til Fil> Eksporter ... å åpne Eksport vindu. Å velge Adobe PDF (Print) fra Format nedtrekksmenyen. Navngi filen og klikk Lagre.

I Eksporter Adobe PDF vindu velg Trykk på kvalitet fra Adobe PDF Forhåndsinnstilling nedtrekksmenyen. 

Beholde sider sjekket, ikke Sprer seg, med mindre annet er angitt av skriveren.

Steg 2

Under Merker og bløder seksjon, klikk for å velge Alle skriverens merker under Marks menyen og klikk for å velge Bruk Dokument Bleed Innstillinger under Bleed og Slug Meny. Klikk Eksport.

Bra gjort!Du har nå magasinlayoutene dine klar til å bli sendt til skriverne. 

I denne opplæringen har vi lært å designe profesjonelle standardoppsett for et mote magasinet. Leksjonene som vi har dekket her, for eksempel å sette opp egnede Mastersider, lage et enkelt nett, og eksperimentere med stilig typografi, vil også gjelde godt for andre typer magasiner du designer. Flott arbeid!