Emballasje design i InDesign: Lag A Grunge

Packaging Design i InDesign: Lag A Grunge-Effect CD Cover
Hva du skal lage

emballasje design kan være en skremmende gjenstand for nye designere. Visualisering av hvordan noe kan vises og fungere som et 3D-objekt kan være vanskelig når du oppretter flate maler, spesielt i fravær av noen industriell skala utskrift utstyr hjemme. En mindre produkt, som en fold-out-kortet CD-omslaget, er et flott sted å begynne å eksperimentere med pakningsdesign. InDesign er den perfekte programvaren til å bruke, så du enkelt kan stille inn og overvåke målinger gjennom hele designprosessen.

I denne opplæringen vil vi være å skape en grunnleggende CD-veske mal i Adobe InDesign og bruker litt Illustrator for , som omfatter noen funky vektorgrafikk fra Yulia Sokolova mens vi går. Det ferdige ermet kan også skrives og ferdig hjemme hvis du har tilgang til en A3-skriver, noen kort, en kniv og lim. Malen for hylsen er utformet for å passe på en enkelt A3 side, men du kan lage mock-ups bruker 2 A4 ark stiftet eller limt sammen for å få et inntrykk av produktet før du sender den til å skrive ut. Jeg gjorde nettopp det, og det fortsatt fungerer en godbit!

Når du utformer en 3D-produkt ved hjelp av en flat, 2D malen du må alltid huske på hvordan produktet vil se ut fra forskjellige vinkler. Vil baksiden av ermet ser så godt som front? Vil det være detaljer på sidene, slik at den kan gjenkjennes når stablet med andre CDer? Hvilken måte vil teksten bli lest en gang emballasjen er brettet og limt? Vil innsiden av ermet, en gang åpnet, har noen ekstra farge eller kunstverk? Oppbevar disse spørsmålene i tankene, og du kan ikke gå galt!

1. Opprett et nytt dokument i InDesign

Trinn 1

Åpne InDesign Hotell og velg Fil > New Document
. I Nytt dokument
window sette Intent
til Print Hotell og sette Nei. av Pages
til 2
. Angre velg motstående sider
.

Under Sidestørrelse
velg 'A3' Hotell og sette Orientering
til Liggende
.

La de Marginene
på deres standardverdi og sette Bleed
til 0 mm
hele veien rundt. Klikk OK
.

Side 1
av dokumentet vil være Utenfor
overflate Sleeve, og Side 2
Inside
.

2. Definer lag for malen og Artwork

Trinn 1

Det er viktig å holde CD Sleeve malen og ermet kunstverk separat. Dette gjør at du enkelt kan gjøre endringer til kunstverk uten feilaktig å flytte noen av malen guider.

Åpne Layers Panel
ved å gå til Vindu > Lag
. Dobbeltklikk
på standard ' Layer 1
navn og endre navn på denne Layer' Notater
'. For nå Lås
dette Layer ved å klikke i den tomme boksen til venstre for Layer navn.

Trinn 2

Klikk på Opprett New Layer
ikonet nederst til høyre i panelet og Dobbeltklikk
på standard ' Layer 2
' navn. Gi denne Layer ' Mal
'. Som før, Lås
dette Layer.

Trinn 3

Gjenta prosessen i
Trinn 2
å skape to
flere lag ovenfor ' < i> Notater
'og' Mal
'lag. Nevne disse " Artwork
'og' Tekst
'.

Lås
disse to nye lag og tilbake til og Lås
' Notater
' Layer.

For enkelhets skyld, fall i en sub-tittel i øverste venstre hjørne på hver side ved hjelp av Type Tool (T)
. Type ' Utenfor ermet
' Page 1
, og Rediger > Kopier > Lim i stedet
notatet på Side 2
, døpe det Innsiden av ermet
'.

3. Mål malen

Det kan være en utfordring å lage en emballasje mal fra bunnen av. Alltid se på andre eksempler på den type emballasje du prøver å skape, og åpne dem ut flat hvis du kan. Få en linjal ut og gjøre notater av viktige målinger. Noen ganger de enkleste malen design fungerer best-jeg fant et par chart-topping album brukt emballasje mal som ligner på den vi skal lage her. Du ønsker å la CD eller et annet produkt for å passe godt inn i emballasje design uten å skade produktet ved å gjøre det for mye av et stramt klemme eller alternativt at produktet å bevege seg for mye inne i emballasjen.

