Når de brukes sammen, er Photoshop og Illustrator en kraftig kombinasjon. De kan kombineres for å lage omtrent enhver type illustrasjon. I dag skal vi demonstrere hvordan du skal tegne en tegning, forfinne den i Illustrator, og ta den med i Photoshop for å skape en virkelig strålende blank typografisk illustrasjon.
Følgende ressurser ble brukt under produksjonen av denne opplæringen.
Det første trinnet er åpenbart å lage din type. For å gjøre dette kan du bruke filtype-sketch.jpg (leveres i nedlastingsfilene) eller, hvis du foretrekker det, jobbe fra din egen skisse. Ta litt papir og grovt tegne en type, for eksempel ordet galt. Du trenger ikke for mye nøyaktighet på dette stadiet (som du kan se fra skissen min), fokuser fremfor alt på å lage fine, glatte, avrundede og drypende bokstaver. Når du er ferdig, åpne Illustrator og opprett et nytt A3 landskapsdokument. Velg Fil> Plasser og åpne filtype-sketch.tiff eller din egen skisse. I lagpaletten dobbeltklikker du laget, heter det Guide og låser dette laget. Som du kan se, er det ikke noen lepper i min skisse, ikke bekymre deg, du vil legge dem til senere.
Nå lager et annet lag over guidelaget og ring det til typen. Velg pennverktøyet (P) og med et 1pt slag og en lys fargestart som sporer oversikten over bokstavene. Ikke føl deg begrenset av skissen. Du er velkommen til å gjøre endringer i fly for å forbedre bokstavets disposisjon. Ikke bruk for mange ankerpunkter, jo færre desto bedre. Husk å skifte guiden laget av og på for å se hvordan du gjør det.
Fortsett å spore konturene. Hvis du har en, foreslår jeg virkelig at du bruker en grafikkbrett for dette. Når du ikke liker et bestemt punkt, ta direkte valgverktøyet (A) og flytt forsiktig håndtakene til det punktet til du er fornøyd. Du er velkommen til å legge til andre detaljer du måtte ønske på din type. Eksperger og overdriv kurver eller legg til andre drypper hvis du føler det nødvendig.
Når du er ferdig med omrisset, dobbeltklikk du på Fargeplukeren, og bruk verdiene nedenfor for å lage fyllingen av typen, og trykk deretter Cmd / Ctrl + A for å velge alt og gå til Objekt> Utvid, la flagg fylle og strekk og klikk ok. Du burde ende opp med noe sånt.
Nå er det på tide å legge til litt dybde til vår type og lage noen grunnleggende høydepunkter som du vil forbedre senere i Photoshop. Velg typen ved å klikke den med markeringsverktøyet (V) og trykk Cmd / Ctrl + G for å gruppere objektet og dobbeltklikke det for å gå inn i gruppen. Ta nå pennverktøyet (P) igjen, velg et med et 8 pt slag uten å fylle fra øverste venstre hjørne, og begynn å tegne høydepunktet omtrent i midten av V som i bildet nedenfor. Åpne strykepanelet fra høyre og klikk på alternativet Round Cap for å få avkroppens ytterkant avrundet.
Utvid nå strekningen vi nettopp har opprettet som forklart i trinn 4, slik at du kan redigere alle ankerpunkter og enkelt endre formen vi nettopp har opprettet. Med Direct Selection Tool (A) velger du punktet du vil redigere og begynner forsiktig å forstørre deler av formen i nærheten av hvor du synes høydepunktene vil bli mer synlige og tykkere. Dette stadiet er mer et spørsmål om eksperimentering. Du må tenke på en eller annen måte hvordan høydepunktet vil se bedre ut og plassere det på den måten.
Med den valgte formen, gå til Effekt> Uklarhet> Gaussisk uskarphet og sett den til rundt 30 eller 40 piksler og reduser opaciteten til 58%. Du kan alltid endre disse verdiene fra utstillingspanelet. Nå er det viktig at disse effektene forblir skalerbare, så gå til Illustrator> Innstillinger> Generelt og kryss av i boksen Skalestroker og effekt. På denne måten er du sikker på at effekten alltid skal skaleres proporsjonalt med objektet.
Nå er det bedre å maskere gruppen slik at alle høydepunktene og nyansene du skal skape, kan ikke gå utenfor grenser av typen. Velg typen og trykk Cmd / Ctrl + C> Cmd / Ctrl + F for å lime foran, deretter med kopien som er valgt, gå til Objekt> Ordne> Ta til forside. Velg nå både kopien og den første typen og velg Objekt> Klippemask> Lag. På denne måten kan du lage subtil mørkere skyggelegging på kantene av typen. For å gjøre dette, igjen Cmd / Ctrl + C> Cmd / Ctrl + F, men la bare 4 - 7pt slag og ingen fyll fra denne formen og gi den denne fargen C: 10 M: 100 Y: 50 K: 0. Når det er gjort, gjelder det en Gaussian Blur med en radius på 9px som du gjorde i det forrige trinnet.
Nå, med samme teknikk du brukte i trinn 6 og 7, må du opprette alle de andre høydepunktene. Eksperiment med Gaussian Blur og husk å variere linjeviktene. Det er ingen regler her, bare plasser disse høydepunktene på en fin måte. Fortsett å eksperimentere og ha det gøy! Ikke føl deg begrenset av bildet mitt, vær så snill å plassere mer eller mindre høydepunkter og i forskjellige stillinger, hvis du tror det kan se bedre ut. Når du er ferdig, bør du ha noe sånt.
Med den typen som er gjort for nå, er neste skritt å lage munnene, som du gjorde for typen, kan du enten bruke skissene som er oppgitt i nedlastingen eller tegne en rask skisse av deg selv. I hvert fall, nå må du spore disse munnene i Illustrator ved hjelp av skissen som en veiledning som du gjorde for typen. Så lag et annet lag nederst i Layer-stakken, og ring det Mouth1guide, for eksempel. Med dette laget valgt, klikker du Fil> Plasser og åpner mouth1sketch.jpg eller din egen skisse, og låser deretter dette laget. Lag et nytt lag over dette og ring det munn1.
Med laget munnen1 valgt, skift av synligheten til type laget og spor alle kantene på munnskissen med pennverktøyet (P) som du gjorde for typen. Lukk stien, fjern strek og fyll den med en dyprød for eksempel C: 15 M: 100 Y: 90 K: 10. Husk at skissen din bare er en veiledning, ikke nøl med å forbedre den der du synes det er nødvendig. Når du har gjort det, begynner du å trekke inn den indre delen av leppekantene til du lukker denne banen også, slå ut stroke og gi den en 70% Magenta.
Du må nå lage en sammensatt bane og trekke den magenta formen fra den røde til å lage leppene. Så dra den magenta formen under den røde, dra den til miniatyret Create New Layer nederst på lagpaletten, velg så begge figurene (ikke den siste kopien) til Pathfinder Palette til høyre og klikk på knappen Minus Tilbake (sist nederst til høyre). På denne måten oppretter du i utgangspunktet et "hull" i midten av munnen. Det er viktig fordi du vil lage et formlag for leppene som du gjorde i trinn 8 for typen.
Det er på tide å tegne tennene. Når du er ferdig, må du bare plassere dem rett bak leppene (den røde) og før tannkjøttet (magenta form) ved hjelp av en hvit fyll uten strekk. Når du er ferdig, bruk en gradient til tannkjøttformen. For å gjøre det, når du har valgt gummilaget, åpner du gradientfliken til høyre og bruker de følgende verdiene ved å dobbeltklikke på fargene langs lutningsskyven. For å opprette en ny verdi, klikk rett under glidebryteren. For å kopiere en eksisterende bare Alt-klikk og dra den.
Det er på tide å legge til litt dybde i munnen også. Nå som du er vant til Gaussian Blur Effect, kommer vi til å bruke mye av denne teknikken. Nesten alle skygge vil bli gjort med det, til vi jobber i Photoshop. Så begynn å velge den røde leppeprofilen som er opprettet før, trykk Cmd / Ctrl + G for å gruppere den og dobbeltklikk den for å gå inn i gruppen. Cmd / Ctrl + C> Cmd / Ctrl + F for å kopiere den og lim inn på toppen av den. Slett fyllingen fra denne kopien og (fra Utseendepanelet) påfør en 10px slag av samme farge med 22px Gaussian Blur og opaciteten ved 100% Multiply. Dobbel den opp, men reduser den med 2px og reduser opaciteten ved 75%. Du har skyggelegging rundt kantene, men du må lage en maske som du gjorde i trinn 8, om ikke skyggen du vil bruke, vil overstige kantene på munnen.
La oss gå lage masken. Velg den røde lemformen Cmd / Ctrl + C> Cmd / Ctrl + F, og ta deretter kopien til forsiden, velg begge figurene og klikk på Objekt> Klippemask> Legg deretter skygge mellom disse to figurene. Når du er ferdig kan du begynne å lage noen høydepunkter fordi, som du vet, vil hver skyggelegging som vi skal søke, ligge innenfor kantene av munnen. La oss lage et par av dem. Lag et 9px hvitt slag i underleppen (som under), og bruk en 21px Gaussian Blur, reduser opaciteten ved 94% og sett blandemodus til Overlay. Husk at nøkkelen er å eksperimentere med Opacity og Blending Mode for å oppnå fin skygging. Opprett nå en litt mørkere skygge i nærheten av tennene med en annen 10px slag. C: 33 M: 100 Y: 100 K: 54 farge 20px Gaussisk uskarphet og opasitet 69% Multiply.
Fortsett med denne måten for all den skyggen du vil opprette for munnen, husk at du som i trinn 6 kan slå slagene i fyll ved å lage overslagstreker når du trenger mer kontroll over formene sine. Som jeg sa for den typen delen av skyggen, er det opp til deg mengden og styrken på skyggen, men ikke over, fordi du skal "overdrive" dem senere på Photoshop. Når du er ferdig, bør du ha noe slikt nedenfor. For mer lyshet har jeg duplisert leppene (bare leppene) på toppen av det med en Gaussisk uskarphet på 9px 100% opacity og Blending Mode Screen. Men det er opp til deg.
Det er på tide å lage den andre munnen, hvis du foretrekker at du kan jobbe i en egen fil eller bruke det samme, er det ikke viktig siden vi eksporterer elementene en etter en senere i Photoshop for å ordne sammensetningen på riktig måte. Så opprett et nytt lag, gå til Arkiv> Plasser og åpne mouth2sketch.jpg. Ring dette laget mouth2guide for eksempel og lås det. Lag et annet lag på toppen av og begynn å spore skissen, gjenta teknikkene som er lært så langt fra trinn 11 til 16. Husk å tegne tre forskjellige veier, en for leppene, en for den indre delen av munnen og en for tennene . Og fremfor alt, husk å maskere formen der du vil sette skyggelegging. Nedenfor kan du se hvordan det er strukturert min Layer Stack om denne delen av opplæringen.
Ok, det er nå Photoshop tid! La oss nå starte den veldig morsomme delen fordi vi virkelig skal gi livet til kunstverket vi har tegnet så langt med mange lys, nyanser og teksturer til vi er igjen med et veldig rikt, dypt, skinnende bilde. Du burde ha noe som dette nedenfor så langt. Den aller siste tingen å legge til i Illustrator er den flytende formen nedenfor. Som du kan se er det veldig enkelt og intuitivt lukket sti med noen kurver. Spor løst denne formen, gi den samme farge av typen, og du har gjort med Illustrator!
I Photoshop, opprett et nytt A3-landskapsdokument, opprett et nytt lag, og bruk et overlapningsoverlegg ved å dobbeltklikke laget. Bruk deretter verdiene nedenfor.
Det neste trinnet er å begynne å jobbe hardt med typen. Så velg all type i Illustrator og kopier den til Photoshop som en smart gjenstand. Skala og plasser den som vist. Ring denne lagbasertypen. Opprett et nytt lag over dette, og klikk Cmd / Ctrl + G for å opprette en gruppe. Ring denne gruppen shadows1, ta en myk børste mellom 200-250px, opacity rundt 20% aktivere airbrush og sett forgrunnsfargen til svart. Nå, uten å forlate det nye laget, lag et valg ved å trykke Cmd / Ctrl + Klikk på Smart Object-miniatyrbildet i typelaget, og med valget aktivt, begynner å forsiktig males på kantene av typen. Fortsett på denne måten, men bruk ikke det samme laget for all skygge og eksperiment med litt varierende opasitet.
Bruk samme teknikk, opparbeid en serie lys. Begynn med å lage et nytt lag rett over skyggemappen, deretter Cmd / Ctrl + G for å opprette en gruppe. Sett forgrunnsfargen til hvit og med den samme myke børsten som brukes til skyggen, begynn å male lysene med ca 40 til 50% deksel. Bruk lysene fra Illustrator som en veiledning. Hvis du bruker en tablett, forsøker du å bli vant til å lage tynne til tykke streker som påfører et gradvis økende trykk. Noen ganger kan du doble opp et lag for å forsterke et høydepunkt, deretter velge begge lagene og trykk Cmd / Ctrl + E for å fusjonere dem. Jeg brukte noen slag med en blandemodus satt til Soft Light, men gjerne eksperimentere. Når du er ferdig, opprett en annen mappe kalt stjerner, sett den til Color Dodge og plasser lysgruppene i den.
Opprett nå et utvalg fra typen lag som du gjorde i trinn 20, og målrett deretter Stjerner-mappen med valget fortsatt aktivt, klikk på Legg til vektormask-knappen nederst på lagpaletten. På denne måten vil teksten som du legger inn i denne gruppen ikke eksponere typen. Åpne nå stjernen bildet som er oppgitt i nedlastingsmappen, trykk Cmd / Ctrl + L for å åpne nivåene og sett inn verdiene nedenfor. Deretter Image> Adjustement> Selective Color og igjen sette inn verdiene i skjermbildet.
Det du trenger fra det bildet er bare delen med stjernene, ikke delen med nebulae, derfor brukte vi masken, slik at du kan flytte, endre størrelse, rotere og gjøre hva du vil med dette, men den delen av bildet som går utenfor kantene av typen vil ikke være synlig. Da, med laget som er valgt i stjernemappen, drar du med bildeverktøyet (V) bildet i det, og takket være Color Dodge-blandingsmodusen, før du bør se en slags glitter. Ordne bildet på en fin måte, når du er fornøyd, velg type laget dobbeltklikk på den for å åpne lagstilsvinduet og sett alle som i bildet.
Opprett en annen mappe rett over stjernelaget, nevner det Lys 2 her begynner du å lage noen skinnende og skinnende høydepunkter laget av formlag laget av Pen Tool (P) og Ellipse Tool (U). Alterner disse to verktøyene for å spore glatte avrundede former hvor du vil at din type skal skinne. Husk å bruke forskjellige lag og bruke ulike grader av ugjennomtrengelighet. For eksempel på V, bruk pennen (P) for å lage den lange formen til venstre, og deretter redusere opaciteten til 64% og til slutt bruke en Gaussian Blur (Filter> Blur> Gaussian Blur) med mengden mellom 18 og 20 px. Tilfeldig opprette små sirkler også, vekslende ulike opasiteter og blurs på dem. Eksperimentere og ha det gøy! Det er alltid den beste måten å skape gode stykker på. Hvis du vil, kan du se bildet nedenfor.
Hvis du vil gi noen organisasjon til lagene, kan du gruppere alle skygge for typen. Nå som du kjenner denne skygge teknikken, er det på tide å legge hendene på første munn. Som jeg sa, er teknikkene det samme og sekvensen også. Så du trenger bare å gå tilbake til Illustrator-filen, velg munn1 og lim den inn som en smart objekt i et nytt lag over den nye typen skygge gruppen, skala og ordne det ordentlig, og gjenta all skygging og teksturering (bruk samme bilde ) for typen. Når du er ferdig, bør du ha noe sånt.
Husk den nederste væskeformen gjort i trinn 18? Vel, det er på tide å importere det til Photoshop som et smart objekt i et lag under alle de andre. Skalere det for å passe til komposisjonen, og bruk en Gradient Overlay fra svart til en dyp rød ved hjelp av innstillingene nedenfor. For å skape en følelse av bevegelse trekker du en slags bølgende bane med pennverktøyet (P), og lager et valg fra det og i et nytt lag med en myk hvit pensel (B) og lav opasitet, trekk mykt utvendig av valget. Deretter tegner du noen andre lys og skygger med de teknikkene du har lært så langt. Hvis du vil lage den lille boblen, trekker du Ellipse Tool (U) -settet på Shape Layer bare ved å tegne hvite eller røde, små figurer og bruke innstillingen Layer Style under.
Sett den andre munnen under dette siste laget, og importer den igjen som et smart objekt. Ordne det i sammensetningen og skaler det riktig hvis det er nødvendig, og bruk deretter et subtilt gradientoverlegg ved hjelp av nedenstående innstilling. Raskt legg til dybde i munnen, velg fra teknikkene du lærte at du er mer komfortabel med, jeg har gjort høydepunktene på overleppen med et utvalg og bruk en hvit, myk børste. I mellomtiden kan du opprette, på det øverste laget, en gradvis kart som går til Lag> Nytt justeringslag> Gradient Map, og bruk de følgende verdiene. Sett dette lagets blandingstilstand til Overlegg og legg det på toppen av alle de andre.
Som vi kan se bildet begynner virkelig å ha "styrke", trenger det bare litt mer detaljert. For eksempel en annen serie skinnende lys her og der. Så opprett en annen gruppe like under gradientkartet og gjenta teknikkens skisser i trinn 24, men denne gangen oppretter noen høydepunkter virkelig nær kantene av typen. For å gjøre dette kan du opprette et valg av typen, enn kontrakten utvelgelsen med 10px. Velg> Endre> Kontrakt når du skriver opp, skriv 10px, og du vil se utvalget som er kontrahert. Deretter må du med den vanlige myke børsten male utenfor valget som du gjorde i trinn 26. Legg til andre detaljer du vil ha.
Sist vil vi legge til noen andre drippingformer. I et nytt lag tegner dryppene over V og det over O. Så med pennverktøyet (P) tegner en sti som begynner fra utsiden av kunstbrettet og slutter over V. Prøv å gi inntrykk av at væsken følger form av brevet. Når du er ferdig, gi den fargen C: 17 M: 100 Y: 96 K: 8 ved å dobbeltklikke på lagminuminiumet og gi det et overlegen overlegg ved å dobbeltklikke på laget og sett inn underinnstillingen i Lag-stilmenyen når pop opp. Deretter genererer du et valg fra det ved Alt-klikke på miniatyrbildet Vector Mask, og i et nytt lag med valget fortsatt aktiv, begynner du å male med en svart, myk børste med lav ugjennomsiktighet som du gjorde for de andre skyggene. Lag på denne måten litt lys også denne gangen med den hvite børsten i et nytt lag. Gjenta dette trinnet for dryppet over O også.
Ved å bruke den samme teknikken kan du enkelt slå opp "fallet" bak I. Du kan sette noe annet skygge her, og det var du tror er nødvendig, men ikke over det. Det siste er å lage de små hullene i nærheten av de fallne dryppene under typen. Du kan opprette en og deretter kopiere den og skalere i ulike dimensjoner. Teknikken for å gjøre det er det samme du gjorde andre ganger, først opprett en liten rød (samme rød av drypp) sirkelen med Ellipseverktøyet (U), legg til en gradient (bruk innstillingen nedenfor) til det, og opprett et valg fra det og i nye lag skaper skygger og lys som du gjorde mange ganger. På en side med pennverktøyet (P) kan du tegne en litt dryppende form som i bildet nedenfor.
Vi gratulerer! Du er nesten ferdig! Nå flate bildet ditt (men hold en lagdelt versjon!) Og bruk noen justeringer (Lysstyrke / Kontrast, Nivåer, Metning osv.). Spill litt med denne innstillingen til du er fornøyd. En viktig ting er å bruke litt av uskarpt maskefilter> skarpere> uskarp maske på det flatede bildet. For å gjøre dette, gå til Image> Mode og velg Lab, og velg deretter Luminosity på kanalpaletten og bruk den uskarpe masken (ikke for mye, la forhåndsvisningen krysse for å se). Deretter konverterer du igjen fargemodusen din i RGB. Nå er du virkelig ferdig!