1. Design & Illustration
  2. Add-Ons
  3. Text Effects

Cómo hacer una cara tipográfica, retro y espacial

Scroll to top

Spanish (Español) translation by Ender Gamboa (you can also view the original English article)

En este tutorial, le mostraré cómo hacer una cara tipográfica utilizando técnicas sencillas. Usando la Herramienta Pincel y experimentando con la luz, conseguirás esta increíble Cara Espacial Tipográfica que parece creada por letras y una increíble explosión. ¡Empecemos!

Vista previa de la imagen final

Echa un vistazo a la imagen que vamos a crear. Puedes ver la vista previa de la imagen final a continuación o ver una versión más grande aquí.

Paso 1

Antes de nada, quiero dejar claro que la imagen con la cara que estoy utilizando aquí, es una imagen personal mía, Imagen de la cara. Te recomiendo que consigas esta imagen para este tutorial, para que me sigas paso a paso, también puedes usar cualquier otra imagen que te guste. Te será más fácil elegir una imagen que tenga un fondo negro, para utilizar este efecto de forma similar.

En este tutorial, también utilizo un set de pinceles que me ha resultado muy útil. Puedes encontrarlo en Deviantart o en obsidiandawn.com. También utilicé una imagen de stock de Fireworks que me ayudó a conseguir el efecto de una explosión. Antes de obtener el Set de Pinceles y la imagen de Fuegos Artificiales, por favor no olvides dar crédito a los Artistas.

Paso 2

Después de haber descargado todo el material necesario, es el momento de empezar. Abre la imagen de la cara, pulsa Alt + doble clic en la capa para poder desbloquearla. Cambia el nombre de la capa "Cara". Ahora tienes que crear una Nueva Capa pulsando Comando + Mayúsculas + N, debajo de esta y rellenarla con Negro Sólido, renombra la capa "Fondo".

Paso 3

Ve a la herramienta Pincel (B), selecciona uno de los pinceles del set que descargaste antes. Te recomiendo que selecciones uno que tenga más letras. En este caso, he utilizado el número 22. Antes de aplicar el cepillo, asegúrese de crear una nueva capa usando Comando + Mierda + N, a continuación, selecciona la nueva capa para que el cepillo se aplicará en él. También para el tamaño del pincel, el Diámetro Maestro tiene que ser fijado para el máximo, que en este caso es 2500 px. Más tarde, después de haber captado la idea, se puede jugar más con los tamaños de los pinceles.

Paso 4

Ahora es el momento de trabajar un poco más, selecciona la "Capa 1", mantén pulsada la tecla Control, haz Comando-clic en la capa "Capa 1", verás que todas las letras del pincel están seleccionadas.

Selecciona la capa llamada "Cara", asegúrate de que las letras siguen seleccionadas, y copia los píxeles seleccionados de la capa, luego pégalos. Verás que se crea una capa automática debajo de la "Capa 1" y de la capa "Cara". Llamo a esa capa "Camaleón" porque tiene los mismos colores que la Imagen. Tienes que borrar la "Capa 1", o no verás ninguna diferencia. Si ocultas la capa "Cara", verás que las letras pasan a ser las mismas que la imagen de la cara.

Paso 5

En el Paso 3 y el Paso 4, explico cómo las letras del pincel se colorean como la imagen de la cara. Ahora tienes que repetir esos pasos tantas veces como sea necesario hasta que la cara quede clara. En este caso, repetí los pasos ocho veces, y obtuve la imagen de abajo como resultado.

No olvides agrupar todas las capas (Capa > Nueva > Grupo). Cambia el nombre del grupo a "Letras" y luego selecciona todas las capas, arrástralas y suéltalas en el Grupo.

Paso 6

Para que quede más claro que las letras se superponen unas a otras, hay que aplicarles una sombra. Selecciona una de las capas que está dentro del Grupo "Letras". Haz doble clic en ella y elige Opciones de fusión, luego establece la Sombra paralela con un Modo de fusión Multiplicar, Opacidad 90%, Ángulo 30, Distancia 8px y Tamaño 5px.

