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

[Photoshop CS3] Logo estilo web 2.0 con reflejo

2 participantes

Ir abajo

[Photoshop CS3] Logo estilo web 2.0 con reflejo Empty [Photoshop CS3] Logo estilo web 2.0 con reflejo

Mensaje  animeonx Mar Nov 25, 2008 10:45 am

Hola mundo!, pues este es otro de mis tutoriales, a disfrutar! (onxshop, es otro de mis sitios web xD!)

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.
[Photoshop CS3] Logo estilo web 2.0 con reflejo 01rp4
aplicamos el degradado a nuestro documento en sentido vertical.

[Photoshop CS3] Logo estilo web 2.0 con 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.

[Photoshop CS3] Logo estilo web 2.0 con reflejo 04ku8


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

[Photoshop CS3] Logo estilo web 2.0 con reflejo 06ex5


Paso 5
Despues elegimos la herramienta de seleccion eliptica.

[Photoshop CS3] Logo estilo web 2.0 con reflejo 07fl3

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

[Photoshop CS3] Logo estilo web 2.0 con reflejo 08gb3

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

[Photoshop CS3] Logo estilo web 2.0 con reflejo 09fn3

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

[Photoshop CS3] Logo estilo web 2.0 con reflejo 10ws5

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

[Photoshop CS3] Logo estilo web 2.0 con 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

[Photoshop CS3] Logo estilo web 2.0 con reflejo 12vn6

Luego la acomodamos de forma que queda un efecto reflejante.

[Photoshop CS3] Logo estilo web 2.0 con reflejo 13ex0

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

[Photoshop CS3] Logo estilo web 2.0 con reflejo 14yx2

Paso 11
Luego elegimos nuetra herramienta de degradado

[Photoshop CS3] Logo estilo web 2.0 con reflejo 01rp4

Y editamos los colores de nuestro degradado

[Photoshop CS3] Logo estilo web 2.0 con 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.

[Photoshop CS3] Logo estilo web 2.0 con reflejo 16qb2

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

[Photoshop CS3] Logo estilo web 2.0 con reflejo 17yn3

Y aplicamos los siguiente valores.

[Photoshop CS3] Logo estilo web 2.0 con reflejo 18pu5


[Photoshop CS3] Logo estilo web 2.0 con reflejo 19em6

Damos aceptar y este debera ser nuestro resultado.

[Photoshop CS3] Logo estilo web 2.0 con 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:
- Debes reconocer la autoría de la obra en los términos especificados por el propio autor o licenciante.
- No puedes utilizar esta obra para fines comerciales.
animeonx
animeonx
Colaborador
Colaborador

Masculino
Cantidad de envíos : 28
Edad : 32
Localización : Mexico
Fecha de inscripción : 21/11/2008
¿Que te gusta hacer en tu tiempo libre? : Tocar Guitarra!! (¨_¨ )
¿Como estas de humor hoy? : Despues de haber sacado una mierda de tres dias.
Puntos : 0
Reputación : 0
Respeto las Nomas del Foro :
[Photoshop CS3] Logo estilo web 2.0 con reflejo Left_bar_bleue100 / 100100 / 100[Photoshop CS3] Logo estilo web 2.0 con reflejo Right_bar_bleue

Pais de Origen : [Photoshop CS3] Logo estilo web 2.0 con reflejo Paraguayis7
Clan : [Photoshop CS3] Logo estilo web 2.0 con reflejo D-dragonmonument

http://www.animeonx.co.cc

Volver arriba Ir abajo

[Photoshop CS3] Logo estilo web 2.0 con reflejo Empty Re: [Photoshop CS3] Logo estilo web 2.0 con reflejo

Mensaje  Tsuke Mar Nov 25, 2008 3:34 pm

Es bueno el tutorial.. pero algo complicado para los que aprende recien de photoshop... chizuru cuando vea esto el pc temblara... wajaja... no soltara el photoshop nuevamente...

gracias... por postearlo
Tsuke
Tsuke
Administrador Supremo
Administrador Supremo

Masculino
Cantidad de envíos : 413
Edad : 39
Localización : Donde Pueda estar contigo
Fecha de inscripción : 31/08/2008
¿Que te gusta hacer en tu tiempo libre? : Estar con mi familia adoptiva
¿Como estas de humor hoy? : Como dia lunes en el trabajo
Puntos : 2
Reputación : 1
Respeto las Nomas del Foro :
[Photoshop CS3] Logo estilo web 2.0 con reflejo Left_bar_bleue100 / 100100 / 100[Photoshop CS3] Logo estilo web 2.0 con reflejo Right_bar_bleue

Clan : [Photoshop CS3] Logo estilo web 2.0 con reflejo D-dragonmonument

https://yumenochi.forosactivos.net

Volver arriba Ir abajo

Volver arriba

- Temas similares

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