Armageddon-art
¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.

Logo Web 2.0 con Efecto Reflejo

+2
David
Jonnhy
6 participantes

Ir abajo

Logo Web 2.0 con Efecto Reflejo Empty Logo Web 2.0 con Efecto Reflejo

Mensaje por Jonnhy Sáb Nov 08, 2008 11:56 pm

Hola mundo!, pues este es otro de mis tutoriales, a disfrutar!

Paso 1
Creamos un nuevo documento del tamaño que quieras, yo utilize uno de 450px de largo por 150px de alto, con fondo blanco.

Paso 2
Seleccionamos la herramienta de degradado y elegimos los colores que mas nos guste.
Logo Web 2.0 con Efecto Reflejo 01rp4
aplicamos el degradado a nuestro documento en sentido vertical.

Logo Web 2.0 con Efecto Reflejo 03zg5

Paso 3
Escribimos en el centro de nuestro documento el texto que mas nos guste asi tambien los colores, para este caso yo he utilizdo dos colores.

Logo Web 2.0 con Efecto Reflejo 04ku8


Paso 4
Una vez tengamos nuestro texto, duplicamos la capa de nuestro texto, (ctrl+j)
Y a la capa creada la restirizamos.

Logo Web 2.0 con Efecto Reflejo 06ex5


Paso 5
Despues elegimos la herramienta de seleccion eliptica.

Logo Web 2.0 con Efecto Reflejo 07fl3

Paso 6
Hacemos una seleccion a nuestro texto, la que mas nos guste.

Logo Web 2.0 con Efecto Reflejo 08gb3

Paso 7
Una vez hecha nuestra seleccion, la invertimos. Seleccion -> Invertir (shift+Crtl+I) y presionamos la tecla Suprimir (delete, del, supr).

Logo Web 2.0 con Efecto Reflejo 09fn3

Paso 8
Despues a esa misma capa, le damos boton derecho, Opciones de Fusion y aplicamos los siguiente valores.

Logo Web 2.0 con Efecto Reflejo 10ws5

Para los colores de degradado he utilizado el blanco con una opacidad de 50% y 100%

Logo Web 2.0 con Efecto Reflejo 11uf9

Damos "ok" y continuamos.

Paso 9
Luego a la misma capa de nuestro texto la volvemos a duplicar y la invertimos.
Edit -> Transform -> Flip Vertical

Logo Web 2.0 con Efecto Reflejo 12vn6

Luego la acomodamos de forma que queda un efecto reflejante.

Logo Web 2.0 con Efecto Reflejo 13ex0

Paso 10
Seleccionamos nuestra capa de texto invertido y agregamos una mascara.

Logo Web 2.0 con Efecto Reflejo 14yx2

Paso 11
Luego elegimos nuetra herramienta de degradado

Logo Web 2.0 con Efecto Reflejo 01rp4

Y editamos los colores de nuestro degradado

Logo Web 2.0 con Efecto Reflejo 15qc5

Yo he utilizado negro a 100% y del otro lado negro al 0%

Paso 12
Vamos a nuestro capa de texto reflejado y aplicamos el degrado de mitad a mitad.

Logo Web 2.0 con Efecto Reflejo 16qb2

Paso 13
Volvemos a nuestra capa del texto origianal y sleccionamos opciones de fusion.

Logo Web 2.0 con Efecto Reflejo 17yn3

Y aplicamos los siguiente valores.

Logo Web 2.0 con Efecto Reflejo 18pu5


Logo Web 2.0 con Efecto Reflejo 19em6

Damos aceptar y este debera ser nuestro resultado.

Logo Web 2.0 con Efecto Reflejo Onxshopon5

Pueden descargarse el PSD desde aqui

http://www.usaupload.net/d/suubixjvo73


------------------------------------------------------------------
Eres libre de:

  • copiar, distribuir y comunicar públicamente la obra
  • hacer obras derivadas
Bajo las condiciones siguientes:

  • Atribución.
    Debes reconocer la autoría de la obra en los términos especificados por el propio autor o licenciante.
  • No comercial.
    No puedes utilizar esta obra para fines comerciales.
Jonnhy
Jonnhy
Usuario Nivel 3

Masculino Cantidad de envíos : 226
Edad : 32
Localización : Mexico
-> : Modera HTML y CSS
C. A-A :
Logo Web 2.0 con Efecto Reflejo Left_bar_bleue10 / 10010 / 100Logo Web 2.0 con Efecto Reflejo Right_bar_bleue

Sps y Dps : *
Fecha de inscripción : 22/10/2008

http://www.animeonx.com

Volver arriba Ir abajo

Logo Web 2.0 con Efecto Reflejo Empty Re: Logo Web 2.0 con Efecto Reflejo

