30 års erfarenhet – 10.000+ deltagare – 100+ kurser – Certifierade kursledare

neontext

Neontext – så gör du i Photoshop

Vill du kunna skapa text som ser ut som neonljus? Antingen köper du massor med dyra neonstavar eller så skapar du neontext direkt i Photoshop med hjälp av effekter och lager.

originalbild

Frilägga från bakgrunden

Börja med att markera den här tjejen och frilägg henne och lägg i ett eget lager. Anledningen till att man gör det är för att det är enklare att anpassa henne ljus och färgmässigt längre fram när du skapat neonljuset. Du gör det med funktionen Markera motiv.

markera motiv

I exemplet blir markeringen tillräckligt bra så jag behöver inte förbättra markeringen ytterligare. Du behöver så klart titta på din egen bild och se om du är nöjd med markeringen eller behöver förbättra den. Är du nöjd är det bara att kopiera markeringen och klistra in, så hamnar hon på ett eget lager.

frilagt lager

Dags att ta bort henne från bakgrundslagret. Gör en ny markering på samma sätt. Utöka markeringen (gör större) med Markera >> Ändra >> Utöka.

utöka markering

Efter det fyller du markeringen med Innehållsmedveten fyllning (Redigera >> Fyllning och välj Innehållsmedveten som fyllning). Som du ser försvinner tjejen från bakgrundslagret. Om du inte är nöjd med resultatet, fyll med innehållsmedveten en gång till. Du kan göra om det här hur många gånger som helst tills det ser bra ut. I det här exemplet gör det inte så mycket om det inte blir perfekt, eftersom vi ska placera tillbaka tjejen senare.

Lägga till text

Börja med att välja ett teckenssnitt. Undvik teckensnitt som har stor variation mellan tunt och tjockt. Neontext visas allra bäst med ett lite tjockare teckensnitt. I det här exemplet har jag valt skrivstilsteckensnittet Filmotype Keynote som jag tror är tillräckligt tjockt. Filmotype Keynote är ett teckensnitt som du kan ladda ner från Adobe Fonts.

text

När du är nöjd med hur texten ser ut storleksmässigt ska du göra om textlagret till ett vanligt bildlager genom att rastrera texten. Gå till Text >> Rastrera textlager. Du ser i panelen Lager att texten inte längre är ett vanligt textlager.

rastrera textlager

Markera all text i det nya, rastrerade lagret genom att hålla ner Ctrl (Win), Cmd (Mac) och klicka på tumnagelbilden i lagerpanelen eller använd trollstaven och klicka på texten.

Cmd-klicka

Runda av hörnen på texten för då blir det enklare att skapa text i neon och det kan du göra genom Markera och maskera. Du hittar Markera och Maskera i Markera-menyn. Glöm inte att du måste markera lagret för att alternativet ska vara tillgängligt. Välj svartvitt som Visningsläge och runda sen av hörnen med Kontrast och Ludd. Spara det här som ett Nytt lager.

markera och maskera

Lägg till ett nytt tomt lager där du ritar ut en smal rektangel med vit färg.

vit linje

Lägg till textur på texten

Efter det markerar du både lagret med text och lagret med rektangeln och lägger samman dom till ett lager. Högerklicka och välj Lägg samman lager. De två markerade lagren blir ett lager.

textur

Öppna en bild med lite textur och flytta till bilden som du arbetar med. När du kopierar och klistrar in en bild i en annan bild hamnar den alltid som ett nytt, eget lager. Se till att lagret med textur hamnar ovanför lagret med text.

För att texturen enbart ska påverka lagret med text gör du ett klipplager genom att ställa dig mellan de två lagren samtidigt som du trycker ner Alt-tangenten (Option-tangenten på Mac) och klickar. Det isolerar texturen till lagret med text, ett s.k. klipplager.

klipplager

Tanken med texturen är att ge en neontext aningen metallkänsla. Gör texturen betydligt mörkare med hjälp justeringslagret Nivåer, som vi också slår ihop med underliggande lager med ett klipplager. Du kan alltid justera nivåerna lite senare.

