Cambiar los efectos de los fondos de texto en Photoshop

Cambiar los efectos de los fondos de texto en Photoshop

En este tutorial, respondo a una de las preguntas más populares que me hacen, que es, ¿cómo se guarda un efecto de texto con un fondo transparente para poder mover el efecto a un fondo diferente? Normalmente cuando creamos un efecto de texto en Photoshop, lo creamos sobre un fondo de color simple, normalmente en blanco y negro. Pero cuando el efecto está hecho, a menudo queremos moverlo a un fondo diferente, lo que significa que necesitamos una forma de eliminar el fondo original y reemplazarlo con transparencia. Entonces, ¿cómo lo hacemos? En realidad es muy fácil, y en este tutorial, aprenderemos tres formas de hacerlo.

Usaré Photoshop CC pero cualquier versión reciente funcionará. ¡Empecemos!

El efecto del texto

Aquí está el efecto de texto que usaré. Te mostraré cómo crear este texto dorado en un tutorial separado. Fíjese que el efecto está sentado sobre un fondo negro:

El efecto del texto original sobre un fondo negro en Photoshop

El efecto del texto original sobre un fondo negro.

El nuevo contexto

Y aquí está el nuevo fondo en el que quiero poner el texto. Lo he descargado. It is de Adobe Stock:

El nuevo fondo donde se colocará el efecto del texto.

El nuevo fondo para eso.