I dette eksempelet, vi imøtekommende for en standard CD, med en 120 mm diameter.
Du bør tillate nok pusterom for CDen som skal settes lett inn i ermet, og du vil kanskje ekstra plass til å sette inn et liten brosjyre eller pakningsvedlegget i der også. I malen vil vi lage her, vi vil gi rom for en 3 mm
på alle sider av CD å tillate det å være lett inn og hentet.

Trinn 1

Naviger til Side 1
av dokumentet. Lås
' Notater
' lag i Layers Panel Hotell og Lås
' Mal
'Layer. Gå til View > Herskere
hvis herskere ikke allerede er synlig.

Dra en vertikal guide
fra venstre linjal som 120 mm
. Dra en andre vertikal Guide
til 246 mm
.

Dra en horisontal guide
ned fra toppen på linjal som 86 mm
. Dra en andre horisontal Guide
ned til 212 mm
.

Dette markerer ut en pen 126 mm med 126 mm square
mellom Guides, som vil danne den sentrale del av hylsen. Dra musen over siden for å velge alle fire Guides og Rediger > Kopi
; navigere til Side 2 Hotell og Rediger > Lim i Place
.

Trinn 2

Vi kan legge små foldede kanter til ermet for å gi CD ekstra plass inni og også tillate en liten plass til å sette inn tekst, som du ville gjort på ryggraden av et CD-cover.

Gå tilbake til Page 1
. Dra en Guide
fra venstre linjal som 250 mm
. Dra en andre vertikal Guide
til 116 mm
. Dra en horisontal Guide
fra toppen linjal som 82 mm
, og deretter en annen horisontal Guide
til 216 mm
.

4. Lag din Mal

Nå de grunnleggende retningslinjene er satt opp kan du begynne å bygge din mal. Brett linjer
vil bli markert med en stiplet linje
, og Cut linjer
markert med heltrukken linje
.

Trinn 1

Gjenværende på ' Mal
' lag, bruker du rektangel Tool (M)
å lage en firkant 126 mm
i diameter (hold nede Skift
å skape et perfekt kvadrat). Sett Stroke
til [Black]
, Skriv
til Stiplet Hotell og Vekt
til 0.5 mm
. Du kan sette disse verdiene i den øvre kontrollpanelet, eller i Stroke Panel (Vindu > Stroke).

Posisjons denne rammen i sentrum av Guides
.

Trinn 2

Tilbake til Guides! Dra en vertikal guide
fra venstre linjal som 376 mm
. Denne tar hensyn til 4mm fold, pluss ytterligere 126 mm for å skape den komplette fold-over av CD-omslaget.

Bruk Linje Tool (\\) Hotell og hold Shift
å skape en perfekt horisontal Linje 130 mm
i Lengde
som strekker seg fra øverst i høyre hjørne av den stiplede firkanten til den nye Guide. Sett Color
av Strek til C = 0, M = 100, Y = 0, K = 0
å skille denne linjen fra de stiplede brettelinjer. Sett Vekt
til 0,35 mm.

Velg linjen opprettet i Trinn 2
, ovenfor, og Rediger > Kopier
. Lim på plass nedenfor, med venstre kant hviler mot nederste høyre hjørne av den stiplede firkanten

Velg denne andre Line og gå til Rediger >.; Kopier > Lim
. Med Line valgt, Dobbeltklikk på (PC) eller Ctrl-klikk (Mac) Hotell og Transform > Roter 90 grader CW
. Reduser Lengde
til 126 mm Hotell og koble hver ende av linjen til de andre to heltrukne linjer for å danne en andre firkantet form.

Trinn 3

Velg Ellipse Tool (L)
. Hold Shift Hotell og dra for å lage en sirkel 23 mm
i diameter. Sett Stroke Color
til C = 0, M = 100, Y = 0, K = 0
, som før, og Vekt
til 0,35 mm
. Plasser sirkelen sentralt langs høyre heltrukken linje, på 376 mm Guide
.

Trinn 4

Bruk Saks Tool (C)
å klipp en gang på toppen og bunnen av sirkelen der sirkelen møter den rette linjen. Slett
høyre delen av sirkelen.

Bruk Saks Tool (C)
å klipp en gang på den vertikale linjen på toppen og en gang på bunnen hvor kantene på halvsirkelen møte den rette linje. Slett den vertikale linjen til venstre innenfor sirkelen.

