7
1 María José González HACKERGOTCHI Trabajos realizados por alumnos en cursos anteriores

HACKERGOTCHI - santaeugenia.tecnoies.com · Trabajos realizados por alumnos en cursos anteriores . 2 ... Usualmente se hacen en Gimp, pero lo haremos con Inkscape. Aprenderemos a

  • Upload
    others

  • View
    9

  • Download
    0

Embed Size (px)

Citation preview

Page 1: HACKERGOTCHI - santaeugenia.tecnoies.com · Trabajos realizados por alumnos en cursos anteriores . 2 ... Usualmente se hacen en Gimp, pero lo haremos con Inkscape. Aprenderemos a

1

María José González

HACKERGOTCHI Trabajos realizados por alumnos en cursos anteriores

Page 2: HACKERGOTCHI - santaeugenia.tecnoies.com · Trabajos realizados por alumnos en cursos anteriores . 2 ... Usualmente se hacen en Gimp, pero lo haremos con Inkscape. Aprenderemos a

2

María José González

DIBUJANDO UNA HACKERGOTCHI (CARICATURA) Basado en http://howto.nicubunu.ro/inkscape_face_draw/

Un hackergotchi es una imagen de un escritor que se usa como avatar para identificar al autor de RSS (lenguaje web). Usualmente se hacen en Gimp, pero lo haremos con Inkscape. Aprenderemos a dibujar la caricatura, incluso aunque no sepamos dibujar bien, al usar una foto como referencia, cualquiera puede hacerlo, no tienes que ser un maestro en Inkscape. Si tuviéramos una tableta digitalizadora sería ideal, pero es suficiente con el ratón –todo lo que aquí aparece está realizado con el ratón-. Empezaremos con una foto y acabaremos con un dibujo como estos:

Page 3: HACKERGOTCHI - santaeugenia.tecnoies.com · Trabajos realizados por alumnos en cursos anteriores . 2 ... Usualmente se hacen en Gimp, pero lo haremos con Inkscape. Aprenderemos a

3

María José González

Prepara el lugar de trabajo

Abre Inkscape y elige cualquier tamaño. Importa la foto dentro del

documento. Recuerda que has de incrustar la imagen ya que de

otra manera la perderías. (en el caso de que no funcione bien no

cambies el tamaño de la imagen)

Si lo deseas puedes cambiar su tamaño (con Ctrl pulsado para

mantener las proporciones).

Se puede trabajar con la imagen original y luego escalar al

tamaño que deseemos.

Dibuja los trazos

Lo primero de todo es crear una capa nueva para el dibujo. Después utiliza la Herramienta Bézier. Fija el ancho y el color como tú quieras. (Aquí se usa el rojo porque se ve mejor y un grosor de 3 o 5 px).

Comienza a dibujar libremente a lo largo de las formas de tu foto. Procura dibujar áreas cerradas ya que luego serán coloreadas. No te preocupes por los pequeños detalles, cuidaremos de ellos más tarde. Edita la línea que dibujas para que los contornos queden redondeados.

Cuando queremos dibujar pequeños detalles y necesitamos precisión se hace zoom.

Puedes suavizar los nodos seleccionándolos y pulsando sobre el

botón

Page 4: HACKERGOTCHI - santaeugenia.tecnoies.com · Trabajos realizados por alumnos en cursos anteriores . 2 ... Usualmente se hacen en Gimp, pero lo haremos con Inkscape. Aprenderemos a

4

María José González

Un dibujo no es una imagen real, por eso lo que importa es mejorar las cosas, como los ojos en este caso (los ojos grandes hacen del sujeto más lindo y adorable).

Continua hasta que hayas cubierto todas las formas necesarias.Cuida los detalles. Continua hasta simplificar y pulir todas las formas. Puede ser mucho trabajo pero no es difícil.

Finalizamos los trazos

Cuando ya casi hemos acabado la parte de dibujo, puedes ocultar la foto o incluso borrarla. (Podríamos usarla para colorear, así que es mejor conservarla). Lo mejor es separar la foto a un lado y después selecciona el trazo y cambia su color a negro.

Page 5: HACKERGOTCHI - santaeugenia.tecnoies.com · Trabajos realizados por alumnos en cursos anteriores . 2 ... Usualmente se hacen en Gimp, pero lo haremos con Inkscape. Aprenderemos a

5

María José González

Coloreando

Empezaremos coloreando la cara que es una zona amplia, deberá ser un área cerrada. Selecciona el área de la cara y con el cuentagotas copia el color de la original. Igualmente realiza la zona del cuello. Puede que te ocurra lo siguiente:

Te queda por encima de la cara, no te preocupes solo tienes que enviar esta nueva zona al fondo y problema solucionado.

Continuamos con el pelo, podrá ocurrir que desaparezca la cara, repite de nuevo la operación anterior baja el pelo al fondo.

Cuando un elemento este terminado sigue con el siguiente.

Page 6: HACKERGOTCHI - santaeugenia.tecnoies.com · Trabajos realizados por alumnos en cursos anteriores . 2 ... Usualmente se hacen en Gimp, pero lo haremos con Inkscape. Aprenderemos a

6

María José González

Continúa hasta que todas las áreas estén coloreadas. Puedes utilizar la herramienta Pluma para las pestañas:

Ten un cuidado especial con los ojos, deben tener un área brillante, de otra forma el individuo no parecerá que esta vivo. Utiliza el gradiente para dar color al iris.

Puliendo

Ahora añadiremos más profundidad: luces, sombras, gradientes.

Si quieres y todavía tienes al alcance la foto ponla a la vista en tu

dibujo y utiliza la Herramienta de líneas a mano alzada (F6) - or

Béziers – marca las luces y las sombras haciéndolas blancas o

negras respectivamente. O no uses la foto, solo tu imaginación o tu

sentido estético.

Retira la foto, y ahora desenfoca las manchas o juega con la opacidad.

Page 7: HACKERGOTCHI - santaeugenia.tecnoies.com · Trabajos realizados por alumnos en cursos anteriores . 2 ... Usualmente se hacen en Gimp, pero lo haremos con Inkscape. Aprenderemos a

7

María José González

Obtendrás algo parecido a esto:

Añade cuantas luces y sombras quieras. También sea buena opción cambiar los colores sólidos por

gradientes.

Hecho

Salva el archivo en SVG, exporta en forma PNG y disfruta tu trabajo. .