Tutorial para hacer un efecto con reflejo (photoshop)

efecto con reflejo

En este tutorial podras crear un efecto muy cool, me agrada bastante por que da presentación , lo he ocupado en animaciones flash, sitios webs, presentaciones powerpoint, etc etc etc… espero que les sea de gran ayuda.

Paso 1Para empezar creas un archivo de 800×800 con el fondo transparente.

Paso 2Selecciona la capa 1 y presiona Ctrl+a para seleccionar todo el Layer-Capa, y toma la la herramienta de la cubeta rellenalo de color blanco te va a quedar asi , cabe mencionar que si dejas presionado el mouse en la esquina de la cubeta podras cambiarte a la herramienta “gradiente o degradado” , ve a la caja de herramientas y busca el icono de texto y crea un texto .

Paso 3Vas a duplicar el texto, para hacer esto da clic derecho en la capa donde esta el texto y selecciona duplicar capa (Img. 1), selecciona la copia y ve a la caja de herramientas busca el icono de: “marca rectangular” o en ingles “rectangular marquee tool” , vas al texto clic derecho y trasformacion libre (Img.2).

Paso 4Ya que hiciste la transformacion libre de nuevo da clic derecho y busca la opcion flip vertical o en español giro vertical.

Paso 5Bueno ahora busca en la caja de herramientas el icono move tool o herramienta para mover, y baja el texto invertido.

Paso 6Ya que hiciste esto, selecciona la copia y busca en el area de layers (capas) el siguiente icono: Add layer mask (agregar capa mascara) y seleccionalo; como su nombre lo indica agregaras una mascara a el layer seleccionado, en este caso sera a la copia del texto, y esta capa servirá para mostrar lo que hay debajo de ella, siempre y cuando el color de la capa mascara sea el blanco. Aplicada la capa mascara te quedara asi por default parecera que no hubo cambios en el texto, presiona Ctrl+a y Supr, para que borres lo blanco de la capa mascara asi te quedara:

Paso 7No quites la selección de la capa mascara y busca en la caja de herramientas la opcion gradiente , ve a la caja de opciones y verifica que el degradado sea de blanco a transparente y has un degradado de arriba a abajo, empezando por la base del texto hasta 2/3 partes de la copia asi te quedara la capa , ya casi esta solo falta aclarar un poco el reflejo para esto solo busca esta opción en la caja de layers y baja la opacidad de la mascara a 40%.

Paso 8Selecciona la capa 1 cambia el color principal (blanco) por el #999999 selecciona gradiente y verifica en la barra de opciones que sea un degradado de gris a blanco (Img. 1). Aplica el degradado de arriba-abajo, ponlo donde consideres que se vea bien. Si hiciste todo bien este layer te quedara asi

Listo! Aqui termina este tutorial y espero que te haya agradado.


Espero que te haya gustado este Post! Muchas veces el tiempo me impide responder todos los comentarios, unete al
Foro seguro ahi respondemos tus dudas, unete y se parte de esta comunidad.