Trinn 5

Bruk Linje Tool (\\)
å lage en vertikal linje 25 mm
i Lengde
. Sett Color
til C = 0, M = 100, Y = 0, K = 0
, som før, og Vekt
til 0.6 mm
. Posisjon dette på X posisjon 313 mm Hotell og Y posisjon 136 mm
.

Trinn 6

Innføre en ny Guide Anmeldelser fra venstre Ruler på 53 mm
.

Dra for å velge de høyre cut linjer, minus den korte linjen innført i Trinn 6
, og Rediger > Kopier og Rediger > Lim i Place
. Dobbeltklikk på (PC) eller Ctrl-klikk (Mac) Hotell og Transform > Vend vannrett.

Flytt til Free Transform Tool (E)
å holde alle linjene sammen og manøvrere i posisjon til venstre for den stiplede firkanten. Hvil venstre kant mot 53 mm Guide
.

Juster Lengde
av topp- og bunn rette linjer til 67 mm
til møte øverst til venstre og nederst til venstre kant av den stiplede firkanten.

Trinn 7

Innføre noen flaps for liming ermet sammen. Vi kommer til å sette Høyde
av disse til 16 mm
, som gir nok av plass for lim og skaper en sterk, sikker ermet.

Trekk en horisontal Guide
ned fra toppen på linjal som 66 mm
. Bruk Linje Tool (\\)
, holder Shift
, for å lage en horisontal Linje 114 mm
i Lengde
. Sett Vekt Hotell og Stroke Color
til de samme verdiene for skjærelinjer som i tidligere trinn.

Plasser linje langs 66 mm Guide Hotell og sentrere den over den stiplede firkanten. Deretter bruker du Linje Tool (\\)
å koble kantene av den nye linjen til hjørnene av den stiplede firkanten.

Eventuelt ved å velge to linjer på en gang og går Objekt > Baner > Bli
, kan du lage lettere håndterbare og sømløse grupper av linjer.

Trinn 8

Velg gruppe på tre linjer laget ovenfor i Trinn 8
og Rediger > Kopier > Lim
. Dobbeltklikk på (PC) eller Ctrl-klikk (Mac) Hotell og Transform > Flip Vertical
. Posisjon dette i motsatt posisjon, på den nedre delen av malen.

Trinn 9

Gå tilbake til venstre side av malen. Velg halvsirkelen og Dobbeltklikk på (PC) eller Ctrl-klikk (Mac) Hotell og Transform > Vend vannrett
. Posisjon dette helt til venstre side av malen.

Trinn 10

Som et siste steg for å lage malen, bruker du Linje Tool (\\)
å innføre Brett Lines
kjører langs Guides
liggende like utenfor den stiplede firkanten på alle sider. Hold nede Shift
samtidig skape dem, og sette Color
til [Black]
, Skriv
til Stiplet Hotell og Vekt
til 0.5 mm
.

Trinn 11

Naviger til Side 2
ved å bla nedover eller klikke på Side 2
ikonet i Sider Panel (Vindu > sider).

I et tidligere trinn vi kopiert og limt de Guides fra side 1 på siden 2. Du kan opprettholde disse som de er, og Rediger > Kopier > Lim i stedet
hele malen fra side 1 til side 2 hvis du planlegger å sende ermet til en ekstern skriver.

Men hvis du ønsker å skrive ut ermet hjemme og planlegger å skrive ut kunstverk som en tosidig enkelt ark må du flip
malen i den aktuelle stillingen. Igjen på Side 2
, dra en vertikal Guide
fra venstre linjal som 53 mm
. Du kan også slette de to sentrale vertikale Guides som du limt over på et tidligere stadium. Hold horisontale føringer som de er.

Gå tilbake til Page 1 Hotell og velg hele malen ved å dra musen over siden. Gå til Rediger > Kopier
, naviger til Side 2
, og Rediger > Lim i Place
. Dobbeltklikk på (PC) eller Ctrl-klikk (Mac) Hotell og Transform > Vend vannrett
; deretter hvile den venstre kanten av malen mot 53 mm
retningslinje.

5. Skriv ut en mock-up av Mal hjemme

Før du fortsetter med å legge noen skisser eller tekst i malen, må du huske å skrive ut en mock-up
kopi av malen på skriveren hjemme. Dette kan være så tilfeldig som du vil, ved hjelp av en tosidig A3 ark eller to eller flere A4-ark stiftet eller limt sammen. Estetikk ikke saken på dette stadiet, men spørsmålet om hvorvidt malen måler opp og fester sammen gjør!

