Lag en høyglans, boblegummeseffekt i Photoshop

Hva du skal skape

Når kombinert med de riktige teknikkene, er Pennverktøyet i Photoshop et utrolig kraftig verktøy for å hjelpe deg med å lage kunstverket ditt. I denne veiledningen vil jeg vise deg hvordan du lager en skinnende tekst, med en kombinasjon av Photoshops Pen Tool og Layer Styles. La oss komme i gang!

1. Lag en skisse

Trinn 1

Lage en Nytt dokument med dimensjoner 3000x2400. For å sikre kvalitet, vil vi gjøre det med oppløsning av 300 DPI så vårt kunstverk vil være godt nok til å skrive ut.

Steg 2

Vi skal nå lage vår grunnskisse av hva vårt design vil være. Du bør helst bruke en Wacom-tablett for å gjøre dette riktig. Med Wacom-pennen i hånden velger du Børsteverktøy og aktiver penntrykk.

Jeg vil støpe designet mitt på det velkjente skriptet typefaceBello. Jeg vil tilpasse formen til bestemte bokstaver for å gjøre dem mer unike for mitt design. Lage en Nytt lag og begynn å skissere. Start med en tynn blyant for å få den generelle ideen rundt 4px er greit.

Og deretter gå videre til den tykkere børsteinnstillingen. 8 piksler børstestørrelse vil være bra for denne delen.

Trinn 3

Når du er komfortabel med det generelle omrisset av designet, er det på tide å velge Pennverktøyet (P) å skape en skikkelig oversikt over designet ditt.

Pass på at pennverktøyet (P) er på Sti, som det er alt vi trenger for nå. Du kan nå gå rundt designet og skape en jevn flytende bane.

Pass på å holde nede Kommando / Ctrl nøkkel mens du justerer ankerpunktene for å få de perfekte kurver du trenger.

Når du har gjort veien, er neste trinn å fylle den inn. Høyreklikk og velg Fyll under-bane. Pass på at du gjør dette på et nytt lag, og ikke på det samme du opprettet skissen på.

Velg Fargefyll alternativet og vi skal velge denne fluorescerende rosa fargen her med fargen # ff0060 for å være nøyaktig.

Bruke Pennverktøy å gå rundt og fylle ut alle bokstavene i hele designen.

Når du er ferdig, slå av synligheten av skisse laget.

2. Opprette 3D-effekten

Trinn 1

Vi skal nå begynne prosessen med å skape en 3D-effekt rundt vårt design. For å gjøre dette må vi starte med å lage en tykk kant rundt bokstavene våre som en base. Velg laget som inneholder hele design og hold Kommando / Ctrl mens du svinger over lagets miniatyrbilde.

Dette vil velge design og lage marchemyrene rundt den.

Opprett nå et nytt lag over det primære laget ved å trykke Kommando / Ctrl-Shift-N. Gå til valgalternativet på menylinjen øverst og deretter ned til Endre> Utvid. Vi skal utvide utvalget av 20px.

Ta så tak i Paint Bucket Tool (G) og fyll ut valget med en farge du måtte ønske. Helst Svart, så skyggeeffekten vil fungere mer effektivt.

Flytt nå Shadow Layer bak den viktigste.

Steg 2

Vi er ikke ferdige med å perfeksjonere dette laget. Hvis du ser nøye ut, er det noen uoverensstemmelser med former og kurver på enkelte deler av det.

Vi vil nå ta litt tid på å gå rundt og gjøre alle kurver og peker perfekt. Så ta tak i din Pennverktøy igjen og runde av alle kantene. Spill med ankerpunktene så mye du trenger, for å få den perfekte kurven.

Når du korrigerer kurvene dine, må du alltid være i tråd med resten av laget. Dette er slik at din nye bane, når den fylles inn, vil blande seg bedre med resten av formen og vil skape en sømløs effekt i stedet for en åpenbar frakobling. Så vær så snill å ta deg tid.

Trinn 3

Når du har fylt inn og korrigert alle kurvene og peker på slagslaget ditt, og er fornøyd med dem, er det nå på tide å skape noen skyggeeffekter ved å skjære vårt design litt for å gi den den illustrerte typografiske følelsen.

