Lag en Novel Pop

Create en Novel Pop-Up Julekort

I dagens tutorial jeg skal vise deg hvordan å lage en minneverdig ferie kort. Pop-up-kort er normalt kort at når åpnet, har et element av overraskelse gjør dem både minneverdig og morsom for leseren. Denne opplæringen tar deg trinn for trinn gjennom hele prosessen med å transformere innledende konsepttegninger gjennom til en fullt funksjonell stykke papp engineering. La oss få til det

Instruksjons Eiendeler

Du vil finne noen filer i "! Kilde " mappen, samt skissert skrift versjoner av InDesign kunstverk og utskriftsklare PDF. Du trenger også følgende gratis bilder for å fullføre denne opplæringen.

bilder og InDesign print-klar kunstverk i kildemappen også.

  • Markerboard teksturer
    < li> fjellkjede

    Grass

    Deer

    Leaf en

    Leaf to

    Ornament

    forberedelse

    i denne digitale tidsalder av e-kort og Flash-baserte kort, er det forfriskende å se noe litt annerledes. Hvis en minneverdig motiv lander på kundens pulten er det mer sannsynlig å få deg gjenta bedriften i stedet for avvikling i e-posten søppelbøtte! Med det i tankene, vil jeg kort forklare min designprosessen.

    Først samlet jeg sammen mine lager bilder og raskt lagvis dem opp i Photoshop. På dette stadiet var jeg ikke så opptatt av detaljer, hvor kjerneelementene jobbet som helhet. Jeg så skisserte to designmuligheter, og etter noen diskusjoner, besluttet å gå for de mer komplekse utformingen vist nederst til høyre.

    Den neste fasen var å finne ut av foldemekanismen. For denne design for å være gjennomførbart Det ville trenge å bli trykt i to deler: Den brettede A6 ytre med et kutt skritt Hotell og selve pop-out grafisk separat, noe som ville være limt til skriften av trinn
    . Hvis dette var en live jobben jeg ville ha sendt disse begrepene over til min valgte skriveren, i tilfelle han hadde noen forslag til mekanikken og også kalkuleringer. Et annet punkt ville være sourcing en standard firkantet konvolutt, fordi når brettet pop-out stakk.

    Her er et nesten komplett design som jeg printet ut og hånet opp. Du vil merke jeg har flyttet hoved hilsen til forsiden som det meste av det var ikke skjemmes på mock-up. Det er verdt å huske på at 2D-design kan se helt annerledes ut når faktisk skrives ut.

    Trinn 1

    Opprett en A5 InDesign-dokument til størrelsen på den flate ytre kortet (foldet størrelse vil være A6 ) og kopiere disse innstillingene, huske å legge til 3mm bleed kreves av skriveren.

    Trinn 2

    Gå til Vis> Rutenett og hjelpelinjer og aktiverer Vis hjelpelinjer, Fest til hjelpelinjer og Smart Guides, deretter Vis> Tillegg> Vis rammekanter. Nå plasserer en sentral folding guide på 105mm.

    Trinn 3

    Dra guider opprinnelse poeng å møte kanten av artboard (ikke utfallende) og sentral guide.

    Trinn 4

    nå plasserer to flere guider 20mm fra sentrum guide som vist.

    Trinn 5

    på dette tidspunktet bestemte jeg meg for å endre på venstre og høyre marg for å korrespondere til de to vertikale kutt. For å gjøre dette, velger Layout> Marger og spalter, fjerner kjedeikonet og endre som vist.

    Trinn 6

    Fest opprinnelse peker tilbake til standardposisjonen (øverste venstre hjørne av artboard). Sørg øverst til venstre Reference Point Finn forhandler er aktiv, så grip rektangel Tool (R) og knipse et bilde for å blø området. Gå til fanen Fargeprøver og bruke øverst til høyre fly-out menyen for å velge Ny fargeprøve. Sørg for at Color Type er satt til prosess og fargemodus er CMYK. Nå skriver 0% Cyan, 100% Magenta, 0% gul og 0% svart. Nå gjelder en magenta 0,5 slag til boksen med Fill satt til Ingen.

    Trinn 7

    Legg til en 0.5mm strøk rammen til artboard med X- og Y-koordinater satt til 0 og bredden: 148mm /høyde: 210 mm. Velg Linjeverktøy (/) og knipse i de rester fold og kuttet guider, igjen med en 0,5 magenta slag. Jeg har deaktivert synligheten av guidene i skjermbildet for klarhet.

    Trinn 8

    I dette trinnet vil vi eksportere en PDF å bruke som en Photoshop guide. Trykk Cmd /Ctrl + E, kopiere disse innstillingene, og klikk på knappen Eksporter.

    Trinn 9

    Åpne PDF via Photoshop. Name it " Layered_illo ", gjelder følgende innstillinger i Import-vinduet og trykke OK

    Trinn 10

    Gi nytt navn til standard lag ". Guides ", deretter plassere et lag under det som kalles " Solid green ", sette din forgrunnsfarge til # 80912b, deretter traff Alt /Opt slette /tilbaketasten for å fylle laget nøye seg med grønn

    Tips: Siden dette prosjektet er ment for kommersiell print, sikkert. på skjermen fargene ikke vil gjengi det samme. Disse fargene er referert til som out-of-gamut
    . Skjermen lager farger ved å blande rødt, grønt og blått lys (RGB), mens skriveren skaper farge ved hjelp av lys-absorberende blekk cyan, magenta, gul og svart (CMYK), disse pigmentene er mye mer begrenset i sin evne å reprodusere farge. For å bøte på dette, arbeide i RGB-modus (for å få tilgang til alle filtre etc.) og trykk Cmd /Ctrl + Y til Proof Colors -. Slik unngår du ubehagelige overraskelser når jobben er skrevet ut

    Trinn 11

    Open " paint.jpg " fra " kilden " mappe. Hold Shift og dra over dens lag thumbnail inn i arbeids fil for å opprette et nytt lag, og merk den " Paint tekstur ". Trykk Cmd /Ctrl + I for å invertere til negativ. Nå endre Blend Mode til Soft Light å minske effekten

    Trinn 12

    Open ". IMG_4680.JPG " fra disse teksturer. Roter 90 grader mot klokken og Inverter til negativ. Sett over forrige lag og re-størrelse til å dekke lerretet. Nå setter Blend Mode til Soft Light, redusere Opacity til 47% og gi den navnet " Distress en ".

    Trinn 13

    Open " IMG_4702-w640.jpg ", gjenta rotasjon og legge til som et nytt lag over den forrige. Re-størrelse, endre Blend Mode til Soft Light, men la Opacity på 100%. Navn dette laget " Distress 2 ".

    Trinn 14

    Sett " card.jpg " bilde fra " kilden " mappen under din " Guides " og gi den navnet " Paper ". Enlarge å dekke lerretet og endre Blend Mode til Screen.

    Trinn 15

    Velg Hue /Saturation fra Opprett ny rullegardinmenyen fyll eller justering ved foten av kategorien Lag. Nå klikker det doble sirkelikonet, så justeringen påvirker alle underliggende lag og endre Hue verdien til 34.

    Target justering maske, sett Gradient Tool (G) til Linear på alternativlinjen, og deretter Skift-dra en svart til gjennomsiktig gradient som angis av retningen og lengden på pilen. Dette vil begrense justeringen til toppen kvartal

    Trinn 16

    Shift-klikk alle lag miniatyr bortsett fra ". Guides ", velg Ny gruppe fra lag fra øverst til høyre fly-out menyen i kategorien Lag. Mappen navnet " GRAPHICS 1 " Ordne lagene i mapper er viktig, som du vil oppdage mot slutten av denne opplæringen.

    Trinn 17

    Åpne fjellkjeden bildet. Grab Quick Selection Tool (W), og velg himmelen, og bruk deretter legge til og trekke alternativer for å gjøre utvalget etter behov.

    Trinn 18

    Trykk Shift + Cmd /Ctrl + I for å Invers ditt valg, og klikk deretter Finjuster kant-knappen på alternativlinjen. I det neste vinduet velger On Black (B) fra menyen View Mode, gir dette den beste forhåndsvisningen for uønskede piksler. Kopier de øvrige innstillingene og klikk på OK.

    Trinn 19

    Du vil nå se en ny maskert lag vises og synligheten av den opprinnelige lag deaktivert. Zoom inn og sjekke du er fornøyd med resultatene av Finjuster kant kommandoen. På dette punktet kan du endre masken ved å male med enten hvit (å avsløre) eller svart (for å skjule) ved hjelp av en liten børste (B) satt til rundt 50 hardhet hvis nødvendig.

    Når du er fornøyd dra masken miniatyr i papirkurven ikonet ved foten av kategorien lag og klikk på Bruk i følgende vindu

    Trinn 20

    dra det nye laget miniatyr under ". Guides ", flip horisontal og posisjon /re-størrelse som vist. Legg en maske, og deretter bruke Rectangular Marquee Tool (M) for å opprette et utvalg og fyll med svart for å skjule den nedre halvdelen, så merk den " Mountains ".

    Trinn 21

    Legg et Levels justeringslag, men denne gangen deaktivere dobbel-sirkelikonet å klippe justering bare " Mountains " og bruke disse innstillingene.

    Trinn 22

    Grab Gradient Tool (G), klikk deretter på gradient miniatyr på alternativlinjen for å få tilgang til Gradient Editor. Opprett gradient som vist, og klikk deretter på Ny-knappen for å lagre den

    Trinn 23

    Clip en Gradient Fyll justeringslag til ". Mountains ", deretter på Gradient kartet for å laste forhåndsinnstilling, bruker disse innstillingene, og klikk på OK. Nå endre Blend Mode til Hue og redusere lag Opacity til 60%

    Trinn 24

    Åpne ". Elements.pdf " fra " kilden " mappen via Illustrator. Velg strippet trekant og kopiere til utklippstavlen. Bytt tilbake til Photoshop-filen og Lim inn. I neste vindu velger smart objekt og klikk på OK. Transform /posisjon over venstre horisonten linje, deretter endre Blend Mode til Soft Light. Merk dette laget " Stripes en ", deretter kopiere, flip horisontalt, flytte til høyre og endre navnet " Stripes 2 ".

    Trinn 25

    Velg Custom Shape Tool, og deretter bruke fly-out menyen på alternativlinjen for å laste inn " festive_shapes.csh " fra " kilden " mappe. Sett din forgrunnsfarge til hvit, sikre formlag er aktive på alternativlinjen, og deretter legge til noen små snøfnugg over himmelen på uavhengige lag og merke dem deretter.

    Trinn 26

    Fortsett å legge til ytterligere snøflak, men la noen områder klar for skyene som vi skal legge senere.

    Trinn 27

    nå legge til noen håndtegnede elementer. Open " doodles.jpg " fra " kilden " mappe og bruke Lasso Tool (L) til omtrent velge den første stjernen og kopiere til utklippstavlen

    Trinn 28

    Lim inn utvalg som et nytt lag under ". Guides ", stilling på himmelen og merk den " Doodle en ". Invert, deretter endre Blend Mode til Screen å gjengi de sorte områdene usynlig. Gjenta denne teknikken for andre stjerne og gi den navnet " Doodle 2 "

    Trinn 29

    Kopier den første skyen form fra " elements.pdf " og lime inn som et smart objekt under " Mal ". Gjenta dette for den andre skyen, Transform /stilling som vist og merke dem deretter. Nå kan du legge alle dine flytende lag med unntak av " Guides " inn i en annen mappe som heter " GRAPHICS 2 ".

    Trinn 30

    Legg gresset tekstur som et nytt lag under " Guides ", forstørre /posisjon til å overlappe de vertikale kutt av den < em> skritt Hotell og gi den navnet " Grass ". Knips et vertikalt sentral guide, og velg deretter Ellipse Tool (U). Sørg Paths er markert på alternativlinjen, så hold Shift og knipse et stort sirkulær bane til sentrum guide. Min vei er indikert rødt i skjermbilde for klarhet

    Tips:.. Hvis du vil flytte eller re-størrelsen din vei, bare aktivere den med Sti Selection Tool (A)
    < h2> Trinn 31

    Cmd /Ctrl-klikk banen miniatyrbildet for å skape et valg. Med " Grass " lag målrettet, klikker du på Legg masken ikonet ved foten av kategorien Lag. Nå fyller ei markering med sort på masken i tillegg til å lage bunnen av cut-out

    Trinn 32

    Nå klipp en Hue /Saturation justering av ". Grass " lag og endre Hue glidebryteren til 16.

    Trinn 33

    Åpne hjort bildet. Denne gangen vil vi bruke en litt annen metode for å isolere den. Sett Magic Wand Tool (W) for å Toleranse av 33, sjekk Anti-alias og fjern merket sammenhengende på alternativlinjen. Nå klikker du på bakgrunnen for å opprette et utvalg.

    Trinn 34

    Åpne Finjuster kant dialogboksen, men denne gangen velger Overlay (V) fra visningsmodus for å se utvalget kanten bedre. Kopier følgende innstillinger, og klikk deretter på OK.

    Trinn 35

    Når du er fornøyd med masken, slette den og klikk på Bruk i følgende vindu som før.

    Trinn 36

    Place som et nytt lag under " Guides " og re-størrelse /posisjon over gresset. Gå til Layer> Matter> Rens kant og skriv 2 piksler for å eliminere noen hvite plukket opp fra det første utvalget og navngi laget " Deer ". Nå klipp en Levels justering og sette Input Black til 28, midtpunktet til 0.88 og hvit til 196 for å øke kontrasten. Deretter klippet og lagre en ny Gradient forhåndsinnstilt som vist. Til slutt, sett Blend Mode av denne justeringen for å overlappe og redusere Opacity til 52%.

    Trinn 37

    Bruk det mangekantede lassoverktøyet (L) for å tegne en grov skygge under hjort . Target " Grass " lag og kopi. Nå målrette " Grass " Justeringslag og lime inn utvalget som et nytt lag over det. Navn dette laget " Deer skygge ". Jeg har deaktivert synligheten av " Grass " lag i skjermbilde for klarhet.

    Trinn 38

    For å få mørkere skygge, Clip et Levels justering og angi Output hvit til 102.

    Step 39
    < p> Legg en maske til " Deer skygge ", deretter drar en stor svart til gjennomsiktig Radial Gradient å blande høyre side. Deretter Cmd /Ctrl-klikk på " Grass " lagmaske for å laste hvit som et valg. Inverse utvalget, deretter bruke en svart hard-edged Brush (B) for å fjerne bunn overlapping.

    Trinn 40

    Nå skal vi legge til noen flere grafiske detaljer som du finner i " kilden " mappe. Place " scribble.jpg " i Multipliser Mode under " Deer ", så lime foret sirkel (også i Multipliser Mode) og hvit blomst form som smarte objekter og posisjon som vist

    Trinn 41

    Legg til. endelig stjerners tegning under " Deer " i Multipliser Mode så de hvite områdene bli usynlig og merk den " Doodle 3 ". Plasser et nytt lag under den og merk den " Doodle 3 fill ", deretter bruke en liten hard-edged pensel for å infill stjernen form med # bd2709 og # 67e660. Nå velger Move Tool (V) og bruk piltastene på tastaturet for å oppveie lag innholdet litt.

    Trinn 42

    Sett forgrunnsfarge til # 6ddc4e og legge treet fra " festive_shapes.csh " som et formlag under " Deer ". Navn dette laget " Tre ".

    Trinn 43

    Nå kan du legge den endelige skyen bak hjort gevir som et smart objekt og navn dette laget " Cloud 3 ".

    Trinn 44

    Grab Elliptical Marquee Tool (M) og Skift-dra en liten sirkulær utvalg bak hjort bakben. Velg mønster fra Adjustment Layer rullegardinmenyen, og klikk på pilen ved siden av forhåndsvisning mønster. Nå laster " geometric_patterns.pat " fra " kilden " mappen via den lille pilen til høyre. Velg " mønster 4 ", innstille skalaen til 13%, og klikk OK. Bruk samme teknikk for å legge til en annen litt større mønster Fyll bak hjort font etappe, men bruker " mønster 18 " 25%

    Trinn 45

    Bruk Magic Wand (W) for å hente ut det første bladet og legg over ". Pattern Fill 2 ". Merk dette laget " Leaf en ", Transform, deretter klippe en fargebalanse justering for å øke røde og gule

    Trinn 46

    Bruk samme metode for å legge til andre blad og name it. " Leaf 2 ", deretter klippe en lignende fargebalanse Adjustment Layer

    Trinn 47

    Pakk og tilsett ornament under ". Guides ". Re-størrelse og posisjon slik at den henger fra hjort gevir og gi den navnet " Dekor ". Cmd /Ctrl-klikk på " Deer " lag miniatyr å skape et lagbasert utvalget, deretter bruke en liten hard-edged Eraser (E) for å fjerne venstre strengen. Inverse utvalget og slette all trå over gevir. Til slutt, klipp en Levels justering og sette Input Black til 22, og hvit til 219 for å øke kontrasten.

    Trinn 48

    Sett forgrunnsfarge til # bd2709, og deretter legge en elliptisk Shape Layer til høyre for hjort hode og gi den navnet " Rød sirkel ". Nå lime logoen over det som et smart objekt, og deretter plassere alle dine flytende lag til et endelig mappe som heter " GRAPHICS 3 ".

    Trinn 49

    Før du går videre til neste trinn, toggle synligheten av mappene dine for å sjekke de ser ut som dette, så Lagre.

    Trinn 50

    nå skal vi gjøre to flatet TIFF-filer å plassere inn i InDesign. Først slå av synligheten av " Guides " lag og " GRAPHICS 3 " mappe. Velg Flat ut bilde fra øverst til høyre fly-out menyen i kategorien Lag og klikk OK i neste vindu. Hit Shift + Cmd /Ctrl + S for å lagre som og navnet på filen " background.tif ".

    Trinn 51

    Re-åpne lagdelt fil. Deaktiver synligheten av " Guides " lag og " GRAPHICS 2 " mappe. Flat ut igjen og Lagre som " cut_out.tif ".

    Trinn 52

    Vi trenger nå å lage en vektor bane som skriveren skal bruke til å slå ut pop-out grafisk. Skriv ut toleranser tillater ikke kutte formes for å justere nøyaktig til kanten av et bilde, slik at vi vil legge igjen en liten kant av bakgrunn, snarere enn bare vanlig hvitt papir.

    Re-åpne lagdelt fil igjen og slå av synligheten av " GRAPHICS 2 " mappe. Target " GRAPHICS 2 " mappen og trykk Cmd /Ctrl + E for å Merge Group. Cmd /Ctrl-klikk det fusjonerte miniatyr å generere et lagbasert valg, og velg deretter Velg> Endre> Utvid, skriv 12px og trykk OK.

    Trinn 53

    Bruk Lasso Tool (L ), satt til å legge til eliminere eventuelle indre hull i utvalget. Nå setter Marquee Tool (M) for å trekke og kutte utvalget tilbake til bunnen fold guide.

    Trinn 54

    Bytt til fanen Paths, velg deretter gjøre arbeidet Sti fra toppen- rett fly-out menyen. I det neste vinduet godta standardinnstillingen 1.0px og klikk på OK. Nå dobbeltklikker du på banen miniatyrbildet for å lagre den

    Trinn 55

    Til slutt, gå til Fil> Eksporter> Veier til Illustrator og gi den navnet ". Cut_out.ai ". Nå kan du lukke lagvis filen uten å lagre den

    Trinn 56

    Revidere din InDesign kunstverk og navngi standard lag ". Cutter ". Slett de to ytre magenta rammer, deretter endre alle dine horisontale magenta regler å stiplede linjer for å representere folder (heltrukne linjer representerer kutt), som jeg har overdrevet i skjermbildet for klarhet.

    Legg til en ny nederste laget og gi den navnet " Artwork ". Grab rektangelverktøyet (M) og knipse et bilde til den ytre blø. Opprett en ny rød fargeprøve (C: 18 /M: 97 /Y: 100 /K: 9), farge rammen med en påfylling av ny rød og en Stroke of Ingen. Denne siden representerer den flate ytre av kortet

    Trinn 57

    Grab Type Tool (T) og knipse et bilde til de nederste indre guider og skriv inn hovedbudskapet i hvitt -. Jeg har brukt en kommersiell font som heter ITC Lubalin Graph BT
    , litt gjerne bruke ditt eget valg. Trykk Shift + Cmd /Ctrl + C for å sentrere teksten. Hit Escape for å aktivere Selection Tool (V), og trykk deretter på Cmd /Ctrl + B for å få tilgang til Valg for tekstramme vinduet. Herfra setter Align Vertikal rettferdiggjørelsen til bunn og klikk på OK.

    Det er viktig når man bruker store skriftstørrelser for å justere mellomrommene mellom enkelttegn. Dette kalles kniping Hotell og må ikke forveksles med sporing
    som justerer avstanden mellom hele ord. I Kern, klikk mellom tegnene du ønsker å justere med tekstverktøyet, trykk Opt /Alt og trykke venstre eller høyre piltast. Avhengig av hvilken vei du trykker på, vil du se at avstanden mellom bokstavene økes eller reduseres med 20 em i Character Palette (en em er definert som et mål for 12-punkts type; en pica). I InDesign preferanser, kan du sette standard em avstand til noe lavere som vil øke eller redusere avstanden i mindre trinn hvis du ønsker det, eller manuelt inn utligningen feltet. Du vil se at jeg har strammet opp avstanden mellom noen tegn ved øye for et behagelig resultat.

    Trinn 58

    Fyll ut kortet ytre ved å legge til relevante miljø meldinger /logoer knyttet til blekk og papir som brukes - skriveren bør være i stand til å gi deg råd om dette. Husk, den øverste halvdelen av dine kunstverk til slutt vil være det motsatte av kortet, så roter grafikk 180 grader.

    Step 59

    Her er hvordan det ferdige kortet ytre kunstverk skal se ut, sammen med en trykt mock-up.

    Trinn 60

    Drag side 1 over Opprett ny side-ikonet i kategorien Sider, deretter slette alle de hvite teksten og den røde boksen på denne siden. Trykk Cmd /Ctrl + D, deretter navigere til " background.tif ". Nå smekk plassert bildet til lufte guider. Deretter legger ferien meldingen som en sentrert blokk som vist, men husk å legge igjen en plass i bunnen for noen håndskrevne signaturer. Denne siden vil bli kortet indre.

    Trinn 61

    Skriv dette lille vises over en blek bakgrunnen skal være farget opp med InDesign standard svart og satt til overtrykk Fyll i Attributter-panelet (Vindu> utgang> attributter) for å unngå eventuelle fargeregistreringsproblemer.
    Step 62

    nå trenger vi å farge opp den eksport Photoshop banen. Åpne din " cut_out.ai " via Illustrator og bruke en 100% magenta 0.5pt slag, Lagre, så sjekk Legacy Artboard i følgende vinduet og klikk på OK.

    Trinn 63

    Duplicate side 2 for å opprette en tredje og siste side , og sett hovedbildet med " cut_out.tif " fil. Lås og slett guider samt magenta fold /snittkarakter på denne siden bare. Target " Cutter " lag og trykk Cmd /Ctrl + D, og ​​deretter plassere den modifiserte " cut_out.ai " fil. Knipse dette på plass over cut-out som vist.

    Trinn 64

    Det er kunstverket ferdig. I de siste trinnene, jeg lede deg gjennom prosessen med å produsere PDF kunstverk filer for skriveren. Først skal vi takle cutter. Slå av synligheten av " Artwork " lag, deretter trykker Cmd /Ctrl + E for å eksportere. Merke det " cutter.pdf " og sørg for at du bare velge sider 2-3 i feltet Område, og deretter kopiere de gjenværende innstillinger

    Trinn 65

    Sett med Acrobat din ". cutter.pdf " bør se slik ut.

    Trinn 66

    Til slutt vil vi lage den i fire farger kunstverk. Slå av synligheten av " Cutter " og slå på " Artwork " lag. Export igjen, navn det ". Card_artwork.pdf ", men denne gangen sjekker alle sider og bruke alle skrivermerker og dokumentutfalls Innstillinger

    Trinn 67

    Sett med Acrobat din " card_artwork. pdf " bør se slik ut. Alt du trenger å gjøre nå er mock-up en dummy for å vise skriveren sammen med skisser og du er ferdig !.

    Konklusjon og Scope

    Husk at det er lurt å snakke med skriveren før du oppretter en kompleks, cut-out kunstverk; han kanskje kunne tilby uvurderlig råd som kan spare deg for mye tid. God jul!