Dette hjelper deg også til å visualisere hvor grafikken og teksten bør funksjonen på den endelige utformingen. Her er et eksempel jeg satt sammen hjemme ved hjelp av en A4-skriver og en hel haug med stifter!

6. Legg inn Grunge Artwork til ermet

Når glad for at malen tiltak opp, kan du begynne å legge en kunstnerisk utforming av ermet. I denne opplæringen, vil vi være å bruke skisser for forsiden av CD-veske laget av Yulia Sokolova. Sjekk tutorial først, eller lage ditt eget design i Illustrator, og deretter komme tilbake hit for å sette det til å fungere i CD-cover design.

Trinn 1

Åpne vektorgrafikk i Illustrator
. Sørg for at template linjer (Cut linjer, Brett linjer etc) er ikke synlig ved å slå av synligheten av relevant Layers

Gå til Fil >.; Lagre som
og navnet på filen ' Artwork for Front
'. Velg Illustrator EPS (eps)
fra rullegardinmenyen. I EPS-alternativer
pop-up vindu, velger du [Høy oppløsning]
fra Transparency Preset
rullegardinmenyen. Klikk OK
.

Trinn 2

Gå tilbake til InDesign
og mal fil. Gå til Layers Panel (Vindu > Layers) Hotell og Lås
' Mal
' Layer. Lås
' Artwork
' Layer.

Naviger til Side 1
av dokumentet. Gå til Fil > Plasser Hotell og velg vektor EPS-filen. Klikk Åpne.
Filen vil bli plassert på Faktisk størrelse
.

Du må kanskje justere størrelsen på bildet litt ( Dobbeltklikk
inne i rammen for å velge direkte kunstverk og hold Shift
mens du drar for å opprettholde proporsjoner), for å tillate at kunstverket til å flyte helt opp til kanten av sjablonen.

Layers Panel
ta tak i ' Mal
' Layer og manøvrere dette ovenfor ' Artwork

'Layer slik at Cut og brettelinjer er synlige. Ikke bekymre deg hvis noen skisser går over kantene av kuttet Lines, da dette vil bli forkastet etter utskrift og skjæring.

7. Legg Color til din ermet

Med inspirasjon fra vektor design, bruke en enkel blå fargepalett over innsiden av CD-omslaget.

Trinn 1
< p> Gjenværende på Page 1
, velg Dråpetellerverktøyet Tool (I)
fra Verktøy Panel Hotell og sveve over bildet av elefanten. Klikk gang
å plukke opp en blå RGB fargeprøve fra bildet. I Verktøy Panel, etter Dobbeltklikk
fargekartet i ' Stroke
' hul firkantet ikon nær bunnen av panelet for å åpne Color Picker
vinduet.

Klikk én gang i C, M, Y eller K fra Value bokser og velg Legg til CMYK Swatch
. Klikk OK
.

Trinn 2

Naviger til Side 2
av dokumentet, og dra musen over for å velge alle utenfor Cut Lines, men ikke brettelinjene. Gå til Rediger > . Kopi

Gå tilbake til Illustrator Hotell og gå til Fil > New Document
. Gå til Rediger > Lim
.

Slipp klipping masker ( Dobbeltklikk på (PC) eller Ctrl-klikk (Mac) > Slipp Clipping Mask
) slik at bare de Lines forbli. Velg alle linjene og Dobbeltklikk på (PC) eller Ctrl-klikk (Mac) > Bli
. Med den nylig sluttet Shape
valgt gå til Rediger > Kopier
.

Gå tilbake til InDesign Hotell og Side 2
av dokumentet. Rediger > Lim
å slippe formen inn i ' Artwork
' Layer. Manøvrer formen på plass bak mal.

I øvre kontrollpanelet, endre Stroke Color
til [Ingen] Hotell og Fill Color
til den nye blå swatch. I dette eksemplet, C = 93, M = 58, Y = 18, K = 2
.

8. Introduser Tekst til Design

Trinn 1

Her kommer vi til å velge to-fonter
for bruk på CD-veske. Begge Fonts bør styrke grungy, moderne følelsen av vektorgrafikk. Jeg har valgt den rene og grafiske Tracks Type og grungier Destroy.

