Opprett livlig typografi i en grov tegneserie stil

I dag skal vi ta en titt på en kjent type typografibehandling. Du vil ikke bare få en ide om hvordan du lager kult typografi, men du vil også lære å gi den en fin tegneserie-berøring. Så la oss se hva vi har å gjøre med!

Du finner Photoshop PSD-filen i en katalog som heter "kilde" som kom i ZIP-filen du lastet ned med denne opplæringen. Du kan ønske å se gjennom det kort før vi begynner.


Forberedelse

Ok, nå la oss ta en titt på hva vi skal bruke her:

  • Tekstur, fra www.123rf.com
  • Blomsterformer, fra dezignus.com

Trinn 1

La oss starte med et veldig stort lerret på 300px / tommers oppløsning, jeg anbefaler at du bruker A4-formatet. Velg nå riktig skrift og tekst som du vil skrive. Jeg brukte setningen "No More Turning Back" skrevet med Trajan Pro. Husk at jo flere ord du bruker, jo lengre vil dette ta.

Første type "Turning", og som vist nedenfor. Velg T og gi den ønsket størrelse. Skriv deretter ut resten av bokstaver.



Steg 2

Når du er ferdig med det første ordet, husk å ramme det med to ledelinjer. Dette vil hjelpe deg med å tydelig definere kantene på typografien din.

Opprett nå et nytt lag, og skriv "No More". Plasser den som vist nedenfor. Pass på at alt er satt mellom dine to guidelinjer. Deretter på nytt lag type "Back" og legg det under ordet "Turning"; strekk den slik at den passer til resten av din type.



Trinn 3

Nå som du er ferdig med teksten, legg til Floral Shapes i Photoshop-mappen din. Velg tilpasset formverktøylinje, og kontroller i stormenyen Stort miniatyrbilde. Du vil da kunne se alle blomsterformene som store miniatyrbilder. Dette vil virkelig hjelpe deg med å velge de riktige elementene.

Det andre bildet nedenfor viser alle elementene som jeg valgte å fylle bokstaven N.



Trinn 4

Ditt første skritt bør være å identifisere gjentatte bokstaver. I dette tilfellet valgte jeg bokstaven N som gjentas 3 ganger. På denne måten trenger du ikke bruke for mye tid på å tilpasse hvert brev individuelt. Husk at du bare skal jobbe i svart og hvitt på dette punktet.

Nå kan vi begynne å legge til figurer i bokstavene våre ved hjelp av Custom Shape Tool. Legg til elementene dine som vist nedenfor, og berør dem når du fortsetter for å fjerne unødvendige utvendige former eller uønskede elementer. Du kan også rotere elementer for å sikre best mulig passform.



Trinn 5

På dette punktet er organisasjonen nøkkelen. Ved å plassere bokstavene dine i grupper kan du spare tid. Som du kan se nedenfor har vi duplisert bokstaven N flere ganger og omformet om nødvendig.

Nå gjenta trinn 4 og 5 for alle bokstavene dine. Du kan øke hastighetene litt ved å gjenbruke bestemte områder av bokstavene dine (Legg merke til bokstavene N og K for eksempel ved å bla våre figurer horisontalt, vi har klart å redusere tiden vi har hatt til å bruke på disse bokstavene). I tillegg kan du spare lengre tid ved å omorganisere figurene litt fra bokstav til bokstav for å skape noe helt nytt.

Nærbildene nedenfor viser hvordan jeg brukte 10 gjentatte elementer for alle bokstavene, men ved å endre rekkefølgen der de vises, er det praktisk talt unnoticeable.



Trinn 6

Når du har lagt alle figurene til bokstavene dine, er det nå på tide å ta denne illustrasjonen til neste nivå ved å legge til enda flere virvler til dem. Dette gjøres ved å bruke flere tilpassede former. Du må ta litt tid å finne akkurat den riktige typen virvler å bruke. Dette er veldig viktig fordi de vil bidra til å gjøre illustrasjonen din virkelig skiller seg ut. I trinnene nedenfor brukte vi rødt til å demonstrere hva som foregikk, vær så snill å bruke svart i stedet. Pass på at hver form passer til karakteren sin, og bruk lagmasker for å fjerne uønskede områder. Prøv å eksperimentere her og komme opp med dine egne unike resultater.



