Com crear un text neó en 5 passos amb Adobe Photoshop

Tutoria com crear un text neó amb Photoshop pas a pas

Adobe Photoshop ofereix unes eines de fusió increïbles. Si saps utilitzar-la i si prestes atenció a l'detall, amb elles podràs crear una infinitat de efectes molt realistes. En el disseny gràfic, com en la moda, tot torna i aquest any hem estat testimonis de com l'estètica anys 80 tornava a ser tendència. Colors cridaners, imatges fosques, diferents textures, llums de neó, aquests elements han inundat cartells i campanyes publicitàries retornant-nos a la dècada de la transgressió.

Els llums de neó són tot un clàssic de la publicitat dels anys vuitanta, per això he volgut recuperar-les per aquest post. així, us ensenyaré a crear un text neó amb Adobe Photoshop en 5 senzills passos.

Selecciona un fons adequat

Si bé és cert que pots aplicar-ho sobre fons de diferent color, si tries un fons fosc, el resultat va ser millor i molt més realista. Pots fer-ho directament sobre un fons negre, o pots triar una textura. Jo, en aquest cas, he seleccionat un fons que simula una paret fosca de maons i treballaré en un arxiu mida A4 en posició horitzontal.

Selecció de la tipografia i grandària de el text

Per crear les vostres text neó et recomano escollir una tipografia gruixuda, De pes i una mica allargada, ja no només perquè a l'aplicar els efectes et quedarà millor, Sinó perquè les tipografies gruixudes van estar molt de moda en els 80. Pel que fa a l' mida, dependrà molt de les necessitats del teu disseny i de la tipografia que triïs. No obstant això, t'adverteixo que aquest efecte no està pensat per a textos petits, sinó més aviat per textos grans i cridaners. Una altra cosa que has de tenir en compte és l'espai entre caràcters, Si tries una tipografia en què aquest espai predeterminat és molt reduït, hauràs de ampliar-lo No et preocupis! Ara veurem com fer-ho.

En el meu cas, he optat per la tipografia “Impact” i li he donat un mida de 100 punts. Com l'espai entre caràcters era reduït, li he donat un valor de 10 a l'traking. A l'alterar aquest valor modifiquem l'espai entre cada caràcter.

Tutorial Neó seleccionar traking i mida de la tipografia

Per donar aquesta alineació a el text simplement he modificat l'opció d'alineació al “menú de text” que, normalment, apareix a la part superior de la pantalla. Hauràs de seleccionar “centrar text”. Per col·locar-lo al centre de la pàgina, pressiona control + T (si treballes en Windows) o comando + T (si treballes en Mac) i podràs moure lliurement.

Tutorial Neó alinear i centrar text

Modificar l'estil de la capa text

Un cop tens creat el teu text, el que faràs és baixar el farciment a 0%. El text desapareixerà, però no t'espantis, no has fet res malament, és just el que ha de passar.

Tutorial Neó Canviar farciment de la capa text a l'0%

A continuació, anem a procedir a modificar l'estil de la capa text. Per a això has de obrir el menú estil de capa: posant el cursor sobre la pestanya “capa” obriràs un menú desplegable, situa el cursor sobre “estil de capa” i fes clic a “opcions de fusió”. Se us obrirà un menú, has de seleccionar l'opció traç i modificar els següents elements: la mida i el color. Pel color selecciona un blanc. Per la mida no puc donar-te un valor exacte perquè dependrà de la teva tipografia i de el tipus de lletra escollida. En el meu cas, he fixat la mida de traç en 7, L'important és que no quedi massa gruixut perquè no perdis llegibilitat a l'afegir els efectes.

Tutorial neó com desplegar el menú opcions de fusió

Tutorial Neó Modifica l'estil de la capa text seleccionant traç

Abans de continuar, crearem un grup amb el text i els efectes (Efecte traç). Per crear el grup, simplement selecciona la capa text i prem Cmd G. A partir d'ara els efectes els aplicarem a aquest grup.

