Tutorial Photoshop: Texto con Estilos de Capa / Texto con Superposición de Imagen

He hecho este tutorial a pedido de iorio y se trata de como usar los diferentes estilos de capa parecidos a los que ocuparon para el logo que él tenía en su foro y que muestro más abajo. Los estilos que más sobresalen son Biselado y Satinado. Ok, empecemos:

[Tienes que estar registrado y conectado para ver esa imagen]

PASO 1. Para crear una imagen parecida a la que vemos en la muestra de arriba, primero abrimos un documento nuevo en Photoshop (CTRL + N ) con el tamaño que hemos pensado ocupar. No es necesario preocuparnos por el fondo en este momento, eso lo veremos después. Yo abrí uno de 500x200 px

Spoiler:

PASO 2. Ahora, elegimos el color que queremos para la imagen en la barra de herramientas y elegimos la Herramienta Rectángulo Redondeado, con el valor de Radio de 15 px, para que la curva redondeada no sea ni tan pequeña ni tan grande, pero eso ya es gusto de cada quien.

Spoiler:

PASO 3. Bien, dibujamos el rectángulo con esquinas redondeadas y el color que yo elegí para este tutorial fue rosado fucsia... y dentro del rectángulo escribimos nuestro texto, para esto yo elegí color negro como pueden ver en la imagen de spoiler porque es mi combinación de colores favorita xD. Al tener ya esto listo nos vamos a darle estilo al texto empezando por el biselado: Capa --> Estilo de capa --> Bisel y relieve

Spoiler:

PASO 4. Veremos un cuadro que aparece con los valores para este estilo y otros. Ustedes pueden ir probando cual les queda mejor en cada casilla como en la de técnica donde verán como cambia el texto en contraste con el fondo (luego al final pondré una comparación) pero en la imagen de spoiler pueden ver los valores que yo puse y a la par como queda el texto. Aparte de eso, ocupe el sub-estilo de bisel que es contorno con una suavidad del 50%

Spoiler:

PASO 5. Otro de los estilos que ocupé fue el satinado con los valores que vemos en la imagen. Es bueno probar el modo de fusión y el color, que en mi ejemplo ocupé trama y el color fucsia... para un color satinado oscuro es mejor ocupar la fusión multiplicar. Bueno, en las imágenes pueden ver como va cambiando paso a paso.

Spoiler:

PASO 6. Debido a que en el logo que me mostró iorio se ocupa un efecto de "nubes", el texto también debe llevar un resplandor alrededor de el, asi que ocupamos el estilo resplandor exterior con los valores y color que ven en el spoiler

Spoiler:

PASO 7. Al terminar de dar estilos al texto nos vamos a crear las "nubes" que son parte del fondo y para eso ocupamos un pincel suavizado, de un tamaño considerable y 50% de opacidad. Creamos una nueva capa par este efecto (SHIFT+CTRL+N) y comenzamos a pintar cubriendo la mayor parte del rectángulo, menos lo de abajo.

Spoiler:

PASO 8. A pesar de haber ocupado un pincel suave, el pincelado todavía está muy marcado así que vamos a desenfocar de esta forma: Filtro --> Desenfocar --> Desenfoque gaussiano (valor de radio 20 px)

Spoiler:

PASO 9. Vemos que queda mucho más difuminado lo cual es lo que buscabamos, pero hay un problemita... como pintamos arriba del texto y el rectángulo, el pincelado (más cuando fue difuminado) también quedó en el fondo lo cual no puede ser así. Como por el momento la capa de fondo es blanca no se nota mucho así que la vamos a ocultar (dando click en el ojito del lado de la capa) y hoy vemos todo el pincel que se nos ha salido del área de trabajo. Lo bueno es que esto tiene solución. Cómo? Pongan atención: Fijemonos bien que la capa de pincel de "nubes" esté marcada (en azul). Presionamos la tecla CTRL y al mismo tiempo damos click sobre la capa del rectángulo (donde está el cuadrito fucsia), así seleccionamos esa figura en la capa de pinceles. Presionamos SHIFT+CTRL+I para invertir la selección y presionamos la tecla SUPR. De esa forma nos deshacemos de lo que habíamos manchado fuera del rectángulo ^^. Deseleccionamos presionando CTRL+D

Spoiler:

PASO 10. Ups! Pero comparando con el logo que me habían dado, olvidé hacer el "viento" que va hacia abajo, asi que elijo algún pincel que tenga líneas diagonales, casi verticales, y en una nueva capa (SHIFT+CTRL+N) hago mis trazos. Se ven muy bruscas las líneas así que me voy otra vez a filtro buscando el desenfoque gaussiano y le doy una valor de 1 px solamente. Ahora, con un borrador de pincel suave, cuidadosamente borro la mitad superior de esta capa de "viento" sobre el rectángulo. Se puede hacer más preciso de lo que hice este paso. Lamentablemente con esto, volví a dejar pinceladas fuera del rectángulo así que para facilitarme las cosas uno la capa de "viento" con la capa de "nubes" (CTRL+E) y repito el truco de antes para eliminar los pixeles que no necesito fuera de área de trabajo, fijandome que la capa marcada va a ser la que acabo de unir. Deselecciono (CTRL+D). Notese que el interior de mi texto también está "contaminado" así que hago lo mismo: Con la capa unida marcada presiono CTRL y al mismo tiempo doy click sobre la capa de texto así el texto se seleccionará (esta vez no invierto la selección) y con la tecla SUPR borro lo que no quiero sobre mis letras. Deselecciono (CTRL+D)