Al aplicar esto en una capa, puedes copiar este efecto haciendo clic con el botón derecho en esa capa y eligiendo Copiar estilo de capa. Selecciona todas las capas que están dentro del grupo, luego haz clic con el botón derecho en una de ellas y elige Pegar estilo de capa. Verás que todas las capas obtienen esta sombra.

Paso 7

Ahora todo está hecho. Este era todo el truco. Ahora sólo faltan los colores retro y el efecto de explosión para terminar el diseño.

Crea dos capas (Comando + Mayúsculas + N), llámalas "Azul" y "Naranja". Rellena la capa "Azul" con (#080d4c) y rellena la capa "Naranja" con (#ffc600).

La Opacidad de la capa "Azul" tiene que ser del 50%, y el Modo de fusión, Aclarar. La Opacidad de la capa "Naranja" tiene que ser del 6%, y el Modo de Fusión, Aclarar Color. Asegúrate de que la capa "Azul" está en la parte superior.

Paso 8

Ahora vamos a hacer las luces. Selecciona la Herramienta Pincel (B), elige un pincel normal Círculo con un Diámetro Maestro de 150 px. Elige dos colores (#00fffc) y (#00ff4e) para las líneas.

Crea una nueva capa (Comando + Mayúsculas + N), y empieza a dibujar con el pincel desde la esquina superior izquierda hasta la esquina inferior derecha, como he hecho en la imagen de abajo.

Paso 9

Selecciona la capa con las líneas que has dibujado. Ve a Filtro > Desenfoque > Desenfoque de movimiento. Asegúrate de que el Ángulo es de -45 grados, y la distancia es de 998 px.

Paso 10

Esta vez ve a Filtro > Desenfoque > Desenfoque gaussiano. El radio debe ser de 124px. Después de aplicar el Desenfoque, ve al Modo de Fusión de la capa y cámbialo de Normal a Aclarar, también reduce la Opacidad al 50%.

Paso 11

Crea una Nueva Capa. Elige la Herramienta Pincel que usamos antes para dibujar las líneas, y dibuja algo similar a la imagen de abajo con este color: #ff0066.

Paso 12

Ahora ve a Filtro > Desenfoque > Desenfoque gaussiano. Asegúrate de haber seleccionado la capa áspera, la que tiene Luz Rosa. Y asegúrate de que el Radio está en Max 250.0 px. Ve al Modo de fusión de la misma capa y cambia el Modo a Pantalla.

Paso 13

Ahora abre la imagen con el programa Fireworks que descargaste al principio. Ve a Tono/Saturaciones (Comando + U), y cambia el Tono a -98. Verás que el color de la imagen ha cambiado a rosa. Presionamos Comando + A para seleccionar todos los píxeles de la imagen, copiamos la imagen y luego vamos a nuestro proyecto y lo pegamos allí. Como ves, se crea una nueva capa. Rota la imagen como se muestra en la segunda imagen de abajo.

Paso 14

Cambia el Modo de Fusión de la imagen a Sobreexposición Lineal.

Paso 15

Crea una nueva capa (Comando + Mayúsculas + N). Rellénala con Negro Sólido, ve a Filtro > Renderizado > Destello de Lente, y ajusta el Brillo al 89%. Además, elige una lente de 35 mm, y trata de mover la luz en el mismo lugar que se muestra a continuación.

Paso 16

Ve al modo de fusión de esta capa, y desde el Modo Normal cámbialo a Pantalla. Además, moviendo y rotando la imagen, puedes obtener algo similar a lo que se muestra a continuación.

Conclusión 

Ahora guarda este proyecto, y después de obtener la imagen terminada puedes jugar con el Brillo y el Contraste hasta que estés satisfecho con el resultado.

Espero que hayas aprendido algo nuevo y te hayas divertido. Puedes ver la imagen final abajo o ver una versión más grande aquí.