Icono porthole
4 participantes
:: Principal :: Ayuda General :: Tutoriales Externos
Página 1 de 1.
Icono porthole
Hola a todos!
En este tutorial, Voy a enseñarles como crear un hermoso
icono porthole como este con el Adobe Photoshop:
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:
2. Van a Capa > Estilo de capa > Opciones de fusión y ponen lo siguiente:
Drop shadow (Sombra lateral):
Bevel and emboss (Bisel y relieve):
Gradient overlay (Superposición de degradado):
Usa este degradado:
Stroke (Trazo):
Usa este degradado:
Vas a obtener esto:
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):
Outer glow (Resplandor exterior):
Inner glow (Resplandor interior):
Bevel and emboss (Bisel y relieve):
Gradient overlay (Superposición de degradado):
Usa este degradado:
Stroke (Trazo):
Usa este degradado:
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:
6. Crea una nueva capa y con la misma seleccion le ponemos el degradado
"Color frontal/transparente" y de color frontal le ponen blanco:
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:
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:
9. Deselecciona (Ctrl+D), y reduci la opacidad de la capa a 20%. Vas a obtener esto:
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:
NOTA: TE RECOMIENDO QUE GUARDES EL ARCHIVO EN .PSD PARA QUE CUANDO QUIERAS HACER OTRO YA LO TENGAS LISTO.
En este tutorial, Voy a enseñarles como crear un hermoso
icono porthole como este con el Adobe Photoshop:
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:
2. Van a Capa > Estilo de capa > Opciones de fusión y ponen lo siguiente:
Drop shadow (Sombra lateral):
Bevel and emboss (Bisel y relieve):
Gradient overlay (Superposición de degradado):
Usa este degradado:
Stroke (Trazo):
Usa este degradado:
Vas a obtener esto:
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):
Outer glow (Resplandor exterior):
Inner glow (Resplandor interior):
Bevel and emboss (Bisel y relieve):
Gradient overlay (Superposición de degradado):
Usa este degradado:
Stroke (Trazo):
Usa este degradado:
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:
6. Crea una nueva capa y con la misma seleccion le ponemos el degradado
"Color frontal/transparente" y de color frontal le ponen blanco:
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:
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:
9. Deselecciona (Ctrl+D), y reduci la opacidad de la capa a 20%. Vas a obtener esto:
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:
NOTA: TE RECOMIENDO QUE GUARDES EL ARCHIVO EN .PSD PARA QUE CUANDO QUIERAS HACER OTRO YA LO TENGAS LISTO.
Mirena Chan- Moderador
-
Mensajes : 118
1600
Re: Icono porthole
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
Asi que te doy un... 10/10 100
Re: Icono porthole
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
Gracias Sasuke por las monedas.
Mirena Chan- Moderador
-
Mensajes : 118
1600
Re: Icono porthole
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
Asi que te doy un... 10/10 100
:: Principal :: Ayuda General :: Tutoriales Externos
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.