Spoiler:

PASO 11. Para finalizar buscamos un pincel de "destellos" pequeño para el efecto de que hay brillo y damos unos cuantos clicks separados sobre el rectángulo lejos de las letras y siempre adentro del área. Terminamos acoplando la imagen: SHIFT+CTRL+E, siempre manteniendo la capa de fondo oculta. Para guardar: SHIFT+CTRL+S, ponemos el nombre de nuestro documento y el tipo de archivo debe ser PNG para mantener el fondo transparente. Resultado final:
[Tienes que estar registrado y conectado para ver esa imagen]

Y como mencioné en el paso 4, poniendo otra opción en la casilla técnina (sin los demás pasos):
[Tienes que estar registrado y conectado para ver esa imagen]

También recibí otra imagen por el efecto del texto que es esta:
[Tienes que estar registrado y conectado para ver esa imagen]

La pintura de "hielo" que tiene encima es porque han superpuesto una textura u otra imagen para lograr eso (o al menos es mi conclusión ^^ así que mostraré como queda haciendo yo otro ejemplo:

PASO 1. Abro nuevo documento (en este caso dejé el tamaño de 400x300 px), relleno el fondo de un solo color (puse un gris) y escribo mi texto de cualquier color

Spoiler:

PASO 2. Busqué una imagen de hielos para aparentar el efecto y la coloco encima de las otras capas. Luego hacemos el truco que mencioné arriba: CTRL + click sobre capa de texto (manteniendo la capa de la imagen de hielo marcada). SHIFT+CTRL+I para invertir la selección. Presionamos tecla SUPR.

Spoiler:

PASO 3. Bien, si vemos la imagen que puse de hielos, notamos que cuando nos queda solo sobre el texto, los bordes de los cubos son muy marcados así que ocupamos la herramienta Dedo con un pincel suave (los valores en el spoiler) y media opacidad. Todavía no deseleccionamos y así empezamos a suavizar los bordes y a esparcir los colores, si empezamos de un lado más blanco, este color será el que se esparcirá. Hacemos esto hasta que nos parezca la resultado y deseleccionamos (CTRL+D).

Spoiler:

PASO 4. Opcionalmente podemos agregar otra cosa como estilo de capa. Yo le puse una sombra paralela de un matiz celestoso. Terminamos acoplando la imagen (SHIFT+CTRL+E) y guardamos (SHIFT+CTRL+S). Al final tenemos esto:
[Tienes que estar registrado y conectado para ver esa imagen]

Bueno, salió algo largo esto... si hay dudas con gusto las aclaro, yo sé que algunas cosas pude no haberlas explicado bien ^^;

Espero les sea útil este tuto

OooooooAaooooooooo!!
que tuto tan grande!! y tan facil!
o quiza por que alguna que otra
cosita ya me la sabia, pero igual
otras noo jejeje... gracias n00n

PD: en un rato lo sumo al indice de tutos xD

fiú! por lo menos no lo hice trabalenguas ajaja
claro! tomate tu tiempo

solo esperemos que los demas le entiendan, muchas veces no depende del que explica si no de la disponibilidad de poner atención del que esta leyendo

Bueno, si... de todos modos si no entienden para eso están las preguntas ^^;

Esta re bueno Moonlight gracias!!

Impresionanteee!!

[Tienes que estar registrado y conectado para ver este vínculo]

El reflejo exterior se ve una linea finita y amarilla, no se como hacer que cambie, en la version que tengo de photoshop "4" no me salen esas opciones que mostras vos.
Entonces lo hice con las misma nuves pero lo hice a pulso y no quedaba bien asi que le puse mas distorsion.
Hay alguna manera para que las nuves queden al borde de las letras y del marco sin hacerlo a pulso?

El photoshop tengo el "3" y "4" si necesito algun otro para que sea igual que el tuyo, decime cual que lo bajo.

Tenes PS 4 o PS CS4? Porque el 4 es bastante desactualizado y realmente no se si se podrá ocupar este tutorial con ese PS...

Yo tengo el PS CS2, siempre he trabajado con ese, nunca quise cambiar a los otros jeje... si queres podes intentar con el CS2, y asi ves que estan todas las opciones que yo he puesto en el tuto. Si podes descargalo, o el CS3 en adelante.

Asi si te va a funcionar ^^ Por el momento se me ocurre otra forma de hacer el borde como resplandor pero tendria que probar a ver si resulta y luego explicarte como con un mini tutorial asi que creo que es mas facil que descargues un photoshop mas actualizado y sigas los pasos que ya puse arriba

ps cs3 y ps cs4 tengo.

el reflejo del contorno de las letras nos e como haces, por que el que aparece por defaut brillo exterior se ve amarillo y muy finito.

Es que tenes que poner los valores que aparecen en ese paso... arriba lo puse en el tutorial. Cambias el color de default (que si es amarillo) y pones uno grisaceo o blancuzco y cambias tamaño y extension. Asi se va a ver mejor, no finito ni amarillo

Oh gracias M00nlight pense que con el mio no se podia lo he logrado salvaste mi vida una ves mas.

De nada ^^