Lag digitalt illustrert gelétype

Jeg er Ross, en halv av den prisbelønte designduoen Ahoythere Studio, og jeg skal bare vise om hvordan du kan lage en nydelig illustrert type med en vektor Illustrasjonsbasert og noen interessante teksturer og behandlinger i Photoshop. Besøk vår side for mer inspirasjon.


Introduksjon

Du vil bli overrasket over hvor raskt og enkelt det er å skape noe som dette. Hvis du har konseptet bak det, er det 80% der, resten er igjen til ferdighet, kreativ visjon og programvare vet hvordan. Jeg finner med mitt arbeid at vektorer er starten på et konsept, og så er det det du gjør med dem som er viktig.

Du kan finne opplærings kildefilene i katalogen merket "kilde" som kom i filene du lastet ned. Du kan ønske å se gjennom dem kort før vi begynner.


Trinn 1

Første ting først, før du hopper rett inn på datamaskinen, må du ha konseptet ganske mye utformet på papir først. Du trenger de grunnleggende grunnene til å bygge på, pluss at du trenger denne skissen for å fungere som en vektor i Illustrator. Etter at mange forsøk var inned, var dette den valgte skissen (se nedenfor).

Jeg tenker alltid foran prosessen og prøver å tenke på det endelige resultatet, eller så mye som mulig, fordi den digitale manipulasjonen kan ha varierte resultater. Det er nyttig å ha noen form for struktur og retning til å begynne med. Som du ser fra skissen, behøver det ikke være et kunstverk, men å holde det ryddig og smussfritt vil hjelpe deg i neste fase.



Steg 2

Importer skissen på en A4-landskapsside i Illustrator. Sett lagegenskapene for å låse og dimme til 50%, (dobbeltklikk laget) navn laget "Sketch." Lag et nytt lag over det og nevner det som "Vector", da dette er laget du vil spore typen på. Bruk pennverktøyet til en 1pt avrundet børste med avrundede kapper og avrundet fest (slagplate).



Trinn 3

Spor hele oversikten av typen med samme lag. Du bør ha noe som ser ut som bildet nedenfor. Når du har fullført det, velg kunstverket på det laget ved hjelp av markeringsverktøyet (V) og gjør et objekt forenkle. For å gjøre dette, gå til Objekt> Sti> Forenkle. Jeg bruker vanligvis en kurvepresisjon på rundt 98%, og jeg gjentar dette flere ganger til jeg er fornøyd med glattheten av linjene. Du kan endre vinkler av ankerpunkter for å oppnå perfekte linjer.



Trinn 4

Nå sporer vi neste sett med detaljer som høydepunkter og skygger. Lag et nytt lag og nevn det "Detaljer". Spor alle høydepunktene og legg til eventuelle tillegg du ønsker. Det skal nå se ut som bildet nedenfor. Du vil ikke nødvendigvis importere elementene til Photoshop på en gang og i samme layout - det hjelper deg bare å bedre konseptet.



Trinn 5

Åpne Photoshop og lag en ny side. Gå inn i Illustrator og velg typeoversikten og kopier og lim den inn i Photoshop som en smart gjenstand. Jeg importerer den i to faser, den første er typen kropp og den andre er toppen av "J." Dette vil tillate meg å legge til skygge og dybde i bildet, spesielt under halen på toppen av "J" hvor den overlapper resten av typen. Du må tenke metodisk like før du begynner å jobbe på bildet for å hindre eventuelle problemer nedover linjen. Ting som hvor du skal plassere skygger og hvordan du fysisk kan oppnå det, er viktig.