For å gjøre dette må du begynne med å velge hoveddesignlaget og velge Legg til vektormask alternativ nederst på lagpanelet. Dette vil gjøre det mulig å skjære vår form hvordan vi vil og senere dekke dem opp igjen hvis de trenger å være.

Nå skal vi gå rundt vårt design og lage stykker der det er nødvendig. Når du gjør dette, er det viktig å bruke instinktet på det som ser riktig ut. Det er også viktig å ikke overdrive det og bruke for mange skiver i designet.

Et vanlig sted å legge til skiver er hvor et hjørne møter en annen eller på en kurve for å overdrive bevegelsen.

Med et design som dette, er det å legge til skiver på de riktige stedene veldig viktig for å bringe ut den skinnende tegneseristiske følelsen så realistisk som mulig.

Få din Pennverktøy igjen og tegne veien for det du vil skille. Kontroller at du har klikket på Lagmaskeikon seg selv, så du vil slette det. Når du har gjort ditt valg, høyreklikk og velg Gjøre valg velg et lavt fjæralternativ slik at skiven er så fin som mulig og bare børste ut delen av laget ved hjelp av din Børsteverktøy.

Maskelag, Bruk en svart børste til å slette deler du ikke vil ha lenger og en hvit børste for å få dem tilbake. Gå rundt og velg områder som du føler kan gjøre med et stykke og implementer de samme trinnene.

Når du er ferdig med det første ordet, skal det se slik ut.

Hvis du er glad, og som effekten det skaper, fortsett og avslutt det andre ordet (Ja), så vel. Når det er ferdig, skal det se ut som under bildet.

Trinn 4

Nå er det på tide å lage vår første 3D-effekt ved å skape en ekstrudering av vårt slag ved hjelp av grunnleggende valg og utfyllingsverktøy.

Først, velg det ytre slaglaget laget tidligere, og trykk deretter på M for å velge Markeringsverktøy.

Trinn 5

Når det er valgt, lag en a Nytt lag, Dette er hvor ekstruderingslaget ditt vil bli opprettet.

Velg en farge for å gjøre ekstruderingen din. Det spiller ingen rolle hva det er for nå, vi kan alltid endre det via Layer Styles senere. Det ville være tilrådelig å velge noe som kolliderer med resten av designet, så det er veldig synlig mens du arbeider.

Flott! Nå som vi har valgt fargen vår, la oss gå videre og begynne trinnene for å ekstrudere laget vårt og få det til å se 3D. Med det valgte oversiktslaget klikker du på Marquee Tool og trykk Alt-Backspace.

Dette vil lage grunnlaget. Hvis du ser nøye ut, kan du se den bak slagslaget. Nå som vi vet har vi fylt plassen vi kan fortsette og fortsette å fylle på 3D-måten.

Med markeringsverktøyet fremdeles valgt, skal vi gjenta en lagfyllingsmetode ved å trykke på Ned-tasten, deretter Høyre nøkkel gjenta deretter Alt + Backspace fylle.

Du vil se at vi skaper en nedadgående 3D-effekt ved å bare bruke denne repetisjonsteknikken.

Så vi fortsetter å gjøre denne teknikken jevnt og fremst og gjør dybden tykkere og tykkere. Når du skal stoppe er ditt valg. Jeg kommer til å stoppe når det ikke er mer hvitt plass igjen i gapet på dette H.

Når vi har laget vårt 3D-lag. Det skal se slik ut.

Vi kan også endre Fargeoverlegg av det ved å bruke alternativet lagstiler.

4. Opprette Stringy Bubble Gum Bits

Trinn 1

Fordi vi ønsker å gi illusrasjonen effekten av ekte boblegummi, vil vi nå lage strenge biter som forbinder noen av bokstavene.

For å gjøre dette, trenger vi vår Pennverktøyet (P). Begynn med å lage et nytt lag. Stilen for å lage disse strenge brikkene vil være å gjøre endedelene tykke og midtpartiene tynne slik at det ser ut som om brikkene trekkes fra hverandre.

Jeg har laget en grov form av dette og fylt den inn.

Steg 2

For å gå et ekstra trinn kan vi lage en Lagsmaske og lag et hull i de strykebitene for å få det til å se ut som det er blitt revet fra hverandre.

Når du er ferdig, bør vår første strengbit se slik ut.

