Informática 4º ESO Dibujo vectorial: Inkscape

Práctica 15. Dibujar una taza de café

Antes de empezar, echemos un vistazo a la imagen que vamos a crear.

Debajo está la ilustración completa para ver hacia donde debemos
dirigir nuestros esfuerzos.

Paso 1
Comienza abriendo un Nuevo documento en Inkscape. Empecemos
dibujando el platillo en el que descansa la taza. El platillo estará
compuesto por cinco elipses diferentes, así que prepárate a dibujarlas.
Selecciona la herramienta Círculos/Elipses de la caja de herramientas.
Después dibuja una elipse según las proporciones de la ilustración
inferior.
Ahora necesitamos cambiar el relleno y el borde, así que selecciona tu
elipse y abre el diálogo de relleno y borde, en Objeto, Relleno y Borde
(Ctrl + Shift + F). En la pestaña de Borde, pulsa la "X" para eliminar la
línea exterior de la forma.

1
Informática 4º ESO Dibujo vectorial: Inkscape

Paso 2
Ahora queremos rellenar la elipse con un degradado radial. Haremos
unos cuantos degradados lineales y radiales en este tutorial, así que
pon atención si nunca lo has hecho antes. En la pestaña de Relleno,
pulsa sobre el botón Gradiente Radial. Inkscape rellena tu forma
automáticamente con un gradiente que se desvanece a transparente.
Queremos un gradiente con dos tonos de gris, así que pulsa el botón
para editar el gradiente. Ahora puedes editar las paradas de color y su
transparencia. Elige para la primera parada un tono gris suave y para
la segunda un tono de gris más oscuro. Asegúrate de que la
transparencia para las dos paradas esté al máximo de opacidad.

2
Informática 4º ESO Dibujo vectorial: Inkscape

Paso 3
La siguiente cosa que debes hacer es ajustar el tamaño y el centro del
gradiente con respecto a tu elipse. Desliza los tiradores del gradiente en
la elipse como se indica en la figura siguiente. Si los tiradores del
gradiente no están visibles, pulsa el botón de Crear y Editar Gradientes
en la Caja de Herramientas (Ctrl + F1). Ahora tienes una elipse
completa y sabes como crear y editar gradientes. Los siguientes pasos
no serán tan detallados.

Paso 4
Las otras elipses para el platillo no son tan difíciles de hacer. La
siguiente elipse será el borde blanco alrededor del plato. La forma más
fácil de hacerlo es duplicando la elipse anterior. Entonces rellénala con
un color gris muy claro desde la ventana de Relleno y Borde. Después
sitúalo unos pocos píxeles por debajo de la elipse anterior, y sitúala
debajo de la misma, mediante Objeto, Bajar.
Como es difícil ver el gris claro, podemos poner un fondo oscuro
detrás.

Paso 5
Ahora vamos a por la base gris oscura del platillo. Una vez más,
duplica una de las elipses existentes. A continuación rellénala con otro
gradiente radial con dos tonos muy oscuros de gris. Entonces mueve el
centro del gradiente hacia la parte de debajo de la elipse. La base del
plato no necesita ser tan ancha como el resto del plato. Pulsa F1 y
empuja los laterales derecho e izquierdo de la elipse un poquito hacia
adentro para estrecharla un poco.
Mueve la elipse unos pocos pixeles y colócala debajo de las anteriores.
Debe quedarte algo como lo que aparece en el siguiente figura.

3
Informática 4º ESO Dibujo vectorial: Inkscape

Paso 6
Ahora necesitamos crear el centro del plato. Dibuja una pequeña
elipse como la mostrada en la imagen inferior (o selecciona la superior,
duplícala y aplica escala). Abre el diálogo de Relleno y Borde y rellena
esta nueva elipse con un gris plano (97, 97, 97). Desliza el cursor Alpha
(opacidad) hasta 100.
Dale al borde un color de b7b7b7 (opacidad completa) y un ancho de
3 píxeles.

Paso 7
El plato está casi terminado ya. El último paso es añadir una tenue
sombra. Duplica la elipse más inferior (la gris oscura). Después aplica
un desenfoque del 10% (En la parte de abajo de la ventana de Relleno y
Borde). Sitúalo debajo de todos los objetos que tienes.

4
Informática 4º ESO Dibujo vectorial: Inkscape

Ahora ya tienes el plato terminado. Puedes agrupar si quieres las

cinco elipses para facilitar una selección posterior del plato. Just
highlight them all and press Ctrl+G. Now, on to the coffee cup itself!