Mensaje por David Dom Nov 09, 2008 12:03 am

Gracias por tu Tutorial me funciono bastante.

Saludos y Gracias por Aportar!
David
David
Admin
Admin

Masculino Cantidad de envíos : 1002
Edad : 28
C. A-A :
Logo Web 2.0 con Efecto Reflejo Left_bar_bleue0 / 1000 / 100Logo Web 2.0 con Efecto Reflejo Right_bar_bleue

Sps y Dps : *
Fecha de inscripción : 15/09/2008

http://armageddon-art.com.ar

Volver arriba Ir abajo

Logo Web 2.0 con Efecto Reflejo Empty Re: Logo Web 2.0 con Efecto Reflejo

Mensaje por ºMR Dom Nov 09, 2008 8:12 am

→ Buen resultado.
→ Gracias por las atribuciones del autor, para decirle no a RIP.
→ Gracias por compartirlo con nosotros.

chicle..
ºMR
ºMR
Admin
Admin

Masculino Cantidad de envíos : 776
Edad : 34
Localización : En WwW.Armageddon-Art.Com
C. A-A :
Logo Web 2.0 con Efecto Reflejo Left_bar_bleue0 / 1000 / 100Logo Web 2.0 con Efecto Reflejo Right_bar_bleue

Sps y Dps : *
Fecha de inscripción : 09/09/2008

https://armageddon-art.forosactivos.net

Volver arriba Ir abajo

Logo Web 2.0 con Efecto Reflejo Empty Re: Logo Web 2.0 con Efecto Reflejo

Mensaje por arraga Dom Nov 09, 2008 10:56 am

mui bueno gracias te la comistes .....
arraga
arraga
Miembro V.I.P
Miembro V.I.P

Masculino Cantidad de envíos : 230
Edad : 28
C. A-A :
Logo Web 2.0 con Efecto Reflejo Left_bar_bleue0 / 1000 / 100Logo Web 2.0 con Efecto Reflejo Right_bar_bleue

Sps y Dps : *
Fecha de inscripción : 11/09/2008

http://www.skipdrive.com.ar

Volver arriba Ir abajo

Logo Web 2.0 con Efecto Reflejo Empty Re: Logo Web 2.0 con Efecto Reflejo

Mensaje por Rukia Dom Nov 09, 2008 2:24 pm

Un tuto sencillito y un efecto profesional voto10
Rukia
Rukia
Usuario Nivel 2
Usuario Nivel 2

Femenino Cantidad de envíos : 140
Edad : 34
Localización : Universo-Sistema solar-Via Lactea Tierra-America-Mexico Ahora buscame, como que ya te di mucha info.
-> : -Inactividad TOTAL.!
C. A-A :
Logo Web 2.0 con Efecto Reflejo Left_bar_bleue0 / 1000 / 100Logo Web 2.0 con Efecto Reflejo Right_bar_bleue

Sps y Dps : *
Fecha de inscripción : 18/09/2008

http://atencionleelo.es.tl

Volver arriba Ir abajo

Logo Web 2.0 con Efecto Reflejo Empty Re: Logo Web 2.0 con Efecto Reflejo

Mensaje por poderstg Dom Nov 09, 2008 3:47 pm

racias pro compartirnos este truco que está muy bueno xD
poderstg
poderstg
Escritor
Escritor

Masculino Cantidad de envíos : 573
Edad : 29
Localización : Colombia,Bogotá
C. A-A :
Logo Web 2.0 con Efecto Reflejo Left_bar_bleue30 / 10030 / 100Logo Web 2.0 con Efecto Reflejo Right_bar_bleue

Sps y Dps : *
Fecha de inscripción : 01/10/2008

http://www.poderstg.es.tl

Volver arriba Ir abajo

Logo Web 2.0 con Efecto Reflejo Empty Re: Logo Web 2.0 con Efecto Reflejo

Mensaje por Jonnhy Dom Nov 09, 2008 4:30 pm

yo no lo llamaria truco.. simplemente tutorial....
Jonnhy
Jonnhy
Usuario Nivel 3

Masculino Cantidad de envíos : 226
Edad : 32
Localización : Mexico
-> : Modera HTML y CSS
C. A-A :
Logo Web 2.0 con Efecto Reflejo Left_bar_bleue10 / 10010 / 100Logo Web 2.0 con Efecto Reflejo Right_bar_bleue

Sps y Dps : *
Fecha de inscripción : 22/10/2008

http://www.animeonx.com

Volver arriba Ir abajo

Logo Web 2.0 con Efecto Reflejo Empty Re: Logo Web 2.0 con Efecto Reflejo

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Volver arriba

- Temas similares

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