Vi vil nå gå rundt hele designen og legge til strykebiter for å gi det litt mer og gi den autentiske bubble gum-effekten. Når det er ferdig, skal det se slik ut.

5. Høydepunkter i første etasje

Trinn 1

Nå kommer den spennende biten. Vi skal begynne den første fasen av å gjøre vårt design se ut som glatt bobeltom gjennom en serie fyll- og børsteeffekter.

Vi skal begynne med høydepunktene. Lage en Nytt lag over hoveddesignlaget. I dette designet kommer lyskilden fra høyre side. Nedenfor har jeg tegnet et grovt kart over hvor lyset kommer til å treffe.

Dette er en grov indikasjon på hvor våre skygger vil vises.

Vi vil begynne å være veldig grunnleggende for nå, og legger til flate lag høydepunkter. Vi skal bruke Pennverktøyet (P) og gå rundt design legger glansende høydepunkter. Du kan også lage disse formlagene hvis du vil.

Fargen vi skal bruke for å fylle den inn er # ff92bb. Jeg skal begynne med Yeah. Når høydepunktene er fylt ut, skal det se slik ut.

Steg 2

Vi skal nå lage en ny gruppe og begynne å jobbe på Heck høydepunkter. De vil være ganske lik de andre.

Gå rundt ordet og bruk Highlight-effekten som du gjorde tidligere.

Når du er ferdig, bør du se på det første nivået av høydepunkter.

5. Opprette skygger

Trinn 1

Nå har vi laget et grunnlag av høydepunkter. Vi skal nå gå videre for å lage vårt første og eneste lag av skygger på teksten vår. For dette vil vi kreve Pennverktøyet (P) og pensel igjen.

For å få en grov ide om designparene vil vi være sofistikerte skygging her er en rask skisse av hvilke områder vi vil påvirke.

Begynn med å opprette en gruppe som heter Shadows hvor du vil lage dine nye lag for skygger.

Få din Pennverktøyet (P) og opprett skisser som senere blir forvandlet til valg for å pusse og skygge. Når du utformer skissene dine, må du alltid være sikker på å legge et lite mellomrom mellom konturet og kanten på tegnet.

Du vil nå ta tak i deg Penselverktøy (B). Pass på at det er en myk børste og sett den til om 100px med 100% ugjennomtrengelighet, men sett strømmen til ca. 15% og selvfølgelig sørg for at fargen på penselen er satt til Svart. Du kan også slå på airbrush-funksjonen, men det er ikke nødvendig. Du vil kunne oppnå denne effekten med en vanlig mus eller en tablett.

Tanken er å børste i valget på en blekmet måte for å få toppen fylt inn mer enn bunnen for å skape en luftbrettet effekt.

Ideen når skyggelegging skal begynne på skiver / kuttene i designet og skape skygger derfra. Pass på at du også kommer inn i de strykebitene og skygger dem inn.

Vi skal nå gå rundt hele ordet Heck Når du er ferdig, skal det se slik ut.

Fortsett å gå for det andre ordet.

Når fullført, bør hele setningen se slik ut.

6. andre trinns høydepunkter

Trinn 1

Nå som vi har gjort en skikkelig skygge for vårt design. Du kan virkelig se det begynner å kjøre ut. Vi kommer nå til å legge til et annet høydepunktslag for å gjøre det virkelig pop. Vi vil gjøre det i samme stil som skyggen bortsett fra denne gangen vil vi velge en hvit pensel.

Med høydepunktene fyller vi resten av bokstavene, så spill virkelig med kurvene av høydepunktskanten denne gangen og freestyle. Ikke vær redd for å leke med Strømme av børsten heller. Jo mer spontan, jo bedre. Når fullført, bør hele setningen se slik ut.

Steg 2

Overlegg / Overlapp høydepunktene for å skape en mye mer skinnende effekt på bokstavene som gir dem en saftig tekstur. Når det er ferdig, bør det se slik ut.

Det første ordet skal se slik ut.

Begynn å jobbe med det andre ordet og fortsett som vanlig.

Når dette utseendet er fullført, bør designen se slik ut.

7. Dybdehøydepunkter

Så vi skal nå begynne å jobbe med å legge til høydepunkter i Dyp / 3D-delen av designet. Vi går for en retro metode til forskudde barer for å skape denne effekten.

