Vi trenger nå å justere . fliser å gi oss våre 3 A4 sider innenfor artboard

Gå til Fil > Skriv ut (Kommando + P). Du vil bli presentert med Print dialog, en anselig vindu med (legenden har det) milliarder av valg og innstillinger. Vi må bare konsentrere oss om dem vi trenger å sette opp vår 3-siders PDF-dokument på riktig måte. Under delen Generelt må du angi følgende:

Skriver: Adobe Postscript-fil

PPD: (PostScript® Printer Description) Adobe PDF

Hopp over blanke sider: (ignorerer eventuelle tomme sider, bare skrive ut de med innhold) Sjekket

Størrelse: (størrelsen på de enkelte sidene) A4

Nå under Setup delen må du angi følgende:

Beskjær Artwork til: Artboard

Opprinnelse: Både X og Y set til 0mm så flislegging begynner presist i øvre venstre hjørne av artboard

Flislegging:. Tile helsider

Du kan se i forhåndsvisningsruten hvordan dokumentet går framover. Du skal nå se at artboard har blitt delt inn i tre A4-side fliser

Når du er ferdig med å sette opp alternativene Print kan du finne det nyttig å redde dem. Klikk på Lagre forhånds og gi forhånds et navn i dialogen som vises. Neste gang må vi kopiere disse innstillingene kan du velge dem under trykk Preset.

Klikk på OK for å lagre forhåndsinnstillingen, og klikk på Ferdig (ikke Save) så å gå tilbake til dokumentet.

Hvis Artboard er for tiden synlig du kan finne det nyttig å skjule det; har vi nok linjer på vår side på dette punktet. Gå til View > Skjule Artboard. Du vil sitte igjen med en fin, ren, nummerert tre paged område på skjermen

Strukturere en layout med en forhåndsbestemt grid har mange fordeler , spesielt når du arbeider med flere sider. Dette gjelder print, web, faktisk alle designdisipliner. Teorier om grid-basert layout design er godt dokumentert i flere tiår. Paul Rand var frittalende om grafisk design teori og en talsmann for fordelene ved bruk av nett i design.

grid, så er den disiplinen som frigjør [designeren] fra tidkrevende byrden av å gjøre visse beslutninger (dimensjoner, proporsjoner) uten noe som er ekstremt vanskelig fruktbar og skapende arbeid. Han kan gå direkte til disse aspekter av problemet der individuelle uttrykk, nye ideer, og valgfrihet er avgjørende.

"Design og Play Instinct", Paul Rand, 1965

Så , gå og få deg en kopp kaffe, ta en titt på noen av ressursene på slutten av opplæringen og gjøre deg selv noen undersøkelser om bruk av nett i design on

Nøyaktig hvordan du layout rutenettet er opp til deg; Gruven er basert på seks kolonner og seks rader. Dessuten vil de neste trinnene definere margene og takrenner dele dem.

Begynn med å plassere et rektangel på artboard. Gi det dimensjonene på en A4-side, og justere det med den første av tre fliser

Med rektangel valgte gå til Effect > Sti > Offset Sti og skriv -12mm i dialogen som vises. Klikk på OK og deretter gå til Objekt > Utvid Utseende å utvide mindre rektangel

Klikk på Command + K for å få opp Illustrator preferanse. Sett tastaturet tilvekst til 6mm og klikk på OK.

Nå bruker segmentmarkøren, dra og velg den nederste festepunktene i rektangelet, og trykk deretter UP piltast én gang. Dette gir oss en ekstra 6mm for margen nederst på siden; bra for estetikk og gir også en liten plass for en opphavsrett, paginering, etc.

I print design, rutenett tradisjonelt består av søyler og deretter takrenner som deler dem. Siden advent av web design og bruk av nett for web layouts annen tilnærming har utviklet seg. Naturen av å bygge en nettside betyr at takrenner er mer en hindring enn hjelp, så takrenner er simulert ved hjelp padding og marginer innenfor elementer.

Personlig, jeg designe mer for web enn print, så jeg er kommer til å vise hva jeg er mer vant til. En fordel å designe med et web-basert nett er at det tillater utskriftsdokumentet som skal oversettes sømløst for web. Hvis alt dette virker litt forvirrende, vil alt bli klart ...

Mens rektangelet er valgt, gå til Objekt > Sti > Delt inn i Grid

Illustrator gjør det hyggelig enkel å slå noen lukket bane i en serie av kolonner, rader og takrenner som du vil se fra denne dialogen. Angi innstillingene som du ser nedenfor (klikk på Forhåndsvisning for å se rektangelet endring som du går) for å lage seks kolonner og seks rader og klikk OK. . Legg merke til at vi har lagt inn 0 mm for rennene, som vi ikke vil ha noe i dette tilfellet

