- Cómo hacer que el fondo sea transparente
- Cómo mover el efecto de texto a un nuevo fondo
- Bonus: Mejorando el efecto
En este tutorial, respondo una de las preguntas más populares que me hacen, es decir, ¿cómo guarda un efecto de texto con un fondo transparente para poder mover el efecto a un fondo diferente? Normalmente, al crear un efecto de texto en Photoshop, lo creamos en un fondo de color simple, generalmente negro o blanco. Pero una vez que se realiza el efecto, 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 hacemos eso? 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 de texto
Aquí está el efecto de texto que usaré. Te muestro cómo crear este texto dorado en un tutorial separado. Tenga en cuenta que el efecto está sentado sobre un fondo negro:
El efecto original del texto sobre un fondo negro.
El nuevo fondo
Y aquí está el nuevo fondo en el que quiero colocar el texto. Descargué este de Adobe Stock:
El nuevo fondo para el efecto.
Cómo hacer que el fondo sea transparente
Volveré a mi efecto de texto. Y si miramos en el panel Capas, vemos las tres capas que componen el efecto. Tenemos la capa "Destellos" en la parte superior, y las dos capas Tipo debajo. También tenemos la capa de fondo en la parte inferior que está llena de negro:
Las capas de efecto de texto, más la capa de fondo.
Desactivar la capa de fondo
Lo primero que debemos hacer es eliminar el fondo original y reemplazarlo con transparencia. Para ocultar el fondo, simplemente desactive la capa Fondo haciendo clic en su icono de visibilidad :
Desactivar la capa de fondo.
Esto deja nuestro texto delante de un fondo transparente. Photoshop representa la transparencia con un patrón de tablero de ajedrez:
El fondo detrás del texto ha sido reemplazado por transparencia.
Cómo mover el efecto de texto a un nuevo fondo
Entonces, ahora que hemos hecho el fondo transparente, ¿cómo podemos mover el efecto a su nuevo fondo? Hay algunas formas de hacerlo.
Método 1: usar el formato de archivo PNG
Una forma es guardar el efecto en un formato de archivo que admita la transparencia. El formato JPEG.webp no admite transparencia, por lo que no va a funcionar. Pero el formato PNG sí, 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 menú Archivo en la barra de menú y elija Guardar como :
Ir a Archivo> Guardar como.
En el cuadro de diálogo, asigne un nombre a su archivo (nombraré el mío "Texto dorado") y luego configure el Formato en PNG . Elija dónde desea guardarlo y luego haga clic en Guardar :
Guardar el efecto de texto como un archivo PNG.
Establecer las opciones de formato PNG
Photoshop le pedirá que elija una configuración 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 para el tamaño de archivo más pequeño. Haga clic en Aceptar para cerrar el cuadro de diálogo:
Elegir la opción de tamaño de archivo más pequeño.
Abriendo tu nuevo fondo
Con el archivo guardado, abra su nuevo fondo:
Abrir la nueva imagen de fondo.
Colocando el archivo PNG en el documento
Vaya al menú Archivo y, en Photoshop CC, elija Colocar incrustado . En Photoshop CS6 o anterior, elija Colocar :
Ir a Archivo> Colocar incrustado.
Elija el archivo PNG que acaba de guardar y luego haga clic en Colocar :
Elegir el archivo PNG.
Photoshop coloca el archivo delante del fondo:
Colocación del archivo en el documento.
Puede usar los controladores de Transformación libre para cambiar el tamaño del texto si es necesario. Pero en mi caso, lo aceptaré presionando Enter (Win) / Return (Mac) en mi teclado. Y así, el efecto de texto se ha movido a su nuevo fondo:
El texto aparece delante de su nuevo fondo.
Si miramos en el panel Capas, vemos que nuestro efecto de texto se ha agregado como un objeto inteligente sobre la imagen. Sabemos que es un objeto inteligente por el ícono en la esquina inferior derecha de la miniatura. Una gran cosa acerca de los objetos inteligentes es que podemos redimensionarlos sin pérdida de calidad. Puede obtener más información sobre cómo cambiar el tamaño de los objetos inteligentes en un tutorial separado:
Photoshop colocó el archivo como un objeto inteligente.
Método 2: copiar y pegar
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. Eliminaré mi efecto arrastrándolo hacia abajo en la Papelera en la parte inferior del panel Capas:
Eliminar el efecto de texto.
Esto me deja solo con mi imagen de fondo:
Solo queda la imagen de fondo.
Cambiaré a mi documento de efecto de texto, y debido a que la capa de fondo todavía está desactivada, todavía vemos el fondo transparente detrás del texto:
Volviendo al efecto de texto.
Fusionar el efecto de texto en una nueva capa
Otra forma de mover su efecto a un nuevo fondo es copiándolo y pegándolo 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úrese de que su capa de fondo esté desactivada para que vea un fondo transparente detrás del texto. Luego haga clic en la capa superior para seleccionarla:
Selección de la capa superior (con la capa de fondo desactivada).
Para fusionar su efecto de texto en una nueva capa, en una PC con Windows, presione Shift + Ctrl + Alt + E en su teclado. En una Mac, presione Mayús + Comando + Opción + E. Esto combina todas las capas visibles en una nueva capa encima de ellas. Esta nueva capa contiene el efecto de texto y nada más:
El efecto de texto se ha fusionado en una sola capa.
Asegúrese de que la capa fusionada esté seleccionada, y luego vaya al menú Editar y elija Copiar :
Ir a Edición> Copiar.
Abre tu nueva imagen de fondo:
Cambiando al nuevo fondo.
Luego regrese al menú Editar y elija Pegar :
Ir a Edición> Pegar.
Photoshop pega el efecto de texto en el nuevo fondo:
El resultado después de pegar la capa de efecto de texto en el nuevo documento.
En el panel Capas, vemos nuestra capa de efecto de texto sobre la imagen. Esta vez, es solo una capa normal, no un objeto inteligente:
La capa de efecto de texto aparece sobre la capa de fondo.
Método 3: colocar el documento de efecto de texto como un objeto inteligente
Así que hay dos formas de mover un efecto de texto a un nuevo fondo. Veamos una forma más, que también es mi forma favorita. Nuevamente, eliminaré mi efecto arrastrándolo hacia abajo a la Papelera:
Eliminar la capa de efecto de texto.
Y luego volveré a mi documento de efecto de texto:
Volviendo al efecto de texto.
Volviendo a activar la capa de fondo
Antes de continuar, volveré a activar mi capa de Fondo haciendo clic en su icono de visibilidad en el panel Capas:
Volviendo a activar la capa de fondo.
Esto restaura el fondo negro original detrás del texto:
El fondo original vuelve.
Eliminar la capa de efecto de texto combinado
También eliminaré mi capa de efecto de texto combinado seleccionándola y presionando Retroceso (Win) / Eliminar (Mac) en mi teclado:
Selección y eliminación de la capa fusionada.
Guardar y cerrar el documento
Ahora que he restaurado el documento a su estado original, lo guardaré yendo al menú Archivo y seleccionando Guardar :
Ir a Archivo> Guardar.
Y luego cerraré mi efecto de texto volviendo al menú Archivo y seleccionando Cerrar :
Ir a Archivo> Cerrar.
Esto me deja solo con la nueva imagen de fondo:
El documento de efecto de texto ha sido cerrado.
Colocando el efecto de texto como un objeto inteligente
Anteriormente, aprendimos que podíamos mover nuestro efecto de texto a un nuevo fondo apagando la capa Fondo, guardando el efecto como un archivo PNG y luego colocando el archivo PNG en el otro documento como un objeto inteligente. ¡Pero en realidad podemos colocar todo el documento de efecto de texto como un objeto inteligente! Y la ventaja es que el documento seguirá siendo editable.
Para colocar el documento de efecto de texto en mi documento de imagen de fondo, iré al menú Archivo y elegiré Insertar incrustado . En Photoshop CS6 o anterior, elegiría Lugar :
Ir a Archivo> Colocar incrustado.
Esta vez, en lugar de elegir el archivo PNG que guardé anteriormente, voy a elegir el documento de Photoshop real del efecto de texto (el archivo .psd). Haré clic en él para seleccionarlo, y luego haré clic en Colocar :
Elegir el documento de Photoshop del efecto de texto.
Photoshop coloca el efecto de texto delante del fondo, tal como lo hizo antes:
Colocando el documento de efecto de texto frente al nuevo fondo.
Nuevamente, podemos redimensionarlo usando los controladores de Transformación libre, pero lo aceptaré presionando Enter (Win) / Return (Mac). Tenga en cuenta, sin embargo, que el fondo negro original todavía se muestra detrás del texto y está bloqueando la vista del nuevo fondo. Eso es porque la capa de fondo todavía estaba activada. Pero eso no es un problema porque es fácil de solucionar:
Se ha agregado el efecto de texto, pero aún se muestra el fondo original.
Editar el contenido del objeto inteligente
Si miramos en el panel Capas, nuevamente vemos el efecto de texto agregado como un objeto inteligente sobre la imagen:
El documento de efecto de texto se ha colocado como un objeto inteligente.
Pero esta vez, en lugar de contener un archivo PNG, el objeto inteligente contiene 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.
Se abre el efecto de texto:
El documento de efecto de texto dentro del objeto inteligente.
Y si miramos en el panel Capas, vemos que todas nuestras capas siguen intactas:
El panel Capas que muestra las capas de efecto de texto y la capa Fondo.
Desactivar la capa de fondo
Para ocultar el fondo original, apagaré la capa Fondo haciendo clic en su icono de visibilidad :
Desactivar la capa de fondo.
Esto nuevamente nos deja con un fondo transparente:
El fondo vuelve a ser transparente.
Guardar y cerrar el objeto inteligente
Para que nuestro cambio aparezca en el documento principal, debemos guardar y cerrar el objeto inteligente. Para guardarlo, vaya al menú Archivo y elija Guardar :
Ir a Archivo> Guardar.
Y luego para cerrarlo, regrese al menú Archivo y elija Cerrar :
Ir a Archivo> Cerrar.
Y de vuelta en el documento principal, el fondo original ahora se ha ido y vemos el nuevo fondo en su lugar:
El resultado después de desactivar la capa de fondo en el objeto inteligente.
Bonus: Mejorando el efecto
Para terminar, voy a usar mi imagen de fondo para mejorar rápidamente el efecto de brillo alrededor del texto. En el panel Capas, seleccionaré la capa Fondo:
Selección de la capa de fondo.
Luego haré una copia de la imagen presionando Ctrl + J (Win) / Comando + J (Mac). La copia aparece sobre el original:
Hacer una copia de la imagen de fondo.
Haré clic en la copia y la arrastraré hacia arriba sobre el efecto de texto:
Arrastrando la copia de la imagen sobre el texto.
Esto bloquea temporalmente la vista del texto:
El efecto de texto está temporalmente oculto.
Finalmente, para ocultar las áreas de negro y mezclar los destellos dorados con el texto, cambiaré el modo de fusión de la imagen de Normal a Pantalla:
Cambiar el modo de fusión de capas a Pantalla.
Y aquí está mi resultado final:
El efecto final mejorado.
¡Y ahí lo tenemos! ¡Así es como mover un efecto de texto a un nuevo fondo en Photoshop! ¡Aprenda a crear el efecto de texto dorado utilizado en este tutorial, o vea nuestra sección de Efectos de texto para obtener más tutoriales! ¡Y no olvide que todos nuestros tutoriales de Photoshop están disponibles para descargar en formato PDF!