Introducción

¡Hola a todos! Hoy, te enseñaré cómo crear una tipografía que recuerde el estilo de los 80. Este estilo se puede llamar outrun, synthwave o retrowave. Se caracteriza por letras cromadas, colores neón y gradientes vibrantes. Hay muchas cosas que puedes hacer para lograr este efecto, pero hoy te enseñaré cómo crear letras cromadas y efectos de neón para la tipografía.

 

Para esto, necesitará algunas tipografías en negrita y algunas tipografías escritas a mano. Usaré Montserrat Black 900 para el tipo en negrita y el Sr. Dafoe para el tipo escrito a mano. Ambos son tipos de código abierto que se pueden encontrar en Google Fonts.

 

 Muy bien, con eso fuera del camino, ¡comencemos!

Letras cromadas:

[1] Primero hagamos el cromo porque son los más difíciles. Para el relleno principal:

[1.1] Escribe la palabra que deseas en negrita. Rasterízalo haciendo clic derecho en las capas y seleccionando [Rasterizar]

 

[1.2] Duplique la palabra en la que desea crear el efecto. En este caso, será la palabra "RETRO". Ahora trabajaremos en el duplicado superior.

[1.3] Crea un degradado con dos partes negro azul y blanco; y negro, morado y blanco (¡puedes hacerlo con otros colores!). El primer blanco y el segundo negro deben estar muy cerca, sin gradiente entre ellos.

[1.4] Con la transparencia bloqueada, dale a la palabra el gradiente que creaste. Asegúrese de que tanto el primer como el último color sean visibles. Mantenga el gradiente recto presionando [shift] en su teclado mientras lo coloca sobre las letras.

[2] Para las fronteras:

[2.1] En el duplicado inferior, haga clic en [Efecto de borde] en el panel [Propiedades de capa]. Esto le dará a las letras un borde en el grosor de su elección.

[2.2] Trabajaremos en este borde, por lo que necesitaremos Rasterizar la capa después de obtener el ancho deseado.

[2.3] Dado que solo usaremos este borde, podemos eliminar la parte que contiene el relleno haciendo clic derecho en la capa de relleno, seleccionando [Selección desde la capa]> [Crear selección] y eliminando este espacio en la capa del borde.

[2.4] Ahora, lo colorearemos con un degradado de dos azules claros. Bloquee la transparencia de la capa. Nuestro gradiente tendrá varias repeticiones de los colores (de 6 a 8 repeticiones está bien). Podemos hacerlo en el propio degradado, o con la opción [Proceso de borde]> [Invertir] en la [Paleta de detalles de la herramienta secundaria del degradado] (el símbolo de llave inglesa en la esquina inferior derecha del panel de propiedades de la Herramienta).

Pruebe diferentes ángulos para el gradiente, hasta que cree un efecto con el que esté satisfecho.

 

[3] Hagamos que estos bordes se vean metálicos:

[3.1] Cree una nueva capa en la parte superior de los bordes. Esta capa se establecerá en [Quemar color].

[3.2] Cree una selección de la capa de borde y vaya a nuestra nueva capa.

[3.3] Con la [Herramienta de selección de polilínea] establecida en [Eliminar de la selección], anule la selección de diferentes partes de cada letra. Haga esto de manera ordenada, desea crear la ilusión de que cada área sea una cara reflectante del borde, como tal:

[3.4] Cubra la selección con un degradado de negro a blanco establecido en [Proceso de borde]> [Reverso]. Pruébalo hasta que estés satisfecho.

[3.5] Solo una parte de la frontera tiene este efecto, hagamos el resto. Cree una selección desde la capa del borde nuevamente. Vaya a la nueva capa metálica y elimine su área de la selección haciendo clic derecho en la capa y vaya a [Selección de capa]> [Eliminar selección]. Esto le dará el área que no seleccionó anteriormente.

[3.6] Repita el paso [3.4]. Puede hacerlo en la misma capa o en una nueva, no afectará el área anterior. Al hacer esto en dos insignias, tiene diferentes ángulos para cada parte.

[4] Terminemos el efecto Chrome agregando algunos puntos brillantes con el pincel Decoración, Sparkle A:

[4.1] Lo hice dar un solo brillo yendo a la [Paleta de detalles de la herramienta secundaria]> [Trazo]> [Método de repetición]> [Un ciclo aleatorio].

[4.2] También cambié el ángulo en el panel de propiedades de la herramienta.

