Ilustración*

Ilustración (v.Latin, lat. illustrare), (de ilustrar) sust. Estampa, grabado o dibujo que adorna o documenta un libro. Componente gráfico que complementa o realza un texto.

Las ilustraciones son imágenes asociadas con palabras. Esto significa que podemos producir imágenes que llevan un mensaje. Un aspecto importante de la ilustración es el uso de diseños bidimensionales.

Isotype: (International System of TYpographic Picture Education) es un método de mostrar las conexiones sociales, tecnológicas, biológicas e históricas en forma pictórica. Al principio fue conocido como el Método de Viena de Estadísticas pictóricas (Wiener Methode der Bildstatistik), debido a haber sido desarrollado en el Museo Social y Económico de Vienna entre 1925 y 1934. El director que fundó este museo, Otto Neurath, fue el iniciador y principal teórico del Método de Viena.

“La educación visual” siempre fue el motivo principal detrás de Isotipo, que fue elaborado en exposiciones y libros diseñados para informar a los ciudadanos ordinarios (incluyendo los escolares) sobre su lugar en el mundo. Nunca fue la intención de sustituir el lenguaje verbal; fue siempre un “lenguaje de ayuda” acompañado de elementos verbales. Otto Neurath se dio cuenta de que nunca podría ser un idioma completamente desarrollado, así que en su lugar lo llamó “técnica como lenguaje”.

