Escalar una imagen con Gimp y prepararla para la web

En este tutorial vamos a escalar una imagen para la web usando el programa de retoque de imagen Gimp. Gimp es un programa de software libre que podéis descargar desde

descarga de gimp

La alumna Miriam, estudiante del curso de Diseño Web de la Casa de la Cultura de Torrejón del año pasado, me pidió que le diseñase la página web de su empresa. Este es el diseño que le hice:

LINK A PAGINA WEB DE AUTOMATISMOS KV

Su intención era que los conocimientos adquiridos durante el curso le permitiesen mantener la página de forma autónoma.

Me pide que le haga un pequeño tutorial para preparar las imágenes que toman durante la realización de sus proyectos para poder subirlas más adelante a la página web.

GIMP - TUTORIAL DE RETOQUE DE IMÁGENES

Retoque de imagen con Gimp

he montado otro videotutorial de retoque de imágenes para los alumnos de los cursos de Aprende a usar el ordenador e Iniciación a la informática de la Casa de la Cultura de Torrejón de Ardoz.

Como a algunos de los alumnos de Diseño Web, Redes, eCommerce, Community Manager, Iniciación al uso de tablets android e Iniciación al Mac también os viene bien tener unas nociones básicas de retoque de imagen, podéis hacerlo para no perder tiempo con el retoque en las clases.

Podéis coger las imágenes para el ejercicio de esta entrada del blog de Aprende a usar el ordenador:

DESCARGA DE LAS IMÁGENES DEL TUTORIAL

GIMP - retoque fotográfico

En este ejercicio vamos a hacer una práctica de retoque fotográfico con GIMP.

Partimos de una imagen de Luxigon, una empresa francesa, concretamente de París, que a mi juicio es el mejor equipo de infografía arquitectónica del mundo. Podéis ver su magnifico trabajo en www.luxigon.com

Partimos de una imagen descargada de su web. No creo que haya problemas porque citamos su procedencia, citamos su web y nos declaramos rendidos admiradores de su trabajo:

Para llegar a:

Trabajar con texto en Gimp - Software libre

Voy a subir otro tutorial sobre GIMP ya que en casi todos los cursos que doy este año en la Casa de la Cultura de Torrejón de Ardoz y en el Centro Cutural de Sanchinarro hay que saber algo de retoque de imagen.

La solución de sofware libre GIMP está resultando muy útil a los alumnos de Mayores informática, Aprende a usar el ordenador, Diseño Web, eCommerce, Redes y Community Manager para hacer las prácticas de clase, ya que no todos tienen intención de comprar software de pago.

En este tutorial os propongo que trabajemos con texto en GIMP. Esta práctica nos será útil cuando comencemos a crear nuestro primer blog con Blogger, que será la semana que viene.

Vamos allá...

TRABAJAR CON TEXTO EN GIMP

Descargamos cabecera_blog_alumnos.jpg haciendo clic AQUÍ y lo abrimos en GIMP.

GIMP - ENDEREZAR HORIZONTE EN UNA FOTO

Hola subo este tutorial al BLOG, para ver si desde aquí os resulta más fácil seguir los tutoriales.

DESCARGAMOS ESTA IMAGEN

GIMP - AJUSTAR EL TAMAÑO DE LA IMAGEN

AJUSTAR EL TAMAÑO DE LA IMAGEN

Descargamos imagen_grande.jpg haciendo clic AQUÍ

La guardamos en una carpeta de nuestro disco y la abrimos con GIMP

ESCALAR Y RECORTAR IMAGENES CON GIMP

Algunos de mis alumnos de los cursos de Diseño Web, eCommerce, Redes y Community Manager, tanto del Centro Cultural de Sanchinarro como de la Casa de la Cultura de Torrejón andan un poco "peces" en el retoque de imágenes, y es básico para seguir los cursos.

Le recomiendo que se instalen GIMP, un programa de retoque gratuito que es suficiente para manejarse en esto. Yo llevo casi 2 años con el Gimp instalado y apenas he usado el Photoshop. Francamente, he diseñado y vendido un buen montón de Webs y tiendas electrónicas con Gimp y con software gratuito me ha bastado y sobrado.

Aquí va el primer tuto... 

Vamos a escalar y recortar una imagen en GIMP para el slider revolution.

Una vez elegida la imagen que queremos usar en el slider la escalaremos.