Logo Web 2.0 con Efecto Reflejo

Ir abajo

Logo Web 2.0 con Efecto Reflejo

Mensaje por Jonnhy el 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.

aplicamos el degradado a nuestro documento en sentido vertical.



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.




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




Paso 5
Despues elegimos la herramienta de seleccion eliptica.



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



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



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



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



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



Luego la acomodamos de forma que queda un efecto reflejante.



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



Paso 11
Luego elegimos nuetra herramienta de degradado



Y editamos los colores de nuestro degradado



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.



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



Y aplicamos los siguiente valores.






Damos aceptar y este debera ser nuestro resultado.



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.
avatar
Jonnhy
Usuario Nivel 3

Masculino Cantidad de envíos : 226
Edad : 27
Localización : Mexico
-> : Modera HTML y CSS
C. A-A :
10 / 10010 / 100

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

http://www.animeonx.com

Volver arriba Ir abajo

Re: Logo Web 2.0 con Efecto Reflejo

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

Gracias por tu Tutorial me funciono bastante.

Saludos y Gracias por Aportar!

_________________

Spoiler:
avatar
David
Admin
Admin

Masculino Cantidad de envíos : 1002
Edad : 23
C. A-A :
0 / 1000 / 100

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

http://armageddon-art.com.ar

Volver arriba Ir abajo

Re: Logo Web 2.0 con Efecto Reflejo

Mensaje por ºMR el 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..

_________________
No es bella?

Shiryu Dragon Style
avatar
ºMR
Admin
Admin

Masculino Cantidad de envíos : 776
Edad : 29
Localización : En WwW.Armageddon-Art.Com
C. A-A :
0 / 1000 / 100

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

http://armageddon-art.forosactivos.net

Volver arriba Ir abajo

Re: Logo Web 2.0 con Efecto Reflejo

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

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

Masculino Cantidad de envíos : 230
Edad : 23
C. A-A :
0 / 1000 / 100

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

http://www.skipdrive.com.ar

Volver arriba Ir abajo

Re: Logo Web 2.0 con Efecto Reflejo

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

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

Femenino Cantidad de envíos : 140
Edad : 28
Localización : Universo-Sistema solar-Via Lactea Tierra-America-Mexico Ahora buscame, como que ya te di mucha info.
-> : -Inactividad TOTAL.!
C. A-A :
0 / 1000 / 100

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

http://atencionleelo.es.tl

Volver arriba Ir abajo

Re: Logo Web 2.0 con Efecto Reflejo

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

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

Masculino Cantidad de envíos : 573
Edad : 23
Localización : Colombia,Bogotá
C. A-A :
30 / 10030 / 100

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

http://www.poderstg.es.tl

Volver arriba Ir abajo

Re: Logo Web 2.0 con Efecto Reflejo

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

yo no lo llamaria truco.. simplemente tutorial....

_________________
Porque windows VISTA?

Viruses
---Intruders
------Spyware
---------Trojan
------------Adware
avatar
Jonnhy
Usuario Nivel 3

Masculino Cantidad de envíos : 226
Edad : 27
Localización : Mexico
-> : Modera HTML y CSS
C. A-A :
10 / 10010 / 100

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

http://www.animeonx.com

Volver arriba Ir abajo

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.