INFORMATICA Y OCIO

Foros de informática
  Inicio    Normas    Buscar   Miembros   Clanes   Regístrese   Perfil   Conéctese para revisar sus mensajes   Conectarse 
[informatica] + [videos graciosos] + [ultimos mensajes] + [top usuarios] + [contacto]


Creando interfaces ó skins
Ir a página 1, 2, 3  Siguiente
 
Publicar Nuevo Tema   Responder al Tema    Índice del Foro Foroz comunity :: Tutoriales photoshop
Ver tema anterior :: Ver siguiente tema  
Autor Mensaje
jeissontkd
User destacando
User destacando


Registrado: 17 Jul 2006
Mensajes: 365
Ubicación: foroz _garapo hasta la muerte

MensajePublicado: Vie Nov 03, 2006 2:37 am    Título del mensaje: Creando interfaces ó skins Responder citando
1. La Base
En un nuevo archivo en blanco, crea un nuevo layer y en este, dibuja un ovalo y rellenalo de negro. Centralo, y añade el style "soft metal".



2. Figura interna
Haz una selección del ovalo y redúcela unos 15 puntos. Ahora, corta ciertas partes, haciendo la imagen más interesante. Copia todo el contenido del layer y pégalo en un nuevo alpha channel.



3. Blur
En el alpha channel, aplicamos un gaussian blur de 15 px.



4. Levels
Teclea Ctrl+L, y en el cuadro de diálogo de levels, usa los valores que ves en la imagen a la izquierda. Copia el channel alpha, y pega la imagen en un nuevo layer (un layer standard).



5. Esquinas
El truco con el alpha resulta en una imagen con esquinas redondeadas, que combina perfectamente con este estilo. Seleccionamos el contenido del layer (Ctrl + Click) contraemos la selección y creamos una imagen en otro layer.



6. Mas bisel
En este nuevo layer, llenamos la selección de negro y aplicamos el mismo style que le dimos a la "base" pero esta vez, invertimos el sentido de la degradación. Este cambio incrementará el effecto de bisel en esta parte de la imagen.



7. Pantalla
En un nuevo layer dibujamos una forma para nuestra pantalla y la redondeamos usando el "truco del alpha". La rellenamos con una degradación, invirtiendo nuevamente el sentido de ésta para más efecto.



8. Color
Un layer más para crear la pantalla: Una degradación en tonos verdes y una sombra interna. Añadímos también unas líneas delgadas para dar el efecto de "scan lines".



9. Detalles
Y el resto de los detalles de la pantalla: El texto, algunas líneas para el volumen y el ecualizador... Lo que quieras... Ya casi terminamos.



10. Detalles finales
Muy bien... el resto incluye añadir elementos como botones, tornillos y cosas como esas... Por supuesto, un logotipo también, si lo deseas. Recuerden el uso del "truco del alpha" y los styles para dar un efecto final agradable.



Tutorial Extraido de http://www.pixeltool.com.ve/ gracias por los derechos Alonso Espinoza.
_________________


http://www.garhack-x.uni.cc
Volver arriba
Ver perfil del usuario Enviar mensaje privado Enviar correo Visitar sitio web del autor MSN Messenger
Headdog
Conociendo Foroz
Conociendo Foroz


Registrado: 26 Sep 2006
Mensajes: 18
Ubicación: En el foro jejeje

MensajePublicado: Vie Nov 03, 2006 2:45 am    Título del mensaje: Responder citando
EXCELENTE men , eres lo max, un skin, lo voy a hacer sigue asi men , llegaras muy lejos
Volver arriba
Ver perfil del usuario Enviar mensaje privado Enviar correo MSN Messenger
karlos!
Yo soy el foro
Yo soy el foro


Registrado: 14 Ago 2006
Mensajes: 7062
Ubicación: El Vigía - Mérida - Venezuela

MensajePublicado: Vie Nov 03, 2006 3:55 am    Título del mensaje: Responder citando
jeissontkd, Esta muy bueno el tuto y sencillo
_________________



http://esCualquiera.net
Volver arriba
Ver perfil del usuario Enviar mensaje privado Enviar correo Visitar sitio web del autor Yahoo Messenger MSN Messenger
-kage-
User destacando
User destacando


Registrado: 04 Nov 2006
Mensajes: 214

MensajePublicado: Lun Nov 06, 2006 2:27 pm    Título del mensaje: Responder citando
ya ves es sencillito pero es una pasadda la intentare y publicare mi resultado (cuando tenga tiempo claro k ando muy liado)
_________________
Adri! The punisher