Trinn 1

Gå tilbake til dybden og skjul Fargeoverlegg så vi kan se det igjen i kontrast.

Opprett en ny gruppe som heter barer og lag et rektangulært formlag sammen med det. For å komme i gang med å lage våre forskjøvede stenger, velger vi en enkel, svart, middelsidet bar. Pass på at det er lenge nok, da vi skal rotere det for å matche dybdenes perspektiv.

For å lage en kul effekt av forskyvde høydepunkter, vil du duplisere laget og spille med bredden på hver linje. Bare vær sikker på at du legger til en guide bare ved foten av dine barer slik at de er på samme nivå.

Når layoutet ditt begynner å se ut som en strekkode, betyr det sannsynligvis at du har nok barer til å rotere og matche dybdenes perspektiv. For å gjøre dette må du velge hele gruppen og trykke Kommando / Ctrl-T å transformere hele gruppen. Sett deretter vinkelen for å rotere til -45 grader

Steg 2

Når du har stolpene i denne posisjonen, er du fri til å styre avstanden til hver stolpe til din egen smak.

Vi skal begynne med bunnområdet av designet og arbeide vår vei mot urviseren. Vi skal også fokusere på utsiden av designet med høydepunktene for nå. Når vi har jobbet oss rundt designet bør det se slik ut.

Vi skal nå lage en Clipping Mask for dette sitter stengene rundt dybden. For å gjøre dette må du duplisere gruppen og deretter konvertere den til et smart objekt for å slå sammen lagene. så gå til Lag> Lag Clipping Mask å lage masken vi trenger.

Trinn 3

Fargen på våre barer må endres. Du kan gjøre det med en enkel Fargeoverlegg, bytt den til hvit ved hjelp av a Lag stil. Vi må nå vende oss Fargeoverlegg tilbake på, i vårt dybde lag. Når du er ferdig, bør designen se slik ut.

Vi må også trimme stolpene litt slik at de ikke berører kanten av dybden. Bare Kommando / Ctrl-klikk på dybden laget for å velge det og kontrakt utvelgelsen av 10px.

Trinn 4

Vi skal nå lage en fargerik lagestilseffekt for høydepunktet vårt også, siden vi ikke kan la det se alt kjedelig ut som det. Vi begynner med a Mønsteroverlegg og deretter a Gradient Overlay. Fargene som skal brukes til Gradient Overlay er - # 631ca5 og # 4a0882 henholdsvis og sett blandemodus til overlegg. Vi vil også legge til en Fargeoverlegg

For å legge til litt mer realisme til effekten, vil vi lage et nytt lag, få børsten vår og lett børste over deler av laget for å skape en mer sofistikert effekt.

En gang ferdig. Det skal se slik ut så langt.

8. Opprette bakgrunnen

Nesten gjort nå. Her skal vi lage en fin bakgrunn med et geometrisk mønster for typografien å sitte foran.

Trinn 1

Lag et nytt lag å sitte bak alle lagene dine. Dette blir din Bakgrunnslag og du bør nevne det som sådan. Plasser dette laget inne i en ny gruppe som heter bakgrunn, hvis du vil. Vi skal fargelegge denne bakgrunnen i samme farge som grunnlaget på vår skrivefeil. Hvis du har glemt det # ff0060

Steg 2

Vi skal nå lage en Nytt dokument å designe vår geometriske design i. Bruk disse verdiene når du oppretter det nye dokumentet. Det blir en 35px firkant med a Gjennomsiktig bakgrunn.

Når dette er gjort, opprett et nytt lag og lag en rett vinkelstriangel fra øverst til venstre til nederste høyre hjørner av dokumentet ved hjelp av din Pennverktøy. Vi skal også fylle den med denne skyggen av Purple # c70083 så det passer godt sammen med resten av designet.

Vi skal nå dele en del av vår trekant for å lage et kjølig mønster i. Velg din Pennverktøy og lag en lignende oversikt til den i diagrammet. Når ferdig konvertere Sti til en utvalg og slett skiven som avslører et fint interiørmønster.

Når det er ferdig, skal det se slik ut.

Trinn 3

