en este tutorial, aprenderemos a colocar una imagen en texto con Photoshop, un efecto muy popular para crear y que también resulta muy fácil de hacer gracias al poder de las máscaras de recorte de Photoshop, ¡como estamos a punto de ver!
esta versión del tutorial es para Photoshop CS5 y versiones anteriores. Si está utilizando Photoshop CC o CS6, consulte la versión completamente revisada y actualizada de este tutorial. Este es el efecto que buscamos:
¡comencemos!
cómo colocar una imagen en el texto
Paso 1: Abra una foto para colocarla dentro de su texto
Primero, necesitamos la imagen que vamos a colocar dentro de nuestro texto. Usaré esta foto panorámica de Hawaii:
¡mira el video tutorial en nuestro canal de YouTube!
Paso 2: duplicar la capa de fondo
si miramos en la paleta Capas, podemos ver que actualmente tenemos una capa, llamada Background. Esta capa contiene nuestra imagen., Necesitamos duplicar esta capa, y la forma más fácil de hacerlo es usando el atajo de teclado Ctrl+J (Win) / Command+J (Mac). Si miramos una vez más en la paleta Capas, vemos que ahora tenemos dos capas. La capa de fondo original está en la parte inferior, y una copia de la capa de fondo, que Photoshop nombró automáticamente «capa 1», se encuentra encima de ella:
Paso 3: Agregue una nueva capa en blanco entre las dos capas
a continuación, necesitamos agregar una nueva capa en blanco entre la capa de fondo y»capa 1″., Actualmente, «capa 1» es la capa seleccionada en la paleta Capas. Podemos decir qué capa está seleccionada porque la capa seleccionada siempre está resaltada en azul. Normalmente, cuando agregamos una nueva capa, Photoshop coloca la nueva capa directamente encima de la capa seleccionada actualmente, lo que significa que Photoshop colocaría la capa encima de «capa 1». Eso no es lo que queremos. Queremos que la nueva capa se coloque debajo de «capa 1». Aquí hay un truco útil., Para añadir una nueva capa debajo de la capa seleccionada, mantenga pulsada la tecla Ctrl (Win) / comando (Mac) y haga clic en el icono nueva capa en la parte inferior de la paleta Capas. Mantener presionada la tecla Ctrl (Win)/Command (Mac) es el truco para colocar la capa debajo de la capa seleccionada actualmente:
ahora Tenemos una nueva capa en blanco denominada «Capa 2» sentado directamente entre la capa de Fondo y la «Capa 1»:
Paso 4: llene la nueva capa con blanco
en este momento, nuestra nueva capa está completamente en blanco. Vamos a llenarlo con blanco para que aparezca como un fondo blanco después de haber colocado nuestra imagen dentro del texto. Vaya al menú Editar en la parte superior de la pantalla y elija rellenar. Esto abrirá el cuadro de diálogo rellenar de Photoshop., Seleccione blanco para la opción contenido en la parte superior del cuadro de diálogo, luego haga clic en Aceptar para salir del cuadro de diálogo:
nada aparecerá en la ventana del documento, ya que la imagen en «capa 1» está bloqueando «capa 2» de la vista, pero si miramos la miniatura de vista previa de la capa para «capa 2» en la paleta Capas, podemos ver que efectivamente, la capa ahora está llena de blanco sólido:
Paso 5: Seleccione «capa 1» en la paleta Capas
Es hora de agregar nuestro texto, pero para ver el texto cuando lo agreguemos, necesitaremos que el texto aparezca encima de «capa 1», de lo contrario la imagen en «capa 1» bloqueará el texto de la vista. Para asegurarse de que podemos ver nuestro texto, haga clic en «capa 1» en la paleta Capas para seleccionarlo. De esta manera, tan pronto como comencemos a escribir, Photoshop creará una nueva capa de Tipo para nosotros y colocará la capa de Tipo directamente encima de «capa 1»:
Paso 6: Seleccione la herramienta Tipo
para agregar el texto, necesitaremos la herramienta Tipo de Photoshop, así que seleccione la herramienta Tipo de la paleta herramientas. También puede seleccionar rápidamente la herramienta Tipo presionando la letra T en su teclado:
Paso 7: elija una fuente en la barra de Opciones
con la herramienta Tipo seleccionada, vaya a la barra de Opciones en la parte superior de la pantalla y elija la fuente que desee usar para el efecto. Generalmente, las fuentes con letras gruesas funcionan mejor. Voy a elegir Arial Black., No se preocupe por el tamaño de fuente por ahora:
Paso 8: establecer blanco como Color de Primer Plano
Este paso no es absolutamente necesario, pero para ayudarme a ver mi texto, voy a usar blanco para mi color de texto. El color que elijas para tu texto en realidad no importa, ya que lo rellenaremos con una imagen en un momento, pero aún así ayuda poder ver el texto cuando lo agreguemos. Para establecer el color del texto en blanco, todo lo que necesitamos hacer es establecer el color de Primer Plano de Photoshop en blanco., Primero, presione la letra D en su teclado, que restablecerá los colores de Primer Plano y fondo a sus valores predeterminados. Negro es el color predeterminado para el color de Primer Plano y blanco es el color predeterminado para el color de fondo. Para intercambiarlos de manera que el blanco se convierta en el color de primer plano, presione la letra X en su teclado. Si observa las muestras de color de Primer Plano y de fondo cerca de la parte inferior de la paleta herramientas, verá que el blanco es ahora el color de primer plano (la muestra izquierda):
Paso 9: agregue su texto
con la herramienta Tipo seleccionada, la fuente elegida y el blanco como color de primer plano, haga clic dentro de la ventana del documento y agregue su texto. Dado que estoy usando una foto de una escena oceánica en Hawaii, voy a escribir la palabra «HAWAII»:
cuando haya terminado, haga clic en la marca de verificación en la barra de opciones para aceptar el texto.
Paso 10: cambiar el tamaño y reposicionar el texto con el comando de Transformación libre
probablemente necesite cambiar el tamaño y reposicionar su texto en este punto, y podemos hacer ambas cosas usando el comando de Transformación libre de Photoshop. Presione Ctrl + T (Win) / comando+T (Mac) en su teclado para abrir el cuadro de Transformación libre y manejadores alrededor de su texto, luego arrastre cualquiera de los manejadores para cambiar el tamaño del texto. Si desea cambiar el tamaño del texto sin distorsionar el aspecto del mismo, mantenga pulsada la tecla Mayús y arrastre cualquiera de los cuatro controladores de esquina., También puede cambiar el tamaño del texto desde su centro manteniendo pulsada la tecla Alt (Win) / Option (Mac) mientras arrastra. Finalmente, para mover el texto, haga clic en cualquier lugar dentro del cuadro de Transformación libre y arrastre el ratón para mover el texto dentro de la ventana del documento:
pulse Enter (Win) / Return (Mac) cuando haya terminado de aceptar la transformación y salir del comando de Transformación libre.,
paso 11: arrastre La Capa de texto debajo de»capa 1″
ahora que tenemos nuestro texto como lo queremos, necesitamos mover la capa de tipo debajo del texto en la paleta Capas. Haga clic en la capa de texto, luego simplemente arrástrela abajo debajo de «capa 1″. Verá que aparece una línea negra gruesa entre» Capa 1 «y»capa 2»:
suelte el botón del ratón cuando la línea negra aparezca para colocar la capa de tipo entre «Capa 1″y»capa 2»:
paso 12: seleccione «capa 1» nuevamente
Haga clic una vez más en «capa 1» en la paleta Capas para seleccionarla:
el texto desaparecerá temporalmente dentro de la ventana del documento ahora que la imagen en «capa 1» lo está bloqueando de la vista.,
paso 13: crear una máscara de recorte
para crear la ilusión de que la foto está dentro del texto, necesitamos usar una máscara de recorte. Esto » recortará «la foto en» capa 1 » al texto en la capa directamente debajo de ella. Cualquier área de la foto que aparezca directamente encima de las letras permanecerá visible en el documento. El resto de la foto desaparecerá de la vista.,
con «capa 1» seleccionada en la paleta Capas, vaya al menú Capa en la parte superior de la pantalla y elija Crear Máscara de recorte:
si miramos en la ventana del documento, podemos ver que la foto ahora aparece dentro del texto:
Paso 14: añadir una sombra paralela (opcional)
para completar mi efecto, voy a añadir una sombra paralela a las letras., Si desea seguir adelante, primero seleccione la capa de tipo en la paleta Capas, luego haga clic en el icono de estilos de capa en la parte inferior de la paleta Capas:
seleccione sombra paralela de la lista de estilos de capa que aparece:
esto muestra el cuadro de diálogo Estilo de capa de Photoshop establecido en las opciones de sombra paralela en la columna central., Voy a dejar la mayoría de las opciones solas, pero bajaré la opacidad de la sombra paralela a aproximadamente 60% para que no sea tan intensa, y estableceré el ángulo de la sombra paralela a 120°:
Haga clic en Aceptar cuando haya terminado de aplicar la sombra paralela y salir del cuadro de diálogo Estilo de capa. Aquí está mi efecto final de «imagen en texto»:
siguiente tutorial: cómo colocar una imagen en varias capas de texto a la vez!