[TUTORIAL] Como colocar una imagen dentro del texto

Paso 1: Abra Una Imagen

En Photoshop Primero, necesitamos la imagen que vayamos a poner el interior de nuestro texto. Voy a utilizar esta foto algo escénica abajo:

[TUTORIAL] Como colocar una imagen dentro del texto

Paso 2: Agregue Su Texto

Tenemos la foto que vamos a colocar en el texto. ¡Ahora todo lo que necesitamos es el texto!

Puesto que ésta es una foto tan escénica xD voy a escribir la tapa "SCENIC" del excedente de la palabra de ella. Primero, presionaré "T" en mi teclado para seleccionar rápidamente el tipo horizontal herramienta, y elegiré una fuente con el deletreado grueso agradable para cerciorarme de que hay bastante espacio dentro de las letras para que aparezca el texto adentro. Utilizaré "Arial Black".

[TUTORIAL] Como colocar una imagen dentro del texto

Paso 3: Reacomode el texto segun el tamaño necesario

He agregado la palabra "SCENIC" delante de mi imagen, pero podría definitivamente ser más grande. Voy a presionar (Windows) de "Ctrl+T" o "Command+T" (mac) para traer para arriba el libre transforman la caja alrededor del tipo, y voy a arrastrar la imagen más grande con mi ratón.

No me refiero aquí a mantener la anchura y la altura del texto la proporción. Lo único que realmente deseo está para que el texto cubra tanto de la foto como sea posible, así que voy a arrastrar simplemente el libre transformo las manijas de control según lo necesitado hasta que es el texto de par en par bastante y arriba bastante tomar la mayoría de la foto.

[TUTORIAL] Como colocar una imagen dentro del texto

Presione "Enter" para aceptar volver a clasificar según el tamaño del texto y quitar la caja Free Transform.

Paso 4: Retitule La Capa Del Fondo

Tenemos nuestra foto, y tenemos nuestro texto. Hay solamente un problema. Actualmente, nuestra foto está en la capa del fondo en la gama de colores de las capas, y nuestro texto está en la capa sobre él. Necesitamos intercambiarlas y tener la capa de la foto sobre el texto.

Photoshop no permite que movamos capas del fondo sobre otras capas, así que la primera cosa que tenemos que hacer es fijar ese problema retitulando la capa del "fondo" a algo más. La manera más fácil de hacer eso es mantener "Alt" y doble click directamente en el nombre "Fondo" en la paleta de capas.. Photoshop la retitulará automáticamente "Capa 0", que convierte la capa a una capa normal al mismo tiempo.

[TUTORIAL] Como colocar una imagen dentro del texto

Paso 5: Mueva La Capa De la Foto Sobre La Capa Del Texto En La Paleta de Capas

Ahora que hemos retitulado la capa del fondo y la hemos convertido a una capa normal, podemos moverla sobre la capa del texto. La manera más fácil de hacer que es mantener la tecla "Ctrl" y presionar "]" en el teclado. Con "Ctrl" mantenido, "]" mueve las capas para arriba en el apilado de la capa, y "[" las mueve para abajo.

[TUTORIAL] Como colocar una imagen dentro del texto

Paso 6: Cree Una Clipping Mask

Ahora tenemos nuestra capa de la foto sobre la capa del texto. Lo que deseamos ahora hacer es uso el texto como máscara y tener solamente las áreas de la foto que bajan dentro de las letras aparezca, y cualquier área de la foto fuera de las letras será ocultado de la visión. Esto nos dará la ilusión de la foto que está dentro del texto.

Para crear una clipping mask, mantenga "Alt" y mueva su ratón directamente entre la capa de la foto y la capa del texto en la paleta de capas. Usted verá su cursor convertirse en el icono del clipping mask.. Cuando usted ve el icono, haga click y usted creará la clipping maskmáscara del truncamiento.

[TUTORIAL] Como colocar una imagen dentro del texto

Una vez que usted haya creado la clipping mask la capa de la foto será mellada a la derecha en paleta de capas para mostrar que fue clippeada por la capa debajo de esta,que es la capa de texto.

Detrás encima en la ventana del documento, usted verá que la foto ahora aparece dentro del texto!

La cosa buena de esto es que el texto sigue siendo texto, por lo quetodavia se lo puede editar

Paso 7: Agregue Una Nueva Capa Debajo De la Capa Del Texto Y Llénela De Blanco

¿Ve ese "tablero de damas" que rodea nuestro texto? Eso es lo que utiliza Photoshop para demostrar la transparencia en una imagen, y no es lo que deseo aquí. Quisiera que mi texto con la imagen adentro de ella apareciera en un fondo blanco sólido. Para lograr eso, voy a agregar una nueva capa debajo de mi capa del texto en la paleta de capas y a llenarla de blanco.

Primero, me cercioraré de que mi capa del texto sea la capa que he seleccionado en la gama de colores de las capas (chasqúela encendido si no se selecciona). Ahora, normalmente cuando usted agrega una nueva capa, Photoshop pone la nueva capa sobre cualquier capa usted había seleccionado, pero quisiera que esta capa pasara por encima debajo de la capa del texto, no ella.

El truco a hacer eso es mantener la llave de "Ctrl" y después chascar encendido el icono "New Layer" en la paleta de capas. Este pequeño truco le indica a Photoshop que debe poner la nueva capa debajode la capa seleccionada.

[TUTORIAL] Como colocar una imagen dentro del texto

Para llenar la nueva capa de blanco, primero presione la letra "D" en su teclado, que reajusta sus colores del primero plano y del fondo a sus defectos de negro y del blanco respectivamente. Entonces, con la nueva capa seleccionada en las capas gama de colores, presione "Ctrl+Delete"para decirle a Photoshop de llenar la capa del color actual del fondo, que recien colocamos de color blanco.

[TUTORIAL] Como colocar una imagen dentro del texto

¡Esto nos da el fondo blanco para nuestro texto, y ya casi terminamos!

Paso 8: Agregue Una Sombra

Para un toque final, voy a agregar una sombra al texto.

Para hacer eso, primero clickeamos en la capa con texto para seleccionarla, y clickeamos en el icono al final de la paleta de capas; ahi elegimos "Drop Shadow" lo que traerá la caja de diálogo de Drop Shadow. Clickee "Aceptar" para conseguir el efecto por defecto.

[TUTORIAL] Como colocar una imagen dentro del texto

¡Muy bien! Aquí está el resultado final, con la imagen dentro del texto y efecto de sombra.

[TUTORIAL] Como colocar una imagen dentro del texto

Creditos:

Creacion de tutorial en ingles- Steve Patterson
Traduccion del 85% del tutorial palabra por palabra - napoxx22 ^^

1 comentarios