Gimp y Kompozer: Crear e integrar un mapa de imagen en una web

A veces necesitamos crear enlaces en zonas de una imagen y no queremos enredarnos a crear botones. Gimp permite seleccionar las zonas que actuarán como vínculos y nos permitirá editar todo lo necesario, como el destino de ese enlace, para poder obtener el código necesario para su perfecta integración en el diseño de nuestra página (que nosotros crearemos con Kompozer). Este proceso se denomina Mapa de imagen.

Es un recurso más que conviene tener en cuenta. Nada espectacular, eso sí, pero nunca se sabe cuándo puede ser útil.

Gimp: conclusiones sobre la capa “Fondo”

Al menos en un par de ocasiones en Gimp-Es he contestado a algún miembro respecto a determinados problemas relativos a la transaprencia en la capa Fondo que se genera al crear o al abrir una imagen. Siempre contestaba que si la capa Fondo aparece en negrita es porque no va a admitir transparencia y recomendaba duplicarla y eliminar la original desde el principio. Al menos ese era el consejo hasta la versión 2.4. Con la reciente 2.6 resulta que el duplicado (Copia de Fondo) también sale en negrita.

Si recortamos un rectángulo (Control X) de la capa Fondo o de Copia de Fondo aparecería blanco (casualmente-¿?- el color de fondo) en lugar de la esperada transparencia.

El camino más corto y lógico para que la capa sí admita la transparencia es Capa/Transparencia/Añadir canal alfa (o clic derecho sobre la miniatura de la capa y escoger la misma opción)

Si por algún motivo quisiéramos conservar la capa original con sus propiedades originales, un camino rápido para deshacerse de la “negrita” sería seleccionar Fondo y hacer Capa/New from Visible. Esto genera una capa igual a la anterior, llamada Visible, que ya no incluye la “negrita” y con la que sí podemos obtener la deseada transparencia:

Al abrir un PNG aparecerá la capa Fondo directamente sin la “negrita” debido a que este formato incluye en su información el canal alfa (algo que no le ocurre a JPG)

Creando un documento nuevo (Archivo/Nuevo) se genera también el problema anterior (Fondo en negrita). La solución volvería a ser Capa/Transparencia/Añadir canal alfa o, si queremos que la capa inicial sea completamnete transparente desde el principio en todos nuestros trabajos,  definirla así en Editar/Preferencias; lo hacemos en el apartado Imagen predeterminada en el cuadro Rellenar con (donde escogemos Transparencia). Con ese cambio la imagen nueva no aparece blanca sino con el típico ajedrezado de la transparencia.

P.D Puede encontrarme en Gimp-Es con el nick trestimil.

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 son. 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. 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 se hacen cosméticos y en la tienda se compran sueños)

Gimp: FrankGIMPsteins usando brochas prediseñadas

Los que siguen el Blog de Joaclint Istgud saben que imparto T.I.N.: Diseño Asistido por Ordenador en 2º de Bachillerato de Artes. Una de las actividades de “relax” que plantéo en el curso es la creación de “mounstruos” usando el filtro IWarp e incorporendo después brochas de grapas, puntos, sangre…

Ni que decir tiene que la actividad atrae a los alumnos por lo impactante del resultado en relación con el esfuerzo realizado. Por ejemplo, el ejercicio inverso, eliminar “defectos” de un retrato (granos, cicatrices…) suele gustarles pero no disfrutan tanto debido a que el método es mucho más sistemático y lento.

En este tutorial lo que voy a desarrollar es el proceso de trabajo que les explico a  los alumnos para que aprendan a incorporar brochas en sus proyectos y a integrarlas de la manera más armónica posible.

Gimp: Acerca de Filtros/Alfa a Logotipo/Neón

Hace un tiempo se planteó en el foro Gimp-Es una cuestión técnica (ver hilo; en Gimp-Es aparezco con el nick Trestimil ). Se trataba de encontrar un método más o menos aceptable que se aproximara a este efecto:

La cuestión técnica NO es relativa a la creación del gif animado sino al efecto de neón que presentan las figuras.

En el hilo mencionado propuse una solución no muy compleja pero que vuelvo a desarrollar aquí para que conste en El Blog de Joaclint Istgud ya que entiendo que el efecto merece la pena

Gimp: Modo Multiplicar para hacer tatuajes

En realidad este es un tutorial muy sencillo puesto que tan sólo se trata de encontrar una utilidad a un modo de fusión de capas muy concreto, el modo Multiplicar, aprovechando sus características.

Ver tutorial Gimp: Modo Multiplicar para hacer tatuajes

Inkscape y Gimp: Gifs animados de ruedas dentadas

Es muy posible que en un futuro muy próximo Inkscape permita hacer animaciones directamente en SVG pero mientras ese momento llega vamos a ver en este tutorial una posibilidad interesante para obtener gifs animados de las ruedas dentadas incorporadas en esta última versión de Inkscape, la 0.46; usaremos Gimp para la realización del gif animado con todos los frames.