Trinn 7

På dette tidspunktet kan du begynne å legge til enda mer detalj i illustrasjonen din. Nedenfor kan du se hvordan jeg begynte å jobbe i noen ekstra virvler og tåredråper.



Trinn 8

Fortsett å legge til figurer til illustrasjonen din til du er fornøyd med resultatene.



Trinn 9

Hver form som du legger til, bør gjøre illustrasjonen enda mer forseggjort. På dette punktet skal teksten begynne å strømme sammen som vist nedenfor.



Trinn 10

På dette punktet fyller vi bare mellom hullene mellom bokstavene. Dette vil gjøre illustrasjonen litt rotete, men det vil gjøre illustrasjonen mer organisk.
For å lage en ny swirly-slipp som Formlag, gå til Lagpaletten, senk strømmen av denne dråpen fra 100% til 0%. Gå til blandingsalternativene og velg Stroke. Gjør størrelsen så stor du vil, jeg legger min til 2 eller 3.



Trinn 11

Ta tak i Custom Shape Tool og lag en svart dråpe. Bruk pennverktøyet til å lage et nytt lag, endre fargen din til hvit. Pass på at alternativene for Pen Tool er satt til Formlag. Deretter tegner du en svingete bane på venstre bunnside. Dupliser denne dråpen så mange ganger du vil, og fyll noen emner i illustrasjonen din, og nå er vi ferdige med svart-hvitt-typografi.



Trinn 12

Illustrasjonen på dette punktet ser veldig bra ut på dette punktet. Du kan stoppe her hvis dette er den effekten du leter etter. Jeg er ikke helt fornøyd, men så nå skal jeg legge til noen flere effekter for å gi det en fin tegneserie stil utseende.

