Bienvenido a Site Fun para disfrutar del foro al máximo se pide que se registre ya que no podrá ver ningun foro.

Icono porthole Todos-10

Unirse al foro, es rápido y fácil

Bienvenido a Site Fun para disfrutar del foro al máximo se pide que se registre ya que no podrá ver ningun foro.

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

Icono porthole

4 participantes

Ir abajo

Tutorial Icono porthole

Mensaje por Mirena Chan 07/09/10, 10:35 pm

Hola a todos!



En este tutorial, Voy a enseñarles como crear un hermoso

icono porthole como este con el Adobe Photoshop:



Icono porthole 326ki8



El tutorial fue traducido por mi sin ningún traductor, no fue echo por mi.



1. Crea un nuevo documento de 250x250 pixels y usa el Marco elíptico y llenamos el círculo con negro:



Icono porthole 539kw6



2. Van a Capa > Estilo de capa > Opciones de fusión y ponen lo siguiente:



Drop shadow (Sombra lateral):

Icono porthole 540xp2



Bevel and emboss (Bisel y relieve):

Icono porthole 541wo8



Gradient overlay (Superposición de degradado):

Icono porthole 542lg3



Usa este degradado:

Icono porthole 543



Stroke (Trazo):

Icono porthole 544



Usa este degradado:

Icono porthole 545



Vas a obtener esto:

Icono porthole 546



3. Ctrl+Click en la "Capa 1" para seleccionar la capa. Ahora, ve a
Seleccion > Modificar > Contraer (Select > Modify >
Contract),

y lo pones en 7.



Ahora, crea una nueva capa (Ctrl+Shift+N), y rellenala con negro. Después deseleciona (Ctrl+D). Vas obtener algo como esto:



4. Ahora, Capa > Estilo de capa > Opciones de fusión. Ponen lo siguiente:



Inner shadow (Sombra interior):

Icono porthole 548



Outer glow (Resplandor exterior):

Icono porthole 549



Inner glow (Resplandor interior):

Icono porthole 550



Bevel and emboss (Bisel y relieve):

Icono porthole 551



Gradient overlay (Superposición de degradado):

Icono porthole 552



Usa este degradado:

Icono porthole 553



Stroke (Trazo):

Icono porthole 554



Usa este degradado:

Icono porthole 555



5. Ctrl+Click en la "Capa 2", ahora tenes que contraer la seleccion en 4
pixeles (Seleccion > Modificar > Contraer) y elegi la herramienta
de

degradado. Ahora elegi tu color frontal, y selecciona "Color frontal/transparente" (Foreground to transparent). Ahora, dibuja

el degradado en una nueva capa (Ctrl+Shift+N) y te quedara como esto:



Icono porthole 556



6. Crea una nueva capa y con la misma seleccion le ponemos el degradado
"Color frontal/transparente" y de color frontal le ponen blanco:



Icono porthole 557



7. Usa el Marco eliptico para dibujar una seleccion como en la imagen, y suprimi esa parte. Reduci la opacidad de la capa a

40%. Vas a obtener esto:



Icono porthole 558



8. Ahora, Ctrl+Click en la "Capa 2", y contraé la seleccion en 4 pixeles. Crea una nueva capa, y rellenala con blanco.

Ahora tenes que usar el Marco eliptico para dibujar una seleccion como el de la imagen:



Icono porthole 559



9. Deselecciona (Ctrl+D), y reduci la opacidad de la capa a 20%. Vas a obtener esto:



Icono porthole 560



10. Pone una imagen entre las capas 2 y 3, reduci la opacidad de la imagen a 50% o 70%. Este es el resultado final:



Icono porthole 326ki8



NOTA: TE RECOMIENDO QUE GUARDES EL ARCHIVO EN .PSD PARA QUE CUANDO QUIERAS HACER OTRO YA LO TENGAS LISTO.
Mirena Chan
Mirena Chan
Moderador
Moderador

Femenino
Mensajes : 118
Monedas 1600

Volver arriba Ir abajo

Tutorial Re: Icono porthole

Mensaje por Sasuke Uchiha 07/09/10, 10:41 pm

Muy pero muy bueno nunca en mi vida vi un tutorial así pero vi los iconos que son parecidos.

Asi que te doy un... 10/10 100 Icono porthole 21726510
Sasuke Uchiha
Sasuke Uchiha
Soy User Full
Soy User Full

Masculino
Mensajes : 1035
Monedas 1580

http://www.m-sitefun.es.tl

Volver arriba Ir abajo

Tutorial Re: Icono porthole

Mensaje por Mirena Chan 07/09/10, 10:43 pm

Sasuke escribió:Muy pero muy bueno nunca en mi vida vi un tutorial así pero vi los iconos que son parecidos.

Asi que te doy un... 10/10 100 Icono porthole 21726510

Gracias Sasuke por las monedas.
Mirena Chan
Mirena Chan
Moderador
Moderador

Femenino
Mensajes : 118
Monedas 1600

Volver arriba Ir abajo

Tutorial Re: Icono porthole

Mensaje por Marcos 07/09/10, 10:43 pm

Muy pero muy bueno nunca en mi vida vi un tutorial así pero vi los iconos que son parecidos.

Asi que te doy un... 10/10 100 Icono porthole 21726510
Marcos
Marcos
Administrador
Administrador

Masculino
Mensajes : 192
Monedas 18725

https://sitefun-m.superforo.net

Volver arriba Ir abajo

Tutorial Re: Icono porthole

Mensaje por lasfiesteras 18/09/10, 10:08 pm

me ayudariias con un icono como esooss? ess qe no entiiendo mucho
lasfiesteras
lasfiesteras
Iniciando...
Iniciando...

Masculino
Mensajes : 9
Monedas 90

http://www.tusfiesteras.tk

Volver arriba Ir abajo

Tutorial Re: Icono porthole

Mensaje por Mirena Chan 18/09/10, 11:23 pm

Tenes el photoshop?
Mirena Chan
Mirena Chan
Moderador
Moderador

Femenino
Mensajes : 118
Monedas 1600

Volver arriba Ir abajo

Tutorial Re: Icono porthole

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Volver arriba


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