Spanish (Español) translation by Javier Salesi (you can also view the original English article)
Esta semana estamos rindiendo homenaje a Alemania, a su idioma, y a su cultura ¡festejando el lanzamiento de la versión alemana de Envato Elements!
En este tutorial, aprenderás cómo usar una imagen de stock de tinta en agua y un texto sencillo para crear un efecto mezclado. Este tutorial funcionará mejor con imágenes que tengan un fondo uniforme con el que podamos experimentar. Esta imagen de tinta en agua es de Envato Elements, así que ¡no dudes en explorar ahí para encontrar más opciones!
Lo Que Necesitarás
- Accede a Adobe Photoshop si no lo tienes, puedes descargar una versión de prueba desde el sitio web de Adobe.
- Imagen Tinta en Agua
- Fuente Bw Nista International
Descarga la imagen e instala la fuente, ¡y estás listo para comenzar!
1. Cómo Configurar un Nuevo Archivo en Photoshop
Paso 1
En Photoshop, ve a Archivo > Nuevo. Nombra el documento Ink Poster. Establece la Anchura en 1270 px y la Altura en 1600 px. Establece la Resolución en 72 pixeles/pulgada. Haz clic en OK.
Paso 2
En el panel Capas, haz clic en Crear nueva capa de relleno o ajuste > Color Uniforme. En la ventana Selector de Color, establece el color en negro (#000000). Haz clic en OK.
Paso 3
Presiona Comando-R para visualizar las reglas alrededor del documento. Dirígete a Vista > Guía Nueva. En la ventana Guía Nueva, selecciona Horizontal y establece la guía en 50 px. Haz clic en OK.
Haz lo mismo para los otros lados del documento al restar 50 px del tamaño final. Para activar y desactivar las guías, presiona Comando-;.
2. Cómo Configurar la Imagen de Tinta en Agua
Paso 1
Arrastra la imagen Tinta en Agua en el archivo en Photoshop.
Paso 2
Redimensiona la imagen presionando Comando-T. Dirígete a la barra Opciones y presiona el botón Mantener proporción. Establece la Anchura en 300%. La Anchura cambiará automáticamente. Presiona Intro.
Paso 3
Selecciona la Herramienta Mover (V) y centra la imagen en el documento. Queremos que el poster parezca como si la imagen estuviera fluyendo desde la parte superior. Por lo tanto, alinea la parte superior de la imagen con el borde superior del documento.
Paso 4
En el panel Capas, selecciona la capa Ink in water. Haz clic derecho > Rasterizar Capa. Duplica la capa al presionar Comando-J.
Paso 5
Para crear la ilusión de que las letras están fusionadas con la tinta, necesitamos añadir una máscara de capa. En el panel Capas, selecciona la capa superior Ink in water y pulsa el botón Añadir Máscara de Capa.
3. Cómo Añadir Texto
Necesitamos plasmar el texto antes de comenzar a trabajar en la máscara de capa. También necesitaremos agregar el texto en capas separadas. Esto nos dará libertad de mover las capas como nos plazca.
Paso 1
En el panel Herramientas, selecciona la Herramienta Texto (T).
Haz clic en el documento y comienza a escribir la palabra "DER". Activa el panel Carácter al ir a Texto > Paneles > Panel Carácter. En este panel, establece la Fuente en BW Nista International Bold y establece el Tamaño en 265 pt.
Paso 2
Usando la misma Herramienta Texto (T), añade el resto de la oración "KLANG VON MUSIK". Pon cada palabra en una capa diferente.
Paso 3
Creemos algo de armonía entre las capas de texto.
Apila las palabras una arriba de otra, dejando algo de espacio entre ellas. No se requiere perfección-podemos alinear las capas posteriormente. Muévelas horizontalmente como gustes para crear movimiento y romper la rigidez.
La única cosa en la que tenemos que tener cuidado es que ninguna de las capas se acerque demasiado a las guías. Agregaremos algunos detalles ahí.
Paso 4
Selecciona las cuatro capas de texto y, en el panel Opciones, selecciona el botón Centros Verticales. Esto uniformará el espacio entre cada capa de texto.
Paso 5
Necesitamos mover las capas entre las dos capas Ink in Water para fusionarlas con la tinta. Selecciona las cuatro capas de texto y arrástralas hacia el botón Crear un grupo nuevo en el panel Capas. Mueve el grupo entre las dos capas Ink in Water. Es importante organizar las capas de esta manera. Revelaremos únicamente las partes de la imagen de la capa Ink in Water que queremos para continuar.
4. Cómo Fusionar el Texto y la Imagen de la Tinta
Paso 1
En el panel Capas, selecciona la Máscara de Capa que creamos en la capa Ink in Water. Presiona Comando-I para invertir la capa de blanco a negro. Esto mostrará los elementos de abajo.
Paso 2
En el panel Herramientas, selecciona la Herramienta Pincel (B). Establece el color de Frente en blanco y el de Fondo en negro. Puedes intercambiar estos dos al presionar X en tu teclado. Esto será de gran utilidad más adelante.
Haz clic derecho en el documento para cambiar los ajustes de pincel. Establece el Tamaño en 80 px. Puedes decrementar el tamaño de cualquier pincel mientras trabajas en el documento al presionar [ e incrementar al presionar ]. Finalmente, establece la Dureza en 100%.
Paso 3
Asegúrate de que estés seleccionando todavía la Máscara de Capa creada en la capa Ink in Water.
Usando la Herramienta Pincel (B) y los consejos del paso anterior, comienza a pasar el pincel sobre algunas de las partes. Esto mostrará partes de la foto en la capa que estás trabajando.
Para este paso, necesitamos tener en cuenta la forma de la tinta. Notarás que la tinta tiene un movimiento específico, creando formas suaves que se superponen. Para crear la ilusión de que el texto está mezclado, necesitamos que la tinta envuelva al texto. Puedes verlo en el ejemplo de abajo:
Paso 4
Repite el paso de arriba para todas las letras-¡no existe lo correcto o lo incorrecto!
Paso 5
Una vez que todas las letras estén mezcladas, necesitamos añadir algunas sombras para recuperar la profundidad. En el panel Capas, crea una nueva capa al presionar las teclas Mayúsculas-Comando-N. En la ventana de la opción Nueva Capa, nombra la capa Shadow. Haz clic en OK.
Mueve la capa sobre las capas de texto agrupadas.
Paso 6
Selecciona la Herramienta Pincel (B) del panel Herramientas. Haz clic derecho para cambiar los ajustes. Establece el Tamaño en 80 px y la Dureza en 0%. Dirígete a la barra Opciones y establece la Opacidad en 20%.
Paso 7
Asegúrate de que estés en la capa Shadow que acabamos de crear. Usando el pincel que establecimos arriba, pásalo sobre cada letra. Esto creará una ligera sombra sobre las letras y la ilusión de profundidad para evitar que el diseño sea demasiado plano.
La sombra podría parecer demasiado clara para el ojo. Un gran truco es activar y desactivar la capa al hacer clic en el ícono del ojo. De hecho notarás que una sombra muy suave es suficiente. Agregar pequeños detalles como este en verdad puede hacer que el resultado final quede bien o no.
Paso 8
Crea una nueva capa al pulsar las teclas Mayúsculas-Comando-N. En la ventana de la opción Nueva Capa, nombra la capa Outside stroke. Haz clic en OK. De nuevo, asegúrate de que esté colocada sobre la capa del texto.
Paso 9
Activa las guías al presionar Comando-;. En el panel Herramientas, selecciona la Herramienta Rectángulo (U). Dibuja un rectángulo entre las guías azules.
Paso 10
Dirígete a a barra Opciones. Establece el Trazo en blanco y el Tamaño en 25 pt. Presiona Intro.
Paso 11
Regresa a la Máscara de Capa de Ink in Water y selecciona la Herramienta Pincel (B). Repetiremos la técnica que usamos con las letras.
Establece el Tamaño en 80 px, la Dureza en 100%, y la Opacidad en 100%. Comienza a pasar el pincel sobre la Máscara de Capa de Ink in Water para ocultar el trazo blanco.
5. Cómo Añadir los Detalles Finales en el Texto
Finalmente, podemos agregar los últimos detalles al poster. Selecciona la Herramienta Texto (T) y abre el panel Carácter si no está abierto. Dirígete a Texto > Panel > Panel Carácter para abrirlo.
Abajo están los detalles que agregué con el tamaño del texto y el grosor de la fuente específico en capas separadas.
- 18.06
-20.06.2018
(BW Nista International, Tamaño en 54 pt, Interlineado en 57 pt, Negrita)
- AUGSBURG
KUNST UND KULTUR
AKUK.COM
(BW Nista International, Tamaño en 30 pt, Interlineado en 32 pt, Thin)
- ALTE KONGRESSHALLE
ALEXANDERPLATZ U5
(BW Nista International, Tamaño en 54 pt, Interlineado en 57 pt, Negrita)
Notarás que he colocado cada una de estas capas en una esquina diferente-esto es para complementar el elemento principal y agregar equilibrio al poster.
6. Cómo Guardar un Archivo para la Web
Dirígete a Archivo > Guardar y guarda el archivo como lo harías normalmente.
Para guardar un archivo JPEG para la web, dirígete a Archivo > Guardar para la Web o presionando las teclas Mayúsculas-Opción-Comando-S. Selecciona el tipo de archivo en el que quieres guardar el documento-estoy eligiendo JPEG-y establece 100 para la Calidad. En Tamaño de Imagen, puedes cambiar el tamaño de pixeles de la imagen si tienes alguna limitación de tamaño.
En la parte inferior de lado izquierdo, puedes ver una previsualización del tamaño del archivo. Esto es util cuando hay limitaciones de tamaño en un sitio web y necesitas disminuir la calidad o el tamaño de la imagen.
Haz clic en Guardar... para elegir la ubicación en la nueva ventana, y haz clic de nuevo en Guardar.
¡Felicidades! ¡Has Terminado Este Tutorial!
En este tutorial, hemos aprendido a fusionar tipografía y una imagen para crear un espectacular resultado final. Hoy, hemos aprendido a:
- Usar Máscaras de Capa para mostrar u ocultar partes de una imagen.
- Crear una capa de sombra para agregar profundidad a una imagen.
- Organizar exitosamente capas para crear la ilusión de dimensión.
Si te gustó este tutorial, también te podrían gustar estos:
By
