Share
En av Illustrators mindre kjente funksjoner er det evne til å produsere og publisere flere paged dokumenter i PDF-format. Hvorfor er det en mindre kjent funksjon? Vel, fordi programmer som InDesign og Quark Xpress er dedikert til å produsere slike dokumenter, og det er usannsynlig at du aldri vil bli bedt om å bruke Illustrator.
Det er imidlertid mulig, og i en klemme kan denne teknikken komme til nytte, spesielt når du lager dokumenter som bare er noen få sider lange. Denne opplæringen vil forklare hvordan det er gjort, mens du diskuterer noen grid layout teori for å produsere en årsrapport.
Etter å ha åpnet Illustrator, start et nytt dokument (Command + N) og angi noen innstillinger i dialogboksen Ny dokument. Gi dokumentet et navn på "rapport", velg Millimeter for enhetene, Landskap for orientering og RGB for fargemodus. Merk: Vi har valgt RGB da dette dokumentet er beregnet for skjermvisning. Hvis det er sannsynlig at du vil bli skrevet ut, er det tilrådelig å velge CMYK og sørge for at Raster Effects er satt til den planlagte utskriftsoppløsningen.
Størrelsen registreres automatisk som egendefinert når vi oppgir våre egne dimensjoner. Vi trenger en kunstplate tre ganger så stor som en A4-side (210mm x 297mm) for å lage tre sider. Vi vil derfor holde høyden på 297 mm, men øke bredden for å imøtekomme 2 flere sider (3 x 210 mm = 630 mm).
Klikk på OK.
Gå til Vis> Vis sideflislegging.
Du vil se et område på din tavla som representerer hva vi skal skrive ut til en PDF-fil. Dette området kan være hvilken som helst størrelse, avhengig av dine tidligere Illustrator Print-innstillinger.
Vi må nå justere flisene for å gi oss våre 3 A4-sider innenfor tavlen.
Gå til Arkiv> Skriv ut (Kommando + P). Du vil bli presentert med Print dialog, et sizable vindu med (legenden har det) milliarder av alternativer og innstillinger. Vi vil bare konsentrere oss om de vi trenger for å sette opp vårt 3-siders PDF-dokument på riktig måte. Under Generell seksjon må du angi følgende:
Nå under Setup-delen må du angi følgende:
Du kan se i forhåndsvisningspanelet hvordan dokumentet ditt utvikler seg. Du bør nå se at tavlen er delt inn i tre A4-fliser.
Når du er ferdig med å konfigurere utskriftsalternativene dine, kan det hende du finner det nyttig å lagre dem. Klikk på Lagre forhåndsinnstilt og gi ditt forvalg et navn i dialogen som vises. Neste gang vi må duplisere disse innstillingene, kan du velge dem under Utskriftsforhåndsinnstilling.
Klikk OK for å lagre forhåndsinnstillingen, og klikk deretter Ferdig (ikke Lagre) for å gå tilbake til dokumentet.
Hvis din Artboard er synlig, kan du finne det nyttig å gjemme det. Vi har nok linjer på vår side på dette punktet. Gå til Vis> Skjul artboard. Du vil bli igjen med et fint, rent, nummerert, tre paged område på skjermen.
Strukturering av en layout med et forhåndsbestemt grid har mange fordeler, spesielt når du arbeider med flere sider. Dette gjelder for print, web, faktisk alle design disipliner. Teorier om nettbasert layoutdesign har blitt godt dokumentert i flere tiår. Paul Rand var uttalt av grafisk designteori og en talsmann for fordelene ved å bruke grids i design.
Gitteret er da disiplinen som frigjør [designeren] fra den tidkrevende byrden av å ta bestemte beslutninger (dimensjoner, proporsjoner) uten hvilket fruktbart og kreativt arbeid er ekstremt vanskelig. Han kan bevege seg direkte til de aspekter av problemet der individuelle uttrykk, nye ideer og valgfrihet er avgjørende.
"Design og Play Instinct", Paul Rand, 1965
Så gå og ta deg en kaffe, ta en titt på noen av ressursene på slutten av opplæringen, og gjør selv noen undersøkelser om hvordan du bruker rutenett i design.
Nøyaktig hvordan du lager nettverket ditt er opp til deg; gruven er basert på seks kolonner og seks rader. I tillegg vil følgende trinn definere margene og rennene som deler dem.
Begynn med å plassere et rektangel på tavla. Gi det dimensjonene på en A4-side og juster den med den første av dine tre fliser.
Når du har valgt rektangelet, går du til Effect> Path> Offset Path og skriver inn -12mm i dialogboksen som vises. Klikk på OK og gå til Objekt> Utvid utseende for å utvide mindre rektangel.
Klikk på Kommando + K for å hente Illustrators preferanser. Sett tastaturet til 6 mm og klikk OK.
Nå bruker du Direct Selection-verktøyet, dra og velg de nedre ankerpunktene i rektangelet, og trykk deretter en gang på OPP-piltasten. Dette gir oss en ekstra 6mm for marginens bunn på siden; bra for estetikk og gir også en liten plass til opphavsrettserklæring, paginering osv.
I trykt design består grid tradisjonelt av kolonner og deretter gutters som deler dem. Siden fremkomsten av webdesign og bruken av grids for weboppsett har en annen tilnærming utviklet seg. Naturen til å bygge en nettside betyr at takrenner er mer en hindring enn hjelp, så gutters blir simulert ved å bruke polstring og marginer i elementer.
Personlig designer jeg mer for nettet enn utskrift, så jeg skal vise det jeg er vant til. En fordel for å designe med et nettbasert grid er at det gjør at utskriftsdokumentet ditt kan oversettes sømløst til nettet. Hvis alt dette virker litt forvirrende, vil alle bli tydelige ...
Mens rektangelet er valgt, går du til Objekt> Path> Split to Grid.
Illustrator gjør det enkelt å slå en lukket sti inn i en rekke kolonner, rader og takrenner som du vil se fra denne dialogen. Skriv inn innstillingene som du ser nedenfor (klikk Preview for å se rektangelet endres mens du går) for å lage seks kolonner og seks rader, og klikk deretter OK. Legg merke til at vi har skrevet 0 mm for takrennene, da vi ikke vil ha noe i dette tilfellet.
Det er opp til deg hvordan du dupliserer nettverket du nettopp har laget. Pass på at du lager to flere og juster dem alle i riktig posisjon på flisene. Velg deretter alle tre og gå til Vis> Guider> Lag guider
Alt du har på dette laget er rutenettene, slik at du gjør det enkelt på deg selv, lås laget og navngitt det "guider".
Bruke grids handler om å begrense beslutningstaking (i en grad) i designprosessen. Vi skal fortsette på den ruten ved å forhåndsdefinere våre farger for å redde oss til å tenke på det videre nedover linjen. Ved å legge til bare to farger i fargepanelet, gir vi oss et enkelt, men slående utvalg for dokumentet vårt.
Klikk New Swatch i panelet eller dra et objekt av den valgte farge inn i panelet. Jeg brukte fargene: Orange (# D8601D) og Olive (# A8A885). Når de er gruppert i svitsjepanelet, blir farger tilgjengelige i varierende grad fargetone, skygge, muteness, varme, etc. fra fargeguidepanelet. Herfra kan vi farge alt i dokumentet vårt uten å bryte våre egne regler.
Lag et nytt lag, kaller det "objekter" eller hva du vil. Bruk rektangulærverktøyet til å lage et rektangel som dekker hele den første siden og en annen som dekker det nederste venstre kvartalet på den andre siden. Farge dem på riktig måte, som vist nedenfor.
Lag et nytt lag og kaller det "tekst". Kopier oliven rektangel og lås deretter "objekter" laget. Velg "tekst" -laget og klikk på Kommando + F for å lime rektangelet på dette laget i riktig posisjon.
Bruk den samme teknikken som tidligere (Effekter> Sti> Offset-vei), kompensere banen for dette rektangelet med -6mm og utvid deretter det (Objekt> Utvid). Gi den en annen farge (av ditt valg) for å gjøre det mer synlig hvis du ønsker det.
Vi har laget vårt rektangel i det større rektanglet, og gir oss en container med (i CSS-vilkår) 6 mm polstring som fungerer som vår renner. Vi bruker denne "polstringen" til alle beholderne vi bygger med vårt rutenett for å fortsette likformigheten.
Legg til litt dummy-tekst i beholderen ved å velge Type-verktøyet og klikke på rektangulens sti. Ditt rektangel vil miste det farge og bli en tekstbeholder med faste dimensjoner; det vil ikke utvide eller kontrakt uavhengig av hvor mye tekst du plasserer inne.
Gjenta trinn 15 og 16 for å lage en andre tekstbeholder ved siden av den første. Fjern den største av de to rektanglene og farg teksten annerledes for å tillate en hvit bakgrunn. Du burde virkelig se effekten av å bruke "polstring" som en renner nå.
Legg til et slag ved hjelp av linjesegmentverktøyet over bredden av rutenettet, nivå med den midterste horisontale guiden. Farg det i henhold til den forhåndsdefinerte paletten, og trykk den deretter (Up Arrow Key) en gang for å flytte den 6 mm oppover (husk å ha satt tastaturet til 6 mm i trinn 9?). Legg til en annen til det øverste av rutenettet for å lage et område øverst på siden.
Fleksibiliteten ved å bruke et rutenett basert på multipler på 6 er at både 3 og 2 sporet er pent inn. Derfor kan vi også dele bredden på rutenettet i 3 kolonner, bruke den samme "polstringen" og det ser fortsatt ut som visuelt akseptabelt. Opprett seks beholdere, kompensere banen for å påføre polstringen, og utvide som vist.
I mellomtiden har jeg også lagt til en tittel øverst på siden.
Legg til litt tekst i det nedre området på beholderne du nettopp har laget. Disse vil være etiketter for grafene vi skal gjøre i følgende trinn.
Lag et fjerde lag, kaller det "grafer" og låse de andre for å unngå å forstyrre dem. Velg nå Pie Graphs-verktøyet og klikk på tavla. Skriv inn hvilken høyde og bredde du vil ha i grafdialogen som dukker opp, vi justerer dimensjonene senere.
Et datainngangspanel vises.
Jeg kommer ikke til å gå i mye detalj for å lage grafer med Illustrator - det er en helt annen tut! Imidlertid vil jeg kort forklare at hver rad av data her vil opprette en egen kakediagram. Hver og en vil være proporsjonal i størrelsen til de andre med hensyn til summen av det er rader (i dette tilfellet hver rad totals 100, så de vil være likeverdige dimensjoner). Skriv inn dataene som jeg har gjort, og klikk på Bruk (merket øverst til høyre).
Lukk dialogen og ungroup (Command + U) grafene. Du blir advart om å miste redigeringsfunksjoner fra grafene hvis du ungroup dem, men vi er bare interessert i dem som visuelle fyllstoffer her, slik at vi kan miste deres dynamikk.
Du må ungroup mye flere ganger for å skille grafene helt, men når du har, gi dem litt farge fra paletten din, grupper hver enkelt graf og bruk en 3D Extrude-effekt. (For mer om 3D Extrusion se opplæringen, Opprett en krukke med bønner ved å mappe vektorer til et 3D-objekt.)
Plasser de resulterende grafene over etikettene og ikke vær redd for å bryte støttelinjer når du gjør det. Sirkler må ofte være visuelt korrigert når de brukes på rister, som en veldig smart en gang sa, "Regler er laget for å lede de klokt og forvillige å følge."
Vi har diskutert de fleste av de relevante prinsippene angående layout, så fortsett og bruk konseptene vi har dekket for å fylle 3-siders opp med noe innhold. Sett igjen et slag på toppen av rutenettet, et sekund lavere ned og legg til to kolonner for tekst, men denne gangen er det høyere. Et stort tittel og tekstområde som dekker bredden på rutenettet dominerer hodet på siden.
Bordet ved foten av den andre tekstbeholderen er bare en samling av rektangler, litt tekst og noen justerte ikoner. Hvite streker deler områdene for klarhet.
La oss legge til en tillit inspirerende administrerende direktør til vår side. Jeg lastet ned et passende bilde (fargekoordinert slips!) Og plasserte det på et annet lag under "objekter" kalt "bilder".
Velg ditt eget bilde og hent det inn i dokumentet ditt ved å gå til Arkiv> Plasser. Velg filen fra systemet ditt og klikk OK. MERK: Hvis du kontrollerer kobling i dialogboksen for filvalg, vises bildet i dokumentet uten å legge det inn i det. Skulle den koblede filen da bli endret utenfor Illustrator, blir endringer automatisk brukt på det du ser i dokumentet. Dette bidrar til å redusere filstørrelse og behandlingstid.
Bruk rektangulærverktøyet til å lage et rektangel i støttelinjene, og stopp ved streken som du kan se nedenfor. Dette vil fungere som vår maske.
Med både bildet og rektangelet valgt, trykker du på Command + 7 for å lage en utklippsmaske. Bruk Direct Selection-verktøyet til å velge bare bildet og rescale i masken. Du er også velkommen til å øke masken, igjen ved hjelp av Direct Selection-verktøyet. Sikt på noe som du ser nedenfor.
Legg til flere tekstelementer for å fullføre et tilbud, ved å bruke guider for å plassere alt og farger fra paletten.
MERK: Etter å ha plassert vårt "bilder" -lag under "objektene" -laget, har vi forbedret den nederste kanten av bildet med slaget vi plasserte tidligere.
Nesten der! Bare et par ekstra elementer, og vi blir satt til å skrive ut vår PDF. Først er en tittel og logo plassert som bildet nedenfor på forsiden.
Deretter en opphavsrettserklæring og sidetall på de følgende to sidene plassert rett under rutenettet i vår utvidet margin. Bruk Glyphs (Type> Glyphs) for å sette inn et opphavsrettssymbol hvis du vil.
Skjul veiledningene dine ved å gå til Vis> Guider> Skjul veiledninger (eller skjule ditt "guider" -lag) og kontroller den generelle estetikken i oppsettet. Ikke verst? Flink! La oss skrive ut det til fil ...
Etter å ha fullført designarbeidet, gå til Arkiv> Lagre som for å hente dialogboksen Lagre som. Velg plasseringen for hvor du vil at PDF-filen skal lagres. Gi det et filnavn (jeg brukte "rapport") og velg Adobe PDF som formatet, og klikk deretter Lagre.
Du vil bli presentert med Save Adobe PDF-dialogen i de generelle innstillingene. Spill med alternativer som du ønsker, men det som er viktig her er at vi setter:
Opprett flersidet PDF fra sidenfliser er selvsagt avgjørende. Hvis du ikke klarer å sjekke det, vil du opprette en PDF-side som består av hele tavlen. Ikke målet vi ønsker å oppnå.
Gå til sikkerhetsinnstillingene i dialogboksen Lagre Adobe PDF. Innstillinger her bestemmer hvilke brukere som kanskje eller ikke kan gjøre med dokumentet ditt. Kontroller Bruk et passord for å begrense redigering av sikkerhets- og tillatelsesinnstillinger. Da får du lov til å sikre visse ting med et passord. Dro til:
Angi disse alternativene som du vil ha dem og klikk på "Lagre PDF".
Ferdig! Ta en titt på den endelige PDF-filen (nei, du kan ikke redigere eller skrive ut det!) Og kontroller at alt har vist seg som forventet. En ting å være oppmerksom på er at innholdet ikke har strømmet inn i andre sider. I dette tilfellet kan oransje på den første siden enkelt skumme venstre kant på den andre siden. Gjør rettelser hvis nødvendig, og lagre igjen.
På dette punktet vil jeg gjenta at denne teknikken ikke er en erstatning for bruk av programvare dedikert til sidelayout, som InDesign eller QuarkXpress. Denne teknikken kan være effektiv når du trenger å lage korte flersidige dokumenter selv.
Vi dekket et bredt spekter av ferdigheter i Illustrator for å lage dette dokumentet, noen omfattende, noe som vil kreve at du går og undersøker videre. Ha det gøy å gjøre det!
Besøk paul-rand.com - for flere tanker og arbeid fra Paul Rand.
Mark Boultons Grids Are Good er en utmerket PDF-artikkel for de som er interessert i å fremme kunnskapen om nettbaserte oppsett.
For en omfattende ressursliste se Smashing Magazines design med gridbasert tilnærming - grunnen til at denne ressurslisten ikke er veldig lang; det er alt her!
Accentsconagua