Tutorial Neó com crear un grup

Aplicar l'efecte neó

Ara prepara't per prestar moltíssima atenció perquè comença el més interessant. Seleccionant el “grup text + efectes” anem a tornar a obrir el menú d'estil de capa (recordeu que també podeu obrir-lo seleccionant el símbol “fx”). A continuació, marca el efecte “resplandor exterior”. Un cop més, els valors que donarem a aquest efecte dependran de les necessitats del disseny, activa l'opció “previsualitzar” per veure simultàniament com queden els ajustaments. En el meu cas, he optat per un color rosa cridaner i he triat una opacitat de l'85%. També hauràs de triar una tècnica, et recomano que seleccionis l'opció “més suavitzat” i regulis els valors “estendre” i “mida”. Et deixo a baix un screenshot amb els valors que m'han servit per al meu disseny.

Tutorial Neó Aplicar a el text l'efecte resplendor exterior

Aconsegueix un major realisme

Com podràs veure, el que tenim ja podria considerar-se un text neó, però com busquem que el resultat sigui el més realista possible vaig a donar-te alguns trucs més per millorar el disseny. Els textos reals de neó desprenen llum Podem simular aquesta llum amb Photoshop? Sí, és clar que podem i et sorprendrà el senzill que és.

Selecciona i configura li eina pinzell

El primer que hauràs de fer és crear una nova capa. després selecciona l'eina pinzell i escull la punta “circular difusa”. Vas a haver de personalitzar les característiques del teu pinzell. Començarem modificant la mida, l'ideal és que el gruix de la punta sigui d'una mida una mica superior al que ocupa la teva caixa de text (A mi m'ha fet falta donar-li un valor de 2390 px). També hauràs de canviar una mica la forma de l'pinzell, per això mou els punts blancs presents en el gràfic de menú pinzell, achata una mica el cercle perquè s'adapti millor a la forma del teu text. Baixarem l'opacitat, Això depèn una mica de l'gust personal de cadascú, a mi m'agrada que els efectes siguin suaus, pel que he baixat la opacitat a un 21%. Finalment, selecciona el color de l'pinzell, el farcit ha de ser exactament de el mateix color que has donat a la resplendor exterior (Rosa en aquest cas). Perquè el color sigui el mateix tens dues opcions: pots copiar el codi de color donat o afegir aquest color com mostra a la teva biblioteca.

Tutorial Neó Configuració de l'pinzell per donar l'efecte llum

Tutorial neó com copiar el codi de color

Aconsegueix un efecte de llum suau

Quan tinguis configurat el teu pinzell, només hauràs de fer un clic al centre del teu text per pintar un punt. Aquest punt ja simularà una llum, però per aconseguir un resultat més fi et recomano que situïs la capa sota el grup de “text + efectes”. Espero que aquest tutorial sobre com crear un text neó en 5 passos amb Adobe Photoshop t'hagi servit 'Estàs a punt per fer teu aquest disseny!

Tutorial Neó pintem un punt en la nostra nova capa amb el pinzell personalitzat

Tutorial neó, movem la capa sota de el grup i obtenim el resultat final

 


El contingut d'l'article s'adhereix als nostres principis de ètica editorial. Per notificar un error punxa aquí.

Sigues el primer a comentar

Deixa el teu comentari

La seva adreça de correu electrònic no es publicarà.

*

*

  1. Responsable de les dades: Miguel Ángel Gatón
  2. Finalitat de les dades: Controlar l'SPAM, gestió de comentaris.
  3. Legitimació: El teu consentiment
  4. Comunicació de les dades: No es comunicaran les dades a tercers excepte per obligació legal.
  5. Emmagatzematge de les dades: Base de dades allotjada en Occentus Networks (UE)
  6. Drets: En qualsevol moment pots limitar, recuperar i esborrar la teva informació.