El canvas de HTML 5 (VI). Gradientes.

En el artículo anterior hemos aprendido a crear figuras rellenas, con un color sólido. En este artículo vamos a empezar a aprender como crear y usar gradientes, tema que completaremos en el próximo artículo. Los gradientes, o degradados, como se les llama en algunos textos, son muy llamativos a la hora de crear figuras. Algunos diseñadores gráficos los detestan y, honestamente, un gradiente debe ser suave y estar bien concebido para causar una buena impresión visual. En eso, como en todo (y nunca mejor dicho), para gustos los colores. Aquí aprenderemos a crearlos y usarlos, y luego será tu talento artístico y tu experiencia los que te dirán cómo y cuándo emplearlos.

El canvas de HTML 5 (VII). Gradientes radiales.

En el artículo anterior aprendimos a crear gradientes lineales. Vamos ahora a ver cómo crear gradientes radiales, desde un centro de un color a un perímetro de otro color, bien directamente, o con colores intermedios. Si al principio nos costó un poco aprender a crear gradientes lineales, con los radiales la cosa se complica un poco. No obstante, con la práctica seremos capaces de crear los gradientes que necesitemos, según nuestro diseño. No te asustes si, al principio, no ves claro lo que estás haciendo, o te sale un resultado que no se parece en nada a lo que habías pensado. Nos ha sucedido a todos. En cuanto le cojas el truquillo, en seguida estarás diseñando interesantes combinaciones.