Create Detaljert Vintage Typografi med Illustrator og Photoshop

I denne opplæringen vil vi vise hvordan du tilpasser en skrifttype i Illustrator og deretter bruke Photoshop til å lage en fantastisk vintage detaljert typografisk utforming. La oss komme i gang

Instruksjons Eiendeler

Følgende eiendeler ble brukt under produksjonen av denne opplæringen:

Creampuff Font

Grunge Background Texture

Plastic Texture

Dollar Bill Texture

Før vi begynner

Før vi starter denne opplæringen, er det viktig å ha litt kunnskap og erfaring i Adobe Illustrator. Hvorfor bruker vi Illustrator? Fordi det gir store muligheter for å tilpasse alle skriftsnitt, oppnå gode resultater og få glatte kurver, grenser og former i en høy kvalitet vektor-fil. Dessuten er det recommened ta fordelene av en grafisk tablett. Det spiller ingen ’ t nødt til å være en stor en, jeg jobber med en A6 Wacom Tablet og det fungerer perfekt for hver teknikk beskrevet på denne opplæringen. La oss gå!

Trinn 1

Først åpner Adobe Illustrator og opprette et nytt dokument 1000x1000px, RGB, 300ppi.

Trinn 2

Ved å velge Type Tool (T), vil vi velge skrift for vår tekst. I denne kunstverk, brukte jeg en gratis skrifttype som heter "Creampuff" (du finner en link på eiendeler beskrivelse) .Dette var en hyllest kunstverk til sjelen sangeren Solomon Burke, så jeg skrev "Solomon Burke" på min lerret. For en bedre oversikt, skrev jeg min tekst i små og store bokstaver for å velge den mest estetiske for vår sammensetning.

Trinn 3

Når vi bestemte oss for hva bokstavene vi kommer til å sette sammen, fortsetter vi å lage vår tekst. Etter det, velge teksten med Selection Tool (V) går vi til den øverste menylinjen: Type > Lag Outlines. Du vil se hvor mange ankerpunkter vises på hver bokstav, så denne handlingen vil tillate oss å tilpasse våre teksten bokstav for bokstav i illustratør i løpet av prosessen.

Trinn 4

La oss nå start skape vår sammensetning. Plasser markøren over teksten og lage et høyreklikk; på menyen velge " isolere valgt gruppe " alternativ. Denne handlingen gjør det enkelt å velge hver bokstav individuelt. Bruk igjen Selection Tool (V) til å flytte og plassere hver karakter; ved å velge vårt brev og deretter Free Transform Tool (E), kan vi manipulere brevene våre lett. Du kan forvrenge, rotere eller endre størrelsen. Som du ser, kan vi gjøre noen form for bevegelse med vår skrift. Når vi legger, endre størrelse og komponere vår tekst er det på tide å tilpasse vår typografi (hvis du ønsker å gå ut av Isolation Mode, klikker du bare ESC).

Trinn 5

Gjentar den første handlingen av vår forrige trinn, fortsetter vi å isolere vår tekst på nytt (hvis vi ikke er på Isolation Mode, høyreklikk over den type > Isoler valgt gruppe). Jeg gjorde dette for å fikse noen kurver og kanter fra den opprinnelige skrifttypen etter type.

Når du har valgt vår første bokstaven, velger vi Eraser Tool (Shift + E). Ved å klikke to ganger på verktøypaletten der er plassert på viskelæret, kan vi endre forskjellige alternativer. I dette tilfellet, jeg bare endret diameter for å manipulere avslutningene av skriften. Jeg tilpasset bokstavene M, N, U, K, R og E ved å slette enkelte deler. Målet med dette trinnet er å lage mykere kurver og hjørner. Du kan kontrollere prosessen på bildene nedenfor.

Trinn 6

Nå skal vi dekorere vår kunstverk ved å tegne noen elementer og legge noen former. På denne og de neste trinnene anbefales det at du arbeider med en grafisk tablett.

Lag et nytt lag, og ikke glem å låse typografi laget for å unngå enhver endring over bokstavene. Er viktig å velge på fargevelgeren (venstre verktøypaletten) fyllfarge, og ikke å velge hvilken som helst farge for hjerneslag. For tegningen, jeg personlig liker å bruke blyantverktøyet (N) for å trekke fra scratch i illustratøren (frihåndstegning), men du kan bruke Pen Tool (P) også for denne prosessen. Føl deg fri nå å trekke ornamenter over typografi. I dette spesielle tilfellet jeg gjorde dette fra grunnen av med blyant konfigurere verktøyalternativene, men du kan alltid trekke dem før på papir eller skisse dem i Photoshop

