Licencia
Creative Commons




El Blog de Joaclint Istgud Inkscape y Gimp: pestañas publicitarias




A estas alturas no debemos sorprendernos al comprobar que las pestañas publicitarias poco tienen que ver con las pestañas naturales. Una imagen debe cumplir con una serie de requisitos estéticos que puede decirse que "ya están escritos". Del mismo modo que las pieles publicitarias (piel de terciopelo, efecto playboy...) son fácilmente reconocibles por los espectadores, las pestañas y otros elementos también lo són. Una imagen publicitaria tiene una textura, color, tratamiento... que la distinguen inmediatamente de una foto "casera" sin manipulación posterior. En este tutorial vamos a tratar de sistematizar un método para crear pestañas y poder usarlas para nuestros retoques. Antes de nada y para ir entrando en el tema, unas imágenes de pestañas publicitarias, con más o menos retoque, pero todas "perfectas". Las pestañas publicitarias, como cualquier otro producto de consumo, no van a ser las pestañas "que puede tener" una mujer sino "las que le gustaría tener" (ya dijo Revlon que en la fábrica hacen cosméticos y en la tienda se compran sueños)



Lo primero, como siempre, es disponer de una imagen para retocar. Nosotros para esta práctica vamos a usar esta:
Necesitamos crear las líneas que después se convertirán en pestaña. Podríamos crearlas en Gimp directamente con las Rutas pero personalmente prefiero Inkscape para este tipo de trabajos por varios motivos:

  • Mayor versatilidad para editar las curvas.
  • Posibilidades de postedición como por ejemplo escalar con muchísima más facilidad; o mejor aún, deformarla según una curva.
  • Una alternativa que no existe en Gimp: la interpolación, que podrá ser usada en muchos casos.

Así que importamos (Archivo/Importar) la imagen en Inkscape y comenzamos a trabajar con la pestaña inferior. Lo primero es crear la curva/pestaña grande con la herramienta de Curvas de bézier y líneas rectas:
Para evitar problemas con la posterior interpolación vamos a crear la pestaña pequeña del lado contrario duplicando la primera y después haciendo los ajustes necesarios para obtener algo como esto:
No nos preocupamos de momento por la diferenecia en los grosores. Lo único que nos interesa de Inkscape son las curvas, no sus características (grosor, color...) para después exportarlas a Gimp como rutas (además en el momento de la interpolación ya haremos que todos los grosores sean iguales)
Seleccionamos los dos objetos (preferiblemente primero el pequeño y despues el grande para que los objetos resultantes de la interpolación salgan con el grosor fino) y hacemos la línea de comandos Efectos/Generar desde trayecto/Interpolar y en el cuadro de diálogo escojemos:
  • Exponete: 0. Es la mejor opción en este momento porque el ojo está de frente.
  • Pasos de interpolación: 50. Bueno, esto está claro que es orientativo. A mí en este caso me parece bastante apropiado.

El resultado inmediato no es muy satisfactorio debido a que las interpolaciones siempre son en línea recta.
Una vez eliminados los objetos originales y nos quedamos con el grupo de objetos que conforman la "pestaña" lo que debemos hacer es desagrupar (Objeto/Desagrupar) y ya que están seleccionados hacer con ellos una combinación (Trayecto/Combinar) Al hacer la combinación es posible que el objeto resultante se vaya detrás de la foto y de la sensación de desaparecer; en ese caso mandamos la foto al fondo con Objeto/Bajar al fondo. Aparentemente el resultado es el mismo pero no es así en realidad. Al estar combinados podremos hacer la siguiente edición. Se trata de Trayecto/Efectos de trayecto. Esto da lugar a un cuadro de diálogo en el que escogemos Torcer trayecto y pulsamos Aplicar.
De las opciones que se despliegan elegimos el icono correspondiente a edición de nodos. Esto hace aparecer sobre nuestro objeto un segmento recto con dos nodos editables. Podemos añadir más nodos haciendo doble clic y editarlos como si estuviéramos en una edición de trayecto normal. Adaptamos al contorno lo mejor que podamos en las raíces de los pelos (yo he ñadido dos nodos extras -por supuesto las uniones entre nodos deben ser curvas-)
Si hacemos clic sobre el objeto pasamos a un nuevo modo de edición que nos permitirá alterar los finales de los pelos. Es conveniente, en beneficio de la credibilidad, que descoloquemos una buena cantidad de ellos.
Así que ¡a editar!
La pestaña de arriba sigue un procedimiento similar sólo que en este caso vamos a hacer dos interpolaciones en lugar de una. El motivo está en el exceso de curvatura.

Para evitar problemas mayores lo mejor es asegurarse de que todas las curvas son independientes con Trayecto/Descombinar, tantas veces como sea necesario.

Vamos a preparar el documento para que en el momento de la importación desde Gimp no haya problemas. Lo primero es seleccionar la imagen y hacer la línea Archivo/Propiedades del documeto y en la pestaña Página pulsar en Ajustar la página a la selección.

Eliminamos el bitmap y guardamos nuestro trabajo en formato SVG


Es el momento de abrir Gimp (como mínimo la versión 2.6 debido a que la utilidad que vamos a usar no aparece hasta esta versión) y:

  • Abrimos (Archivo/Abrir) el SVG  creado en Inkscape.


Esto crea una capa nueva con los trazos negros de las curvas pero no nos interesan (bueno, podíamos haber guardado en inkscape las curvas sin color, pero no lo hicimos. Es más útil, porque se ve mejor, eliminar la nueva capa y crear otra vacía)
La capa eliminada no incluía nada de lo que nos interesaba porque la información realmente útil se encuentra en la pestaña de las rutas, donde están las curvas creadas en formato vectorial.

Ahora:
  • Añadimos (Archivo/Abrir como capa) el bitmap que ha sido la base de nuestro trabajo desde el principio
  • Añadimos una capa transparente (Capa/Añadir capa)

Vamos a preparar la brocha para darle a los trazos de los pelos una apariencia lo más real posible acabando en punta.

  • Seleccionamos una brocha de contornos difusos MUY pequeña (recuerde que son pelos) y de color negro
  • En las opciones de herramienta seleccione, según el cuadro siguiente, Dinámica del pincel, Presión, Tamaño

Una vez definidas estas características nos aseguramos de tener seleccionada la capa transparente y después la ruta de las curvas con los pelos. Haciendo clic sobre la ruta con el botón derecho del ratón selecionamos Trazar ruta. Esto nos desplegará un cuadro donde seleccionamos, según el cuadro siguiente:

  • Trazar utilizando una herramienta de pintura
  • Pincel
  • Emular la dinámica del pincel

El resultado:
La combinación de los pelos natuares con los artificiales favorece en cierta medida el resultado añadiendo credibilidad a la imagen pero tanta intensidad no es recomendable. Simplemente con disminuir un poco la Opcacidad de la capa de las pestañas el resultado es muy posible que mejore.

Los retoques que quedan por delante en esta imagen ya no conciernen tanto al asunto de la pestaña artificial. Por ejemplo algunos de los pelos naturales conviene eliminarlos con la herramienta Clonar y unas mejoras en brillo y contraste una vez que las capas se han combinado (pero todos eso excede este tutorial)
Para conocer más tutoriales visite
El Blog de Joaclint Istgud



Y hasta aquí el tutorial. Si considera que está incompleto, que tiene errores o quiere aportar alguna mejora, deje su sugerencia aquí

Joaclint Istgud con Inkscape 0.46 y Gimp 2.6