Trinn 2

Naviger til Side 1
av InDesign
dokument. Lås
' Artwork
' Layer og Lås
' Tekst
' Layer.

Velg Type Tool (T) Hotell og dra for å opprette en tekstramme om 9 mm
i Høyde Hotell og 110 mm
i Bredde
. Posisjon dette nedenfor elefanten bildet, innenfor den stiplede firkanten, slik at en smal margin på 3,5 mm
mellom kanten av tekstrammen og brettelinjene.

Type ' Album Name
'og sette Font
til Spor Skriv Regular.
I tegnformatering Controls
panel, som går langs toppen av skjermen, sett Størrelse
til 30 pt, etter Tracking
til 30
, Color
til en ny Swatch
, C = 71, M = 0, Y = 7, K = 0 product: ( Vindu > Prøver > New Swatch
, med en CMYK Color Mode Anmeldelser ), og Orientering
til Align Left
.

Trinn 3

Bruk Type Tool (T) Anmeldelser igjen for å opprette en ny tekstramme om 30 mm
i Bredde Hotell og 15 mm
i Høyde.
Type ' Artist Name
'og sette Font
til Destroy Regular
. Sett Størrelse
til 22 pt, Ledende
til 30 pt
, Tracking
til 30, Orientering
til Align Left
, og Color anbefale til en mørk blå skygge for å etterligne skyggene i elefantens snabel, i dette eksempelet C = 100, M = 87, Y = 33, K = 23
.

Posisjons denne rammen til bunnen igjen av elefant hode, like ovenfor Album navn
.

Trinn 4

Innføre en tredje tekstramme på Page 1
bruke Type Tool (T) 29 mm
i Høyde Hotell og 50 mm
i Width
. Posisjon dette på høyre delen av malen nederst i venstre hjørne, ved siden av brettelinjene som angitt.

Her kan du føre opp navn på spor på CD-en. Sett Font
til Spor Type Vanlig
, Størrelse
til 10 pt
, Ledende
til 12 pt
, Tracking
til 30
, Orientering
til Align Left Hotell og Color
å veksle blå fargeprøver, C = 71, M = 0, Y = 7, K = 0 Hotell og C = 93, M = 58, Y = 18, K = 2.

Trinn 5

Du kan også presentere tekst langs ryggraden av ermet, i stillingen som vist nedenfor. Med tekstrammen valgte Dobbeltklikk på (PC) eller Ctrl-klikk (Mac) > Transform > Roter 90 grader CW.

Sett Font Size
til 7 pt
, Sporings 30 Hotell og Align Senter
, og bruke både Destroy Hotell og Spor Skriv
, samt to forskjellige fargeprøver
, for å skille mellom Artist Name Hotell og navn Album
.

Legg til en Drop Shadow
, som i Trinn 3
, men justere Opacity
til 100% Anmeldelser for ekstra effekt og lesbarhet.

Trinn 6

CD ermet design er nå ferdig-flott arbeid! Før du skriver ut, flytte ' Mal
' Layer til baksiden av kunstverket for å minimere synligheten av Brett og skjærelinjer i den endelige trykte produktet.

Du kan forlenge Lengde
av Brett Lines
utover kantene på Cut Lines, dvs. utenfor hoved malen, for å
kunne se hvor kortet skal brettes uten de stiplede linjene som vises på den endelige kunstverk.

Du kan nå velge å enten skrive ut hjemme på A3 kortet
over 350 gsm en vekt
eller Eksporter til PDF ( Fil > Export, velge Adobe PDF (Print
)) for å sende til en profesjonell skriver.

Hvis det siste, bør du sjekke med skriveren på forhånd om sine krav til lagdeling av Cut og Brett Lines i PDF-filen, og hvordan de bør være farget og vektet på dine kunstverk. Anmeldelser
All Ferdig

Awesome arbeid! CD-veske design er ferdig og klar for utskrift. Det ser flott!

Jeg håper denne opplæringen har inspirert deg til å prøve å lage noen pakkemønster av dine egne ved hjelp av InDesign. Enkle, origami-inspirerte figurer er et flott sted å starte. Hvorfor ikke prøve å utforme en sammenleggbar boks for å vise ølflasker eller parfyme? Eller hva med en enkel cover for et pass eller spesielle bærbare? Del dine ideer med
Tuts +
samfunnet i kommentarfeltet nedenfor! Anmeldelser