Sjekk bildene nedenfor for en bedre forståelse.; du har logget på rødt alle nøkler og fremgangsmåten jeg gjorde før Begynn å tegne ornamenter.

Trinn 7

Som du ser på bildene nedenfor, jeg dekorert O og E brev med en elegant form. For å omdefinere ornamenter, det er et alternativ til den blyant verktøyet heter glatt verktøyet. Ved å holde en stund blyant verktøyet, vil det vises alternativet kategorien for glatt verktøyet. Ved å trykke alt, male med den over den valgte form. Du vil merke hvordan banen & hjørner nå er mer rounded.mFinally, jeg modifisert med Pen Tool (P) N og K bokstaver til å ha en mer estetisk tiltalende (sjekk resultatet nedenfor).

Trinn 8

I lagt noen dekorative rhombuses rundt kunstverket. For å lage dem, begynte jeg å aktivere Grid på den øverste menylinjen: View > Vis Grid. Rutenettet vil hjelpe oss å lage en symmetrisk triangel med penneverktøyet. Når vi har trekanten gjort, gå til Rediger > Kopier og redigere /paste i front. Nå ved å velge den nye formen med markeringsverktøy (V), gjør vi et høyreklikk over det: Transform > Reflekter > Horisontal. . Deretter plasserer den andre trekanten under den første til å opprette rombe form

Etter det, velger begge figurer med markeringsverktøy (V) og gruppere dem: høyreklikk over utvalg /gruppe. Jeg opprettet flere eksemplarer av rombe og plassere dem mellom karakterene, noe som gjør variasjoner på størrelsene. Også jeg endret fargen på noen av dem til hvitt. Til slutt, jeg laget noen sirkler med formen verktøy rundt rhombuses for å gi en mer dekorativ touch til hele kunstverk.

Trinn 9

Vi er ferdig med Illustrator! Det er på tide å eksportere vår kunstverk for å gjøre den endelige retusjering i Photoshop. Avhengig av kvaliteten og den type retusjering du ønsker å gjøre, kan du eksportere hele kunstverk i bare en gjennomsiktig lag, PNG, eller du kan eksportere kunstverk til en PSD-fil, som vil lagre forskjellige baner og lag. Andre alternativ er å dra innholdet direkte til Photoshop, har en bare ett Vector smartobjektlaget.

I dette tilfellet eksporteres jeg alt til en gjennomsiktig PNG lag. Årsaken er først og fremst fordi det ikke er en veldig detaljert illustrasjon med hundre av stier, pluss formatet ba om var for nettstedet, men jeg anbefaler å eksportere i PSD-format, spesielt hvis illustrasjonen er kompleks. Slik eksporterer gå til Fil > Eksport og velg din favoritt bilde format; anbefalt 300ppi.

Trinn 10

Ok, er første etappe gjennomført. Vi har tilpasset vår typografi og vi laget noen dekorative elementer rundt det. Når fornøyd med utfallet, er det på tide å åpne Photoshop og ha det moro med teksturer og lyn

Vi åpner et nytt dokument. 1500x1500px, 300ppi, RGB farge. Det kommer til å bli vår lerret og det første vi skal gjøre er å fylle bakgrunnen med en myk brun farge, om vintage ser vi har i tankene å oppnå på dette stykket. For det andre åpner vi grunge bakgrunn tekstur bilde (du kan finne en link på eiendeler beskrivelse). Deretter retusjere teksturen litt før du legger det på lerret. Avmett (Bilde > Justeringer > metning). Kurver (endre kontrast). Nytt lag på toppen, mykt lys modus, opacity: 100%. Påfør litt svart myk børste over hjørnene for å få en vignett effekt. Slå sammen alle lag og dra det til våre lerretet passer med dimensjonene. Deretter drar teksturen satt på lerretet og setter laget for å formere modus, 100% dekkevne, men gjerne endre det med dine egne innstillinger.

Trinn 11

