Tuneando: vista 3D en los paneles

7 05 2008

En realidad no es una vista 3D para ser mas exactos deberia decir “botonizar o buttonizar” las barras de los paneles, lo que en version güindows seria la barra de tareas, en este caso y para nosotros los ubunteros serian los paneles inferior y superior.

Para ello podeis utilizar una imagen con apariencia de degradado, pero por muy bien que lo explique lo mejor es verlo con un ejemplo (imagen ampliada): Este en concreto quedaria bien en los temas que utilicen las letras en colores claros o el blanco, Lo mas comun es usar letras en negro por lo cual el ejemplo deberia ser en tonos claros.

Bueno lo principal es consequir que la parte baja de la imagen sea un tono mas oscuro que la parte superior que es lo que dara la sensacion de ser 3D y que la imagen tenga la misma altura que el panel.

Con un poco de pericia y con el Gimp podemos perfeccionar el degradado con mas colores o tonos, por ejemplo usando unos tonos oscuro para las zonas de arriba y abajo de la imagen y un color mas claro en el centro, ademas si le añadimos una fina linea blanca en la zona intermedia superior dara mas sensacion de brillo. El resultado que a mi me gusto fue mas o menos asi

Ejemplo (imagen ampliada):

Luego probé un par de variantes con otros colores y otra en tonos grises, tal como podeis ver:

Como en los anteriores ejemplos os muestro las imagenes grandadas para que aprecieis mejor los degradados, el tamaño real de estas son de 27 x 27 pixeles, casi la misma que la altura por defecto de los paneles. Si no sois muy mañosos con el Gimp o simplemente os gustaria probar con mis ejemplos , tan solo debeis clicar con el boton derecho del raton sobre la imagen que mas os guste y elegir GUARDAR IMAGEN. Luego explicare como usarlas.

Bien pues para usar las imagenes es bastante sencillo, clicais en una zona vacia del panel con el boton derecho y elegir PROPIEDADES, se mostrara una ventanita con dos pestañas GENERAL/FONDO, clicamos en fondo. Marcamos la opcion IMAGEN DE FONDO y clicamos en el dibujo de la carpetita para localizar donde guardamos la imagen descargada, y ya podremos ver como nos queda el panel con el nuevo LOOK.

Consejo: para usar la imagen en un panel lateral hay que rotar la imagen 90 grados, hacia la derecha o izquierda, si la dejamos tal cual nos mostrara una repeticion de cuadraditos que quedan fatal.

Ha sido un poco largo de explicar pero en realidad es muy sencillo, una vez descargada la imagen a vuestro disco duro no tardaries ni un minuto en ver los resultados,

Lo mejor es aprender, animaos a entrar en Gimp y crear vuestros propios botones.

Espero os sea util la explicacion, si teneis dudas, preguntad en los comentarios :)


Acciones

Información

Deja un comentario

Puedes usar estas etiquetas : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>