Legge i glød og glanseffekter kan bidra til å skape flotte, skinnende objekter. Lær hvordan du endrer en mursteintekstur til bakgrunnen, og bruk deretter lagestiler med pennverktøyet for å legge til litt lys, glødende neontekst og en enkel kabel over det.
Leter du etter en snarvei? Sjekk ut denne vakre Neon Light Effect tilgjengelig på Envato Elements. Den følger med:
I stedet for å skape effekten fra begynnelsen, kan du bruke denne enkle, ferdige løsningen.
Neon Light Effect på Envato ElementsEllers vil denne omfattende opplæringen vise deg en komplett og profesjonell arbeidsflyt. La oss komme i gang!
Følgende eiendeler ble brukt under produksjonen av denne opplæringen:
Lage en ny 1500 x 950 px dokument og sett inn Vedtak til 300.
Gå til Fil> Plasser innebygd, og åpne BrickOldRounded0061 bilde. Endre størrelsen på det du vil, og klikk deretter på Komme tilbake nøkkel for å godta endringene.
Klikk på Opprett nytt fyllings- eller justeringslag ikon nederst på siden lag panel og velg nivåer.
Klikk på Klippjustering til lag ikon nederst på siden Eiendommer panel, og endre deretter Shadows verdi til 85.
Klikk på Opprett nytt fyllings- eller justeringslag ikonet igjen og velg Fargetone metning. Klikk på Klippjustering til lag ikon nederst på siden Eiendommer panel, og endre deretter metning til 11, og letthet til -83.
Lag teksten i Alle Caps bruker skriften Beon Medium. Fargen er # a33e88
og Størrelse er 103 pt.
Dupliser tekstlaget og gjør det usynlig ved å klikke på øyeikonet ved siden av det. Deretter Høyreklikk kopien og velg Rasterize Type.
Hva vi skal gjøre er å adskille de vertikale og diagonale delene av bokstavene fra de horisontale, for å bruke effektene ved hjelp av forskjellige vinkelverdier.
Velg Rektangulært markeringsverktøy (eller et valgverktøy du liker), klikk på Legg til i utvalg ikonet i alternativer bar, og velg alle de horisontale delene av bokstavene du har.
Gå til Rediger> Klipp ut, og så Rediger> Lim inn spesial> Lim inn i sted. Dette vil plassere de valgte delene i et eget lag. Gi nytt navn til lagene til vertikal og Horisontal.
Endre begge vertikal og Horisontal lag Fylle verdier til 0.
Dupliser hver av vertikal og Horisontal lag to ganger, og sett deretter hvert sett med lag i en gruppe som har sitt navn (vertikal / horisontal).
Plasser Horisontal gruppe under vertikal en.
Dobbeltklikk på opprinnelige horisontal lag for å bruke følgende lagestil:
Legg til en Bevel og Emboss med disse innstillingene:
Legg til en Kontur med disse innstillingene:
Legg til en Indre skygge med disse innstillingene:
# e658d4
Legg til en Indre glød med disse innstillingene:
# fe66f1
Legg til en Drop Shadow med disse innstillingene:
Dette vil utforme det første laget av den horisontale delen.
Dobbeltklikk på første kopi vannrett lag for å bruke følgende lagestil:
Legg til en Bevel og Emboss med disse innstillingene:
Legg til en Kontur med disse innstillingene:
Dette vil legge til mer glans i teksten.
Dobbeltklikk på andre kopi vannrett lag for å bruke følgende lagestil:
Legg til en Bevel og Emboss med disse innstillingene:
Legg til en Kontur med disse innstillingene:
Legg til en Indre glød med disse innstillingene:
#ffdcfa
Legg til en Ytre glød med disse innstillingene:
# 7f2d65
Dette vil utforme det endelige horisontale laget, og gi enda mer glans og glød.
Høyreklikk den opprinnelige Horisontal lag, velg Kopier lagsstil, og høyreklikk originalen vertikal lag, og velg Lim inn lagstil.
Dobbeltklikk originalen vertikal lag for å justere Bevel og Emboss's Angle og Høyde verdier, ved å endre dem til 90 og 74.
For Indre glød, bare endre Størrelse til 15.
Dette vil justere effekten for å passe de vertikale og diagonale delene.
Kopier og lim inn første kopi vannrett lagets lagstil til første kopi vertikal lag, og dobbeltklikk deretter på Vertikal kopi lag for å endre Bevel og Emboss effektens Angle til -76, og dets Høyde til 53.
Det er det for første kopi laget.
Kopier og lim inn andre kopi vannrett lagets lagstil til andre kopi vertikal lag, og dobbeltklikk deretter på Vertikal kopi 2 lag for å endre Bevel og Emboss effektens Angle til -82, og dets Høyde til 53.
Som avsluttes styling begge deler av teksten.
Opprett et nytt lag under det originale usynlige tekstlaget, ring det Bakgrunnslys, og endre dens Blend Mode til Lineært lys.
Sett forgrunnen farge til # 98338b
, velg Børsteverktøy, og velg en veldig stor, myk, rund spiss. Klikk deretter en gang for å legge til flekkfargene bak teksten (ikke klikk og dra, bare dot fargen).
Lag et nytt nytt lag under Bakgrunnslys lag og ring det Kabel. Velg Pennverktøy og velg Sti alternativ i alternativer Bar.
Hva du trenger å gjøre er å lage stier hvor du vil legge til kabelen. Du kan klikke for å legge til hjørneankerpunkter, og klikk og dra for å lage kurver. Husk at banen som er opprettet, ikke må være perfekt, som du kan velge Direkte utvalgsverktøy når som helst senere å justere ankerpunktene eller retningshåndtakene.
For å skille banene, trykk og hold inne Kommando nøkkel, og klikk utenfor banen du har opprettet, slik at den ikke vil bli koblet til banen du lager etter den.
Ta deg tid med dette trinnet for å få et pent utfall.
Velg Børsteverktøy, og åpne deretter Børste panelet (Vindu> Pensel), og velg en hard runde 7 px tips med Spacing satt til 1.
Sett forgrunnen farge til # 252525
, velg Direkte utvalgsverktøy, høyreklikk banen og velg Stroke Path.
Velge Børste fra Verktøy rullegardinmenyen og fjern merket for Simulere trykk eske.
Dette vil stryke banen. Slå den Komme tilbake nøkkel for å kvitte seg med arbeidsbanen.
Dobbeltklikk på Kabel lag for å bruke følgende lagestil:
Legg til en Bevel og Emboss med disse innstillingene:
# ec6ab7
Legg til en Kontur med disse innstillingene:
Legg til en Mønsteroverlegg med disse innstillingene:
Legg til en Drop Shadow med disse innstillingene:
Dette vil stile kabelen.
Velg Rektangelverktøy og opprett en 11 x 15 px rektangel.
Velg Legg til Anchor Point Tool og klikk for å legge til to punkter i midten av begge vertikale sider av rektangelet.
Velg Direkte utvalgsverktøy, klikk og dra for å velge midtpunktene du har lagt til, og trykk deretter på Venstre piltast en gang for å flytte dem 1 px til venstre.
Dupliserer Rektangel lag og deretter gå til Rediger> Transformere> Roter 90 ° med urviseren. Gi nytt navn til rektangellagene til H (for horisontal) og V (for vertikal).
Dobbeltklikk på H lag for å bruke følgende lagestil:
Legg til en Gradient Overlay med disse innstillingene:
# 151515
til venstre, # 6d6d6d
i sentrum, og # 161616
til høyre.Legg til en Drop Shadow med disse innstillingene:
Dette vil stile det horisontale klippet.
Kopier og lim inn H lagets lagstil til V lag, og dobbeltklikk deretter på V lag for å endre Gradient Overlay's Angle verdi til 0.
Deretter dupliserer du og legger klippelagene hvor du vil legge til klipp i kabelen du opprettet.
Klikk på Opprett nytt fyllings- eller justeringslag ikonet og velg Ensfarget. Bruk fargen # a34799
, plasser justeringslaget under Kabel lag, og endre dens Blend Mode til Levende lys. Dette vil gjelde fargen til mursteinene bak teksten, og øke glød og belysning av sluttresultatet.
I denne opplæringen endret vi en murstein tekstur bakgrunn og mørket det litt. Da skapte vi teksten, rasteriserte laget sitt og adskilt de horisontale delene fra de vertikale og diagonale.
Deretter dupliserte vi og grupperte de separerte tekstlagene, og stilte dem alle for å oppnå den glanset lysende effekten.
Når hovedteksten ble opprettet og stylet, lagde vi litt mer glød til bakgrunnen, og brukte pennverktøyet til å lage kabelbanen. Vi strøk banen og stylet den for å gi den et 3D-utseende.
Til slutt brukte vi Rectangle Tool til å lage noen klipp for kabelen, endret og stylet dem, og lagt til ett siste justeringslag for å forbedre fargen på det endelige resultatet.
Trenger premium Photoshop-handlinger eller teksteffekter, har vi dem tilgjengelig for kjøp på GraphicRiver, for eksempel Awesome Neon Text Effect Style Action.
Vær så snill å legge igjen dine kommentarer, forslag og utfall nedenfor.