Over vår tekstur jeg opprettet en ny justering laget for å gi til bakgrunnen litt rød tone. Gå til menyen: Layer > New fill layer > Ensfarget. Jeg plukket en tone mellom rødt og brunt og endret lagmodus å formere seg, Opacity 6%. Under lag panel vet du at det er en hurtigmenyen for å skape nye fyll- og justeringslag. Bruk den måten du føler deg mer komfortabel. På den opplæringen vil jeg være som beskriver ulike prosessen gjennom den øverste menylinjen fordi jeg bruker å jobbe med snarveier; på den måten jeg tror det er mer tydelig for alle.

Trinn 12

Jeg liker å ha sammensetningen i tankene å bruke noen regler og mellomrom på min lerret. Å plassere mine kunstverk jeg har lagt noen guider rundt lerretet, markerer arbeidsområdet. Å ha dem hjelpe meg til å gjøre ting på en mer kontrollert måte. Nå åpner og dra tilpasset typografi (illustrasjon eksporterte bildet) inn i lerretet på toppen.

Først effekten vi skal bruke er knyttet til volumet av typografi. Dupliser skrivefeil laget og gjøre en høyreklikk over lag /blending alternativer. Påfør følgende innstillinger på laget.

Trinn 13

Når det forrige trinnet er gjort, skal vi bruke den første teksturen direkte over typografi. Åpne Dollar Bill Texture (du finner en link på eiendeler beskrivelse) og invertere bildet: Bilde > Justeringer > Inverter. Plasser tekstur på toppen og lage en klipping maske over skrivefeil lag der vi brukt vinkel effekt: høyreklikk over laget > Opprett klipping maske. Når klipping maske er gjort, kan du endre teksturen opasitet, gjelder kurver eller klone over tekstur så mye som du ønsker å oppnå en god jakt.

Det er svært viktig å ha struktur på hver bokstav og form; Jeg anbefaler gjelde kurver over tekstur for å øke det hvite i denne spesielle tekstur, vil det hjelpe oss til å få en lignende " tre " ser.

Trinn 14

Nå skal vi ha en god tid å spille med skygger og høylys. Lag et nytt lag på toppen og sett den på normal modus, opacity 60%. Endre børsteinnstillinger som vist på bildet nedenfor og sette flyten alternativet til 40%. Plukk hvit farge, og velg skrivefeil kunstverk ved å Kommando /Ctrl + klikk over laget miniatyr på lag panel. Her er det svært viktig å kontrollere trykket av børsten, er en grafisk tablett anbefales å ha total kontroll over børstetrykk. For et bedre resultat, anbefaler jeg å plukke en medium størrelse pensel, ikke større enn bokstavene. Mal med tålmodighet, og hvis det er nødvendig for sletting med en myk børste noen grenser for å få en bedre fjær.

Vi kommer til å bruke dette maleriet effekt over hver bokstav og form, for det meste prøver å oppnå noen grunnleggende høydepunkt, visualisere hvordan volumet kommer til å se på dem. Etter det har vi tenkt å duplisere laget og dra det under den første børsting lag. Sett opacity til 40% og gå til blending alternativer: høyreklikk over laget /blending alternativer. Vi kommer til å bruke litt farge på fargelegget innstillingen ved å velge en levende brun farge (normal modus, 100% opasitet i fargen overlay alternativ).

Trinn 15

Jeg har gjort noen annen male inne i rhombuses. Ved å velge dem individuelt med mangekantet verktøy eller din favoritt metode, lage et høyreklikk over utvalget og plukke forvandle valg; ved å holde alt + Shift du vil spare de opprinnelige proporsjonene i utvalget og som vil hjelpe deg å få en perfekt ekstrakt av det. Transform utvalget og når du har et mindre utvalg innenfor rombe, bruke myk børste.

En annen god og rask effekt jeg gjorde for å få en bedre tiltalende av rhombuses var å skape mindre rhombuses inni dem. Velg en av de små rhombuses på lag med skrå brukt og kopiere direkte ved å klikke Kommando /Ctrl + J. Du får et helt nytt lag med en rombe og skrå allerede søkt også. Jeg kopierte de nye rombe flere ganger, endret fargen til sepia og jeg begynte å sette dem inn i resten av rhombuses. Senere sluttet jeg alle disse nye rhombuses på en ny gruppe ved å velge dem og klikke Kommando /Ctrl + G. Denne prosessen vil hjelpe å ha den samme ute i hver rombe. Hver ny indre rombe gir en stor samlet oppfatning av typografi kunstverk.

