Expresa tu intelecto...
Hola amigo, si deseas ver el contenido del foro al 100% y evitar la publicidad te invitamos a que te registres y seas parte de esta gran comunidad...

Atte: el Staff de MrHouseLight.foroactivo.net
Últimos temas
» Me gustaría ver gente
Dom Sep 27, 2015 6:16 pm por Cristianita

» Hola Mundo
Mar Mar 05, 2013 8:03 pm por Cristianita

» Baja Usuario
Miér Jun 20, 2012 11:19 am por yorebelde

» Las groserias fuertes de tu pais
Miér Jun 20, 2012 5:30 am por daviz2111

» Glee: The Music, Seasons 1 & 2 (En 320 kbps!!!) (Duets Actualizado en 320 kbps completo!!!)
Lun Abr 23, 2012 5:43 am por yorebelde

» Motivos diagonales para Photoshop
Miér Mar 21, 2012 7:35 pm por Gearchile14

» ¿Que cover te gusta mas?
Dom Oct 09, 2011 4:11 pm por Misha.Star.Malfoy.Cullen

» Expresa tu humor...
Dom Oct 09, 2011 3:58 pm por Misha.Star.Malfoy.Cullen

» holaa!! u.u
Dom Oct 09, 2011 3:50 pm por Misha.Star.Malfoy.Cullen

» The Antique Shop
Dom Oct 09, 2011 3:47 pm por Misha.Star.Malfoy.Cullen

¿Quién está en línea?
En total hay 1 usuario en línea: 0 Registrados, 0 Ocultos y 1 Invitado

Ninguno

La mayor cantidad de usuarios en línea fue 49 el Mar Sep 21, 2010 8:13 pm.
Contador total

Expresa tu intelecto... fue creado el Martes 15 Jun 2010 a las 04:55 PM, tiene 2367 días activo, 338 usuarios registrados, 310 temas creados, 7724 comentarios y 55 foros.
Ultimo usuario registrado: rolando24

Free counter and web stats
Mensaje privado al admin

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

Ver el tema anterior Ver el tema siguiente Ir abajo

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

Mensaje por m00nlight el Dom Jul 18, 2010 10:02 pm

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:
[Tienes que estar registrado y conectado para ver esa imagen]

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:
[Tienes que estar registrado y conectado para ver esa imagen]

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:
[Tienes que estar registrado y conectado para ver esa imagen]

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:
[Tienes que estar registrado y conectado para ver esa imagen]

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:
[Tienes que estar registrado y conectado para ver esa imagen]

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:
[Tienes que estar registrado y conectado para ver esa imagen]

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:
[Tienes que estar registrado y conectado para ver esa imagen]

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:
[Tienes que estar registrado y conectado para ver esa imagen]

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:
[Tienes que estar registrado y conectado para ver esa imagen]

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:
[Tienes que estar registrado y conectado para ver esa imagen]

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 ^^Wink 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:
[Tienes que estar registrado y conectado para ver esa imagen]

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:
[Tienes que estar registrado y conectado para ver esa imagen]

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:
[Tienes que estar registrado y conectado para ver esa imagen]

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 Razz


[Tienes que estar registrado y conectado para ver esa imagen]
「何故僕は生まれたの」溢れ出す旋律


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

m00nlight
Diseñadora
Diseñadora



Femenino

Perro


Fecha de nacimiento : 28/06/1982
Mensajes : 889
Edad : 34

http://nanaho-miharu.livejournal.com/

Volver arriba Ir abajo

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

Mensaje por MяHousєLιgнт el Dom Jul 18, 2010 10:34 pm

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


✪Dream Send me a sign, Turn back the clock, Give me some time, I need to break out✪
✪And make a new name, Let's open our eyes. To the brand new day ✪


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

MяHousєLιgнт
Administrador
Administrador



Masculino

Tigre


Fecha de nacimiento : 15/12/1986
Mensajes : 1970
Edad : 29
Localización : ¡Junto a Cuddy! ¿donde mas?

http://mrhouselight.forosactivos.net

Volver arriba Ir abajo

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

Mensaje por m00nlight el Dom Jul 18, 2010 10:52 pm

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