www.parkour-blo.tk
Volver arriba
Ver perfil del usuario Enviar mensaje privado
errolerrol
Conociendo Foroz
Conociendo Foroz


Registrado: 10 May 2006
Mensajes: 54

MensajePublicado: Mie Nov 22, 2006 3:33 am    Título del mensaje: Responder citando
otro excelente tuto felicidades batiare como hacerlo
Volver arriba
Ver perfil del usuario Enviar mensaje privado
karlos!
Yo soy el foro
Yo soy el foro


Registrado: 14 Ago 2006
Mensajes: 7062
Ubicación: El Vigía - Mérida - Venezuela

MensajePublicado: Sab Ene 13, 2007 10:42 pm    Título del mensaje: Responder citando
Bueno estuve investigando un poco, y porlo que se es unPlgin oalgoasipara photoshop 7, pero en ingles, pero puedes intentar hacer el mismo efecto con opciones defusion lo puedes hacer Jugando unpoco con el Bisel y relieve, saludos!
_________________



http://esCualquiera.net
Volver arriba
Ver perfil del usuario Enviar mensaje privado Enviar correo Visitar sitio web del autor Yahoo Messenger MSN Messenger
martdei
Nuevo Miembro
Nuevo Miembro


Registrado: 14 Ene 2007
Mensajes: 1

MensajePublicado: Dom Ene 14, 2007 10:44 pm    Título del mensaje: Responder citando
miren soy nuevo me acbo de registrar apenas hoy domingo y espero colaborar mucho par que se hacer varias cosas pero quiero preguntarles como hacer un afirma con 2 gifs se puede?
Volver arriba
Ver perfil del usuario Enviar mensaje privado
karlos!
Yo soy el foro
Yo soy el foro


Registrado: 14 Ago 2006
Mensajes: 7062
Ubicación: El Vigía - Mérida - Venezuela

MensajePublicado: Dom Ene 14, 2007 11:30 pm    Título del mensaje: Responder citando
Bienvenido martdei, Pero creoque tienes que leerte las reglas, en este apartado no se puede preguntar, pero hay un tutorial para insertar gif en la firmas, no entrendi muy bien loque quisiste decir, pero lo puedes preguntar mejor en el apartado de Diseño gráfico, saudos!
_________________



http://esCualquiera.net


Ultima edición por karlos! el Lun Ene 15, 2007 1:03 am; editado 1 vez
Volver arriba
Ver perfil del usuario Enviar mensaje privado Enviar correo Visitar sitio web del autor Yahoo Messenger MSN Messenger
EdWood
Conociendo Foroz
Conociendo Foroz


Registrado: 11 Ene 2007
Mensajes: 45
Ubicación: Barcelona

MensajePublicado: Dom Ene 14, 2007 11:30 pm    Título del mensaje: Responder citando
yo no lo se pero... aki no es el mejor sitio pa preguntar.
_________________
Usuario expulsado de foroz
Volver arriba
Ver perfil del usuario Enviar mensaje privado
angelh2o
Conociendo Foroz
Conociendo Foroz


Registrado: 08 Ene 2007
Mensajes: 12
Ubicación: España

MensajePublicado: Lun Ene 15, 2007 2:29 pm    Título del mensaje: Responder citando
Gracias y bienvenido, muy buen aporta Smile
_________________
[url=http://www.subir-imagenes.com] [/url]
Volver arriba
Ver perfil del usuario Enviar mensaje privado MSN Messenger
Mostrar mensajes anteriores:   
Publicar Nuevo Tema   Responder al Tema    Índice del Foro Foroz comunity :: Tutoriales photoshop Todas las horas están en GMT + 1 Hora
Ir a página 1, 2, 3  Siguiente
Página 1 de 3
Saltar a:  
No puede crear mensajes
No puede responder temas
No puede editar sus mensajes
Puede borrar sus mensajes
No puede votar en encuestas
 
Articulos relacionados
En Hardware >> CREANDO MI PROPIO ORDENADOR
En Off topic >> Creando atención
En General >> Creando atención
En Software >> Hago Skins para Messenger :)
En Diseño Gráfico >> .:Tutorial Gimp:. Crear Skins para Gi...
 

 
Foroz comunity Tema RSS 




by phpBB  
informatica Videos graciosos webmasters theme by Scott Stubblefield Top foroz