Trinn 16

Det er på tide å bruke flere teksturer. Ta plast tekstur (du finner en link på eiendeler beskrivelse) og plassere den på toppen. Første jeg gjorde med denne teksturen var Avmett laget (Bilde > Justeringer > metning). For det andre, begynte jeg å leke med hue /saturation ved å klikke på Kommando /Ctrl + U. Jeg fikk noen myk brun tone ved å spille med fargeleggings alternativet. Endelig gjelder noen kurver for å øke kontrasten. Når du er fornøyd med resultatet, endre lagmodus å overlappe /opacity 84%. Jeg slettet det å blande merket på venstre over B fordi jeg ønsket typografien ren av det merket, men gjerne holde det hvis du liker effekten.

Trinn 17

Dupliser tekstur og Avmett det igjen. Nå har vi tenkt å endre teksturen til en nesten 100% hvitt lag søker kurver. Når du er ferdig, kan du endre modus til Multipliser, opacity 100%. Dette laget vil hjelpe oss til å drepe litt høydepunktene på bakgrunnen. Vi er nesten ferdig med dette tekstur, men la oss kopiere denne nyeste hvitt lag på nytt og endre lagmodus til Soft Light, opacity 20%. Endelig plukke sletteverktøyet (E) og klar med en myk børste tekstur utenfor typografi området. Det har ikke å være perfekt, bare la midtsonen av tekstur i live.

Trinn 18

Kunstverket begynner å se bra ut og plast bilde ga bokstavene noen fine teksturering. Det neste trinnet er noe som jeg bruker til å gjøre mye på mine illustrasjoner.

Velg typografi som vi gjorde i forrige trinn (Kommando /Ctrl + klikk over laget miniatyr på lag panel). Når vi har valg, opprette et nytt lag over alle lagene (på toppen) og gå til menyen: image /gjelder image. Hold definerte innstillinger på bildet fanen gjelder, og klikk ok.

Vi har nå en kopi av skrivefeil, men med alle teksturer og tegneeffekter laget i kun ett lag. Føl deg fri til å spille med dette nye laget: kurver, hue /saturation, fargebalanse eller justeringslag. I dette tilfellet søkte jeg noen kurver (Kommando /Ctrl + M) for å øke kontrasten og litt desaturation (Kommando /Ctrl + U). Jeg endret også noen rhombuses. Utfallet er ikke veldig forskjellig, men målet her var å gjøre en forskjell mellom skrivefeil og bakgrunnen; dette retusj over nye laget har hjulpet oss til å oppnå en bedre dybdeskarphet og kontrast. Du kan skjule den innledende skrivefeil lag på dette punktet hvis du vil.

Trinn 19

La oss bruke noen kurver å gi vintage følelsen. Opprett et lag på toppen og sett lagmodus på Farge, absorbsjon 10%. Bruk disse innstillingene:

Trinn 20

Nå er dette trinnet er svært viktig å gi en spesiell ser til vår typografi. Lag et nytt lag på toppen (over kurvene laget) og sett lagmodus i Overlay, opacity 100%. Vi kan kalle dette laget " Reflections ". Velg igjen typografien gjennom samme metode som vi brukt tidligere: Kommando /Ctrl + klikk over laget miniatyr på lag panel. Når du har valget gjort, går du til menyen Velg > Endre > Utvide. På utvide kategorien, velge et område mellom 1px og 3px. Nå som vi har det nye utvalget gjort, kan vi skjule valgtegn ved å trykke Kommando /Ctrl + H. Dette vil hjelpe oss å ha klarere ser typografi og dermed på effektene skaper vi. Hvis du ønsker å være i stand til å se igjen utvalgsmerker, trykk igjen Kommando /Ctrl + H.

Velg en liten myk børste i et område mellom 25px og 50 piksler, fortsette med de samme penselforhåndsinnstillinger som vi søkt på trinn 14 og velge den hvite fargen på fargevelgeren. Begynn å børste med en rekke pasient og dra nytte av pennetrykket. Det er viktig å følge de lyse referanser til vår bevel effekt og respekt på noen måte lyset retning, men er ikke obligatorisk på hver bokstav. Prøv å ikke overdrive glans /lys på grensene. Til slutt, med dodge verktøyet kan vi gi litt ekstra lys i løpet av de refleksjoner, spesielt på de største bokstavene.

