Använd ljus och skugga för att få text till livet

Den bästa boken jag någonsin har läst på ritning är en som heter Drawing on the Right Side of the Brain. Efter att ha läst det är jag fortfarande ganska dålig på ritning, men jag lärde mig mycket om ljus och skugga. I denna handledning kommer vi att ta några väldigt grundläggande principer om ljus och nyanser för att göra en ganska imponerande texteffekt.


Ljuskällor

Så innan vi börjar handledningen, är här ett litet diagram om hur ljuset kan slå ett objekt. Här har vi ett fyrkantigt objekt i mitten med ljus som kommer från vänster till vänster. Du kan se att där ljuset träffar objektet, kastas en skugga på andra sidan. Observera att skuggan inte är en Photoshop drop skugga, vilket gör att föremålet ser ut som det svävar ovanför duken. Här vill vi att föremålet ser ut som det är en tredimensionell sak som sitter fast på duken och extruderar om du vill. Nu berätta för mig vilken annan Photoshop-tutorials webbplats som ger dig diagram? Det är som att vara tillbaka i skolan!


Steg 1

Vi börjar handledningen genom att dra en subtil linjär gradient från mörkgrå till mörkgrå. Observera att eftersom vi vill att vårt ljus kommer från toppen till vänster är det där den lättare delen av dokumentet är.


Steg 2

Nu lägger vi lite text. Jag har använt ett mycket coolt teckentyp som heter Agency FB, som har en kondenserad, kanten känsla för den. Du bör göra texten till en grå-ish blå färg - # c2c8d4 för att vara exakt.


Steg 3

Nästa Ctrl-klicka på textlagret och skapa ett nytt lager ovanför det. I det nya lagret, med det val som fortfarande finns kvar, ritar du en linjär gradient av # 495a79 till transparent från botten till höger till vänster. Så med andra ord blir du mörkare längst ner till höger som visat.


Steg 4

Ställ in förgrundsfärgen på svart (du kan göra det genom att trycka på bokstaven "D" på tangentbordet som återställer standardinställningarna).

Nu Ctrl-klicka på textlagret igen och skapa ett nytt lager under textlagret. Nu trycker du ner pilen på tangentbordet en gång och högerpil på tangentbordet en gång. Tryck sedan på Alt + Backspace för att fylla den med svart. Tryck sedan ner och höger igen en gång och fyll i med svart. Varje gång du kommer att flytta 1px höger och 1px ner. Du bör upprepa denna process cirka 30 gånger (varför det är viktigt att använda Alt + Backspace istället för Fill-verktyget).

Observera också att för att flytta valet men inte fyllningarna när du trycker på piltangenterna måste du ha ett av markeringsverktygen på. Om du växlar till Flyttverktyget (V) när du trycker ner och åt höger flyttar du faktiskt den svarta fyllningen såväl som urvalet och fyller bara samma pixlar om och om igen.


Steg 5

Här är vad du borde ha nu. Avmarkera och försäkra dig om att du befinner dig i skuggskiktet och gå till Filter> Blur> Motion Blur och använd värden på -45 grader och ett avstånd på 30px.


Steg 6

Ställ in skuggskiktet Multiplicera och cirka 40% Opacitet och håll sedan ned Skift och tryck på nedpilen och sedan på högerpil. Detta flyttar ditt objekt rätt och ner 10px vardera (Shift berättar att Photoshop går 10px åt gången istället för 1). Nu kan du ha några av de suddiga delarna av skuggan som sticker ut till toppen och vänster om föremålet. Om så är fallet, ta en liten mjuk suddgummi bort och försiktigt bort bort allt som inte ska skuggas (kom ihåg diagrammet i början).


Steg 7

Nästa duplicera skuggskiktet, håll Shift och flytta ner det och höger igen. Kör sedan Motion Blur-filtret igen med ett avstånd på 50px den här gången och sätt det här lagret till Multiplicera och 20% Opacity. Detta är bara för att ge våra skuggor mer av ett spår av.


Steg 8