[4.3] ¡Haz brillar tus letras al azar!

Muy bien, ¡hemos terminado con el efecto cromo! Debería verse más o menos así:

Agrupe todas estas capas, haremos algo con ellas en el paso [7]. Hagamos las letras de neón por ahora.

Letras de neón:

[5] Primero, hagamos que las letras se vean como tubos de neón:

[5.1] Con el texto seleccionado, en el panel [Edición de texto], abra la [Paleta de detalles de la subherramienta]> [Fuente]> [Abrir cara]> [Abrir cara negrita]. Esto te dará algunos bordes delgados.

[5.2] Le daremos un efecto Borde para ampliar los bordes. Siga el paso [2.1]. Puede rasterizar la capa ahora.

• Los letreros de neón están hechos de tubos llenos de un gas que brilla cuando se electrifica. El gas y la electricidad se conectan al final / principio del tubo (no me cite sobre esto, solo lo vi en un documental, je, je). Para crear este efecto, borré algunas áreas del "tubo". Puedes hacerlo si lo deseas.

   

[5.3] Duplicar la capa. La capa superior será de color rosa claro, y la capa inferior será de color rosa intenso.

• Hay muchas formas de cambiar el color de una capa. Con el color que desea seleccionar: (1) Vaya a [Editar]> [Convertir a color de dibujo]; o (2) Bloquee la transparencia de la capa> Haga clic en el icono Cubo en la [Barra de comandos]. Una forma más avanzada podría ser utilizar la corrección tonal: vaya a [Editar]> [Corrección tonal]> [Tono / Saturación / Luminosidad], o] Mapa de degradado], o] Corrección de nivel], y muchos otros, le recomiendo que familiarizarse con este menú.

 

[5.4] En la capa inferior, ve a [Filtro]> [Desenfoque]> [Desenfoque gaussiano] para darle un efecto de brillo. Duplíquelo y combine los duplicados para intensificar el color.

[5.5] Establezca el modo de fusión de esta capa en Agregar (brillo)

 

 

¡Eso es todo! Realmente simple, ¿verdad? Hagamos las letras rosas fuertes y luego pasemos al fondo:

Letras rosadas:

[6] Vamos a darles un poco de color:

[6.1] Déles un degradado con dos rosas, una más oscura que la otra. Puse el rosa más oscuro en la parte inferior. Duplicar la capa.

[6.2] En el duplicado superior, vaya a [Filtro]> [Desenfoque]> [Desenfoque gaussiano] para darle un efecto de brillo. Ajústelo a Agregar (Resplandor) y reduzca la opacidad.

[6.3] En el duplicado inferior, vaya a [Filtro]> [Desenfoque]> [Desenfoque fuerte] para suavizar los bordes.

 

Así es como debería verse todo:

[7] ¡Ya casi hemos terminado! Haremos que el brillo de las letras rosa y neón se refleje en las letras cromadas para crear la ilusión de que están en el mismo espacio.

[7.1] Crea una nueva capa en la parte superior del grupo que contiene las letras de neón. Córtalo al grupo.

[7.2] Con el aerógrafo [Suave], toma el color de las letras rosadas y dispersa el área superior de las letras "RETRO". Haga lo mismo para el fondo con las letras de neón. Evite cubrirlos en su totalidad, el efecto debe ser sutil. Imagina que es un canto brillante encima de uno metálico.

[7.3] Establezca la capa en [Color] y baje su opacidad.

Antecedentes:

[8] Muy bien, hemos terminado con las letras. Ahora, condimentemos un poco el fondo:

[8.1] En una nueva capa debajo de todo, toma el aerógrafo suave y recoge los colores principales de las palabras. Para mí, era rosa, azul y rosa nuevamente.

[8.2] Pinte el área debajo de las letras y alrededor del lienzo para crear un ambiente y un brillo suave.

[8.3] Establezca esta capa en Agregar (Resplandor) y baje su opacidad.

 

• Puede hacer esto en varias capas para obtener efectos variables.

[8.4] Ahora, para crear un poco de contraste y hacer que el diseño sea más legible, agregué un triángulo al fondo. Simplemente dibuja un triángulo irregular con la herramienta de polilínea, dale un degradado y listo. Sentí que cargaba demasiado la cosa, así que estaba indeciso.

