Comunidad PHPeros

Imagen y Diseño => Diseño General => Tutoriales y Manuales => Mensaje iniciado por: WildWolf360 en 01 de Abril de 2010, 23:13:21 pm

Título: [PhotoShop] Llamativo efecto espejo
Publicado por: WildWolf360 en 01 de Abril de 2010, 23:13:21 pm
Hola muy buenas. Con este tutorial pretendo enseñaros como hacer un llamativo "Efecto Espejo", que puede servir con imágenes y con textos.


Datos sobre el tutorial
Nivel: Principiante
Tiempo estimado: 5 mins
Herramientas y/o descargas adicionales: No



Empecemos

Lo primero de todo es ocultar la capa de "Fondo", ya que con esta activada el fondo será blanco, y lo que queremos es que sea transparente.

(http://img413.imageshack.us/img413/3419/31744878.png)

Generalmente suele estar bloqueada, y para desbloquearla hay que hacer doble click sobre ella y al aparecer una nueva ventana hay que darle un nombre (en mi caso le doy el nombre fondo).

(http://img62.imageshack.us/img62/3333/77053772.png)

Una vez dado a "OK", simplemente hay que hacer click en el ojo situado a la izquierda de la capa "Fondo" (o el nombre que le hayáis dado). Al hacer click acto seguido desaparecerá el ojo.

(http://img62.imageshack.us/img62/2760/97662187.png)

Después seleccionamos las dos capas, para ello apretamos CRTL y las seleccionamos.

(http://img62.imageshack.us/img62/904/28237113.png)

Ahora duplicamos las capas. Una vez que tenemos las capas seleccionadas, simplemente hay que hacer click con el botón derecho del ratón sobre ellas y darle a "Duplicar Capas".

(http://img186.imageshack.us/img186/9712/47674307.png)

Continuamos seleccionando las capas copia (si no están seleccionadas ya) y vamos a "Edición -> Transformar -> Voltear vertical".

(http://img186.imageshack.us/img186/8886/34563286.png)

Veremos que ha pasado algo raro con nuestra imagen. No tendremos que preocuparnos por eso, ya que lo arreglamos en un santiamén.

(http://img186.imageshack.us/img186/8393/61423870.png)

Ahora teniendo las dos capas copia seleccionadas, clickamos en la herramienta "Mover" y vamos moviendo las capas con las flechas de dirección de nuestro teclado.

(http://img130.imageshack.us/img130/8281/36503825.png)

Una vez que tenemos las capas en nuestro sitio, tenemos que seleccionarlas una a una y bajarles la opacidad al 50% (esto es relativo, cada uno pone lo que quiere).

(http://img130.imageshack.us/img130/6258/11686878.png)

Y para terminar vamos a "Archivo -> Guardar Como..." y guardamos la imagen como .PNG para que la transparencia se mantenga.

(http://img130.imageshack.us/img130/156/85444622.png)

Y voilá, ya tenemos nuestro efecto espejo. Después se pueden añadir diferentes efectos y birguerías, para gustos los colores. Yo simplemente he hecho algo simplón para que se entienda, pero esto se puede hacer con imágenes y todo lo que os imaginéis.

He aquí el resultado:
(http://img225.imageshack.us/img225/8694/phperos.png)

Un Saludo ;)
Título: Re:[PhotoShop] Llamativo espejo
Publicado por: ferri en 01 de Abril de 2010, 23:34:29 pm
Buenísimo tutorial. +1 ;)
Título: Re:[PhotoShop] Llamativo espejo
Publicado por: WildWolf360 en 01 de Abril de 2010, 23:41:07 pm
Buenísimo tutorial. +1 ;)

Gracias. Si surgen dudas o algo, no dudéis en preguntarme eh? ;)


Un Saludo ;)
Título: Re:[PhotoShop] Llamativo espejo
Publicado por: westwest en 01 de Abril de 2010, 23:59:17 pm
Muy bueno, y genial explicado
Título: Re:[PhotoShop] Llamativo espejo
Publicado por: WildWolf360 en 02 de Abril de 2010, 00:17:52 am
Muy bueno, y genial explicado

Muchas gracias. Igualmente, si tenéis cualquier duda...


Saludos ;)
Título: Re:[PhotoShop] Llamativo efecto espejo
Publicado por: Focux en 05 de Mayo de 2010, 21:30:02 pm
Deberías explicar como hacer ese tipo de degradado en las letras, porque siempre he intentado que me salgan como el tuyo pero nunca funciona xd
Título: Re:[PhotoShop] Llamativo efecto espejo
Publicado por: OmaarV en 05 de Mayo de 2010, 21:35:16 pm
Yo eso lo hice pero con Illustrator para una empresa aquí.
(http://img294.imageshack.us/img294/6500/aislafoillogo.png)
Título: Re:[PhotoShop] Llamativo efecto espejo
Publicado por: mOrK en 05 de Mayo de 2010, 23:18:41 pm
Buen tutorial.

Podrías añadirle un degradado (como el de OmaarV), le da más juego aún!
Título: Re:[PhotoShop] Llamativo efecto espejo
Publicado por: marco811 en 05 de Mayo de 2010, 23:43:34 pm
Muy bueno tutorial  :P
Título: Re:[PhotoShop] Llamativo efecto espejo
Publicado por: OmaarV en 05 de Mayo de 2010, 23:46:26 pm
Este lo acabo de hacer:
(http://img64.imageshack.us/img64/8694/phperos.png)
Título: Re:[PhotoShop] Llamativo efecto espejo
Publicado por: marco811 en 05 de Mayo de 2010, 23:50:20 pm
Este lo acabo de hacer:
(http://img64.imageshack.us/img64/8694/phperos.png)
Esta bastante bien jeje felicidades
Título: Re:[PhotoShop] Llamativo efecto espejo
Publicado por: OmaarV en 05 de Mayo de 2010, 23:54:30 pm
Esta bastante bien jeje felicidades

Gracias, yo la verdad no se como se hace en photoshop, yo uso Illustrator.  :-[
Título: Re:[PhotoShop] Llamativo efecto espejo
Publicado por: xGerald en 06 de Mayo de 2010, 02:38:32 am
se agradece
enseña el efecto ke usas pa destakar las imagenes en luz.
Título: Re:[PhotoShop] Llamativo efecto espejo
Publicado por: Focux en 06 de Mayo de 2010, 03:00:20 am
Este lo acabo de hacer:
(http://img64.imageshack.us/img64/8694/phperos.png)
Cual es esa fuente?
Título: Re:[PhotoShop] Llamativo efecto espejo
Publicado por: OmaarV en 06 de Mayo de 2010, 03:10:51 am
Cual es esa fuente?
Segoe Print
Título: Re:[PhotoShop] Llamativo efecto espejo
Publicado por: marco811 en 06 de Mayo de 2010, 09:08:10 am
Yo eso lo hice pero con Illustrator para una empresa aquí.
(http://img294.imageshack.us/img294/6500/aislafoillogo.png)
El tuyo tmb se ve bueno xD  :)
Título: Re:[PhotoShop] Llamativo efecto espejo
Publicado por: OmaarV en 06 de Mayo de 2010, 21:58:04 pm
El tuyo tmb se ve bueno xD  :)

Gracias. A ver si después pongo el tutorial.