How Design en folky Gig Poster i Adobe Illustrator
Sponset Innhold
Dette sponset post har et produkt som er relevant for våre lesere mens møte våre redaksjonelle retningslinjer for å være objektiv og pedagogisk.
Hva du skal lage
I denne opplæringen, vil jeg vise deg hvordan du bruker Adobe Illustrator og Wacom Intuos Pro tablet å designe og illustrere en plakat for en folkemusikk og poesi showet.
Jeg skal ta deg gjennom et par interessante og nyttige teknikker; herunder sette opp swatch grupper, sette opp trykkfølsomme børster som kan dra nytte av den tablett evner, stretching bokstav, og ved hjelp av Adobe Illustrator effekter for ujevn og grunge opp plakaten.
1. Skisser
Jeg liker å skissere noen grove miniatyrer av ideer og forskjellige oppsett til jeg finner noe som fungerer godt. Jeg har en Wacom Intuos Pro tablet (størrelse medium) som jeg bruker til å tegne direkte inn Illustrator.
Ved å bruke en tablett, unngår du å måtte skanne i en tradisjonell skisse, og kan dra full nytte av kraften Illustrator er annerledes børste størrelser og trykkfølsomhet. Det er et enormt tidsbesparende for meg.
2. Forbereder dokumentet
Opprett et nytt dokument ( Fil > New
), og velg A3
som dokumentstørrelsen. Kontroller at fargemodus er satt til CMYK
under Avansert
delen.
Siden vi skal legge en farget bakgrunn, og vi ønsker farge trykt helt opp til kantene på plakaten, er det viktig at vår dokumentet har blø.
Gi dokumentet en blødning av 5mm plakater (eller 1/8 av en tomme
, vanlig standard i USA) i alle retninger.
Lag din nye dokumentet med innstillingene vist ovenfor.
Det er ikke absolutt nødvendig, men det vil være lettere å følge med denne opplæringen hvis du setter ditt Arbeidsområde
til Maleri
med Vindu > Workspace > Maleri
Vindu >.; Workspace > Maleri
Sette opp Sketch Layer
Åpne opp skisse dokumentet, og kopiere plakater ( Kommando-C
) skissen du ønsker å bruke som et utgangspunkt. Gå tilbake til plakaten dokumentet og lim product: ( Kommando-V
) skissen.
Jeg trakk alle mine skisser ganske mye mindre enn den endelige plakaten, og hvis du gjorde det samme, bare skalere skisse opp til riktig størrelse.
Velg skisse, og endre Opacity
til 20%.
Nå, lås < b> Layer 1
ved å gå til Layer
panel og klikke den tomme plassen ved siden av øyet ikonet.
Gi nytt navn Layer 1
til " Skisse
".
Velg en farge palett, ferdig Prøver
Det finnes en haug med forskjellige måter å velge en fargepalett. Personlig pleier jeg å bare velge farger som jeg går, men mange designere liker å starte med et sett med fargeprøver.
Før du kan opprette en gruppe med fargeprøver i Fargeprøver Anmeldelser panel, må du ha objekter på Artboard
fylt med dine farger.
Fargene jeg skal bruke for plakaten are:
#a6d6e5
#42637a
#ffe4b3
#f48478
#ffcd3b
#f0492d
You kan lage et sett med firkanter med rektangelverktøyet product: ( M
), hver fylt med en annen farge.
Velg alle dine fargede firkanter og klikk mappeikonet
nederst i Fargeprøver
panelet for å opprette en ny Color Group
.
Hit OK
. Du vil nå ha en mappe som inneholder dine nye fargeprøver.
Legg til en bakgrunnsfarge
Vi vil at plakaten skal være mørkt, slik at den lyse brannen har en fin kontrast og virkelig spretter utenfor siden.
Lag en ny
Layer
heter " Bakgrunn
" under Sk
etch lag.
< p> Bruke rektangelverktøyet product: ( M
), dra ut et rektangel for å dekke hele Artboard. Sørg for at den når ut til den røde blø linje.
Med den nyopprettede rektangel valgt, klikker du på den mørkeste blå i Swatch Group skal gjelde som swatch til rektangelet.
Lås bakgrunnslaget
.
3. Legging ut Text
Nå er vi klare til å begynne å legge inn den typen. Lag et nytt lag og gi den navnet " Skriv
"
lagpanelet
skal se slik ut:.
Opprette hovedteksten
Velg Type Tool
( T
), og velg en font. Vi ønsker å bruke en fin sterk kondensert sans serif. League Gothic passer regningen også.
Sett skriftstørrelse
til 280pt
, og sørge for at Paragraf
er satt til Align senter
.
Klikk plakater (ikke dra) på Artboard på midten nederst i dokumentet, og skriv ut teksten. På dette punktet, bør dokumentet se omtrent slik ut:
Opprette Sekundær tekst
For sekundær teksten, trenger vi en skrift som ikke er så kondensert som League gotisk, fordi det er behov for å fylle opp mer horisontal plass. Jeg skal bruke Maven Pro Svart.
Sett skriftstørrelse
til 50pt
, og pass på at Paragraf
er satt til Rett Senter
.
Med Type Tool
( T
), klikk på Artboard, denne gangen under teksten du nettopp laget. Skriv ut din tekst
Nå, klikk på Tegn
linken i verktøylinjen blå, for å få opp Tegninnstillingspanelet Bilde:.
Set sporing av den sekundære tekst til 90
, eller til den kommer på linje med kantene på den primære teksten.
Velg nyopprettede tekst, og velger en annen av dine swatch farger for det.
Plakaten skal være på dette stadiet nå:
Opprette Dato og sted Informasjon
Dette ville være en ganske ineffektiv plakat hvis det ikke fortelle deg når eller hvor showet er, så vi må legge inn dato og plassere informasjon. Vi vil bruke en veldig kul skrått tekst effekt som tar nytte av den naturlige skrå av kursiv.
Med Type Tool
, sett skriften til League Gothic Kursiv. Sett Avsnitt
til Align Left Hotell og tilbakestille sporing til 0
. Sette fører
til 40pt
, og la skriftstørrelsen på 50pt
.
Skriv ut teksten, og velg en farge for det fra fargeprøver.
Nå, rotere ny tekst før kursiv 'vertikale linjene er helt rett.
Kopier product: ( Kommando-C
) og < b> Lim inn i Place product: ( Kommando-Skift-V
) teksten. Hold shift
(dette låser objektet til en enkelt akse bevegelse), og dra den horisontalt.
Velg begge de nye tekstobjekter, og flytte dem til den vertikale midten av . artikkel
Du bør ha noe sånt som dette:
Dobbeltklikk på den andre tekstobjekt for å redigere den. Sett noen mellomrom før toppen ord for å gjøre plass til en annen tekst objekt som inneholder "på".
Kopier (Kommando-C) og lim in Place (Kommando-Skift-V) teksten, og endre nye tekstobjekt for å lese "på". Med din nye tekst valgt, setter avsnittet til Juster Høyre.
Skala ned "på" og plasser den i den plassen du har gjort tidligere.
Juster Utligning og Placement
< p> Nå er en fin tid for å justere kniping og plassering av tekstA € "før vi går videre til å illustrere brannen.
Et par problemområder jeg identifiserte var mellomrommene mellom bokstaven A og Y i" Lørdag ", samt mellom L og Y i" July ".
Du kan justere utligningen ved hjelp av Character Innstillinger Panel
.
Når du har gjort noen justeringer til kniping og plassering, dette er hvordan teksten skal se ut.
Illustrerer bålet
Jeg skal bruke en Wacom Intuos Pro Medium tablett for å illustrere bål
Du kan fullføre denne delen av opplæringen ved hjelp av en mus, men en Wacom tablet vil alvorlig fart på arbeidsflyten og gjør livet mye enklere.
Først må vi sette opp noen trykkfølsomme børster slik at vi kan dra full nytte av kontroll tabletten gir oss.
Sette opp trykkfølsom Børster
Lag et nytt lag og gi den navnet "Campfire". Jeg har også gjemt min skisse lag å rydde opp arbeidsområdet. Hvis det hjelper deg å holde skissen synlig, gå for det!
I Børster panel, opprette en ny pensel ved å klikke på New Brush
ikon.
I dialogen som vises, velger du kalligrafiske Brush
, og OK
.
En annen dialog vil åpnes. Herfra vil vi justere innstillingene for børsten til å bruke ulike typer innspill fra tabletten å gi oss mer kontroll over hvordan penselstrøk vises.
- Størrelse
til 0.3 mm
, Absolute
Detalj
til 20 /i
poeng
til < b> Glatt
Eksperimenter med forskjellige innstillinger og se hva som fungerer best for deg. Det er nyttig å sjekke forhåndsvisningsboksen slik at du kan se endringene i sanntid
Her er hvordan vår plakat bør se nå.
8. Siste hånd
Å knytte komposisjonen sammen, har jeg lagt et tykt mørkt grensen. Jeg slipt og avrundet grensen ved hjelp av samme teknikk som vi brukte ovenfor.
Med det er vi ferdige!
Set Angle Anmeldelser 90 °
, velger du Rotasjon
fra nedtrekksmenyen, og sette Variasjon
til 90 °
.
Set < b> Rundhet
til 60%
, velger du Vipp
fra nedtrekksmenyen, og sette Variasjon
til 90 °
.
Set Størrelse
til 14 pkt
, velger du Trykk
fra nedtrekksmenyen, og sette Variasjon
til 10pt
.
Klikk på OK
.
Nå må vi duplisere vår pensel. Klikk på den nye penselen i Børster panel og velg "Duplicate" fra panelet nedtrekksmenyen.
Dobbeltklikk på duplisert pensel for å få opp Brush Valg
dialog igjen, og endre < b> Størrelse
til 5PT
, og størrelsen Variasjon
til 3pt
. Klikk OK
.
Nå har vi to børster, en for brede strøk, den andre for fine detaljer. Begge børster er trykkfølsom, slik at jo hardere du trykker med tavlepennen, desto tykkere linje vil bli. Justeringene på Angle og Rundhet bety at subtile endringer i hvordan du holder pennen på tegnebrettet vil gi penselstrøkene litt ekstra karakter.
Tegning Brann
Brann har et par nivåer av farge, arbeider innover fra kulere rød til varmt hvitt (og noen ganger blå).
Velg Blob Brush Tool
( Shift-B
), og klikk på største av de to nye børster i Børster panel.
Color Panel
, sette Fil
l
til Ingen
og Stroke
til en dyp rød fra fargeprøver.
Begynn med å tegne omrisset av det første nivået av flamme. Hold slag løs. Børste kontrollene vi satt opp tidligere og den naturlige bevegelsen av hånden din vil gi illustrasjon bytur.
Fyll ut flammen ved å tegne med blob penselverktøyet. Ved å fylle ut flammen på denne måten, vil du sitte igjen med en haug med fine, små skjønnhetsfeil.
Gjenta denne prosessen med hver påfølgende nivå av flamme farge, går fra lys rød hele veien til lys gul /hvit .
For å hjelpe deg å få en ide om hvordan å nærme seg ved hjelp av trykkfølsomme børster og en løs håndtegnet følelse, her er en video på 3x hastighet på meg illustrerer brannen ved hjelp av et Wacom Intuos Pro tablett. Jeg har satt de ExpressKeys på siden for å kartlegge noen av mine mest brukte hurtigtaster (som Undo)
Når ilden er gjort, skal det se omtrent slik ut:.
tegning Logger av Treverk
Lag et nytt lag og flytte den under Bål lag i Lag-panelet. Name it "Wood". Jeg vil også foreslå å låse bål lag, slik at hvis du bruker viskelær slutten av tavlepennen, det sletter ikke noen av brannen.
I stedet for å fylle i loggene som vi gjorde med flamme, vil vi bare gi dem en oversikt og litt tekstur. Dette bør skape en stor kontrast mellom flammen og loggene.
Bruke Blob Brush Tool (Shift-B) igjen, velger våre mindre trykkfølsom pensel, og trekke ut stokker med en blek gul.
Nå tar vår litt mørkere gul og legge til et par høydepunkter sammen stokkene. Jeg har også brukt en lyseblå å legge litt mer farger og detaljer.
For å se hele prosessen med å trekke stokkene, se denne korte videoen (sped opp) av meg illustrere dem-og skyggene fra neste trinn bruker en Wacom tablet.
Legge til skygger
opprette et nytt lag under "Wood" Layer, og gi den navnet "Shadow". Lås Wood lag.
Bruke Blob Brush Tool (Shift-B) og større trykkfølsomme børste, omtrent trekke ut noen skygger under stokkene. Ikke bekymre deg for mye om skyggen blødninger gjennom på innsiden av stokkene. . Snu tavlepennen over, eller bruk Eraser Tool (Shift-E) og slette alle deler av skyggen om du ikke ønsker
På dette stadiet plakaten bør se omtrent slik ut:
5. Modifisere Lette
Vi ønsker å gi den type på vår plakat litt visuell interesse, og bidra plakaten mesh sammen bedre som en helhet. For å gjøre dette, vil vi være å strekke ut noen av brevene.
Før vi kan redigere den typen, trenger vi å konvertere den til en fullt redigerbar vektorobjekt.
Konverter Type til skisserer
Lås Shadow
lag, og sørg for at Bål Hotell og Treverk lagene er begge fortsatt låst. . Lås opp Type
lag
Velg alle av typen din, og gå til Type > Lag Outlines
( Kommando-Skift-O
). Nå kan vi justere hver ankerpunktet av bokstavene individuelt.
Strekk F og E
Hvis du husker den opprinnelige skissen for denne plakaten, ordet "Fireside" hadde sine bokstaver strekke seg til gjøre en omvendt trekant. Å sørge for at alt er foret opp riktig, vil vi jobbe fra utsiden av ordet innover.
Tar Direct Selection Tool
( A
), klikk og dra for å velge ankerpunktene på den øverste halvdelen av "F".
Med disse ankerpunktene valgt, hold Shift
, og dra for å velge den øverste halvdelen av "E ".
Nå drar du oppover for å flytte alle ankerpunktene du har valgt.
I øyeblikket bokstavene ser litt ubalansert. Vi trenger å flytte midten barene i E og F til midten av letterform.
Fremdeles med Direct Selection Tool
( A
), klikk og dra å velge ankerpunktene i de midterste barer av F. Hold Shift
, og gjøre det samme med E.
Nå drar ankerpunktene til midten av bokstavene.
Strekk jeg og D
Siden D har en buet kant, må vi legge noen ankerpunkter for å sikre at vi ikke ender opp med et forvrengt brev.
Først velger du D
med Direct Selection Tool
( A
). Deretter bruker du Legg Anchor Point Tool
( +
), legge til fire nye festepunkter til kurven av D.
Nå velger den øverste halvdelen av I og D ved hjelp av samme metode som tidligere. Sørg for å velge bare de to nye ankerpunktene vi opprettet på den øverste halvdelen av D.
Dra peker oppover for å strekke bokstavene.
Strekk R og jeg
< p> Som med D, har vår R en svingete side som vil bli forvrengt hvis vi prøver og strekke den oppover. Bruk samme metode som vi brukte til å legge til nye ankerpunkter.
Grab ankerpunktene for den øverste halvdelen av R og jeg, og drar oppover.
Din typen bør nå se omtrent slik ut dette:
6. Legge Linjer og Ornamenter rundt type
Teksten fortsatt ser litt koblet fra illustrasjonen, så vi kommer til å legge inn noen grenser og ornamenter for å live opp type.
Tegn Borders Rundt Sekundær tekst
Ved hjelp av Linje Segment Tool
( \\
), velg en lys gul fra fargeprøver og sett den som Stroke Color
. Sett Stroke Vekt
til 3pt
.
Klikk Hotell og dra
, holder shift
til låse linje til en enkelt akse, over toppen av den sekundære tekst.
Velg ny tråd med Selection Tool
( V
), og kopiere plakater ( Kommando-C
) og Lim inn i Place product: ( Kommando-Skift-V
). Nå holder skifte
mens du trykker på pil ned
på tastaturet for å flytte linjen nedover 10 enheter på en gang før det er rett under den sekundære tekst.
Legg Hand- Drawn Ornamentikk
Vi vil nå trekke i noen tekstur og dekorative linjer. Dette er den slags ting som er mye enklere når du har mange nivåer av trykkfølsomhet for å jobbe med på nettbrettet ditt. Når du ønsker å enkelt og raskt trekke i mange små biter av tekstur, ved hjelp at følsomheten heller enn å endre pensel størrelse betyr arbeidsflyten ikke blir avbrutt.
Lag et nytt lag, og gi den navnet " ornamenter
".
Ta den minste av de vår trykkfølsomme børster, og trekke ut linjer på toppen og bunnen av dato og sted tekst. Start linje tynn i den ene enden, og trykker hardere mens du tegner for å gjøre det tykkere mot den andre enden.
Jeg har lagt inn noen innlegg på hver side av dato og sted tekst, samt en haug med små flekker rundt den nederste halvdelen av plakaten
Følg med på denne videoen for å se hvordan jeg trakk flekker og andre detaljer.
7. Justeringer av oppsett og mattes
Nå som alle elementene er på plakaten, må oppsettet rekonfigureres litt for å holde alt harmonisk og balansert.
Alt jeg har gjort er skalert min brann ned en touch, og flyttet den primære og sekundære tekst opp, noe som gir alt litt mer plass til å puste.
avrunding hjørner av Type
Velg den primære teksten, og gå til Effect > Stilisere > Runde Corners
. Jeg har satt min radius til 2.5mm
.
Velg den sekundære tekst, og gjøre det samme. Denne gangen, fordi teksten er mindre, satt radiusen til en mindre verdi. Jeg har brukt 1mm
.
Oppruing Tekst og illustrasjoner
Dette er en fin måte å gi dine ellers rene vektorer noen tegn.
Lås opp alle alle dine lag, med unntak av Bakgrunn Hotell og Skisse
. Velg alt på Artboard product: ( Kommando-A
), og gå til Effect > Forvrenge
& Transform > Rubb
Innstillingene jeg har brukt i Rubb
dialog er:.