justeringslager

Ge texten en liten kant genom att lägga till en lagerstil. Markera lagret med texten och gå till Lager >> Lagerstil. (Du kan också klicka på FX-knappen längst ner i panelen Lager).

I Lagerstil lägger du till en ramlinje. Välj vitt som färg och gör linjen tunn (I exemplet är den 2 px).

lagerstil linje

Skapa neontext

Börja med att skapa ett nytt lager som du lägger överst i lagerpanelen. Döp om lagret till Neon.

nytt lager neon

Skapa en markering genom att Ctrl-klicka (Win), Cmd-klicka (Mac) i lagret med texten.

Dra samman markeringen. (Hur mycket beror på bildens och textens storlek). I exemplet drog jag samman markeringen med 25 px.

dra samman markering

Du kan också ge markeringen lite ludd genom att gå till Markera >> Ändra >> Ludd. I exemplet ger jag markeringen ett ludd på 5 px. Du ser ingenting i bilden just nu, men markeringen har fått en mjuk kant.

Dags att lägga till en linje till markeringen. Gå till Redigera >> Ramlinje och gör en linje som är vit och 2 px bred. För att få en tydligare linje gör du om samma ramlinje en gång till.

ramlinje

Avmarkera när du är klar. (Markera >> Avmarkera)

Neontext med effekter

Bland de lagerstilar som finns hittar du det som behövs för neon-effekten. Med neon-lagret fortfarande markerat går du till Lager >> Lagerstil eller klickar på FX-knappen i panelen Lager.

Välj ramlinje och ställ in linjen till 1 px position utanför och välj den färg som du vill skapa neonljuset med. I exemplet tänker jag skapa grön neon så jag har valt en ljusgrön ton. Nu börjar vi ana vår neontext.

början till neontext med lagerstil på linje

Lägg till ytterligare en effekt. Välj ytterglöd, ställ in blandningsläget Linjär skugga, opacitet 100% och välj den grönaste färg du kan hitta, spridningsgrad 20% och storlek 2 px.

början till neontext med lagerstil ytterglöd

(Tänk på att bredderna på linjer beror på hur stor texten är från början. Ju mindre text, desto mindre bredder på alla effekter).

Avsluta besöket bland effekterna genom att lägga på en skugga. Sätt blandningsläget till Linjär skugga. Byt färg till stark grön. Opacitet 100%, avstånd 0 px, spridning 10%, storlek 200 px.

början till neontext med lagerstil skugga

Efter det kan du godkänna dina effekter och titta på resultatet. Det som är praktiskt med effekter är att du kan komma åt dom i lagerpanelen om du vill göra några justeringar.

Skapa hål i neontext

Äkta neonrör är inte helt sammanhängande utan det är små mellanrum i rören. Du skapar de mellanrummen genom att lägga en mask på neon-lagret. Använd en pensel med svart färg och måla ovanpå masken i neon-lagret. Ungefär två hål/bokstav är kanske realistiskt?

hål i neontext

Vill du byta färg är det bara att gå in på effekterna i neonlagret och byta färg på linje, ytterglöd och skugga.

Du kan avsluta genom att tända upp lagret med tjejen. Lägg till justeringslagret Nyans och mättnad och ändra färgen till att matcha neon-ljuset. Måla bort färgen i ansiktet så att neon-ljuset bara färger hatten.

färdig bild med neontext

Då var vi klara med den här neon-effekten. Tänk på att de olika exempel-måtten varierar en del beroende på storleken på den bild du använder.

>> Skaffa Photoshop med Adobe Creative Cloud

preflight indesign

Preflight i InDesign

Preflight i InDesign är ett kraftfullt verktyg som hjälper dig att säkerställa att ditt dokument uppfyller trycktekniska och publiceringsmässiga krav innan export eller tryck. Genom

Läs mer »
färger

Färger inom Design

Färg är ett av de mest kraftfulla verktygen inom design. Den påverkar hur vi uppfattar ett varumärke, hur vi känner inför en produkt – och

Läs mer »