La oss begynne med å slå sammen alle bokstavene og formene sammen (ikke slå sammen med bakgrunn!). Navn dette laget "Tekst". Lag nå nytt lag, hold kommandoen, venstre-klikk på miniatyrbildet "Tekst" -lag for å ringe utvalget, og fyll det med lilla (# 8d5e9a) farge i dette nye laget, betegne det "lilla tekst". Du bør få noe som ligner på det første bildet nedenfor. Slå av "Tekst" -laget.

Grab Burn Tool (bruk Midtones) og maling i forskjellige flekker på denne lilla teksten (2. bilde nedenfor). Få det skittent litt. Nå i 3. bilde nedenfor, bruk en lignende teknikk, men denne gangen med Dodge Tool (bruk Midtones og du kan også gi et snev av Høydepunkter - men ikke overdrive, Highlight kan ødelegge sammensetningen, så vær forsiktig). Til slutt går du til det fjerde bildet under og legger til noen lagstiler for å gi det et fint, strukturert utseende.



Trinn 13

Gjenta nå det forrige trinnet, men denne gangen gjør du det med grønt. Ring valget av denne typen, fyll den med grønt # b7ce0f (på nytt lag). Navngi dette laget "grønn tekst" og legg den over "lilla tekst". Nå brenn det først og deretter Dodge det som vist i 1. bilde nedenfor. Legg deretter til noen lagstiler som tidligere, men i dette tilfellet med en grønn berøring.



Trinn 14

Når du er ferdig, og begge teksten er på hverandre, zoom nærmere. Grab hard børsteverktøy (alle innstillinger på 100%). Lag en lagmaske i "grønt tekst" -lag. Nå maling med svart på lagmaske, der du vil legge til dryppene. Dette er den tøffe tegneserie-stilen som jeg ønsket å ta med deg, og i utgangspunktet handler det om de kule farger og harde slagvirkninger.



Trinn 15

Opprett nå nytt lag under både "grønn tekst" og "lilla tekst" -lager, betegne det "fyller". Høyreklikk på "Lilla tekst" -laget og velg Kopier lagsstil, høyreklikk deretter på "fyll" -laget og velg Lim inn lagstil. Gå nå til "fyller" blandingsalternativer, og du bør se at lagstiler fra "lilla tekst" ble brukt her. Du bør ha alternativet Bevel and Emboss merket med de samme innstillingene. Nå er det du trenger å legge til i disse lagestilene Stroke of Size: 2 og Position: Outside, med farge svart.

Ta nå Brush Tool (alle innstillinger opptil 100%, vanskeligste), velg samme farge som i trinn 12, da vi fyllte lilla tekst (# 8d5e9a). Bruk en hard børste, maling på "fyll" lag. Mal over drypppunktene for å fylle dem fullt ut. Se bildene nedenfor; du bør få ideen om hva dette handler om.

Når du maler med den lilla fargen på dette "fyll" -laget, blir lagstypene automatisk brukt til den formen du maler. Det betyr at du enkelt kan fullføre de lilla dryppene, fordi slag, farge og dybde blir gitt når du maler med penselen.



Trinn 16

Dette er måten du trenger for å lage alle dråper. Husk å male under tekstlagene på "fyll" lag. Vær kreativ og avslutt dryppene med noen kule shaps på hvert brev.



Trinn 17

La oss legge til noen splatter og plassere den under en av bokstavene. Bruk samme farge (som i drypp) # 8d5e9a, ta tak i Custom Shape Tool, og velg en skyfri form. Lag det som formlag under tekstlag, og bruk Command + T> Distort for å gi det et fint perspektiv. Navn dette laget "splatter".

Hold kommando, venstre klikk på "splatter" lagets miniatyrbilde for å hente ut valget av det. Opprett nytt lag over "splatter", høyreklikk og velg Stroke Selection, deretter som Bredde type i 2 eller 3px, og som Farge velger hvit eller veldig delikat, lyserød. For plassering, velg Inside (2. bilde nedenfor). Deretter ta tak i Flyttverktøyet og trykk pil opp på tastaturet rundt 2-3 ganger for å flytte denne strekningen litt opp. Deretter går du til Lag> Lagermask> Skjul alt for å få strekket fullstendig maskert. Ta deretter med børsteverktøyet, sett hardhet til 0% og flyt til 5%. Velg hvit farge, og forsiktig maling på lagsmasken på dette strøklaget. I det tredje bildet nedenfor vil du gi noen veiledning om hvor du skal male for å legge til et fint lys til denne splatteren.



Trinn 18

Som du fremdeles har penselverktøyet med tidligere innstillinger valgt, opprett nytt lag over "splatter" og velg en mørk lilla farge. Deretter maler du under bokstaven "A" (den som forblir på splatteren) - 1. bilde nedenfor.

Når du er ferdig, velg lag: "fyll" + "lilla tekst" + "grønn tekst" dra dem til det nye lagikonet for å lage duplikater og slå sammen disse 3 duplikatene. Navn dette laget "refleksjon". Klikk nå Kommando + T og velg Flip Horizontal. Legg denne teksten nøyaktig under den opprinnelige (for å få det til å se ut som en refleksjon). Deretter går du til Lag> Lagermask> Skjul alt, og dette vil maskere hele "refleksjon" -laget. Vær oppmerksom på det andre bildet nedenfor. Ta opp valget av "splatter" -laget, og velg deretter Lagmask av "refleksjon" -lag. Bruk en veldig myk, hvit børste, maling i utvalget og på lagmaske for å avsløre litt av "refleksjon" laget.



Trinn 19

La oss nå ta vare på bakgrunnen. Gå til bunnen av Lagpaletten, opprett nytt lag over det hvite bakgrunnslaget og fyll det med lysegrå #bebdbd. Legg deretter Layer Mask på den og lakk med myk svart pensel i venstre hjørne for å avsløre noe av den hvite bakgrunnen (1. bilde nedenfor). Deretter lager du et nytt justeringslag - kurver over forrige lag. Og vi vil nå fargelegge bakgrunnen med kurveverdier:
RGB - inngang: 163 Utgang: 202
Rød - Inngang: 191 Utgang: 196
Grønn - Inngang: 189 Utgang: 199
Blå - Inngang: 183 Utgang: 208
Til slutt, ta en veldig myk børste (Flow 5% / Hardness 0%) velg hvitt, og opprett nytt lag over kurverjusteringslaget. Deretter maler i midten; gjør børstediameteren fra små til større, slik at senteret skal se ut som en hvit radialgradient. Slå sammen alle disse bakgrunnslagene som vi nettopp har laget og nevner det "bakgrunnstekstur" (men husk å la standarden, det hvite bakgrunnslaget stå uberørt).



Trinn 20

Jeg fant en veldig kul akvarell tekstur å sette her. Så hvis du får samme bilde eller lignende, sørg for at det er ganske stort å passe hele lerretet ditt. Ta det med i prosjektet ditt. Legg denne tekstur over "bakgrunnstekstur" -laget. Gjør denne tekstur sort / hvit, så trykk Hit Command + Shift + U på Desaturate. Endre blandingstilstanden til overlegg, og bildet ditt skal se ut som det første nedenfor.
Nå ser du at høyre hjørne ser ut til å være litt for mørkt, så legg lagmask til "bakgrunnstekstur" -lag og lakk på den med hvit, myk børste i nederste høyre hjørne for å kvitte seg med den overmatte teksten (2. bildet nedenfor).



Trinn 21

Bytt nå tilbake til tekstlagene. Merge "fills" + "purple text" + "green text" lagene (du kan også inkludere "splatter" for å slå sammen hvis du vil, dette gjør ikke stor forskjell). Før du fletter dem, er det godt å ta sikkerhetskopi av alle tekstlagene, så ikke glem det. Når du er ferdig, nevner dette flettet lag "tekst" og gå til Lag> Justeringer> Lysstyrke og Kontrast. Mørk dette laget litt (1. bilde nedenfor).

Sett deretter opp valget av dette "tekst" laget og opprett nytt lag over. Gå til Velg> Endre> Feather og angi verdien rundt 3-4px (2. bilde nedenfor). Fyll deretter dette nye laget med hvitt (3. bilde nedenfor). Navn dette laget "glød".



Trinn 22

Nå forsiktig: Slå på Command + D for å avvelge (1. bilde nedenfor), og hent opp valget av "tekst" -lag igjen (2. bilde nedenfor). Velg "glød" -lag og trykk Slett på tastatur. Du bør få noe som ligner på det tredje bildet nedenfor. I forhold til hvordan teksten så ut før og etter å legge til glød. Nå ser det ut til at teksten ble opplyst fra det hvite lyset bak, og det er akkurat det vi ønsket å oppnå.

Du kan bruke myk Eraser og slette deler av gløden hvis den ikke samsvarer med et sted.



Trinn 23

Vi kommer nær slutten nå. Vi trenger bare å legge til noen få siste tilpasninger. Legg til de 4 følgende justeringslagene øverst på lagpaletten. Starte med:

  1. Svart og hvitt, bruk lignende eller samme verdier som jeg gjorde, og bytt lagets blendingmodus til mykt lys
  2. Gradient Map, velg "Violet, Orange" forhåndsinnstilt, endringslagets Blandingsmodus til mykt lys og senk Opacity til 20%
  3. Kurver, fargekorrigering ved hjelp av følgende verdier:
    RGB - inngang: 193 Utgang: 184
    Rød - Input: - Utgang: -
    Grønn - Inngang: 183 Utgang: 181
    Blå - Inngang: 182 Utgang: 189
  4. Fargebalanse, juster den endelige fargen, gjør den til en fin varm tone


Konklusjon

Vel, vi er endelig ferdig. Husk at de endelige justeringene er veldig, veldig viktige slik at den samsvarer med illustrasjonens farger. Jeg håper denne opplæringen har vist deg hvordan du arbeider med typografi, slik at du kan lage egne, kule ideer.

PS! Hvis du vil ha problemer med å lage bokstaver / former, har jeg tatt med en spesiell mappe i psd-filen, med hvert svart brev skilt og fusjonert med formelementer, slik at du kan bruke den hvis du vil. Ha det morsomt folk!