Index
  1. El efecto del texto
  2. El nuevo contexto
  • Cómo hacer el fondo transparente
    1. Cómo apagar la capa de fondo
  • Cómo mover el efecto de texto a un nuevo fondo
    1. Método 1: Usando el formato de archivo PNG
    2. Método 2: Copiar y pegar
    3. Método 3: Colocando el documento de efecto de texto como un objeto inteligente
  • Bonos: Aumentar el efecto
  • Cómo hacer el fondo transparente

    Voy a volver a mi efecto de texto. Y si miramos el panel de Capas, vemos las tres capas que componen el efecto. Tenemos la capa de «Destellos» en la parte superior, y las dos capas de Tipo debajo de ella. También tenemos la capa inferior en el fondo, que está llena de negro:

    El panel de capas que muestra las capas de efecto de texto y la capa de fondo en Photoshop.

    Las capas de efecto de texto, más la capa de fondo.

    Cómo apagar la capa de fondo

    Lo primero que tenemos que hacer es eliminar el fondo original y reemplazarlo por transparencia. Para ocultar el fondo, sólo hay que desactivar la capa de fondo haciendo clic en su icono de visibilidad:

    Esconder el fondo detrás del texto haciendo clic en el icono de visibilidad de la capa de fondo.

    Apagando la capa inferior.

    Esto deja nuestro texto delante de un fondo transparente. Photoshop representa la transparencia con un patrón de tablero de ajedrez:

    El fondo del texto ha sido reemplazado por la transparencia

    El fondo del texto ha sido reemplazado por la transparencia.

    Cómo mover el efecto de texto a un nuevo fondo

    Así que, ahora que hemos hecho el fondo transparente, ¿cómo movemos el efecto a su nuevo fondo? Hay algunas maneras de hacerlo.

    Método 1: Usando el formato de archivo PNG

    Una forma es guardar el efecto en un formato de archivo que soporte la transparencia. El formato JPEG no soporta la transparencia, por lo que no funcionará. Pero el PNG el formato lo hace, y ese es el formato que necesitamos.

    Cómo guardar el efecto como un archivo PNG

    Para guardar su efecto de texto como un archivo PNG, vaya al File in the menu bar and choose Guardar como:

    Eligiendo el comando Guardar como en Photoshop

    Ir a Archivo; Guardar como.

    En el cuadro de diálogo, nombre su archivo (nombraré mi «Texto Dorado»), y luego establezca el Formato to PNG. Elija dónde quiere guardarlo y luego haga clic en Guardar:

    Guardando el efecto de texto como un archivo PNG en Photoshop

    Guardando el efecto de texto como un archivo PNG.

    Definir los ajustes del formato PNG

    Photoshop le pedirá que elija un ajuste de compresión para el archivo PNG. Esto se verá diferente dependiendo de la versión de Photoshop que esté usando, pero siempre elijo la opción del tamaño de archivo más pequeño. Haz clic en Aceptar para cerrar el cuadro de diálogo:

    FILE Colocando múltiples imágenes en el texto

    Configurar las opciones de formato PNG en Photoshop

    Eligiendo la opción de tamaño de archivo más pequeño.

    Abrir su nuevo fondo

    Con el archivo guardado, abre tu nuevo fondo:

    Abre la nueva imagen de fondo para el efecto de texto en Photoshop

    Abre la nueva imagen de fondo.

    Colocando el archivo PNG en el documento

    Ve a File y en Photoshop CC, elija Lugar incrustado. En Photoshop CS6 o antes, elija Lugar:

    Eligiendo el comando Place Embedded en Photoshop

    Vaya a Archivo; Localización Embebida.

    Elija el archivo PNG que acaba de guardar y luego haga clic en Lugar:

    Eligiendo el efecto de texto del archivo PNG para colocarlo en el nuevo fondo

    Eligiendo el archivo PNG.

    Photoshop pone el archivo delante del fondo:

    Poner el efecto de texto en un nuevo fondo en Photoshop

    Poner el archivo en el documento.

    Puedes usar las manijas de Transformación Libre para cambiar el tamaño del texto si es necesario. Pero en mi caso, lo aceptaré sólo presionando Enter (Win) / Returns en mi teclado. Y sin embargo, el efecto del texto se trasladó a su nuevo fondo:

    El efecto del texto se coloca delante del nuevo fondo en Photoshop

    El texto aparece delante de tu nuevo fondo.

    Si miramos el panel de Capas, vemos que nuestro efecto de texto ha sido añadido como un objeto inteligente sobre la imagen. Sabemos que es un objeto inteligente por el icono en la esquina inferior derecha de la miniatura. Una gran ventaja de los objetos inteligentes es que podemos redimensionarlos sin pérdida de calidad. Puede aprender más sobre el cambio de tamaño de los objetos inteligentes en un tutorial aparte:

    Photoshop colocó el archivo de efecto de texto como un objeto inteligente

    Photoshop colocó el archivo como un objeto inteligente.

    Método 2: Copiar y pegar

    Así que esa es una forma de mover un efecto de texto a un nuevo fondo. Veamos una segunda forma, y una en la que no hay necesidad de guardar su documento como un archivo separado. Borraré mi efecto arrastrándolo al El cubo de la basura en la parte inferior del panel de la capa:

    Eliminar el efecto del texto del documento de fondo

    Eliminar el efecto del texto.

    Esto me deja con mi imagen de fondo:

    El fondo sin el efecto del texto

    Sólo queda la imagen de fondo.

    Estoy cambiando a mi documento de efectos de texto, y como la capa de fondo sigue apagada, seguimos viendo el fondo transparente detrás del texto:

    Volver al documento de efecto de texto

    Volvamos al efecto de texto.

    Fusionar el efecto del texto en una nueva capa

    Otra forma de trasladar su efecto a un nuevo fondo es copiar y pegar en el otro documento. Para hacerlo más fácil, fusionaremos las capas que componen nuestro efecto de texto en una nueva capa.

    Primero, asegúrate de que la capa de fondo esté apagada para que veas un fondo transparente detrás del texto. Entonces, haga clic en el estrato superior para seleccionarlo:

    Seleccionando la capa superior del efecto de texto en el panel de Capas

    Selección de la capa superior (con la capa de fondo desactivada).

    Para fusionar el efecto de texto en una nueva capa, en un PC con Windows, pulse Shift+Ctrl+Alt+E en tu teclado. En un Mac, presione Shift+Command+Option+E. Esto fusiona todas las capas visibles en una nueva capa encima de ellas. Esta nueva capa mantiene el efecto de texto y nada más:

    El efecto del texto se fusionó en una sola capa

    El efecto del texto se fusionó en una sola capa.

    Asegúrate de que la capa de molde está seleccionada, luego ve a la Edit menú y elección Copia:

    Copiar la capa de efecto de texto fundido en Photoshop

    Ir a Edición; Copiar.

    Abre tu nueva imagen de fondo:

    Cambiando al nuevo fondo para el efecto de texto en Photoshop

    Mudándose al nuevo fondo.

    Entonces vuelve a la Edit menú y elección Collar:

    Pegando el efecto de texto en el nuevo fondo en Photoshop

    Vaya a Editar; Pegar.

    Photoshop pega el efecto de texto al nuevo fondo:

    Cómo copiar y pegar un efecto de texto en un nuevo fondo en Photoshop

    El resultado después de pegar la capa de efecto de texto en el nuevo documento.

    En el panel de Capas, vemos nuestra capa de efecto de texto sobre la imagen. Esta vez, es sólo una capa normal, no un objeto inteligente:

    FILE How to create split-color text in Photoshop

    La capa de efecto de texto se añade sobre la capa de fondo en Photoshop

    La capa de efecto de texto aparece sobre la capa de fondo.

    Método 3: Colocando el documento de efecto de texto como un objeto inteligente

    Así que esas son dos maneras de mover un efecto de texto a un nuevo fondo. Veamos una forma más, que también es mi forma favorita. Una vez más, voy a borrar mi efecto arrastrándolo al cubo de la basura:

    Eliminación de la capa de efecto de texto

    Eliminar la capa de efecto de texto.

    Y luego vuelvo a mi documento de efectos de texto:

    Volver al documento de efecto de texto

    Volvamos al efecto de texto.

    Reconectando la capa de fondo

    Antes de seguir adelante, voy a convertir mi La capa inferior haciendo clic en su icono de visibilidad en el Panel de Capas:

    Reconectando la capa de fondo del documento.

    Reconectando la capa de fondo.

    Esto restaura el fondo negro original detrás del texto:

    Restaurar el fondo original detrás del efecto de texto en Photoshop

    El fondo original regresa.

    Eliminación de la capa de efecto del texto fundido

    También eliminaré la capa de efecto de mi texto fusionado seleccionándola y pulsando Retroceso (Win) / Eliminar en mi teclado:

    Selección y eliminación de la capa de efecto del texto fusionado.

    Selección y eliminación de la capa de yeso.

    Guarda y cierra el documento

    Ahora que he restaurado el documento a lo que era originalmente, lo guardaré subiendo a File menú y eligiendo Guardar:

    Guardar el documento de efectos de texto en Photoshop

    Ir a Archivo; Guardar.

    Y luego voy a cerrar mi efecto de texto volviendo a File menú y eligiendo Cerrar:

    Cerrar el documento de efectos de texto en Photoshop

    Ir a Archivo; Cerrar.

    Esto me deja con la nueva imagen de fondo:

    El documento de efecto de texto ha sido cerrado. Sólo el nuevo documento de fondo permanece abierto.

    El documento de efecto de texto ha sido cerrado.

    Poniendo el efecto de texto como un objeto inteligente

    Anteriormente, aprendimos que podíamos mover nuestro efecto de texto a un nuevo fondo desactivando la capa de fondo, guardando el efecto como un archivo PNG, y luego colocando el archivo PNG en el otro documento como un objeto inteligente. ¡Pero podemos poner todo el documento de efecto de texto en sí mismo como un objeto inteligente! Y la ventaja es que el documento seguirá siendo editable.

    Para poner el documento de efecto de texto en mi documento de imagen de fondo, iré a File y elijo Lugar incrustado. En Photoshop CS6 o antes, elegiría Lugar:

    Eligiendo el comando Place Embedded en Photoshop

    Vaya a Archivo; Localización Embebida.

    Esta vez, en lugar de elegir el archivo PNG que guardé antes, elegiré el documento de efectos de texto de Photoshop (el archivo .psd). Voy a hacer clic en él para seleccionarlo, y luego voy a hacer clic en Lugar:

    Eligiendo el documento de efectos de texto de Photoshop para colocar en el nuevo fondo

    Escogiendo el documento del efecto de texto de Photoshop.

    Photoshop pone el efecto de texto delante del fondo, como lo hacía antes:

    Poner el documento de efecto de texto delante del nuevo fondo

    Coloca el documento de efecto de texto delante del nuevo fondo.

    De nuevo, podemos cambiar el tamaño usando las manijas de la Transformación Libre, pero lo aceptaré con sólo presionar Enter (Win) / Returns (Mac). Sin embargo, observe que el fondo negro original sigue apareciendo detrás del texto, y está bloqueando el nuevo fondo de la vista. Esto se debe a que la capa de fondo todavía estaba puesta. Pero eso no es un problema porque es fácil de arreglar:

    Se ha añadido el efecto del texto, pero el fondo original sigue mostrando

    Se ha añadido el efecto del texto, pero el fondo original sigue apareciendo.

    Editar el contenido del objeto inteligente

    Si miramos en el panel de Capas, vemos de nuevo el efecto de texto añadido como un objeto inteligente sobre la imagen:

    El documento de efecto de texto fue colocado como un objeto inteligente sobre el fondo

    El documento de efecto de texto ha sido colocado como un objeto inteligente.

    FILE Trazar el texto con un pincel en Photoshop

    Pero esta vez, en lugar de tener un archivo PNG, el objeto inteligente tiene una copia de todo el documento de efecto de texto. Para abrir el objeto inteligente y ver su contenido, haga doble clic en su miniatura:

    Abrir el Objeto Inteligente para ver el documento de efecto de texto en Photoshop

    Abra el objeto inteligente para ver el documento de efecto de texto.

    El efecto del texto se abre:

    El documento de efecto de texto dentro del objeto inteligente.

    El documento de efecto de texto dentro del objeto inteligente.

    Y si miramos el panel de capas, vemos que todas nuestras capas siguen intactas:

    El panel de capas que muestra las capas de efecto de texto y la capa de fondo

    El panel de Capas que muestra las capas de efecto de texto y la capa de Fondo.

    Cómo apagar la capa de fondo

    Para ocultar el fondo original, desactivaré la capa de fondo haciendo clic en su icono de visibilidad:

    Apagando la capa inferior.

    Apagando la capa inferior.

    Esto nos deja con un fondo transparente de nuevo:

    El fondo detrás del efecto del texto es una vez más transparente

    El fondo es, una vez más, transparente.

    Guardando y cerrando el objeto inteligente

    Para que nuestro cambio aparezca en el documento principal, necesitamos guardar y cerrar el objeto inteligente. Para salvarlo, vaya a File menú y elección Guardar:

    Guardar el documento de efectos de texto en Photoshop

    Ir a Archivo; Guardar.

    Y luego, para cerrarlo, volver a File menú y elección Cerrar:

    Cerrar el documento de efectos de texto en Photoshop

    Ir a Archivo; Cerrar.

    Y volviendo al documento principal, el fondo original ya no existe y vemos el nuevo fondo en su lugar:

    Cómo mover un efecto de texto a un nuevo fondo en Photoshop

    El resultado después de apagar la capa de fondo del objeto inteligente.

    Bonos: Aumentar el efecto

    Para terminar, usaré mi imagen de fondo para mejorar rápidamente el efecto de centelleo alrededor del texto. En el panel de Capas, seleccionaré la capa de Fondo:

    Seleccionando la capa de fondo en el panel de capas

    Seleccionando la capa de fondo.

    Entonces haré una copia de la imagen presionando Ctrl+J (Win) / Comando+J (Mac). La copia aparece encima del original:

    Haga una copia de la imagen de fondo detrás del texto

    Haga una copia de la imagen de fondo.

    Voy a hacer clic en la copia y arrastrarla sobre el efecto de texto:

    Arrastra una copia de la imagen sobre el efecto de texto

    Arrastra la copia de la imagen sobre el texto.

    Esto bloquea temporalmente el texto de la vista:

    El efecto del texto está temporalmente oculto detrás de la imagen

    El efecto del texto está temporalmente oculto.

    Finalmente, para ocultar las áreas negras y mezclar el brillo dorado con el texto, cambiaré el modo de fusión de la imagen de Normal a Pantalla:

    Mezclar la imagen con el efecto de texto, cambiar el modo de mezcla

    Cambiando el modo de mezcla de capas a Pantalla.

    Y aquí está mi resultado final:

    El efecto del texto está temporalmente oculto detrás de la imagen

    El efecto final, mejorado.

    ¡Y ahí lo tenemos! ¡Así es como se mueve un efecto de texto a un nuevo fondo en Photoshop! Aprende a crear el efecto de texto dorado que se utiliza en este tutorial, o consulta nuestra sección de Efectos de texto para ver más tutoriales. Y no olvides que todos nuestros tutoriales de Photoshop están disponibles para descargar en PDF!

    Go up

    We use our own and third party cookies to improve the user experience. More Informaticon