Hoe maak je 3D Neon Light Typography

Neonlichten zijn altijd al een fascinerend schouwspel geweest van licht en vaak moeilijk te fotograferen. Welnu, hier is geen camera nodig, omdat we vanaf het begin leren hoe we een 3D-neontype kunnen maken.


Stap 1

Om de tekst te maken, beginnen we in Illustrator. Open dus een nieuw AI-bestand en download dit lettertype, genaamd Shine On. Gebruik het gereedschap Tekst (Command + T), typ je eerste letter ("N") en kies een lichte kleur (# ABDCD6).



Stap 2

Laten we nu een 3D-effect toevoegen. Ga naar Effect> 3D> Extrude & Bevel. Wanneer het venster verschijnt, voert u de onderstaande instellingen in. Om de verlichtingsinstellingen te bekijken, drukt u op de knop Meer opties. Voel je vrij om rond te spelen met de positie van je letter, maar om hetzelfde resultaat te krijgen, gebruik dezelfde instellingen voor de Extrude & Bevel sectie.

De brief heeft twee kleuren. Een daarvan is de letterkleur (# A8E5DC) en de andere is de schaduwkleur in het 3D-menu. Als u toegang wilt krijgen, selecteert u Aangepast onder het keuzemenu Schaduwkleur. Kies een lichtere cyaan (# E1FFF7).

Als u denkt dat uw brief klaar is, herhaalt u het proces om de volgende drie letters stil te zetten en te positioneren. Zodra u klaar bent, kopieert u (Command + C) de eerste letter.
Dingen om in gedachten te houden tijdens het plaatsen van de letters:

1. Houd het gewicht van het lettertype in gedachten. Dit is een dun lettertype, dus zoek een lay-out die een leesbaar woord oplevert. Je kunt ervoor kiezen om de letters zwevend te maken, zoals ik deed, of ze symmetrisch uit te lijnen om ze als een teken te laten lijken. Als dit het geval is, typt u het hele woord voordat u het 3D-effect maakt of typt u de rest nadat u het effect op één letter hebt toegepast.

2. Als u niet tevreden bent met de hoek die u hebt opgegeven, hoeft u niet opnieuw te beginnen. Ga naar Venster> Vormgeving en dubbelklik op het effect in de lijst. Het is het beste om dit te doen na het maken van alle letters.



Stap 3

Open een nieuw Photoshop-document, maak het 1280 bij 768 pixels bij 300 ppi. Vul de achtergrondkleur met zwart en plak (Command + V) de eerste letter. Eenmaal gepositioneerd dubbelklikt u op de laag en maakt u de hieronder getoonde laagstijlen. De eerste is een Outer Glow. De toegewezen kleur is # 64FFF2.



Stap 4

Voeg nu een innerlijke gloed toe met de kleur # 96b2BA.



Stap 5

De volgende is Satijn met een andere schaduw van cyaan (# 65DBD7).



Stap 6

Voeg voor meer diepte en contrast een verloopoverlay toe met deze twee kleuren: # 0E272F en # 5993A4. Vergeet niet om de overvloeimodus op Kleur te zetten.



Stap 7

Klik met de rechtermuisknop op de laag en selecteer Laagstijl kopiëren. Selecteer vervolgens de resterende lagen, klik met de rechtermuisknop en selecteer Laagstijl plakken. Alle letters moeten nu hetzelfde effect hebben.



Stap 8

Nu gaan we het gloei-effect verderzetten door achter de letters te schilderen. Kies een zeer donkere cyaan (# 071617) en schilder met een grote zachte borstel.



Stap 9

Het is tijd om de elektrische kabels toe te voegen. Gebruik het gereedschap Pen (P) om uw kabel in de padmodus te traceren.



Stap 10

Selecteer een rond penseel en stel de waarde in op 12 pixels. Pak de Pen-tool opnieuw, klik met de rechtermuisknop in het canvas en selecteer Lijnpad. Druk op PL, zonder een gesimuleerde druk te gebruiken.



Stap 11

Voeg een laagstijl toe: Satijn met deze kleur: # 182525.



Stap 12

Om het einde van de neonbuis er realistischer uit te laten zien, voegen we twee ellipsen toe met deze kleuren: # 6da0a4 en # 40b8b5. Samen geven ze het uiterlijk van een ring.



Stap 13

Voeg wat meer kabels toe aan de rest van de letters. Vergeet niet om het uiteinde van een kabel aan het uiteinde van een neonbuis te koppelen.



Stap 14

Om wat diepte toe te voegen, vervagen we de laatste letter, die voor dit doel kleiner is gemaakt.



Stap 15

Het is tijd om wat meer te focussen op de letters, en ze realistischer en ouder te maken. Begin met het maken van lichte variaties met een zachte borstel op wit. Doe dit in een knipmasker bovenop de laag van de letter. Als u een uitknipmasker wilt maken, maakt u een nieuwe laag en klikt u vervolgens tussen de twee lagen terwijl u Alt ingedrukt houdt.



Stap 16

Herhaal hetzelfde proces met de rest van de letters.



Stap 17

In dit deel van de tutorial verouderen we de neons door vlekken toe te voegen met deze set vanuit Bittbox. Download en installeer Grunge Ink Splatter Brushes. Na het selecteren van deze set in Photoshop, begint u te schilderen met lichte accenten van deze kleur: # EE5FCFB.



Stap 18

Voeg nog een vlek toe met een donkerdere kleur. Door de lichte en donkere vlekken zal de verslechtering er meer willekeurig uitzien.



Stap 19

Herhaal het proces voor de rest van de letters.



Stap 20

Nu we meer intensiteit aan de neons hebben toegevoegd, laten we het totale licht verhogen. Schilder wat meer met een zachte borstel achter de letters met een heldere cyaan (# 31CAC9), maar met een zeer lage dekking (10%).



Stap 21

De muur moet dezelfde slechte staat weerspiegelen, dus voeg een paar vlekken toe in een laag boven de laag "achtergrond" en speel rond met de dekking totdat je de juiste balans vindt.



Stap 22

Voeg een paar schaduwen toe aan de kabels. Om dit te doen, dupliceert u gewoon de kabel. Selecteer vervolgens de onderliggende laag en ga naar Filter> Vervagen> Bewegingsonscherpte en voer vervolgens een waarde van 60 pixels in.



Stap 23

Welnu, wat is een neonbuis zonder dat er wat beestjes rondvliegen? We nemen een paar vlinders op. Download de foto en knip deze uit met de toverstaf.



Stap 24

Ga naar Afbeelding> Aanpassingen> Tint en verzadiging. Verander de verzadiging en lichtheid naar -85.



Stap 25

Gebruik de Dodge Tool om (O) de delen die naar de neonlichten zijn gericht lichter te maken.



Stap 26

De laatste aanpassing is het toepassen van een fotofilter. Ga naar Afbeelding> Aanpassingen> Fotofilter en pas cyaan toe.



Stap 27

Pas dezelfde techniek toe op de tweede. Ik heb de tweede vlinder gemaakt door een van de vleugels van de vorige te draaien en de andere in positie te schoppen.



Stap 28

Ik heb ook mijn naam toegevoegd aan de afbeelding, maar deze in de afbeelding verwerkt. Ik heb een graffiti-lettertype gebruikt, omdat dit passend leek in de omgeving. Begin met het intypen, draai het en schuif het in positie.



Stap 29

Pak het gummetje (E) en selecteer een van de krassende inktpenselen uit de bittbox. Wis een klein stukje van de tekst; net genoeg om het op de achtergrond te laten overvloeien.



Stap 30

Ga naar de modus Snelmasker (Q) en sleep een zwart naar wit verloop van de ene naar de andere kant van de tekst. Sluit de snelmaskermodus (Q). Dit is het deel dat we gaan vervagen om een ​​gevoel van diepte te geven.



Stap 31

Ga naar Filter> Vervagen> Lens vervagen en gebruik de onderstaande instellingen.



Stap 32

We gaan een paar aanpassingen maken die het beeld meer realisme geven. De eerste stap om dit te doen is om een ​​wankel handcamera-effect te simuleren. In het geval dat iemand deze foto zou maken met een onstabiele camera, zouden er lichtvlekken verschijnen. We zullen iets soortgelijks creëren, maar tegelijkertijd duidelijkheid en leesbaarheid behouden.
Dupliceer een van de letters (in mijn geval de letter "E") en maak een nieuwe blanco laag. Selecteer de lege laag en de onderliggende letter en voeg ze samen (Command + E). We doen dit om de laagstijl op de letter vlak te maken. Zet deze nieuwe samengevoegde laag overvloeimodus op Overlay.



Stap 33

Ga nu naar Filter> Vervagen> Bewegingsonscherpte en voer een waarde in van 43 bij een hoek van 0 graden. Verplaats de wazige brief.



Stap 34

Ga naar Afbeelding> Aanpassingen> Tint & verzadiging en sleep de verzadigingsbalk een beetje naar beneden; net genoeg om een ​​deel van de overmatige helderheid te verwijderen.



Stap 35

Herhaal hetzelfde proces voor de resterende letters.



Stap 36

Sommige van de door ons geïntroduceerde gloedeffecten hebben het kleurenbereik van de gehele afbeelding verkleind. Om het iets dynamischer te maken, heb ik besloten om een ​​kanaalmixer te gebruiken. Ga hiervoor naar Laag> Nieuwe aanpassingslaag> Kanaalmixer. Gebruik de onderstaande instelling voor de RGB-kanalen.



Stap 37

Een laatste stap naar voltooiing is nog een realisme-verbeteraar. Op dit niveau van licht is ruis zeer geschikt. Na het afvlakken van de afbeelding (Command + Shift + E), ga je naar Filter> Ruis> Ruis toevoegen. Gebruik de waarden 1%, Uniform en Monochromatisch.



Conclusie

Nou, dat is het dan! Het mooie van deze techniek is dat hij heel gemakkelijk op alle soorten neonlichten kan worden aangebracht. Je kunt ervoor kiezen om 3D-typografie te maken, zoals in deze tutorial, of gestileerde neonlampen in abstracte composities. Zoals gewoonlijk is het allemaal aan jou en wat je denkt dat het best zou kunnen gebruiken. Bedankt voor het lezen! U kunt het uiteindelijke afbeeldingsvoorbeeld hieronder bekijken of een grotere versie hier bekijken.