domingo, 17 de mayo de 2009

Cortando y pegando GIFs (III)

Recordemos que queremos pasar el ancho de 960 a 740, así que el aumento de ancho es 960-740=220

Mientras que el GIF de cabecera es 740x8, el de las entradas es 485x15, por lo tanto:
  • el tamaño del trozo curvo es 15x15.
  • la posición del trozo curvo derecho 485-15=470
  • nuevo ancho de entradas 485+220=705
  • nueva posición del trozo curvo derecho 485+220-15=590

Con esto generamos los nuevos GIFs de las entradas:
for i in top bot
do
img=corners_main_$i
gifsicle --same-background --crop 0,0+15x15 $img.gif --crop 470,0+15x15 --p 590,0 $img.gif | gifsicle -U "#1" > ${img}705.gif
done


Hay otro GIF para hacer una línea vertical a ambos lados de las entradas, de 485x10.
  • el tamaño del trozo significativo es 10x10.
  • la posición del trozo significativo derecho 485-10=475
  • nuevo ancho de entradas 485+220=705
  • nueva posición del trozo curvo derecho 485+220-10=695
Con esto generamos el nuevo GIF:
img=rails_main
gifsicle --same-background --crop 0,0+10x10 $img.gif --crop 475,0+10x10 --p 695,0 $img.gif | gifsicle -U "#1" > ${img}705.gif


Y ya tenemos todos los GIFs. Falta subirlos a algún sitio de la Web. Si tienes ADSL, tu proveedor te suele dar entre 10 y 100 MB de espacio. Para subirlos, se puede usar el cliente ftp que venga con tu sistema operativo, wput, o FileZilla.

1 comentario:

  1. gracias por los GIFs que ayudan a complementar la web de un novato.

    ResponderEliminar