• En estas imágenes puedes comenzar a ver textura y ruido. Normalmente dejo este paso para el final, pero estaba experimentando con nuevas texturas, y lo hice prematuramente, je, je. Si quieres ruido, crea una capa encima de todo, llénalo de gris, ve a [Filtro]> [Procesar]> [Ruido de peligro] y juega con las opciones. Una pequeña escala y amplitud siempre me dan el resultado que quiero. Cuando haya terminado, configúrelo en Superposición y reduzca la opacidad.

La estética de la onda sintetizada se ha inspirado en gran medida en los videojuegos. Como tal, es común ver elementos de ellos en las composiciones. Los terrenos de estructura metálica son muy populares, hacen que parezca que estás jugando un juego incompleto. Te mostraré cómo hago dos versiones.

 

 

[9] Para una estructura alámbrica como la de la miniatura:

[9.1] Dibuja un cuadrado con la herramienta Figura. Asegúrese de tener el suavizado de la herramienta en Ninguno, si no lo hace, dejará un espacio entre los cuadrados cuando lo coloque en mosaico.

[9.2] Convierta la capa en un material de Imagen haciendo clic derecho en la capa, seleccionando [Convertir capa]> [Tipo]> [Capa de material de imagen]

[9.3] Seleccione la herramienta Operación. En la parte inferior del panel de propiedades de la Herramienta, marque la opción Mosaico. Esto debería darte una cuadrícula.

[9.4] Edita el cuadrado principal hasta que encuentres el tamaño correcto. Cuando lo haga, rasterice la capa. Le recomiendo que lo duplique antes de rasterizar porque el paso [9.5] puede ser un poco complicado.

[9.5] Vaya a [Editar]> [Transformar]> [Transformación libre] y mueva las esquinas del cuadro hasta que tenga una forma trapezoidal similar a la que se muestra en la imagen. Los cuadrados ahora deberían verse como una cuadrícula de perspectiva. Las cajas pueden parecer demasiado pequeñas o demasiado grandes. Intente ir al paso [9.4] y hacer que el cuadrado sea más grande o más pequeño, tal vez vuelva a dibujarlo (paso [9.1]) configurando la herramienta de figura en un tamaño de pincel más delgado. Intenta hasta que estés satisfecho.

[9.6] Dibuja una línea recta en otra capa y colócala donde debería estar el horizonte.

[9.7] Duplica ambas capas y dale a la parte superior duplica el color que desees. Crearemos un efecto de neón como lo hemos hecho anteriormente.

[9.8] Dé a los duplicados superiores un desenfoque gaussiano (pasos [5.4] y [6.2]). Ajústelos a [Agregar (Brillo)]. Puede duplicar las versiones borrosas si desea que el brillo sea más fuerte, como hice con el desenfoque de la línea del horizonte.

[10] Temía que este efecto competiría con mis subtítulos de neón, así que decidí diseñarlos de otra manera.

[10.1] Siga los pasos [9.1] a [9.5] exactamente.

[10.2] Bloquear transparencia. Seleccione la herramienta Degradado> Borrar degradado y borre la línea del horizonte. De esa manera parece que continúa para siempre.

[10.3] Vaya a [Editar]> [Transformar]> [Transformar malla] y mueva varios puntos en la cuadrícula para que parezca un terreno irregular. Depende de usted lo sutil o pronunciado que sea. Mire a continuación dos ejemplos, uno sutil y otro muy pronunciado.

[10.4] ¡Cámbielo al color que desee, reduzca la opacidad y listo!

 

También puede agregar irregularidades al primer ejemplo de cuadrícula. Experimenta y diviértete.

¡Eso es! Ya hemos terminado!

Pensamientos finales

Mi diseño tiene diferentes elementos, porque quería darte diferentes cosas para mezclar y combinar como quisieras, pero terminó pareciendo un poco cargado, je, je. No grita el estilo de los 80 si no es vibrante y desagradable, ¿verdad?

 

Con este y cualquier otro diseño que desee hacer en el futuro, siempre recomendaré buscar referencias, seleccionar las que le gusten e intentar realizar ingeniería inversa de cómo cree que las hizo el diseñador. ¿Por qué eligieron estos colores? ¿Qué puedo hacer de manera diferente? ¿Cómo consigo este efecto? Le guiará a través de un camino de descubrimiento y experimentación que necesitará durante toda su carrera como artista.

 

Espero que disfruten de este tutorial. Si tiene alguna pregunta, puede escribirla como un comentario que me encantaría ayudar. Y si fue útil, ¡me encantaría ver lo que hiciste! Puedes etiquetarme en Instagram en @ apey.art o Twitter en @apey_art.