RSS

Tutorial: Logos con efecto Neón en Photoshop

Por Nervioso | 3 de October, 2008.  

Diseño, Ilustración, Logos, Photoshop, Tutoriales

Debido a las quejas que hemos recibido por enlazar tutoriales que están en inglés, hemos decidido hacer de vez en cuando una pequeña adaptación de algunos de esos tutoriales, para disfrute del publico netamente hispanoparlante.

Antes de empezar me gustaría aclarar, en primer lugar que se trata de un ejercicio sencillo y en segundo lugar,si, probablemente tu puedas hacerlo mejor que yo. Tal vez existan otros metodos para lograr el mismo efecto, sin embargo la idea es ayudar a los principiantes a iniciarse en el uso de Photoshop.

Hoy vamos a ilustrar en Photoshop el efecto de texto en neón en el logo de la popular web Abduzeedo, así que empecemos.

Primer paso

En primer lugar vamos a abrir un documento, usa el tamaño que quieras, al final eso es lo de menos. Después debes rellenar el fondo con algún color oscuro, esto para que el efecto de neón haga contraste y se resalte, se recomienda que uses un gris oscuro como el #111111.

Paso 2:

Ahora vamos a poner nuestro logo en el documento. En este caso nosotros vamos a usar la tipografía PS Isomatriz-Regular, la cual viene siendo algo así como la fuente oficial de Isopixel. Copiamos esta nueva capa, y la escondemos, la necesitaremos mas adelante, y seguimos trabajando en la original.


Paso 3

Ahora con la capa visible, vamos a Capa>Estilo de capa>Superposición de degradado. Después elegimos Normal en el Modo de Fusión,con un 60% de opacidad. Los colores que se usen dependen de el gusto y la finalidad del logo, sin embargo para este caso vamos a usar Rojo, amarillo, Verde y Azul. El Angulo debe estar en 0. [la escala también varía de acuerdo al gusto, lo ideal es dejarla entre 89 y 90%].


Después de eso nuestro logo debe queda mas o menos así:


Paso 4

Ahora le vamos a dar un poco de desenfoque, Vamos a Filtro>Desenfoque>Desenfoque Gaussiano; Usamos 4 pixeles para el radio.


Paso 5

¿Recuerdan la capa que les había dicho que duplicaran? vamos a hacerla visible, repetimos el paso 5 con esta capa Filtro>Desenfoque>Desenfoque Gaussiano, solo que esta vez vamos a usar 1 pixel como radio.

Paso 6

Vamos a Capa>Estilo De Capa>Opciones De Fusión. Cambiamos la opacidad del relleno a 0% en Fusión avanzada.

Después vamos a Resplandor exterior elegimos Subexposición de color como modo de fusión, 50% de opacidad, color blanco y 18 pixeles de tamaño.

Si tu logo no parece iluminarse con una luz blanca desde el centro de las letras, ve a Superposición de colores y usa el Color Blanco.


Paso 7

Ahora agrupamos esta capa bajo el nombre que deseemos, después cambiamos el modo de fusión a Subexposición de color, acto seguido podemos reagrupar todo y bautizar a tu logo.

Resultado

Los resultados, dependiendo de las gradientes que uses en los colores, o los colores en si mismos pueden variar bastante. La idea es que quede mas o menos así:


Esta es una variación del mismo:



Comparte este artículo en Viadeo
.

1 Comentarios en este post

  1. Alex Says:

    Holas, gracias por el tuto, jeje, veo que también viste el tuto de cómo hacer el logo de abduzeedo, chico una pregunta, sabes cuál es la fuente del logotipo de abduzeedo??? me urge. plz, si sabes me la mandas a mi correo, guitarsami15@hot. .. .

Escribe un comentario



Advertise Here

SITIOS DE INTERÉS

Foro de diseo grfico
Advertise Here Infranetworking
Sponsors
Breves
  • Seguimos dándoles consejos para el ya cercano 14 de febrero. Acá tienen un post con 6 tutoriales especiales para esta fecha. [LINK]

  • Una recopilación de íconos y gráficos con motivos de romance, amor y amistad. Perfecto para decorar tu computadora de acuerdo a esta fecha. [LINK]

  • Recopilación de 10 imprecionantes videos realizados con animación y tipografías. [LINK]

  • Interesante post acerca de la influencia de las redes sociales en la vida cotidiana y la educación actual. [Link]

  • Mas de 50 tutoriales en Photoshop para lograr efectos impresionantes en fotografías [Link]

  • 85 diseñadores a seguir en Twitter, claro, si aún no estás en Twitter este es solo un motivo mas para que te inscribas :) [Link]

  • 35 tutoriales para crear graficos de vectores usando Inkscape [Link].

Stuff

¿Dondé estoy?

Isopixel: Por una cultura del diseño. De México, D. F. para el mundo y desde Septiembre del 2001 acercando a los internautas hispanos lo que marca referencia en diseño, herramientas y recursos, aplicaciones web, ilustraciones y logotipos, usabilidad y tendencias audiovisuales.

Conoce nuestra Red Isopixel One.

Recomendamos