Página Web de jEsuSdA 8)

Estás en: Inicio > Portafolio > Ilustraciones para Web

Ilustraciones para Web

La idea era crear un set de iconos y gráficos para una página web personal para una conocida.

El caracter informal de la página sugería un estilo desenfadado y dinámico, así que me decanté por crear los gráficos dibujándolos a mano y luego colorearlos y prepararlos con el ordenador.

El primer paso consistía en dibujar los gráficos necesarios a lápiz para, posteriormente, escanearlos y prepararlos con el ordenador para facilitar su posterior coloreado.

Gráficos escaneados

Como se puede ver en el siguiente gráfico en detalle, la preparación del dibujo escaneado debe ser tal que el efecto de trazo de lápiz quede presente:

Detalle de gráfico escaneado

Con paciencia, se van coloreando cada uno de los gráficos, y se le añaden algunos efectos y ajustes que serán necesarios para la web, como sobras y efectos de luz:

Fijáos como con el gráfico del lápiz y unos cuantos gráficos más, creé un lápiz con ojos y brazos, que se usaría como mascota/asistente en la web.

Gráficos coloreados por ordenador

Una vez más, el detalle de trazo de lápiz debe preservarse para que el acabado sea el que buscábamos:

Detalle de gráfico coloreado por ordenador

Finalmente preparé cada gráfico en duotono, coloreando todo en tonos azules claros. Este retoque era el paso previo para crear un set de imágenes que pudieran ser usadas para crear un efecto "hover" en los gráficos en la web.

Preparación de gráficos para efecto Hover

El efecto consiste en que cuando se pasa el puntero del ratón sobre un icono, este cambia de color:

Detalle de gráfico preparado para efecto hover


Volver al inicio de la página