Skapa nu ett nytt lager över alla andra lager, håll ner Ctrl och klicka på huvudtextlagret för att välja dess pixlar och tillbaka på ditt nya lager fyller du markeringen med White. Släpp inte ut valet ännu ändå. I stället trycker du ner och höger en gång för att flytta 1px bort och sedan på Ta bort.

Ställ in detta tunna vita linjeskikt till ca 80% opacitet.


Steg 9

Som du kan se ger den tunna vita linjen en höjdpunktseffekt där ljuskällan slår texten och ger intrycket att texten är mer tredimensionell.


Steg 10

Nästa vill vi skapa några strömmar av naturligt ljus. Skapa ett nytt lager över alla andra och rita fyra eller fem vita rektanglar som ungefär liknar dem som visas (dvs blir fetare när de går ner).


Steg 11

Tryck nu Ctrl + T för att transformera och rotera och förstora rektanglarna som visas. Nu brukar du trycka på Enter när du är klar, men den här gången släpper du inte ens än. I stället högerklicka och du kommer att få en popup-meny som visar andra typer av transformer du kan göra. Välj perspektiv. Anledningen till att det är viktigt att göra detta i ett steg är så att du inte förlorar din avgränsningslåda. Så ta de övre vänstra två punkterna och föra dem närmare varandra så att ljuset verkar komma från ett ställe och sprida ut.


Steg 12

Här har vi våra fyra band av "ljus". Lägg nu laget till överlägg och 20% opacitet och gå sedan till Filter> Blur> Gaussian Blur och ge det en suddradius på 6px.


Steg 13

Du borde nu ha något som ser ut så här.


Steg 14

Nu eftersom de smala remsorna är avsedda att vara lätta, skulle det vara meningsfullt om vårt högtalarlag bara visade upp var ljuset slog rätt? Så Ctrl-klicka på det lätta skiktet och klicka sedan på markeringsskiktet från tidigare, då medan valet fortfarande är på, klicka på knappen Lägg till lagermask (det är längst ner på lagpaletten till höger om f 'ikon). Detta kommer att skapa en mask som bara visar markeringsskiktet där ljuset överlappar det.


Steg 15

Så du kunde stanna här; Det ser redan ganska bra ut, men vi avslutar den här effekten genom att lägga till lite varm belysning.


Steg 16

Så först och främst skapa ett nytt lager strax ovanför bakgrunden och fyll det med en rosa färg - # 9d506c.


Steg 17

Sätt nu det rosa lagrets blandningsläge till Färg och opacitet till 20%. Detta ger vår bakgrund en fin rödvärme. Överst på detta kan vi nu blanda i några gulor. Om vi ​​inte sätter in den rödaktiga gjutningen under ser resultatet ut över gulligt och inte särskilt riktigt.


Steg 18

Därefter skapar vi ett lager strax ovanför rosa. Fyll den helt med vit och gå sedan till Filter> Render> Lighting Effects. Jag använder inte ofta belysningseffekter, men det har en väldigt cool förinställning, som kallas två-timmars spotlight, som du kan välja genom att gå till stil överst och titta igenom alternativen. Du kan ganska mycket använda det som standard, men för vårt ändamål bidrar det till att förlänga ellipsen för att göra det lite längre (dvs strålkastaren är lite längre bort).


Steg 19

Nu sätter vi belysningsskiktet på Overlay och du har något som visas nedan. Kopiera det lagret, flytta det framför allt det andra och sätt det till 40% Opacitet. Detta gör att vår varma belysning också interagerar med texten och inte bara bakgrunden.

http://psd.tutsplus.com/tutorials/text-effects-tutorials/using-light-and-shade-to-bring-text-to-life/


Slutsats

Slutligen duplicerar vi det översta belysningsskiktet en gång till och ställer in det på 65% Opacity, sedan klickar du på Lägg till lagermask på lagpaletten igen och ritar en linjär vit till svart gradient från höger till vänster till höger. Detta gör det extra belysningsskiktet bleknar när det går ner till höger.