lunes, agosto 27, 2007

Kicker Transparente

Quién no ha querido tener el kicker transparente? pero transparente con efecto crystal, no esa pobreza de transparencia plana que tiene por defecto. ¿O algo como agregarle un png transparente de fondo?.

Bueno he aquí la solución, no es mas que un simple truco, un fake-transparency, una trampilla para nuestros ojos aprovechando precisamente esa pobre transparencia que proporciona kicker, al final no es mas que una ayudita que le damos a kicker para que su transparencia sea decente. y de ñapa un docker también simulado.

Esto no es un fondo para kicker como tal, simplemente es un efecto logrado tomando un fondo de escritorio cualquiera agregarle una barra semi-transparente y poniendo kicker totalmente transparente, así como también una barra superior que simula un docker.

Todo esto lo hice con inkscape, imagino que se podrá usar cualquier software similar. El archivo que aquí entrego es el svg donde está el fondo del kicker y el fondo del docker, con una resolución de 1280x1024.

Los pasos a seguir son los siguientes:

1. Descarguen el archivo kicker-docker.svg.
2. Abranlo con inkscape (o preferido).
3. Importen el fondo de escritorio preferido y posicionenlo en x=0 y=0, el ancho deberá se 1280 y el alto 1025.
4. Envienlo al fondo con el menú objeto.
5. Luego exporten a mapa de bits en el menú archivo, seleccionan documento para que tome las medidas del documento, pero personalizan para que todos los tamaños queden en 1280x1025, no olviden seleccionar un nombre con extensión jpg o png a exportar en un directorio específico.
6. Pongan esa imagen exportada de fondo de escritorio centrada.
7. Click derecho a el panel y le dan configurar, en aspecto le dicen habilitar transparencia, dan en opciones avanzadas y bajan el tinte a cero. El tamaño de kicker debe ser de 53 pixeles, si quieren menos deberán reducir la barra del fondo con inkscape.
8. Luego ponen los íconos que quieran en el docker de arriba, para este caso son 6 ya que configuro el escritorio para usar la regilla del mismo.
9. Pasenlo por la cara de los windoseros :P

Nota: Si quieren usar mas resolución solo tienen que aumentar el tamaño del documento en el menú archivo->propiedades del documento, luego importar un fondo del tamaño deseado y estirar un poco las dos barras.

Descarga archivo de aquí

Agradecimientos a:
Luciano Vargas http://bogsli.wordpress.com (Por la idea)
Gustavo Díaz http://www.gdnet.com.ar (Por ayudarme con el inkscape)
Mi mamá (Por la comidita :P)

8 comentarios:

calex78_ dijo...

pues no estarian de mas unos screenshots, pro cierto esto estaba abandonado desde abril :)

saludos.

Odair Trujillo dijo...

Hola calex78_, los screenshoots están junto con el arhivo de descarga en kde-look, pero haré la referencia.

El sitio no ha estado abandonado pasa que he estado actualizando esa entrada desde que etch era testing, entonces parece, pero si miras al principio del anterior artículo, dice Actualizado: tatatata.

[SergiiO] dijo...

te he enlazado en mi blog.me enlazas?? visita:
http://sergiio-design-and-innovation.blogspot.com/
y selecciona el enlace que quieras.
gracias de antemano

calex78_ dijo...

hola nuevamente, haber si entendi lo del kicker, ¿el efecto cristal ahumado entonces la da el wallpaper editado?, ¿si cambio el wallpaper.. el efecto cristal ahumado desaparece?

saludos.

ebmiutlte dijo...

Pues queda muy bonito y elegante, habrá que ponerlo y ver lo bonito que queda jeejeje

ebmiutlte dijo...

Muy bonito y elegante el kicker transparente :D.

Tendré que ponermelo a ver...

Odair Trujillo dijo...

Claro mi queridisimo calex78_, solo es el fondo el que logra este efecto, pero para eso en kde-look he edejado las fuentes de el fondo svg para que sea mas fácil el proceso.

Por otro lado ya casi se viene kde4 y este imagino que si traerá soporte para transparencia en kicker, digo si yo la logré haciendo un app en qt4, porque kde4 no podría traer lo mismo que hice yo he incluso mucho mejor.

Artz Neo dijo...

feliz año nuevo men!