Publicado originalmente en: PSDTUTS Autor: Collis Traducción: Gao Xiaobai
Este tutorial de Collis le mostrará cómo utilizar una foto de fuego combinada con texto. Lo que estamos viendo ahora es un bonito fondo oscuro combinado con un magnífico efecto de texto en toda la imagen.
Efecto final: Como siempre seremos los primeros en ver el efecto final para que sepas con qué vamos a terminar. Esta hermosa imagen sirve como fondo de escritorio de mi computadora portátil en este momento.
Haga clic en la imagen de arriba para ver la imagen completa
Primera parte: Antecedentes
Crea un nuevo documento en Photoshop con un tamaño de 1920×1200px. Seleccione la herramienta Degradado y dibuje un degradado radial marrón (valores de color del #5c3d09 al #1f1409), para obtener un efecto como el que se muestra a continuación.
Tenga en cuenta que el degradado no se dibuja desde el centro, sino desde la parte superior de la imagen. Queremos el efecto de fuego en la parte superior del texto, por lo que la parte superior de la imagen debe ser un poco más clara.
Paso 2
Una vez más usaremos una textura de fondo del tutorial Efecto de texto de hierba. Pero esta vez, en lugar de empezar desde cero, copié directamente el fondo que ya estaba creado en el tutorial de texto de efectos especiales de hierba, mezclé todas las capas y reduje la saturación para obtener el efecto que ves a continuación.
Si necesita comenzar desde cero, primero debe ir a Bittbox para obtener la imagen de textura original y luego seguir los pasos anteriores.
Paso 3
Ahora fusionamos la textura con el fondo y configuramos el modo de fusión en Superponer.
Paso 4
Usemos el filtro Textura para agregar algo de textura. Comencé creando una nueva capa y rellenándola con marrón (#66500f). Luego vaya a Filtro > Textura > Textura, establezca el valor de escala debajo del lienzo de textura en 80% y resalte en 4.
Paso 5
Establezca el modo de fusión de esta capa en Superponer porque estamos trabajando en un lienzo grande, por lo que agregar algunos detalles adicionales hará que se vea aún mejor.
Paso 6
A continuación, aplicaremos una capa para desaturar ligeramente la mitad inferior de esta imagen. El propósito de esto es hacer que el fuego superior parezca un resplandor caliente, mientras que el inferior parezca un poco frío. Así que creé una nueva capa y la rellené de color (#4b4f3b), luego agregué una máscara de capa y usé el degradado para ocultar la mitad superior de la imagen. (Ahora deberías obtener algo como la imagen de abajo). Ahora establece el Modo de fusión de la capa en Color y la Opacidad en 45%.
Segunda parte: Texto + Luz = Impresionante
Bien, ahora tenemos un bonito fondo. ¡Ahora agreguemos algo de texto! La fuente que utilicé es Trajan porque se ve muy bien aquí. Agregué un color a la fuente (#cb9328), luego configuré el Modo de fusión de la capa en Sobreexposición lineal (Agregar) y bajé la Opacidad al 8%. Usaremos llamas rojas para agregar algún efecto a la parte superior del texto, haciéndolo resaltar del fondo. Esto significa que vamos a agregar algunos efectos y máscaras de capa al texto, para mostrar solo la parte superior del texto, mientras que la parte inferior del texto permanece igual que el efecto oculto actual.
Paso 8
Primero cree un nuevo grupo de capas y coloque todas las capas de texto en él; habrá mucho texto aquí. Luego duplique la capa de texto y establezca el valor de color del texto copiado en #5e3f1c.
Paso 9
Ahora configura la última capa de texto en Superposición y su Opacidad en 70%. Parece un gran color rojizo. (Como se muestra en la imagen de abajo)
Paso 10
Ahora duplique la capa de texto nuevamente y configure la última capa duplicada en un color amarillo claro (#cb9328). Luego configúrelo en Sobreexposición lineal (Agregar) y baje la Opacidad al 30%. Luego agregamos una máscara de capa y dibujamos un degradado, por lo que la última capa de texto tiene una sensación tenue como se muestra en la imagen a continuación. Combinada con las dos capas de texto a continuación, puede ver el color ligeramente rojizo en la parte inferior del texto.
Paso 11
A continuación duplicamos la capa de texto nuevamente. Este paso es para agregar una sensación agradable a la parte inferior del texto. Establece el color del texto en negro (#000000), luego ejecuta Filtro > Desenfocar > Desenfoque gaussiano y establece el Radio en 4 px. Para rasterizar el texto, seleccione > Modificar > Expandir. Luego presione Ctrl y mantenga presionada cualquier otra capa de texto, regrese a la capa negra y haga clic en Eliminar, de modo que solo quede una sombra muy suave. Luego duplica esta capa y combínala para crear un efecto muy intenso. Lo que hagas debería verse como la captura de pantalla a continuación.
Paso 12
Como se muestra en la imagen a continuación, use una vez más la máscara de capa para crear rápidamente el efecto de desvanecimiento de la sombra. Esto hará que el texto parezca flotar fuera de la pantalla.
Paso 13
Ahora duplique la capa negra nuevamente y, usando la herramienta Dedo, use un pincel suave bastante grande para pintar alrededor de la sombra y que parezca marcas de quemaduras.
Paso 14
Ahora nuestro efecto de texto se parece a la siguiente imagen. De hecho, creé dos marcas de "quemado", cada una de estas cuatro capas de sombras era un poco más borrosa que la anterior.
Paso 15
Ahora es el momento de agregar algo de luz a la parte superior del texto. primero. Duplica la capa de texto nuevamente. Configúrelo en amarillo – #dc9a08, luego vaya a Filtro > Desenfocar > Desenfoque gaussiano, establezca el Radio en 8px, luego use un borrador suave grande para borrar la parte inferior del texto, para crear una agradable sensación de desequilibrio.
Paso 16
Establece la primera capa de luz en Luz suave. Debes repetir este proceso nuevamente para que la parte superior del texto brille más.
Paso 17
Ahora duplique la capa de texto nuevamente y colóquela encima. Cambie su color nuevamente a amarillo (#dc9a08) y vaya a Capa > Rasterizar > Texto para convertir el texto en una sola capa. Luego presione Ctrl y mantenga presionada esta capa para obtener la selección, seleccione > Modificar > Reducir y establezca la cantidad de reducción en 1 px. Luego elimine el resto, excepto redúzcalo en 1 px.
Paso 18
Ahora configure la capa de 1px en Superposición y ahora debería tener el efecto como se muestra a continuación.
Paso 19
Ahora agregue una máscara de capa a la capa de 1px para hacer que la parte inferior del texto se desvanezca, tal como lo hice en las otras capas. Luego duplica esta capa, ve a Filtro > Desenfocar > Desenfoque gaussiano y establece el Radio en 1px. Luego duplica esta capa nuevamente y difuminala en 2px. Luego duplica esta capa nuevamente y difumínala 4px. Luego presione Ctrl+clic en cualquier capa de texto, presione Ctrl+Shift+I para invertir la selección y elimine la parte de cada capa sensible a la luz que excede el límite de la fuente debido al desenfoque. El propósito de este paso es darle al texto ardiente un efecto en el que la sensación de fuego aumenta gradualmente hacia los bordes del texto.
Paso 20
Ahora duplicamos estas cuatro capas de luz y las combinamos. El efecto final de esto es que la parte superior del texto es inicialmente de color amarillo brillante. Con la herramienta Dedo, difumina el texto hacia arriba para crear un efecto similar a una ola de calor. Como se muestra a continuación.
Paso 21