CÓMO RELLENAR UNA IMAGEN CON UNA PALABRA CON PHOTOSHOP

¿Te has preguntado alguna vez (y sé que tienes) cómo todos esos bloggers, diseñadores gráficos, propietarios de tiendas de Etsy y otros crean imprimibles o gráficos con imágenes o palabras que están llenas de una linda foto? Quiero decir, no solo una palabra que es colorida, sino una que está llena de una imagen real, como brillo, grano de madera, un doodle de acuarela o algún otro diseño genial.

Bueno, estás de suerte porque estoy compartiendo todos los detalles sobre cómo crear este efecto rápida y fácilmente con una de las herramientas más potentes pero a menudo olvidadas de Photoshop: ¡la máscara de recorte!

Suena difícil, lo sé, ¡pero no cuesta nada!

UTILIZADO EN ESTE TUTORIAL:
  • Photoshop Element
  • Fuentes de The Majestic Font Bundle
  • Veinte Nueve Regular: “amor”
  • Veinte nueve ornamentos (fuente dingbat): forma de corazón dibujado
  • Archivo de imagen acuarela

PASO 1: CREA UN  NUEVO ARCHIVO

Primero, abre Photoshop (utilizo Photoshop Elements porque es la versión más barata pero igual de impresionante de la variedad completa que no es Element). Crea un nuevo archivo yendo a Archivo> Nuevo> Archivo en blanco y designa las especificaciones deseadas. También asegúrate de que estás en modo experto en la parte superior.

SUGERENCIA: si estás planeando imprimir su creación, asegúrate de tener una resolución grande (es decir, al menos 300 píxeles / pulgada) … ¡el aumento es mejor! Si vas a utilizar tu diseño únicamente en línea para cosas como gráficos de blogs o listados de Etsy Shop, una resolución de 72 debería estar bien.

How to Fill an Image or Word with a Picture in Photoshop: A Clipping Mask! | Where The Smiles Have Been

PASO 2: AGREGA TEXTO Y / O IMAGEN

Luego, agrega tu texto o imagen / dingbat / forma (lo que quieras que se complete). Simplemente haz clic en la herramienta de texto (la “T” verde) del menú de la izquierda, eligesu fuente en el menú de la parte inferior, haz clic en cualquier lugar de tu zona de trabajo para crear un cuadro de texto y luego escribe “lejos”.

Notarás que aparecerá una nueva capa a la derecha en el Menú de Capas.

How to Fill an Image or Word with a Picture in Photoshop: A Clipping Mask! | Where The Smiles Have Been

Me gusta seguir adelante y agregar todos mis elementos al principio y luego ajustarlos más tarde (solo una preferencia personal), y con este diseño en particular, también usaré una imagen de una fuente dingbat. En realidad, es lo que se llenará con mi próxima imagen, y el texto ‘amor’ se agregará en la parte superior. Lo sé, un poco confuso, ¡pero quédate conmigo!

Una vez agregado, la palabra “amor” y el dingbat corazón recién agregado ahora son capas de texto separadas a la derecha.

NOTA: La capa a la derecha para la forma del corazón muestra su nombre como ‘q’. Eso es porque esta es una fuente dingbat, y la letra q es la pulsación de tecla que usé para obtener el corazón. Puedes cambiar el nombre de la capa si lo deseas, pero normalmente no me molesto a menos que estés haciendo un póster de pizarra de cumpleaños y tenga docenas de capas de dingbat … ¡eso puede ser bastante confuso! 

How to Fill an Image or Word with a Picture in Photoshop: A Clipping Mask! | Where The Smiles Have Been

PASO 3: AÑADE LA IMAGEN QUE QUIERAS USAR COMO RELLENO Y AJUSTA EL ARREGLO DE CAPA

A continuación, agrega una nueva capa con la imagen que deseas usar como relleno de su palabra o imagen. Voy a utilizar un archivo de acuarela de color amelocotonado, pero puedes usar casi cualquier imagen que quieras … ¡tantas opciones!

IMPORTANTE: Presta atención a su disposición de capas aquí porque necesita que su relleno (imagen) esté directamente EN LA PARTE SUPERIOR de su palabra / imagen. La capa de relleno debe estar por encima de la capa de fillee (sí, yo compongo mis propias palabras).

Como quería que la acuarela llenara el corazón, me aseguré de que mis capas estuvieran bien organizadas (acuarela en la parte superior).