[Tienes que estar registrado y conectado para ver esa imagen]
「何故僕は生まれたの」溢れ出す旋律


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

m00nlight
Diseñadora
Diseñadora



Femenino

Perro


Fecha de nacimiento : 28/06/1982
Mensajes : 889
Edad : 34

http://nanaho-miharu.livejournal.com/

Volver arriba Ir abajo

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

Mensaje por MяHousєLιgнт el Dom Jul 18, 2010 11:14 pm

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


✪Dream Send me a sign, Turn back the clock, Give me some time, I need to break out✪
✪And make a new name, Let's open our eyes. To the brand new day ✪


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

MяHousєLιgнт
Administrador
Administrador



Masculino

Tigre


Fecha de nacimiento : 15/12/1986
Mensajes : 1970
Edad : 29
Localización : ¡Junto a Cuddy! ¿donde mas?

http://mrhouselight.forosactivos.net

Volver arriba Ir abajo

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

Mensaje por m00nlight el Dom Jul 18, 2010 11:20 pm

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


[Tienes que estar registrado y conectado para ver esa imagen]
「何故僕は生まれたの」溢れ出す旋律


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

m00nlight
Diseñadora
Diseñadora



Femenino

Perro


Fecha de nacimiento : 28/06/1982
Mensajes : 889
Edad : 34

http://nanaho-miharu.livejournal.com/

Volver arriba Ir abajo

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

Mensaje por iorio el Jue Ago 19, 2010 10:35 pm

Esta re bueno Moonlight gracias!!

Impresionanteee!! Very Happy

iorio
Rango
Rango

Masculino

Cabra




Fecha de nacimiento : 27/04/1979
Mensajes : 94
Edad : 37

http://www.gmz-explotion.com

Volver arriba Ir abajo

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

Mensaje por iorio el Vie Ago 20, 2010 4:44 am

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

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.

iorio
Rango
Rango

Masculino

Cabra




Fecha de nacimiento : 27/04/1979
Mensajes : 94
Edad : 37

http://www.gmz-explotion.com

Volver arriba Ir abajo

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

Mensaje por m00nlight el Vie Ago 20, 2010 7:03 pm

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

Razz


[Tienes que estar registrado y conectado para ver esa imagen]
「何故僕は生まれたの」溢れ出す旋律


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

m00nlight
Diseñadora
Diseñadora



Femenino

Perro


Fecha de nacimiento : 28/06/1982
Mensajes : 889
Edad : 34

http://nanaho-miharu.livejournal.com/

Volver arriba Ir abajo

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

Mensaje por iorio el Vie Ago 20, 2010 7:33 pm

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.

iorio
Rango
Rango

Masculino

Cabra




Fecha de nacimiento : 27/04/1979
Mensajes : 94
Edad : 37

http://www.gmz-explotion.com

Volver arriba Ir abajo

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

Mensaje por m00nlight el Vie Ago 20, 2010 7:45 pm

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


[Tienes que estar registrado y conectado para ver esa imagen]
「何故僕は生まれたの」溢れ出す旋律


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

m00nlight
Diseñadora
Diseñadora



Femenino

Perro


Fecha de nacimiento : 28/06/1982
Mensajes : 889
Edad : 34

http://nanaho-miharu.livejournal.com/

Volver arriba Ir abajo

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

Mensaje por iorio el Sáb Ago 21, 2010 12:54 am

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

iorio
Rango
Rango

Masculino

Cabra




Fecha de nacimiento : 27/04/1979
Mensajes : 94
Edad : 37

http://www.gmz-explotion.com

Volver arriba Ir abajo

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

Mensaje por m00nlight el Sáb Ago 21, 2010 11:32 am

De nada ^^


[Tienes que estar registrado y conectado para ver esa imagen]
「何故僕は生まれたの」溢れ出す旋律


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

m00nlight
Diseñadora
Diseñadora



Femenino

Perro


Fecha de nacimiento : 28/06/1982
Mensajes : 889
Edad : 34

http://nanaho-miharu.livejournal.com/

Volver arriba Ir abajo

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

Mensaje por Contenido patrocinado Hoy a las 4:51 am


Contenido patrocinado


Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.