Efecto neon 3D

Posteado el 19. Nov, 2010 por in Illustrator

En este tutorial aprenderás como crear un efecto de neon en 3D con illustrator. Utilizamos la frase “hazte fan en facebook” pero tu puedes elegir la que tu desees y recuerda que al final podrás descargar el editable

PASO 1
Creamos un nuevo documento de Illustrator de 500 x 500 píxeles.

Efecto neon 3D Facebook

PASO 2
Con la herramienta Rectagle Tool vamos a crear un cuadrado con sobre nuestro documento con un color de relleno negro.

Efecto neon 3D Facebook

PASO 3
Ahora vamos al menú Object – Create Gradient Mesh…

Efecto neon 3D Facebook

PASO 4
En la ventana colocamos los valores que se ven en la imagen.

Efecto neon 3D Facebook

PASO 5
Bloqueamos la capa del fondo y damos clic sobre el botón Create New Layer.

Efecto neon 3D Facebook

PASO 6
En la nueva capa con la herramienta Text Tool vamos a escribir el texto Hazte Fan Facebook con un color de fuente blanco.

Efecto neon 3D Facebook

PASO 7
Seleccionamos nuestro texto y vamos al menú Type – Create Outlines.

Efecto neon 3D Facebook

PASO 8
Ahora vamos al menú Effect – 3D – Extrude & Bevel y aplicamos los valores que se ven en la imagen.

Efecto neon 3D Facebook

PASO 9
Una vez aplicado el 3D vamos al menú Objetct – Expand Aparance.

Efecto neon 3D Facebook

PASO 10
Ahora vamos a aplicarle una línea de color blanco a nuestro texto y quitamos el color de relleno.

Efecto neon 3D Facebook

PASO 11
Ahora con la herramienta Tijera vamos a cortar las líneas que no necesitamos para que sea más facil de leer el texto.

Efecto neon 3D Facebook

PASO 12
Seleccionamos todas nuestras líneas y vamos a aplicarle de nuevo un relleno blanco ahora solo seleccionamos la parte frontal del texto y le colocamos una Strok de 1pt.

Efecto neon 3D Facebook

PASO 13
Vamos al menú Select – Inverse para invertir la selección ahora a las líneas traseras les colocamos un tamaño de 0,5 pt y una opacidad de 50%.

Efecto neon 3D Facebook

PASO 14
Quitamos el color de relleno a todas las formas y deberiamos obtener un efecto como el que se ve en la imagen.

Efecto neon 3D Facebook

PASO 15
Ahora bloqueamos la capa del texto y desbloqueamos la capa del fondo y con la herramienta Mesh vamos a crear una maya en el fondo.

Efecto neon 3D Facebook

PASO 16
A cada punto de la maya vamos a aplicarle un color que nos guste.

Efecto neon 3D Facebook

PASO 17
Creamos un nuevo cuadrado de color negro sobre todo nuestro fondo y en la ventana Transparency le colocamos un modo de fusión Overlay una opacidad de 40%.

Efecto neon 3D Facebook

PASO 18
Ahora creamos un círculo con un gradiente radial de azul a negro que cubra toda nuestro documento.

Efecto neon 3D Facebook

PASO 19
Cambiamos el modo de fusión del círculo a Hue.

Efecto neon 3D Facebook

PASO 20
Desbloqueamos la capa del texto y bloqueamos la capa del fondo y con el comando Ctrl + C para copiar y Ctrl + F para pegar al frente duplicamos el grupo del texto.

Efecto neon 3D Facebook

PASO 21
Ahora al grupo le aplicamos un brush redondo y cambiamos el grosor de la línea a 2pts, luego le colocamos un modo de fusión Overlay y una opacidad de 81%,

Efecto neon 3D Facebook

PASO 22
Con el comando Ctrl + C para copiar y Ctrl + F para pegar al frente duplicamos el texto que acabamos de modificar.

Efecto neon 3D Facebook

PASO 23
Vamos a la capa del fondo y ocultamos el círculo con el gradiente y el cuadrado negro y con la herramienta mesh vamos a agregarle al fondo algunos puntos más con color blanco para que estos sean los destellos de nuestro texto.

Efecto neon 3D Facebook

PASO 24
Listo ya tenemos nuestro efecto terminado.

Efecto neon 3D Facebook

Descarga el editable de efecto neon 3D illustrator


Tags: ,

Una respuesta para “Efecto neon 3D”

  1. Name (alvaro

    22. Aug, 2011

    fullllllllllllllllllllllllllllll

Deja tu Comentario

Tutoriales en la web se reserva el derecho de moderación de los comentarios. Evita por favor utilizar palabras soeces, ataques directos e insultos, de lo contrario tu comentario será eliminado.

Hire PHP Developer India
Get Adobe Flash player