How to Fill an Image or Word with a Picture in Photoshop: A Clipping Mask! | Where The Smiles Have Been

PASO 4: CREA LA MÁSCARA DE RECORTES Y AJUSTAR LA COLOCACIÓN / ESCALA

Ahora viene la parte divertida … ¡la máscara de recorte! Suena realmente elegante, ¿eh?

Para facilitar las cosas, primero apagué mi capa de “amor” y la oculté haciendo clic en su pequeño globo ocular (se puede ver por encima de la flecha rosa). Una vez que se apaga, el globo ocular tendrá una línea de barra roja a través de él. Volveremos sobre esto en solo un momento.

Para crear una máscara de recorte:
  1. Asegúrate de que la disposición de la capa sea correcta (la capa de la imagen está directamente encima de la capa de palabra / imagen
  2. Haz clic y seleccione su capa de imagen en la parte superior
  3. Haz clic derecho en la capa y seleccione ‘Crear máscara de recorte’

How to Fill an Image or Word with a Picture in Photoshop: A Clipping Mask! | Where The Smiles Have Been

¡Eso es! Una vez que hayas hecho eso, todas las partes de tu imagen que estaban fuera de tu palabra / imagen ahora serán recortadas, o ya no serán visibles, pero la porción interna permanecerá. Como puedes ver, mi corazón ahora está lleno de la imagen de la acuarela.

Y no te preocupes … nuestro siguiente paso es asegurarte de que toda la forma se rellene, por lo que las porciones negras restantes pronto desaparecerán. ¡No te dejaré ahorcado!

NOTA: Mirando hacia atrás en su Menú de Capas, puede saber fácilmente si se ha aplicado una máscara de recorte a una capa. La imagen de vista previa ahora se sangrará una smidgeon a la derecha y una pequeña flecha azul hacia abajo y un cuadro blanco aparecerá a la izquierda de la misma. Además, la capa a la que se aplica ahora estará subrayada. Y si alguna vez deseas eliminar una máscara de recorte, simplemente haz clic con el botón derecho en la capa nuevamente y selecciona “Liberar máscara de recorte”.

How to Fill an Image or Word with a Picture in Photoshop: A Clipping Mask! | Where The Smiles Have Been

PASO 5: HAZ LOS RETOQUES FINALES

A veces, la máscara de recorte dejará partes de tu palabra / imagen sin llenar, dependiendo de su imagen y el tamaño inicial. ¡No temáis!

Esto se puede remediar fácilmente ajustando el tamaño o la escala de su imagen. Simplemente haz clic y desliza una de las pequeñas cajas a lo largo del borde del cuadro delimitador de la imagen, o mueve toda la capa hasta que estés satisfecho con su ubicación. Por supuesto, también puedes cambiar el tamaño de la palabra / imagen.

Después de aumentar el tamaño de mi capa de acuarela, mi corazón (digital) ahora está completamente lleno de ¡bondad amelocotonada!

How to Fill an Image or Word with a Picture in Photoshop: A Clipping Mask! | Where The Smiles Have Been

Para  finalizar mi diseño, seleccioné las capas de acuarela y corazón al mismo tiempo, ajusté sus tamaños y los giré un poco hacia la izquierda:

How to Fill an Image or Word with a Picture in Photoshop: A Clipping Mask! | Where The Smiles Have Been

Casi terminado, ¡lo prometo!

¿Recuerdas lo primero que agregué a mi diseño, la palabra ‘amor’? Bueno, no me he olvidado de eso.

Este último elemento restante se terminó haciendo primero clic en su globo ocular para que se volviera a ver (no más barra roja). Luego cambié el color del texto de negro a blanco en el menú de texto, y moví la capa a la parte superior en el menú de capas. Esto colocaría la palabra sobre el corazón de acuarela.

How to Fill an Image or Word with a Picture in Photoshop: A Clipping Mask! | Where The Smiles Have Been

EL DISEÑO FINAL

¡Y así es como mi diseño se ve una vez impreso y enmarcado! Muy bien, ¿eh?

¡Y fue tan fácil retocarlo también…!

imagen-final

Related posts:

geminacronos.es

geminacronos.es escribió 67 entradas

Navegación por entradas


Deja un comentario

Su dirección de correo electrónico no será publicada. Los campos con * son obligatorios

Puede usar las siguientes etiquetas y atributos HTML:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>