Aquí se lo dejo en 80×80px por si le gusta este como avatar para algún foro:

Ver tutorial Inkscape y Gimp: gifs animados de ruedas dentadas.

Gimp: analizando el filtro Distorsiones/Distorsión de lente…

Algunas fotografías (sobre todo las que representan grandes objetos -arquitecturas, puentes…) suelen presentar una distorsión (aberración) en las líneas rectas producidas por las lentes y sus propiedades. Muchas veces eso sirve para embellecer la imagen haciendo hincapié en una estética determinada y se fuerza ese efecto, como puede ser en el caso de los gran-angulares y el llamado efecto de “ojo de pez“.

Otra de las características de una foto distorsionada por efecto de las lentes es el ennegrecimineto en las zonas de las esquinas.

Tanto para crear el efecto de gran-angular como para corregir sus efectos Gimp cuenta con un filtro implementado en la versión 2.4 al que se accede desde la línea de comandos Filtros/Distorsiones/Distorsión de lente… (se corresponde con un antiguo filtro externo llamado Wideangle Lens Correction creado por David Hodson)

Para comprender el filtro debemos entender que la imagen va a ser pegada sobre una esfera (bien sea en su parte externa o en su parte interna) Consta de seis parámetros de edición:

• Principal: hace referencia al radio de la circunferencia citada. Si dejamos el valor en cero la esfera sería de radio infinito; es decir, un plano. La distorsión por lo tanto será nula. Si dejamos el valor Principal a cero (y también Borde) y manipulamos Desplazamiento en X o Desplazamiento en Y no habrá cambio alguno.
• Borde: vuelve a aplicar el efecto pero en esta ocasión de fuera hacia adentro, causando distorsion en las zonas de los bordes de la imagen. Esto permite tener en una misma imagen con efecto convexo en los extremos y cóncavo en el centro o viceversa. Sería una doble aberración o capricho fotográfico.

• Ampliación: realiza un alejamiento o acercamiemto a la imagen. Esto significa que cuanto más la alejemos menor será la distorsión (tele-objetivo) y cuanto más la acerquemos más evidente se hará la deformación (gran-angular)
• Aclarar: aplica una máscara radial mediante la cual consigue un efecto de aclarado (valor negativo) u oscurecimiento (valor positivo) desde el centro a las esquinas. Hay que tener en cuenta que para que este parámetro tenga efecto uno de los valorer, Principal o Borde, debe ser distinto de cero. En el momento de aplicar este parámetro a veces se hace evidente un canal alfa por lo que yo siempre me aseguro de tener una capa en blanco debajo de aquella a la que le aplico el filtro.
• Desplazamiento en X y Desplazamiento en Y: mueven la imagen a lo largo de los ejes cartesianos para conseguir o corregir efectos de descentralización. Como ya se explicó antes, sólo funcionan si el valor de Principal o de Borde es distinto de cero.

NOTA: para el ejemplo siguiente voy a usar esta imagen que encontré en este hilo y que se adapta correctamente para explicar el filtro.

Es posible que con algo más de edición se pudiera eliminar ese efecto luminoso del centro pero el ejemplo muestra cómo el filtro a afectado considerablemente a las zonas oscuras de las esquinas.

Yo usé este filtro, no para corregir sino más de un modo creativo, en el siguiente logo que presenté como propuesta para el foro de Gimp-Es.

Gimp, MathMap y Droste v10: Escher aplicado a la informática

Hay otro lugares en los que se encuentran explicaciones de cómo hacer funcionar este filtro y conseguir hacer el famoso Efecto Droste. La finalidad de este tutorial es recoger toda la información, unificarla, y hacer que usted pueda comenzar a experimentar con el filtro MathMap respecto a este efecto que tarde o temprano se acaba relacionando con el gran dibujante Escher.
Toda la documemtación que se expone en este tutorial es relativa a GüindousXP usando la versión Gimp 2.4, el plugin MathMap1.2.2(.exe) y el código para el Efecto Droste en su versión v.10 que podemos disfrutar en español gracias a Roberto Robles.

Ver tutorial Gimp, MathMap y Droste v10: Escher aplicado a la informática

Gimp: Filtros/Distorsiones/IWarp… o Corporación Gimpestética

Uno de los filtros con más posibilidades para el retoque fotográfico es el de Deformación Interactiva. Permite distorsionar en tiempo real un mapa de bits. En Gimp se encuentra en Filtros/Distorsiones/IWarp… y ha sido considerablemente mejorado en cuanto a previsualización en la versión 2.4

Viene provisto de posibilidades de animación con las que se pueden conseguir efectos de morphing como el que acompaña a este post.

Es un divertido juguete con el que conseguir interesantes caricaturas pero en manos de Corporación Gimpestética es algo mucho más serio… Ya sabe que la publicidad fabrica cuerpos de ensueño, y no precisamente en el gimnasio. Si no lo cree, vea el tutorial que le presento en esta ocasión.

Ver tutorial Gimp: Filtros/Distorsiones/Iwarp… o Corporación Gimpestética