Trinn 21

Ok, vi har lynet gjort, men vi trenger mer dybdeskarphet på kunstverk. Tid for skygger! Dette er en veldig enkel operasjon å utføre, grunnleggende verktøy og børsting, men det kan ta en stund å være fornøyd med resultatet. Støpte skyggene er viktig å være litt realistisk og glatt. Vi ønsker ikke å ringe oppmerksomhet med en overdrevet skygge, men bedre kunstverk i samlet med en god blanding av dem

Lag et nytt lag bak alle skrivefeil lag og gi den navnet ". Shadows ". Plasser lag like over fargefyll lag som vi opprettet på Trinn 10. Jeg satt dette laget modusen Normal, 80% opasitet, men avhengig av din smak og syn, kan du endre den for en bedre jakt. Med de samme penselforhåndsinnstillinger som vi bruker gjennom hele opplæringen, skal vi pusse bak alle skrivefeil innhold med en myk sort pensel, sette tettheten av børsten på 20%, flyte 40%. Lys retning er igjen en viktig referanse, men du vil innse at noen deler trenger en annen skygge for et bedre utseende, så gjerne leke med den. Ikke vær redd for å bruke myk børste og også å slette noen deler og få en bedre fjær.

Trinn 22

Vår kunstverk er nesten ferdig, la oss sette fokus på noen detaljer. For å gjøre de tynne grenser på kunstverk jeg brukte plast tekstur som vi brukte før. Prosessen er enkel, bare duplisere lag (plast tekstur eller noen annen tekstur du ønsker å bruke) og ordne det på toppen kommer til menyen: Layer > Ordne > Bring til forsiden. Etter det setter lagmodus på mykt lys, opacity 70%. Lag en firkant utvalg forlate en 4px-5px av marginer når det gjelder generelle lerretet og trykk delete.

Vi har nå en hvit ramme. Med en svært liten myk børste eller standard tekstur børste, slette nøye innenfor grensene forlater en 1px-2 piksler linje. Med en 1px-2 piksler myk pensel kan du male også i enkelte deler for å understreke grensene.

Trinn 23

Tid for de siste lys og skygger retusjering lag. Velg alle typografien form og opprette et nytt lag på toppen. Gå til Rediger > Fyll > 50% grå. Sett lagmodus på mykt lys, opacity 40%, fylle 50%. Med de samme penselforhåndsinnstillinger som vi brukte på opplæringen, plukke en 75px-90px pensel og male i hvitt inni bokstavene, i svart for grensene. Den myke hvite vil forbedre volumet og den svarte vil bidra til å skille litt mer skrivefeil med bakgrunnen. Det er en teknikk som brukes mye på high end retusjering (mote, skjønnhet, produkt fotografering). Det hjelper å omdefinere deler og øke volumet.

Husk å ikke overdrive lys og skygger, må de brukes i en moderert måte. Du kan også bruke dodge verktøyet (O) over denne grå nøytral lag å understreke enda mer refleksjoner.

Trinn 24

Det nye laget vil være et justeringslag for å øke litt kontrasten av våre kunstverk. Gå til menyen: Layer > Nytt justeringslag > Gradient kartet. Klikk ok, og plukke en black & kvit, deretter endre lagmodus til normal, opacity 10%.

Trinn 25

Artwork er ferdig. Husk å lagre PSD hvis du ikke gjorde det før, gå! Jeg anbefaler også å lage en kopi av PSD å endre størrelse på skisser for nettstedet oppløsning. Gå til menyen: Bilde > Duplisere og her du går, har du nå en perfekt kopi av PSD; lagre den med et annet navn, og du kan nå endre størrelse på dokumentet vedtak: Bilde > Bildestørrelse fjern merket Oppdater bilde alternativet og endre oppløsningen til 72 dpi. Lagre igjen!

Trinn 26

Til slutt er det et par ting som jeg liker å bruke på kunstverket før du sender klienten, laste opp til Internett eller lage en kul print. Lag et nytt lag på toppen og gå til Image > Apply image. Over dette laget jeg bruke til å søke. Unsharp mask (Filter > skarpere > Unsharp mask). Støy (Filter > Støy > Legg Noise > Gaussian > Monokromatiske Mengden skjerpe og støy avhenger direkte av kunstverket størrelse

Final Bilde
..