Paso 8
Vamos a dibujar dos formas con la herramienta Curvas Bezier. Haz
una para el lateral de la taza de café y otra para el aro superior de la
taza. Estas formas deben coincidir en el ancho y en la curvatura. Te
recomiendo que muestres la rejilla para ayudarte a dibujar estas
formas.
Las dos formas y su curvatura tienen una longitud de de 20 unidades
de ancho. Además, la parte inferior del borde de la taza se corresponde
con la parte de arriba del lateral de la misma. Además ambas formas
tienen dos unidades de profundidad.

5
Informática 4º ESO Dibujo vectorial: Inkscape

Paso 9
Con la rejilla todavía mostrada, sitúa el aro directamente encima del
lateral de la taza. Elimina el trazo de ambas formas. Rellena la forma
del aro (que parece una elipse) con un color gris sólido (e6e6e6ff).
Rellena el lateral de la taza con un gradiente radial que vaya de ecececff
en el centro hasta bdbdbdff. Entonces sitúa el centro del gradiente
cerca de la parte superior del lateral, tal como se muestra a
continuación.

Paso 10
Duplica la forma del borde y aplica escala para reducirla un poco y
crear así el ancho del borde de la taza. Dale a esta forma un color gris
delgado (d6d6d6ff) y un gradiente radial desde ecececff hasta bdbdbdff.
Después desliza los tiradores del gradiente para que tu figura se
parezca a la imagen de abajo.

6
Informática 4º ESO Dibujo vectorial: Inkscape

Paso 11
El siguiente paso consiste en dibujar el café dentro de la taza.
Obviamente queremos crear una forma que tenga apariencia de café
estando dentro del borde. Para hacerlo tendremos que crear una elipse
para el café y hacer la intersección de ésta con el interior del borde.
Se hace de la siguiente manera. Crea una elipse como la marrón que
aparece en el dibujo de abajo. Después sitúala encima del borde. A
continuación, duplica la elipse que ocupa la parte interior del borde de
la taza. Después selecciona ambas elipses y Trayecto > Intersección
(Ctrl + *).
Deberías acabar con una forma que parezca café en una taza. Ahora
puedes rellenarla con un gradiente radial utilizando dos (o más) tonos
de marrón.

Paso 12
Crear el asa para la taza es sencillo. Utiliza la herramienta curvas
Bezier para hacer una forma similar al asa que se muestra a
continuación. Ponle un fino borde gris luminoso y rellénala con un
gradiente lineal desde la parte inferior izquierda hasta la parte superior
derecha utilizando dos tonos de gris (bdbdbdff y ecececff). Por último
sitúa el asa pegada a la taza.

7
Informática 4º ESO Dibujo vectorial: Inkscape

Paso 13
Para dar a nuestra taza un toque personal, vamos a añadir algunas
líneas azules a su alrededor. No puedes simplemente dibujar una línea,
porque su parte final nunca casará con el borde de la taza, como se
muestra a continuación.

Paso 14
Aquí muestro el método con el que se trabaja bien. Crear una elipse
con las mismas proporciones que el borde de la taza. Después rellénala
con algún color (sin borde). A continuación duplica esa elipse, colócala
debajo de la primera, y tira del tirador inferior un poco hacia abajo.
Después utiliza los nodos laterales para estrecharla un poco. Hemos
coloreado las dos diferentes elipses para poder ver cómo debería ser.

Paso 15
Selecciona ambas elipses y vete a Trayecto > Diferencia. Obtienes así
una curva que desaparece en sus extremos. Rellena tu nueva forma con
el color que prefieras. Duplícala todas las veces que quieras y sitúalas
encima de la taza donde te parezca bien.

8
Informática 4º ESO Dibujo vectorial: Inkscape

Paso 16
Vamos a crear ahora el reflejo en el lateral de la taza. Dibuja un
triángulo curvado con la herramienta curvas Bezier que se parezca al
triángulo que se muestra en la ilustración inferior. Colorea esta forma
de blanco y desliza el cursos alpha de opacidad hasta más o menos 90,
para darle apariencia transparente. Sitúa esta nueva forma encima del
lateral de la taza y de las líneas azules de antes.

Paso 17
Ahora vamos a tratar de dibujar el humo del café. Empieza dibujando
una pequeña elipse blanca. Hazla semitransparente y desenfoca su
borde un poco. Sitúala ecima del café. Esto dará una impression de
calor y vapor.

9
Informática 4º ESO Dibujo vectorial: Inkscape

Paso 18
Ahora vamos a crear un tenue halo de humo. Dibuja una forma con
la herramienta curvas Bezier como la que se muestra debajo. Coloréala
de un suave marrón o dorado, hazla semitransparente y desenfócala un
poco.
Nuestra taza de café está terminada.

Imagen final
Coloca la taza encima del platillo. Después añade un pequeña sombra
a la taza. Para ello dibuja una pequeña elipse negra y desenfócala. .

10
Informática 4º ESO Dibujo vectorial: Inkscape

11