Tipos de proyecciones

  • Proyectar significa tomar un objeto tridimensional y representarlo en un plano 2D (es decir, una pantalla/papel). Hay varias maneras de lograr esto, y cada técnica tiene unos resultados diferentes.
  • Proyección Ortogonales: La dirección de proyección es perpendicular al plano de proyección. La proyección ortográfica se basa en la falta de perspectiva y una relación consistente entre sus ejes. Lo que esto significa es, básicamente, que las cosas no retroceden (es decir, se hacen más pequeños) a medida que se acercan al horizonte porque, bueno, no hay horizonte real. Un sistema modular que permite la creación de imágenes y su posterior
  • Perspectiva Diédrica (The side, top-down, and bird’s eye Orthographic views).
  • Alzado o perfil (The side)
  • Arriba-abajo (Top-down)
  • Planta (Bird´s eye)
  • Perspectiva Axonométrica: La perspectiva Axonométrica es un sistema de representación gráfico de objetos en 3 dimensiones en el espacio, sobre un plano en 2 dimensiones.
    La escala del objeto representado no depende de su distancia al observador como si, por ejemplo, el observador estuviera en el infinito.
    Dos líneas paralelas en la realidad son también paralelas en su proyección, es decir, en su representación Axonométrica.
  • Isométrica: Dada la complejidad para trabajar con tantos coeficientes de reducción diferentes, la perspectiva Axonométrica más utilizada es la Isométrica, ya que en ella los tres ángulos formados por los ejes son iguales (120º) y, por tanto, sus coeficientes de reducción también. Los ejes inclinados formando un ángulo de 30° con la horizontal. En pixel art esto no produciría un buen resultado ya que los píxeles en estas líneas no siguen una sucesión regular.
  • Dimétrica: Donde dos ángulos forman diversos ángulos iguales con el plano de proyección y el tercer ángulo es mayor o menor que los otros dos. Esta perspectiva también es llamada Isométrica 2:1 por su proximidad a esta, aunque técnicamente se trata de una perspectiva Dimétrica porque no son todos sus ángulos iguales. La ventaja de la creación de ilustraciones de este modo reside en que, además de ofrecer una mayor área de dibujo en cada cara del cubo, mantiene una relación 2:1 que permite mejores organizaciones horizontales y verticales (esta característica es muy útil cuando las ilustraciones son creadas para juegos de ordenador). Los ejes inclinados forman un ángulo de 26,565 grados (arcotangente de 0,5).
  • Los coeficientes de reducción utilizados son 1:75 para interiores y de 1:225 para exteriores. De todos modos, los elementos pequeños cuando se exportan se pueden hacer más grandes aumentando los ppp desde 72ppp hasta valores que doblen o tripliquen este. Al tratarse de dibujos vectoriales no se perderá calidad y se podrán apreciar mejor los detalles.Ampliaciones mayores o inferiores a tres veces el diseño original influirían en la calidad final de la ilustración.Una web que parece interesante para ampliar información es: draftingmanuals.tpub.com

    Géneros

    • CONCEPTUAL
    • NARRATIVA
    • DECORATIVA
    • CÓMIC
    • HUMOR GRÁFICO
    • INFANTIL
    • PORTADAS
    • PUBLICITARIA
    • DE MODA
    • TÉCNICA

    Medios

    • PLUMA Y TINTA
    • LÁPIZ Y CARBONCILLO
    • LÁPICES DE COLORES
    • PASTEL
    • GOAUCHE
    • ACRÍLICO Y ÓLEO
    • COLLAGE
    • DIGITAL

    Usos

    • ILUSTRACIÓN LITERARIA
      (caricaturas o dibujos para libros infantiles)
    • ILUSTRACIÓN PUBLICITARIA
      (presente en envases, productos, folletos instructivos y/o carteles)
    • ILUSTRACIÓN CIENTÍFICA
      (generalmente son grabados de anatomía o ingeniería que reproducen imágenes de modo realista)
    • ILUSTRACIÓN EDITORIAL O INFOGRAFÍA
      (utilizada en medios de comunicación impresos así como también en páginas web).

    Formato

    • Mapa de bits o ráster (Photoshop – Paint – Gimp)
      Se forman a partir de puntos (píxeles) dispuestos en un rectángulo o tabla, que se denomina ráster. Cada píxel contiene la información del color, la cual puede o no contener transparencia, y esta se consigue combinando el rojo, el verde y el azul. De acuerdo a la cantidad de píxeles incluida en el mapa de bits, queda determinada la resolución de la imagen. En una imagen en mapa de bits no se pueden cambiar sus dimensiones sin que la pérdida de calidad sea notoria.
    • Imagen vectorial (Illustrator – Corel Draw – AutoCad – Inkscape).
      Mantiene siempre la capacidad de ser editable. Cada uno de los objetos de un dibujo está definido por distintos atributos matemáticos de forma, de posición, de color, etc. Este tipo de imagen puede ser redimensionada tanto como se requiera sin exponerse a ninguna pérdida.

    Tipos de Mapas de bits

    • JPG (o JPEG): Formato para fotos o ilustraciones complicadas. Contiene millones de colores. La compresión de la imagen se hace con una pérdida de calidad que va desde 0% a 99%. Cada vez que se guarda, se vuelve a aplicar la compresión. Además puede llevar metadatos.
    • PNG: Formato para todo tipo de imágenes. Ademas permite transparencia. Existe en 8 bits (256 colores) y en 24 bits (millones de colores, pero sin compresión).
    • GIF : Formato para los dibujos e imágenes simples, con pocos matices. Puede tener 256 colores o menos. Si tiene más de 256 colores, al transformarla en el formato GIF sólo va a retener 256 de ellos. Gestiona la transparencia (pero no transparencia parcial) y las animaciones. Formato muy ligero.
    • PSD: Formato nativo de Photoshop. Guarda el archivo original con sus capas y los ajustes a cada imagen.

    Tipos de Imagen vectorial

    • SVG: Formato diseñado para la web. Formato muy ligero.
    • EPS: Formato diseñado para imprimir. Aunque es un poco antiguo sigue utilizándose comúnmente.
    • DWG: Formato diseñado para programas de Cad (construcción).
    • AI: Formato nativo de lllustrator.

    Gestión del Color

    • RGB: Sistema de color para la web. Mucho más ligero.
    • CMYK: Sistema de color para impresión.