Etter at jeg klistret dem inn som smarte gjenstander, fylte jeg dem med rosa (# f11487) og la en indre glød for å legge til en mer avrundet og spennende berøring.



Trinn 6

Det neste trinnet er å legge litt mer dybde og dimensjon til teksten. Jeg oppnår dette ved å velge type laget, og deretter Kommandoklikk på lag miniatyrbildet. Etter dette er valgt, lage et nytt lag. Gå til Velg> Endre> Kontrakt, og kontrakt det med ca 30 piksler. Med det fremdeles valgt, fyll det med en lysere farge på det nye laget. Du kan nå endre Opacity, Dybde og deretter slette uønskede høydepunkter ved å bruke Eraser Tool-settet til en lavt Opacity. Som du kan se fra bunnbildet, har jeg slettet midtdelen slik at det bare fremhever tips og kanter.




Trinn 7

På dette stadiet ønsket jeg å bruke noen teksturer for å gjøre det mer overbærende og godteri, så jeg hentet noen svært uvanlige teksturer som ville legge til en viss glitrende på teksten. Jeg brukte disse bildene av eksploderende fyrverkeri for å legge til glimmer og de ble blandet i bruk av blandingsmodi. Blandingsmodus her er satt til Skjerm og er best å bruke på en mørk bakgrunn.



Ovenfor kan du se forskjellene mellom blandingsmodusene. Til venstre har jeg ikke brukt en, og du kan se dens uendrede tekstur av fyrverkeri. På den andre halvdelen av typen har jeg brukt skjermbildet for blandingsmodus for å demonstrere den store forskjellen i utseende. Alt du trenger er et klikk og en rulle for å helt forandre estetikken til designet ditt, bare eksperimentere.


Trinn 8

Du er nesten ferdig, bare et skritt å gå. Den siste prosessen er å legge til alle høydepunktene du har laget tidligere i Illustrator. Velg dem enkeltvis og lim dem inn på Photoshop-siden din som smarte objekter på et nytt lag. Du vil at de skal være hvite, så endre fargen på dem i Photoshop ved å velge laget (Kommando-klikk på miniatyrbildet), og lag et nytt lag over og fyll deretter dette med hvitt. Den neste tingen jeg gjorde var å legge til et uklart for dem (Filter> Blur> Gaussian Blur) med en radius på ca 1 piksel.

Nå ser det litt flatt ut, så jeg fortsetter å legge til en Inner Glow of White for å legge til mer intensitet. Som du kan se fra bildet nedenfor, har jeg skjult teksturlaget for å fullt ut vise potensialet for å bruke høydepunkter og hvordan det accentrerer et slikt design.



Trinn 9

Den neste tingen jeg gjorde var å legge til gelé / søt som elementene ved å plassere dem på toppen av "J." Igjen ble disse importert som smarte objekter fra Illustrator. Jeg fylte dem med en mørkere farge og brukte deretter en Inner Glow-blandingstilstand for å legge til dimensjon. Du kan se på et par av dem, jeg har brukt et annet mønster bare for å gjøre dem mer detaljerte igjen. Mønsteret var en klynge av sirkler, som ble produsert i Illustrator, jeg importerte til Photoshop og deretter farget og slettet de relevante delene.

Bildet under denne viser transformasjonen fra vektor til ferdig produkt. Du kan lage lignende effekter i Illustrator, men du kan gjøre dem så spesielle i Photoshop.




Trinn 10

Det siste trinnet var å legge til de ekstra dryppene og virvlene som du ser nedenfor. Punkter på tungen er bare importert fra Illustrator. Jeg vil ikke vise deg hvordan du skaper resten trinnvis, ettersom de følger stort sett samme reise som de foregående eksemplene, og jeg lar det opp til deg å eksperimentere med.

Jeg brukte dem mer rundt tungen for å forbedre bruken av tungen og demonstrere dens formål og form. Ta gjerne med dine egne ytterligere detaljer, som vil legge til litt ekstra til illustrasjoner.



Endelig bilde

Det er det for denne nå. Arbeid med disse teknikkene ved hjelp av forskjellige emner, bilder og effekter - ha det gøy med å eksperimentere. Vi har dekket noen nye teknikker underveis, men det handler ikke bare om å produsere mesterlige tekniske biter, det handler om ideen bak den.

Ta mitt stykke og gjør det du ønsker fra det, gjør det til ditt eget. Jeg gjorde dette som et selvfremmende stykke, jeg eksperimenterte meg selv og dette var resultatet. Jeg prøver hele tiden å ta arbeidet mitt i nye retninger og typografi er et medium det passer inn med. Velg dine egne ord og få dem til å komme til liv. Det endelige bildet er under. Du kan se den store versjonen her.