32 Respuestas en “Tutorial para hacer un efecto con reflejo (photoshop)”

  1. Gravatar

    V@BC

    el 18 Ene 2007 a las 16:53 #

    :D Orales ese efecto se ve Cool ahora ya se como se hace gracias por tus aportaciones

  2. Gravatar

    Aralé

    el 19 Ene 2007 a las 2:05 #

    :wa woooooow muchisisisismas gracias por este utilisimo tutorial, no sabes como me haz ayudado, yo que soy principiante… te agradezco, eres el master :m: !!!!gracias rodrigo, sigue con estas aportaciones tan buenas en esta web que es de lo mejor gracias!!!!!! :D

  3. Gravatar

    Rodrigo

    el 20 Ene 2007 a las 23:31 #

    Denada v@bc, Aralé (L)  es un placer ayudarlos y enseñarles lo que se :) seguire posteando tutoriales y muchos articulos obre el maravilloso mundo de la informatik! :|:

  4. Gravatar

    Manuel

    el 02 Feb 2007 a las 21:34 #

    He notado que te gusta mucho este efecto :D

  5. Gravatar

    Rodrigo

    el 03 Feb 2007 a las 1:52 #

    :D jajaja si! me gusta mucho ese efecto :wi: y lo pondre en algunos post posteriores :D

  6. Gravatar

    Jahudysonico

    el 15 Feb 2007 a las 21:58 #

    (Y) ESE RIGOOOOOO!!

    Psss pasando por las paginas inadaptadas, ya chque tu tutorial todo super rapidisimo, y no le entendi ni madre!!! haz uno a prueba de bastardos! jaja =)

    y QUE VIVA EL ROCK AND ROLL! …
    cero trance por favor

  7. Gravatar

    Rodrigo-Azul

    el 17 Feb 2007 a las 0:21 #

    Jahudysonico que parte no entiendes bro ? y te explico con mas detenimiento

  8. Gravatar

    natal.mx

    el 20 Feb 2007 a las 1:10 #

    Hola ¡Saludos a todos!
    Ya sabes que soy bien wey para esto del Photoshop y pues no entiendo bien, y tu tuto habla de poner reflejo al texto, pero a las imágenes? y eso de la herramienta de la cubetita no la encontré en mi Photoshop, y eso que está en español, sale espero me ayudes.

  9. Gravatar

    Rodrigo-Azul

    el 20 Feb 2007 a las 1:19 #

    Saludos cordiales natal :D, mira para hacer este efecto con una imagen, son los mismos pasos, solo abre la imagen a la que le vas aplicar el efecto, da clic derecho en la imagen>transformacion libre y modifica las dimenciones de la imagen , echo esto has los mismo pasos que hice con el texto comenzando con el paso 3, solo que aplicalos a la imagen.

  10. Gravatar

    natal.mx

    el 20 Feb 2007 a las 1:35 #

    Vale gracias, :D voy a intentarlo y después te escribo, por cierto luego te digo cuando ya esté mi página ya aprendí mas o menos a hacer el efecto que te decía de poner imágenes como que con efecto metal. :@

  11. Gravatar

    Rodrigo-Azul

    el 20 Feb 2007 a las 1:46 #

    Cool natal.mx, pondre posteriormente varios efectos para texto e imagenes

  12. Gravatar

    GaryNY

    el 23 Feb 2007 a las 3:00 #

    ME GUSTA TODO ESTO
    PERO..Q PROGRAMA ES ESE?

  13. Gravatar

    Rodrigo-Azul

    el 24 Feb 2007 a las 0:55 #

    GaryNY puedes descargar adobe photoshop desde cualquier programa p2p, existen muchos pero los que mas me gustan son LimeWare y eMule en estos 2 programas podras descargar: software, musica, videos, serials & keygens etc…

  14. Gravatar

    Jahudysonico

    el 08 Mar 2007 a las 0:16 #

    (Y) ¿Que paso chato! ahi nomas pa que te veas mi avance yeah!! jaja

  15. Gravatar

    Jahudy

    el 08 Mar 2007 a las 0:34 #

    Que Pedo con tu espacio para dejar comments????? necesitas trabajar duro o no te contrato hijo! jajajaja. que onda con mi avatar que no sale?

  16. Gravatar

    Jahudy

    el 08 Mar 2007 a las 0:37 #

    DEPARTAMENTO DE PROGRAMACION urge que arrglen esto chiazzzzzzz

  17. Gravatar

    Rodrigo-Azul

    el 16 Mar 2007 a las 1:23 #

    Solucionado el problema Jahudy gracias por el aviso jejeje

  18. Gravatar

    choki

    el 23 Mar 2007 a las 20:08 #

    :$ esto jue lo q siempre t pedi q me ensañaras caon
    pero ya lo aplique y si estubo entendible el tutoasi que are mas loko (Y)

  19. Gravatar

    piratahacker

    el 18 Abr 2007 a las 21:00 #

    Excelente man… revise otras paginas y nada que ver, pero tu tutorial esta muy entendible y realice el efecto muy rapido… muchas gracias por el aporte :m:

  20. Gravatar

    V@BC

    el 21 Abr 2007 a las 3:16 #

    Holas de nuevo bueno aca pondre el link de una imagen que hice con este efecto que la verdad se me olvidaron unos pasos y tuve que recurir a esta web

  21. Gravatar

    V@BC

    el 21 Abr 2007 a las 3:17 #

    jaja aca mi link porque no salio con los botones

  22. Gravatar

    Fede Rojas

    el 15 Jun 2007 a las 12:37 #

    muy bueno el tutorial, encontré otro link con este tutorial parecido tambien muy bien explicado y encima en video tutorial tambien!, lo pueden ver en http://www.jse.com.ar/blog o en http://www.metacafe.com/watch/650204/

  23. Gravatar

    luciano

    el 15 Oct 2007 a las 20:41 #

    Bueno muchas gracias………

  24. Gravatar

    gdgs

    el 26 Feb 2008 a las 15:14 #

    Mil Gracias!!! :D :D

    Salu2 !

  25. Gravatar

    CAMILO

    el 21 Abr 2008 a las 2:28 #

    MUCHAS GRACIAS EL TUTORIAL ME HA SIDO DE MUCHA UTILIDAD PARA UN PROYECTO DE MARCA CORPORATIVA, GRACIAS

  26. Gravatar

    alejandra

    el 07 Jul 2008 a las 0:13 #

    ke onda pues aki
    jaj viendo todo
    komo esta el movimiento
    en photo shop jaja
    ne pues aprendiendo de aki
    pues kiero saber mas
    de esto
    jaja bueno pues

    los ke kieran platikar de esta agreguenme
    aki estare

  27. Gravatar

    biche

    el 08 Nov 2008 a las 23:53 #

    gracias por el aporte esta muy bueno
    saludos

  28. Gravatar

    karen

    el 26 Jun 2009 a las 21:36 #

    (L2) cn esoos acees banners??? :wa :wa :@

  29. Gravatar

    Desire

    el 13 Oct 2009 a las 16:48 #

    Hola, muchas gracias por este paso a paso. Sin embargo en el paso 7 no logro conseguir que el gradiente aplique a la capa.Podrias sugerirme algo?

  30. Gravatar

    iñaki

    el 23 Feb 2010 a las 14:49 #

    rodrigo: gracias por el aporte es bastante ilustrativo solo que esto tiene mas que ver las cuestiones del diseño grafico y no con la informatk como tu dices…

  31. Gravatar

    EDGAR

    el 27 Ago 2010 a las 17:17 #

    :D FUE UN POQUITO DIFICIL CREO PERO LO LOGRE GRACIAS PAPA, POR EL APORTE 100 PUNTOS EL TUTORIAL… GRACIAS DE ANTEMANO

  32. Gravatar

    Sasukito

    el 21 Sep 2010 a las 12:28 #

    Muchas gracias me gusta mucho este efecto y lo tienes bien elaborado el tutorial :)

You must be Bienvenido to post a comment.