Det er opp til deg hvordan du duplisere rutenettet du nettopp har gjort. Sørg for å gjøre to mer og justere dem i riktig posisjon på flisene. Deretter velger du alle tre, og gå til Vis > Guides > Gjør Guides

Alt du har på dette laget er dine nettguider, så for å gjøre ting enkelt for deg selv, låse lag og endre navn til "guider".

Ved hjelp av nett handler om å begrense beslutningsprosesser (til en viss grad) i designprosessen. Vi kommer til å fortsette på den veien ved predefining våre farger for å redde oss måtte tenke på det lenger ned linjen. Ved å legge til bare to farger til Fargeprøver-panelet vil vi gi oss selv en enkel, men slående utvalg for våre dokumentet.

Klikk Ny Swatch i panelet, eller dra et objekt av den valgte farge inn i panelet. Jeg brukte fargene: Oransje (# D8601D) og Olive (# A8A885). Når gruppert i Fargeprøver-panelet, farger blir tilgjengelig ved varierende grad av farge, skygge, stumhet, varme, etc. innenfra fargen Guide panel. Herfra kan vi farge alt i vår dokumentet, uten å bryte våre egne regler

Lag et nytt layer, kall det "gjenstander", eller hva du vil. Bruk rektangelverktøyet for å lage et rektangel som dekker hele førstesiden og en annen som dekker nedre venstre fjerdedel av andre siden. Color dem på riktig måte, som vist nedenfor

Gjør et nytt lag, og kaller det Kopier oliven rektangel og deretter låse "objekter" lag. Velg "teksten" laget og klikk Command + F for å lime rektangelet på dette laget i riktig posisjon

Ved hjelp av samme teknikk som tidligere. (Effects > Sti > Offset-bane), offset banen for dette rektangelet ved -6mm og deretter utvide den (Object > Utvid). Gi den en annen farge (etter eget valg) for å gjøre den mer synlig dersom du ønsker

Vi har gjort vår rektangel innenfor den større rektangel, effektivt å gi oss en beholder med (i CSS termer) 6mm padding som opptrer som våre gutter. Vi skal bruke denne "padding" til alle beholderne vi bygger vårt rutenett for å fortsette ensartethet.

Legg til litt dummy tekst til beholderen ved å velge tekstverktøyet og klikke på rektangelet bane. Rektangelet vil miste det farge og bli en tekst beholder med faste dimensjoner; det vil verken utvide eller kontrakt uavhengig av hvor mye tekst du plasserer inne

Gjenta trinn 15 og 16 for å opprette en ny tekst beholder neste til din først. Fjern det største av de to rektangler og farge teksten på en annen måte for å gi en hvit bakgrunn. Du burde virkelig være i stand til å se effekten av å bruke "padding" som en takrenne nå

Legg et strøk med linjesegmenter verktøyet langs bredden av rutenettet, på høyde med midten-mest horisontal guide. Farge det i henhold til forhåndsdefinerte paletten og deretter dytte den (Opp piltast) én gang for å flytte den 6mm oppover (husk å ha satt tastaturet tilvekst til 6 mm i trinn 9?). Legg til en annen til den aller øverste av nettet for å skape et område på toppen av siden

Den fleksibiliteten til å bruke et rutenett basert på multipler av 6 er at både 3 og 2 sporet fint i. På grunn av dette kan vi også dele bredden av nettet til 3 kolonner, anvende den samme "padding", og den fremdeles ser visuelt akseptabel. Lag seks containere, offset banen for å bruke padding, og utvide som vist.

I mellomtiden har jeg også lagt en tittel til toppen av siden.

Legg til tekst til den nedre delen av containerne du nettopp har gjort. Disse vil være etiketter for grafene vi vil gjøre i neste trinn

Opprett et fjerde lag, kall det "grafer" og låse de andre å unngå å forstyrre dem. Nå velger Pie Grafer verktøyet og klikk på artboard. Skriv inn hva høyde og bredde du ta i grafen dialogen som dukker opp, vil vi justere målene senere

En dataregistrering panel vises .

Jeg har ikke tenkt å gå inn i mange detaljer for å lage grafer med Illustrator - det er en helt annen tut! Imidlertid vil jeg kort forklare at hver rad med data her vil opprette et eget sektordiagram. Hver og en vil være proporsjonal størrelse som de andre med hensyn til summen av det rader (i dette tilfelle hver rad summerer 100, slik at de vil være av like dimensjoner). Skriv inn de data som jeg har gjort, og klikk Bruk (Tick øverst til høyre)

Lukk dialog og løse opp (Command + U) grafene . Du vil bli advart om å miste redigeringsfunksjoner i grafene hvis du løse opp dem, men vi er bare interessert i dem som visuell fyllstoff
her, slik at vi kan miste sin dynamikk.