I den andre delen av denne todelte opplæringen lærer du hvordan du utformer innersidene for en Illustrasjonsporteføljebok beregnet for utskrift, i Adobe InDesign. Vi vil opprette en rekke forskjellige sidelayouter og undersøke hvordan utformingsstiler kan vise frem arbeidet ditt til sitt beste potensial.
I denne opplæringen bruker jeg vektoraktiver fra andre Tuts + opplæringsprogrammer, men opplæringen er utformet slik at du kan bytte ut disse med ditt eget illustrasjonsarbeid for å lage din personlige portefølje. Se del 1 for å opprette porteføljedekselet.
I første del opprettet vi et cover for porteføljeboken. Det er mye enklere hvis dette holdes som en egen InDesign-fil, og at dekselet og innersidene eksporteres som separate PDF-filer før de sendes til utskrift. Vi vil sette opp InDesign-dokumentet for innersidene med de samme dimensjonene og bløderinnstillingene som omslagsdokumentet.
Åpne InDesign og gå til Fil > Nytt dokument, for å åpne vinduet Nytt dokument. Å velge Tilpasset fra Dokument forhåndsinnstilt rullegardinmenyen og forsikre deg om Intent er satt til Skrive ut. Sett Nummer av sider til 12 og velg Facing Pages. Fra Sidestørrelse rullegardinmenyen velg Tilpasset… å åpne Tilpasset sidestørrelse vindu. Skriv 'Porteføljesider' under Navn, sett Bredde til 241.3mm og Høyde til 203.2mm. Klikk OK.
Tilbake i Nytt dokument vindu, sett inn marginene til 20mm og Top, Bottom og Outside Bleed til 9mm. Hold Innsiden Bleed på 0 mm. Klikk OK.
Du har nå et 12-siders layout opprettet for sidene dine. De første og siste sidene er de eneste sidene som ikke er en del av en tosidig spredning. Du bør alltid begynne og avslutte boken din med en enkelt side, enten dette inneholder innhold eller ikke.
Vi skal sette opp fire forskjellige Masters for å lage fire litt forskjellige mal, ser etter forskjellige spreads. Hvis porteføljen din er lengre enn 12 sider, vil fire mestere være et fornuftig antall maler for å opprettholde. For nå er dette en demonstrasjon av hvordan du kan søke Masters for å skape forskjell og konsistens samtidig over hele boken din.
Gå til sider panelet (Vindu > sider, hvis ikke allerede åpen). Du vil se at det allerede er en standardmester i dokumentet "A-Master". Kontroll-klikk (Mac) eller høyreklikk (PC) på A-Master-ikonet eller navnet og velg Master Valg for A-Master ... . Opprettholder prefikset 'A' og Antall sider på 2. Gi nytt navn til denne "Spread Master 1". Klikk OK.
Opprett en ny master spredning ved å gå til sider rullegardinmeny (tilgjengelig øverst til høyre i sider panel) og klikke på Ny Master. Gi navn til denne Master 'Spread Master 2'. Klikk OK. Gjenta dette trinnet to ganger og opprett ytterligere to Masters - navn disse 'Spread Master 3' og 'Spread Master 4'.
Det er lurt å legge til retningslinjer for dine mestere for å markere senterets sider og gi veiledninger for plassering av tekst og bilder.
Dobbeltklikk på sidenikonet for 'Spread Master 1' for å redigere Master direkte.
Vi ønsker å sette inn en vertikal retningslinje på hver side for å markere midtpunktet for sidens innhold. Da porteføljen vil bli skrevet ut som en bok, vil visningen gå tapt på innsiden av margene mot bundet sentrum av boken. Vi kan kompensere for dette ved å trykke innholdet på sidene litt utenfor sentrum. Den sanne midterlinjen til en side i boken vil være 120,65 mm, akkurat halvparten av bredden på en side. Vi trekker 3 mm fra denne verdien for en venstre side og legger til 3 mm for en høyre side.
Gå til Utsikt > linjaler, hvis de ikke allerede er synlige. Dra en veiledning til X-posisjon 117,65 mm. Dra en annen retningslinje til X-posisjon 364,95 mm.
Vi vil også sette opp flere retningslinjer for å markere grensen til tekst og bilderammer på en gitt side. Dra en veiledning nedover fra den horisontale linjalen til Y-posisjon 29,6 mm. Dra en annen retningslinje ned til Y-posisjon 173,6 mm. Gjenta for motsatt side.
Klikk og dra for å velge alle retningslinjene på Master og Kontroll-klikk (Mac) eller høyreklikk (PC), Kopiere. Dobbeltklikk på 'Spread Master 2' og velg Rediger> Lim inn i sted. Gjenta over alle mesterne.
Vi kan legge til sidenumre til en Master for å hjelpe porteføljen din til å bestille. Du trenger ikke tall på hver side, men noen spreads kan ha nytte av å være helt fri for rot.
Med "Spread Master 1" fremdeles på skjermen, velg Typeverktøy (T) og lag en tekstramme med a Bredde av 4mm og Høyde av 2.5mm. Plasser denne rammen nederst til venstre på venstre side, hviler mot venstre marg på Y-posisjon 181.5mm. Klikk i rammen og gå til Type i toppmenyen. Å velge Sett inn spesialtegn, markører og velg Nåværende sidetall. En 'A' blir automatisk lagt inn i rammen. Sett Font til "Web Serveroff Regular", Størrelse 9 pt, Juster til venstre og Farge til Sort, Tint 75%.
Med tekstrammen valgt, Kontroll-klikk (Mac) eller høyreklikk (PC), og klikk Kopiere. Lim inn, og flytt den nye rammen til høyre hjørne på høyre side, hviler mot høyre margen ved Y-posisjon 181.5mm. Still inn tekstjusteringen til Juster høyre.
Vi vil også bruke Linjeverktøy å opprette en ramme for sidetallene, som stemmer overens med stilen på dekselet vi opprettet i del ett. Velg Linjeverktøy (\) og holder Skifte, dra en horisontal linje fra venstre til høyre. Juster lengde til 217 mm, de X-posisjon til 24 mm og Y-posisjon til 182.5mm. Linjen vil nå hvile på den nederste marginen til høyre for venstre side nummer.
Gå til Vindu > Stroke å åpne Stroke panel. Med den valgte linjen, still inn Vekt til 0,75 pt, Type til Tykk tynn, og Start verdi til Bar. I øverste kontrollpanel angir du Stroke Color til Sort, Tint 75%.
Med linjen fremdeles valgt, gå til Gjenstand > effekter > Gradient Feather. Under alternativer, sett Angle til 0 grader og vedlikeholde Type som lineær. Flytt Svart Gradient Stopp omtrent en kvart vei langs til høyre, og Hvit Gradient Stopp omtrent en kvart til venstre.
Med linjen valgt, Kontroll-klikk (Mac) eller høyreklikk (PC), og klikk Kopiere. Gå til Redigere > Lim inn i stedet. Kontroll-klikk (Mac) eller høyreklikk (PC) og klikk Forvandle > Snu horisontalt. Juster X-posisjon til 459 mm.
Zoom ut slik at du kan se hele spredningen. Velg sidetallene og linjene fra begge sider og Kopiere. Dobbeltklikk «Spread Master 2» -ikonet og gå til Rediger> Lim inn i sted. Sidenummerene vises nå som "B".
Vi kan lage et monokromt tema på sidene av boken vår. La "Spread Master 1" som den er, og fortsett med 'Spread Master 2' valgt på skjermen.
Velg sidetalltekstrammer på begge sidene og sett inn Skriftfarge til hvitt. Velg begge linjene og sett inn Stroke Color til Hvit.
Velg Rektangelverktøy (M) og dra for å lage en ramme som strekker seg over hele spredningen, helt opp til blødet. Sett fyll på til svart. Kontroll-klikk (Mac) eller høyreklikk (PC), og klikk Arrangere og Plasser i bakgrunnen. De hvite sidetallene og linjene vil bli brakt frem.
Velg bare den svarte rektangelrammen og Kopiere. Dobbeltklikk siden «Spread Master 3», og velg Redigere > Lim inn i stedet.
Alle sidene vil ha 'A' Master ('Spread Master 1') som standard. I sider panel klikk og dra Master-ikonet merket som Ingen og slipp på sidenikoner for sider 1 og 12.
Klikk og dra «Spread Master 2» -sider-ikonet og slipp på sidens ikoner for sider 8 og 9.
Klikk og dra «Spread Master 3» -sider-ikonet og slipp på sidens ikoner for sider 4 og 5.
Klikk og dra «Spread Master 4» -siderikonet og slipp på sidens ikoner for sider 10 og 11.
Mastrene dine har nå blitt tilpasset og brukt på sidene i boken din. Du kan gjenta dette vekslende mønsteret på A, C, B, C, D Master maler i hele boken uansett det endelige antall sider. Den svarte / hvite vekslende malen vil bli gjentatt hele tiden.
I del ett oppretter vi et deksel med fargede overflater på innsiden av front og bakdeksel. For å lage et profesjonelt, sømløst utseende, vil vi bruke samme farge på bokens første og siste sider.
Gå til Vindu, Farge, Stikkord for å åpne panelet Farger. I fargeprøver menyen, funnet øverst til høyre på panelet, velg Ny fargekvoter. Med Fargemodus satt til CMYK, sett cyan verdi til 69%, Magenta 0%, Gul 26% og Svart 0%. Klikk Legg til og så OK.
Gå til side 1 av dokumentet og velg Rektangelverktøy (M). Dra for å lage en ramme som strekker seg over hele siden, opp til blødet. Sett Fyll til C = 69 M = 0 Y = 26 K = 0. Gjenta dette for Side 12.
Gå tilbake til side 1 av dokumentet. Her er et bra sted å sette inn en minimal side med tittel, navn og kanskje en logo hvis du har en.
For det første vil du legge merke til at denne siden ikke har noen retningslinjer som Master er satt til Ingen. Dobbeltklikk på en av masterne og utheve retningslinjene fra en høyre side. Kopiere og gå tilbake til Side 1. Klikk Redigere > Lim inn i stedet. Du kan nå se midtveiledningen.
Sett inn en tekstboks ved hjelp av Typeverktøy (T). Sett Bredde til 65mm og Høyde til 22mm. Legg rammen i midten av den vertikale retningslinjen og Y-posisjon til 79mm. Skriv 'ILLUSTRASJON (punktbrudd) PORTFOLIO'. Still inn tekstjusteringen til Juster senter.
Fremhev 'ILLUSTRASJON', sett inn Font til "Web Serveroff Regular", Størrelse til 39,5 pt, sporing til 20 og Farge til Hvit. Fremhev 'PORTFOLIO', sett inn Font til "Varela Regular", Størrelse 25 pt, Ledende 28 pt, sporing til 120 og Farge til Hvit.
Lag en annen tekstramme og juster Bredde til 64 mm og Høyde til 7 mm. Linj den opp rett under den første tekstrammen på Y-posisjon 164 mm. Skriv 'DITT NAVN HER' i rammen, sett inn Font til Varela Regular, Størrelse 18 pt, Sporing til 50, Farge til hvit og Juster senter.
Du kan også legge til ekstra detaljer, som linjer og logoer, det er virkelig opp til deg hvordan du personliggjør tittelsiden din! Her brukte jeg Linjeverktøy (/) å lage en innrammingslinje med bar-effekt start- og sluttpunkter. Jeg satte inn logoen ved hjelp av Rektangelrammeverktøy (F) og legger en EPS-logo i hvitt.
På side 12, eller din siste side, kan du slippe inn et nettsted eller andre kontaktdetaljer i en matchende skrift og stil for å gi et varig inntrykk på leseren.
Når du utformer sidene i boken din, bør du vurdere det visuelle inntrykket et helt spredt vil ha på leseren. En nyttig måte å sikre layoutene dine på, har visuell appell, er å bruke "Tredje regelen".
Regelen sier at layoutene automatisk vises mer tiltalende når fremtredende elementer i ditt design faller inn i øvre eller nedre tredjedel av en portrettside, eller langt til venstre eller høyre tredjedel av en liggende side.
Her er et eksempel på en av layoutformatene vi vil se på å skape med et "Rule of Thirds" -nett som brukes på toppen av spredningen. På et landskapsspredning er bildene mer tiltalende når hovedelementet i et design skyves inn i den høyre tredjedel, da vi er predisposisjonert i engelskspråklige verden for å lese en side fra venstre til høyre. I denne spredningen anerkjenner vi bildeteksten før du flytter øyet til hovedbildet.
Vi vil gå gjennom hvordan du lager et eksempelspredning ved hjelp av "Thirds Rule". Klikk på spredningen av Sider 8 og 9 å bringe spredningen opp på skjermen. For det første, opprett en tekstboks ved hjelp av Tekstverktøy (T). Sett Bredde til 48mm og Høyde til 3,5 mm. Legg toppen av rammen mot den øverste horisontale retningen, og still inn X-posisjon til 26 mm.
Skriv 'Forfatternavnstittel' i rammen. Sett Font til "Varela Regular", Størrelse til 9 pt og sporing til 10. Marker "Forfatternavn" og sett inn Farge til hvitt. Fremhev 'Tittel' og sett inn Farge til svart, Tint 60%.
Velg Linjeverktøy (/) og holder Skifte, dra fra venstre til høyre for å opprette en 4 mm lengde linje. Sett Stroke Color til hvitt, og i Stroke panelet (Vindu> Stroke) sett inn Vekt til 0,75 pt, og Slutt verdi til Bar. Rett den venstre kanten mot venstre margin og flytt den X-posisjon til 31 mm.
Velg Rektangelrammeverktøy (M) og dra en ramme for å sitte på lengre høyre side av spredningen. Gå til Fil> Plass og velg bildefilen din. I dette eksemplet har jeg valgt en illustrasjon med mørke farger som vil se nydelig innrammet mot en svart bakgrunn, Asher Bensons romantiske scene. Ved å nøye velge bildene dine for å "matche" fargen eller utformingen av et spredning, kan du opprette et mer integrert, designledet utseende for porteføljen din. Klikk Åpen, og bruk Fyll Ramme Proportional alternativet i det øverste kontrollpanelet for å justere størrelsen på bildet. Ved å bruke Stroke-alternativet i det øverste kontrollpanelet, gir bildet et bilde; sett Stroke Color til hvitt og Vekt til 2 pt.
Fint arbeid - du har nå et vakkert spredningsoppsett basert på "Thirds" -forholdet.
"Tredje regelen" er ikke den eneste teknikken for å skape vakre sidedesigner. Utforske potensialet til symmetri i arbeidet ditt kan også låne til en visuelt tiltalende layout. La oss gå gjennom å skape et nytt spredt for boken din, denne gangen med symmetriske effekter som spiller midtstadiet.
Gå til side 8 og velg tekstrammen og tilgrensende linje. Å velge Kopiere. Gå til side 10 og Rediger> Lim inn i sted. Endre Stroke Color av linjen til svart, Tint 60%. Marker "Forfatternavn" og endre Skriftfarge til svart, Tint 60%.
Velg Rektangelrammeverktøy (F) og dra for å lage en ramme 221 mm i Høyde, som strekker seg fra øvre kant av blødet til bunnkanten. Rett høyre kant av rammen på midten av spredningen. Gå til Fil> Plass og velg en passende bildefil.
Her har jeg brukt Sharon Milnes nydelige Rainbow Portrait som vil fungere like bra når vi vendes (noen bilder som inneholder tekstelementer vil ikke være egnet for denne typen spredningsoppsett).
Klikk Åpen. Når du er fornøyd med plasseringen av bildet, velger du rammen og Kopier og lim inn. Kontroll-klikk (Mac) eller høyreklikk (PC), og klikk Forvandle, og Snu horisontalt. Flytt denne nye bilderammen til motsatt side (Side 11), igjen på venstre side opp mot midten av spredningen.
Denne spredningen vil se bra ut når den er brettet ut!
Hvis du har en serie med lignende bilder, kan det hende at du vil ha disse sammen på samme side. Ikke bli fristet til å samle sidene med for mange bilder - velg de to beste illustrasjonene fra serien og la dem hver en hel side.
Gå tilbake til side 8 som har Asher's Romantic Scene-bilde i dette eksemplet. Velg tekstrammen og tilgrensende linje og Kopiere. Gå til side 4 og klikk Rediger> Lim inn i sted. Velger både linjen og tekstrammen, Kontroll-klikk (Mac) eller høyreklikk (PC), og klikk Forvandle, og Roter 90 CCW. Flytt de to elementene slik at den nederste kanten av linjen hviler på bunndelen i venstre hjørne av siden. Den venstre kanten av tekstrammen skal hvile på venstre marg. Rediger tekstteksten hvis nødvendig.
Bruker Rektangelrammeverktøy (F) tegne en ramme som er sentrert langs den vertikale retningslinjen midt på siden 4. Gå til Fil> Plass og velg bildet ditt. Her har jeg brukt Mary Winklers Disco Skull. Det fungerer best hvis dette bildet har en gjennomsiktig bakgrunn slik at den svarte bakgrunnen sømløst går opp til kantene på bildet.
Velg tekstrammen og linjen under den på Side 4 og Kopiere og Lim inn. Kontroll-klikk (Mac) eller høyreklikk (PC), og klikk Forvandle, og Roter 180. Det kan være fornuftig å gruppere de to elementene sammen før du gjør dette. Flytt den kopierte tekstrammen og linjen til motsatt side, mot kantene i høyre hjørne av Side 9.
Gå tilbake til side 8 og velg bilderammen. Kopiere, Lim inn og gå til motsatt side i samme posisjon. Gå til lenker panelet (Vindu> Lenker, hvis den ikke allerede vises), og velg den nye bildrammen som er valgt, klikk på kobler på nytt symbol (funnet like under listen over lenker). Velg ditt nye bilde (i dette eksemplet har jeg brukt Chris Careys Sugar Skull) og klikk Åpen.
Nå har du en spredning basert på prinsippet om gjentatte lignende elementer. Hvert bilde har nok plass rundt det og de lyse farger virkelig pop mot den svarte bakgrunnen.
Ikke vær redd for å plassere et bilde over midten av et spredning. Enda bedre, hvis bildet er symmetrisk, kan dette være en fin måte å legge til ekstra innvirkning på porteføljen din.
Gå til side 10 og velg tekstrammen og tilgrensende linje, og Kopiere. Gå til side 6, og velg Rediger> Lim inn i sted. Rediger tekstteksten hvis nødvendig.
Bruker Rektangelrammeverktøy (F) Lag en ramme som strekker hele høyden på siden, fra den øverste bløyden til bunnen, og juster den helt ned midt i spredningen. Gå til Fil> Plass og sett inn ditt valgte bilde. I dette eksemplet har jeg brukt Beto Garzas hjortillustrasjon, som er helt symmetrisk. Klikk Åpen.
Du vil kanskje legge til en mer omfattende del av tekst til spredningen til denne siden, for å forklare klientkortet eller inspirasjonen bak tegningen. Lag en tekstramme ved hjelp av Tekstverktøy (T), Bredde 144 mm og Høyde 125 mm. Skriv 'TEXT (punktbrudd) Din tekst her ... etc' eller alternativt, velg Type fra toppmenyen og klikk Fyll ut med plassholdertekst for nå.
Vi vil at teksten skal pakke tett mot bildet, men dette bildet har en solid bakgrunn. Dette betyr at hvis vi velger Wrap Around Object Shape fra Tekstbinding panelet (gå til Vindu> Tekstbryte for å åpne) mens du velger bilderammen, vil teksten bare vikle rundt rammene, og ikke bildet.
Uansett kan vi lage den ønskede effekten direkte inn i InDesign, uten å måtte gå tilbake og fjerne bildebakgrunnen i Illustrator eller Photoshop. Velg Ellipseverktøyet (L) (funnet ved å klikke ned på ikonet Rektangelverktøy i panelet til venstreverktøy), og dra for å lage en liten ellipse. Vri den til den rager opp på høyden til høyre. I Tekstbinding panel, med ellipseformen fortsatt valgt, velg Wrap Around Object Shape og sett offset til 10mm.
Gjenta ovennevnte trinn, og opprett en annen ellipse som er litt mindre. Manøvrer denne nye figuren til å rage opp på høyre side av hjortens hode, opp til toppen av øret. Påfør de samme tekstinnpakningsverdiene som for den første formen.
Velg begge ellipsformene og sett inn Fylle og Stroke til Ingen. Teksten skal nå pakke elegant rundt på høyre side av hjortebildet.
Avhengig av dine personlige preferanser vil du kanskje fylle boken din bare med eksempler på arbeidet ditt. I dette eksemplet har jeg tatt med en introduksjonsspredning på side 2 og 3 som du kan tilpasse for å fylle ut en generell introduksjon til arbeids- eller karrierebakgrunn.
Gå til side 10 og velg tekstrammen og tilgrensende linje, Kopiere. Gå til side 3 og Lim inn. Rediger tekstteksten hvis det er nødvendig - vi kan vise frem et stykke arbeid over toppen av dette innledende spredningen. Flytt de to limte elementene til nederste venstre hjørne av Side 3, hviler bunnen av tekstrammen på den nedre horisontale retningslinjen.
Gå til motsatt side 2. Bruke Tekstverktøy (T) for å lage en tekstramme med a Bredde av 96mm og a Høyde av 59mm. Rett bunnen av rammen mot den nederste horisontale guidelinjen og venstre side av rammen mot venstre margin.
Kopiere, og Lim inn denne teksten rammen og redusere Høyde til 46mm. Flytt denne nye rammen til høyre for den første tekstrammen, hvile basen igjen på den nederste horisontale retningslinjen.
Klikk for å velge original, venstre tekstramme. I nederste høyre hjørne av rammen er det et lite ikon som ser ut som en "play" -knapp vedlagt i en liten hvit ramme. Klikk på dette ikonet og klikk i den andre tekstrammen for å koble de to sammen.
Skriv 'INTRODUKSJON (punktbrudd) Din tekst her osv. ..' i den første boksen, og Type > Fyll ut med plassholdertekst i mellomtiden hvis det er enklere.
Du kan forlate denne siden uten bilder, enkel og minimal. Alternativt, hvis du har et langt landskapsbilde, kan du kjøre dette øverst på siden. Jeg opprettet to bilderammer ved hjelp av Rektangelrammeverktøy (F) og plassert de øverste og nederste halvdelene av Sharon Milnes Warhol-inspirerte Portrett i hver ramme.
Du har nå 12 dynamiske og engasjerende sider som er nesten klare for skriverne! Først og fremst gjør du en siste stavekontroll, og sørg for at alle fargeelementer løper opp til bløydens kanter.
Så gå til Fil > Eksport og velg Adobe PDF (Print) fra rullegardinmenyen. Velg et passende filnavn og sted for å lagre PDF-filen, og klikk deretter Lagre.
Under Generell, og innenfor Adobe PDF Forhåndsinnstilling rullegardinmenyen velg Trykk på kvalitet. Sørge for Sprer seg er valgt (ikke sider).
Under Merker og bløder menyen, velg Alle skriverens merker og kryss Bruk Dokument Bleed Settings. Klikk Eksport.
Fint arbeid, nå har du innside sider klar til å bli sendt til skriverne! Hvis du ikke allerede har det, kan du se del 1 av denne todelte opplæringen for å lære å sette sammen et deksel for boken din.