{"id":1263,"date":"2014-12-01T09:30:51","date_gmt":"2014-12-01T08:30:51","guid":{"rendered":"https:\/\/diocesanos.es\/blogs\/equipotic\/?p=1263"},"modified":"2014-11-27T17:55:35","modified_gmt":"2014-11-27T16:55:35","slug":"practicas-con-inkscape-y-memaker-crea-tu-avatar","status":"publish","type":"post","link":"https:\/\/diocesanos.es\/blogs\/equipotic\/2014\/12\/01\/practicas-con-inkscape-y-memaker-crea-tu-avatar\/","title":{"rendered":"Pr\u00e1cticas con InkScape y MeMaker: crea tu \u00abavatar\u00bb"},"content":{"rendered":"

MeMaker<\/a> es una aplicaci\u00f3n de c\u00f3digo abierto para GNU\/Linux<\/strong> y desarrollada en Python que permite crear avatares r\u00e1pidamente<\/strong>. El programa tiene una colecci\u00f3n de piezas que el usuario puede combinar y ordenar <\/strong> para crear su propia imagen. Con MeMaker, crear un bonito avatar es rapid\u00edsimo y muy f\u00e1cil: vas eligiendo los componentes que te gustan y ellos se van colocando en tu imagen.<\/p>\n

\"memaker1\"<\/a><\/p>\n

Lo mejor es que trabaja con gr\u00e1ficos vectoriales<\/strong> y permite exportar el avatar creado a formato SVG<\/strong>, por lo que luego puedes abrirlo con alg\u00fan editor de gr\u00e1ficos vectoriales como InkScape<\/strong><\/span> y modificarlo a tu gusto. Adem\u00e1s es capaz de exportar<\/strong> directamente la imagen a BMP<\/strong> o a formato PNG<\/strong> manteniendo el fondo transparente.<\/p>\n

<\/p>\n

Una vez instalado\u00a0 (est\u00e1 en el Centro de Software de Ubuntu) puedes iniciarlo desde \u00abAplicaciones<\/em>\u00bb -> \u00abGr\u00e1ficos<\/em>\u00bb -> \u00abMemaker<\/em>\u00ab. El programa es muy sencillo: empieza por seleccionar el tipo de \u00abavatar\u00bb de la lista de modelos y aplica tantos elementos como desees hasta completar tu dibujo.<\/p>\n

Cuando termines s\u00f3lo tienes que guardarlo en formato SVG. A continuaci\u00f3n puedes abrirlo con el programa \u00abInkScape\u00bb para trabajar sobre el:<\/p>\n

\"Captura<\/a><\/p>\n

Todas las partes de cada elemento del dibujo original (las figuras necesarias para formar los dos ojos, por ejemplo) est\u00e1n \u00abagrupadas\u00bb para facilitar su recolocaci\u00f3n, pero si quieres manipular alguna de esas partes (poner un ojo de cada color) tienes que romper el grupo: selecciona el elemento y pulsa sobre \u00abObjeto\u00bb -> \u00abDesagrupar\u00bb, o utiliza el bot\u00f3n derecho del rat\u00f3n.<\/p>\n

\"Captura<\/a><\/p>\n

Elimina, a\u00f1ade y modifica ahora el dibujo sin restricciones y con toda las ventajas de InkScape.<\/p>\n

Creaci\u00f3n de un \u00e1vatar desde 0<\/h2>\n

Vamos a empezar con objetos simples como c\u00edrculos, elipses , rect\u00e1ngulos y cuadrados (pulsa en la imagen para verla al completo.<\/p>\n\n\n\n\n
Chico<\/strong><\/td>\nChica<\/strong><\/td>\n<\/tr>\n
\"chico1\"<\/a><\/td>\n\"chica1\"<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Dibuja<\/h4>\n
    \n
  1. Crear un c\u00edrculo para la cabeza (tecla F5)<\/li>\n
  2. Convierte el c\u00edrculo en \u00abtrayecto\u00bb (Men\u00fa \u00abTrayecto<\/em>\u00bb -> \u00abObjeto a trayecto<\/em>\u00ab)<\/li>\n
  3. Utiliza la herramienta de \u00abEditar nodos<\/em>\u00bb\u00a0 (tecla F2) para que se vea como una cabeza humana.<\/li>\n
  4. Del mismo modo crea una elipse y edita sus nodos , de modo que el objeto empiece a parecerse a una oreja. Duplica la oreja ( Ctrl + D) y col\u00f3cala en horizontal (\u00abObjeto<\/em>\u00bb -> \u00abReflejo horizontal<\/em>\u00bb ) . Coloca las orejas a los lados de la cabeza.<\/li>\n
  5. Para crear el cuello dibuja un rect\u00e1ngulo (tecla F4 ) , convi\u00e9rtelo a trayecto y coloca los dos nodos inferiores pr\u00f3ximos entre s\u00ed para una chica o sep\u00e1ralos pra un chico (selecci\u00f3nalos y pulsa [Ctrl + <] o\u00a0 [Ctrl + >] repetidamente).<\/li>\n
  6. Crea los hombros con la herramienta rect\u00e1ngulo (tecla F4 ) y haz que los nodos superiores curven de forma sueave.
    \nNOTA<\/strong>: Los hombros tienen tama\u00f1o intencionalmente m\u00e1s peque\u00f1o para que la atenci\u00f3n del espectador se centre en la cabeza.<\/em><\/li>\n<\/ol>\n

    Rellena con color<\/h4>\n

    Ya es bastante dif\u00edcil encontrar el tono de piel adecuado para tu personaje, as\u00ed que puedes\u00a0 usar una peque\u00f1a pista: \u00abCat\u00e1logo de Caracter\u00edsticas humanas<\/a> \u00ab. Este cat\u00e1logo tambi\u00e9n lo puedes utilizar para la elecci\u00f3n de colores agradables para los ojos y el cabello.<\/p>\n

    \u00a0Simula volumen<\/h4>\n

    Para separar visualmente la cabeza del cuello , tenemos que a\u00f1adir una sombra debajo de ella . Duplicar el cuello y rell\u00e9nalo con un tono de piel m\u00e1s oscura. Duplica la cabeza y mu\u00e9vela hacia abajo un poco mientras mantienes pulsada la tecla Ctrl . A continuaci\u00f3n, selecciona el cuello oscuro y la cabeza duplicada (los dos a la vez) y pulsa en el men\u00fa \u00abTrayecto<\/em>\u00bb -> \u00abIntersecci\u00f3n<\/em>\u00ab.<\/p>\n

    A\u00f1ade los detalles<\/h4>\n\n\n\n\n
    Chico<\/strong><\/td>\nChica<\/strong><\/td>\n<\/tr>\n
    \"chico2\"<\/a><\/td>\n\"chica2\"<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
      \n
    1. \u00a0Por lo general, los ojos tienen forma de almendra y est\u00e1n al mismo nivel que los bordes superiores de las orejas. Crea una elipse (tecla F5) y compr\u00edmela por sus bordes con los nodos de edici\u00f3n (tecla F2). Crea dos c\u00edrculos para el iris y la pupila de los ojos.<\/li>\n
    2. Dibuja una ceja con una curva de Bezier (May\u00fas + F6 ) utilizando la forma \u00bb Tri\u00e1ngulo dentro\u00bb.
      \n      \"ink1\"<\/a>
      \nConvierte el objeto a trayectoria y suaviza la forma con los nodos necesarios .
      \n      \"ink2\"<\/a><\/li>\n
    3. Dibuja una l\u00ednea de las pesta\u00f1as con otra curva de Bezier (Shift + F6 ) con forma \u00abElipse\u00bb . Las dos pesta\u00f1as separadas se pueden hacer f\u00e1cilmente con otras curvas de Bezier con forma \u00abTri\u00e1ngulo dentro\u00bb.<\/li>\n
    4. Agrega detalles a los o\u00eddos mediante el uso de las curvas de Bezier (Shift + F6 ) con forma \u00bb Elipse \u00bb . Convierte los dos objetos a trayectos y dales la forma deseada . Despu\u00e9s puedes unir a los dos trayectos a trav\u00e9s del men\u00fa \u00abTrayecto\u00bb -> \u00abUni\u00f3n\u00bb.\n

      Nota:<\/strong> Despu\u00e9s de convertir la curva de Bezier a trayecto , esta puede contener un gran n\u00famero de nodos innecesarios. Para reducir su n\u00famero vete al men\u00fa \u00abTrayecto\u00bb -> \u00abSimplificar\u00bb o pulsa Ctrl + L despu\u00e9s de seleccionar el objeto .<\/p>\n

      Nota:<\/strong> Muchos elementos de la cabeza son sim\u00e9tricos. Podemos crear un solo ojo, duplicarlo (Ctrl + D) y voltear horizontalmente (tecla H ).<\/li>\n

    5. Dibuja elementos para la boca, la nariz y el cabello como se muestra en la foto 2 (herramienta Bezier ) . Darles la forma deseada con la herramienta de edici\u00f3n de nodos (tecla F2).<\/li>\n
    6. Lo m\u00e1s probable es que tendremos que bajar el pelo hacia abajo (Objeto > Bajar al fondo)<\/li>\n
    7. Dibuja un rect\u00e1ngulo con un corte por encima de los hombros de la imagen de usuario (herramienta Bezier ) . Duplica los hombros, selecciona, j\u00fantalo con el primer rect\u00e1ngulo y vete a \u00abTrayecto\u00bb -> \u00abIntersecci\u00f3n\u00bb.
      \nNota:<\/strong> Para seleccionar un objeto que se coloca debajo de otros objetos, es necesario mantener pulsada la tecla Alt mientras pulsas sobre \u00e9l .<\/p>\n

      Dale volumen al cuerpo<\/h4>\n<\/li>\n<\/ol>\n\n\n\n\n
      Chico<\/strong><\/td>\nChica<\/strong><\/td>\n<\/tr>\n
      \"chico3\"<\/a><\/td>\n\"chica3\"<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
        \n
      1. \u00a0La luz de los ojos suele representarse como una mancha blanca. A\u00f1ade un c\u00edrculo blanco en la pupila y un semic\u00edrculo del color del ojo m\u00e1s claro al iris. Marca el \u00e1rea de los ojos a\u00fan m\u00e1s a\u00f1adiendo una sombra debajo de ellos: crea un objeto con la herramienta Bezier (Shift + F6 ) y suaviza los nodos.
        \nNota:<\/strong> la posici\u00f3n de la pupila y los reflejos permanecen al mismo lado en los dos ojos.<\/li>\n
      2. El volumen del cabello lo puedes conseguir a\u00f1adiendo luces y sombras: la parte en la que cae la luz de la fuente ser\u00e1 m\u00e1s luminosa, y la que queda detr\u00e1s de la melena de la chica, m\u00e1s oscura. A\u00f1ade estos elementos con la herramienta Bezier (Shift + F6) .<\/li>\n
      3. A los labios se les puede a\u00f1adir peque\u00f1os objetos que definan contorno. Despu\u00e9s suaviza los nodos, ll\u00e9nalos de un color m\u00e1s claro e incorpora brillos blancos (c\u00edrculo y elipse ).<\/li>\n
      4. Simula la sombra del pelo en la cabeza y las sombras de los brazos\/cuello en la chaqueta\/camisa con la herramienta Bezier (Shift + F6) .<\/li>\n<\/ol>\n

        Aplica sombras, reflejos y los detalles finales<\/h4>\n\n\n\n\n
        Chico<\/strong><\/td>\nChica<\/strong><\/td>\n<\/tr>\n
        \"chico4\"<\/a><\/td>\n\"chica4\"<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

         <\/p>\n

        NOTAS PARA COMPLETAR LA PR\u00c1CTICA:<\/strong> <\/em><\/h4>\n