Vi kommer nå til å slippe dette laget tilbake i vårt originale dokument og begynne prosessen med duplisering for å lage et mønster over hele kunstverket. Holde nede Alt + klikk og dra laget for å duplisere dem raskt og slå sammen mens du går sammen for å øke prosessen enda mer.

Når du er duplisert til slutten av siden, må du sørge for at den endelige trekanten stemmer perfekt med slutten av dokumentet slik (samme med vertikalt når du begynner det også).

Når du er ferdig med å duplisere mønsteret mens designen ser ut, skal det se slik ut.

Tips: Dette kan også gjøres ved å gå til Redigere > Definer mønster og ved å fylle ditt bakgrunnslag med det mønsteret.

Vi skal nå legge til litt mer farge i vårt mønster ved å bruke en Gradient Overlay. De to fargene vi skal bruke til å lage vår gradient vil være vår lilla# c70083 at vi har brukt så langt blandet med en mørkere nyanse av vår base rosa farge. # e30357. Følg diagrammet for de andre verdiene du trenger.

Trinn 4

La oss nå legge til en vignette. Det er mange måter å opprette dette på. Den raskeste måten jeg vet er å raskt lage en Nytt lag, velg Elliptisk Marquee Tool og lag et valg over dokumentet. Høyreklikk og legg til en fjær av 250px til utvalget

Så vend markeringen og fyll den med svart. Kontroller opacity og kanskje skalaen av laget for å få best resultat. Jeg vil at min vignett skal være relativt subtil, så vi skal sette lagets opacity til 20%.

9. Flere skygger

Trinn 1

Nå skal vi skape en autentisk skyggeeffekt gjennom hele designet ved hjelp av en lignende metode som vi pleide å lage vår 3D-dybdeffekt.

Vi skal begynne med å slå sammen gruppen som inneholder alle lagene i designet og konvertere det til en Smart objekt. Velg deretter den for å få oversikten. Lage en Ny gruppe og et lag inne i det. I motsetning til hva du kanskje tror, ​​kommer vi faktisk til å fylle den med hvitt. Jeg skal vise deg hvorfor i et øyeblikk.

Steg 2

Nå som vi har vårt fylte lag, skal vi søke Fargeoverlegg å gjøre det svart og sette opacity til 80%. Viktigst av alt må vi sette gruppens Blandingsmodus til Multiplisere og dens opasitet til 60%.

Trinn 3

Vi skal bruke Fill-Nudge og Repeat-metoden vi brukte tidligere for å skape dybdeffekten vår. Bare nå, forskjellen er dette at denne gangen vil vi skape en svinende skygge ved å redusere opacity av Fargeoverlegg av 2% hver gang vi dupliserer-Nudge.

Denne effekten vil ta litt tid å fullføre, og du bør ende med om 40 dupliserte lag hvis du går helt ned til 2% Opacity. Når du kopierer lagene, må du sørge for å plassere de nyeste lagene under den tidligere for at effekten skal fungere skikkelig. Når det er ferdig, skal det se slik ut.

Trinn 4

Den endelige berøringen til denne skyggen er å legge til Støyfilter etter konvertering av konsernet til a Smart objekt. Bruk en støyeffekt av ca. 8%.

10. Etterbehandling Effekter

Trinn 1

Like før vi pakker opp dette prosjektet, skal vi legge til noen få siste detaljer i designet. Begynn med å legge til noen flere lys effekter rundt høydepunktene i typografien. For å gjøre dette bare lage en Nytt lag over det fusjonerte laget og bruk en myk børste med varierende Strømme å pusse rundt designet i flekker du føler fortjener en glød til dem. Når du er ferdig, setter du inn Blandingsmodus av laget til Mykt lys.

Steg 2

Til slutt skal vi legge til en Gradient Map til vårt design. Still fargen til svart og hvit og sørg for å stille til Omvendt.

Vi vil da sette inn Blandingsmodus til Forskjell og opacity til 5%. Dette vil gi vår illustrasjon en subtile vintage tekstur som fullfører den pent ut.

Konklusjon

I denne opplæringen viste jeg deg hvordan du lager en skinnende tekst i bubble gum, fra en skisse i Photoshop. Jeg håper at du har lært noe fra denne opplæringen, og kan bruke disse teknikkene til å lage litt boblegummibrev på egen hånd.