En
este trabajo, que está basado en el tutorial "Crystal
Ball Effect" de
Craig Marshall , vamos
a tratar de explicar como hemos utilizado el programa GIMP,
de manipulación de imágenes, para construir
botones redondos u ovalados. Damos por hecho que ya se han
tenido los primeros contactos con el programa
GIMP.
1. Creamos una nueva imagen de, por ejemplo, 400x400 pixeles,
seleccionando "RGB" para el tipo de imagen y "Transparente"
para el tipo de relleno.
2. Dibujamos un círculo usando la herramienta selección
elíptica con la opción "relación
de aspecto fija (la anchura y altura de igual valor, sin importar
cual). Para facilitar la construcción del círculo
podemos hacer uso de las guías, colocando una vertical
a 50 pixeles del origen izquierdo y dos horizontales, a 50
y 350 pixeles del origen superior, respectivamente (las guías
pueden mostrarse, si no se vieran, pulsando Mayús+Ctrl+T
y se arrastran colocando el cursor sobre ellas y moviendo
el ratón en la dirección deseada). Con la herramienta
elipse seleccionada, colocamos el cursor en el punto de cruce
de la guía vertical con la guía horizontal superior
y lo arrastramos sin soltar el botón izquierdo del
ratón, siguiendo la guía vertical hasta llegar
al punto de cruce con la guía horizontal inferior.
Fig 1.
3. Manteniendo la selección hecha, creamos una nueva
capa transparente y la denominamos "anillo". Seleccionamos
la herramienta degradado (gradiente) con las opciones de frente
a fondo y forma radial. Ponemos dos variantes de un mismo
color (por ejemplo (921818) para el frente y (f28787) para
el fondo) y con la herramienta degradado seleccionada pasamos
el cursor desde el centro del cuadrante izquierdo superior
del círculo activado hasta su extremo inferior, pasando
por el centro. Seguimos manteniendo la selección circular.
Fig 2.
4. Con el menú Seleccionar > Encoger, encogemos
en 10 pixeles la selección y seguidamente pulsamos
Ctrl.+k para borrar la selección. Obtenemos así
una corona circular. Fig 3.
5. Con el menú Seleccionar > Crecer, aumentamos
en 3 pixeles la selección. Creamos una nueva capa transparente
y la denominamos "círculo". Seleccionamos
la herramienta degradado (gradiente) con las opciones de frente
a fondo y forma radial. Ponemos dos variantes de un mismo
color (por ejemplo (0000ff) para el frente y (03f8ef) para
el fondo) y con la herramienta degradado seleccionada pasamos
el cursor desde el centro de la imagen hasta su extremo inferior.
Fig 4.
6. Creamos una nueva capa transparente, la denominamos "sombra"
y la colocamos entre las capas anillo y círculo. Ponemos
una guía horizontal y otra vertical que se crucen en
el centro del círculo. Elegimos la herramienta "elipse"
seleccionando difuminar bordes con un radio de valor de 30
y poniendo selección de aspecto fija. Mantenemos pulsada
la tecla Ctrl.