22 Dec 2011

Algunas aplicaciones recomendadas...

Hola a todos!

Dejo por acá, de acuerdo a lo conversado en clases, algunas aplicaciones destacadas aplicables en el campo del diseño (algunas no tanto). Muchas de ellas son gratuitas, otras muy accesibles:

Mypaint-2011-screenshots-concept_12

Almacenamiento online:

  • Dropbox - Con opciones para compartir archivos.
  • SugarSync - IDEM; además permite compartir carpetas con privelegios de uso y ofrece un poco más de espacio gratuito.

Diseño:

  • Inkscape - Diseño vectorial libre. :)
  • Scribus - Maquetación editorial Open Source
  • Gimp - Edición de imágenes gratis.
  • MyPaint - Herramienta gratuita para pintura digital. (Ver también)
  • ArtWeaver - Otra herramienta para el tratamiento de imágenes muy destacada. Interfaz muy similar a Photoshop.
  • IrfanView - Un visor muy efectivo. Gratuito para uso no comercial.
  • Blender - Diseño 3D de alto nivel, gratuito, open source.
  • Alchemy - Herramienta con posibilidades de trazos aleatorios, muy buena.
  • Project DogWaffle - Dibujo y pintura digital gratis, cuya versión se ha quedado un poco en el tiempo, pero muy interesante.
  • Harmony - Una joyita online para jugar un poco con sus herramientas.
  • ChibiPaint - Otra joyita, esta vez es una aplicación realizada en Java, con resultados interesantes.
  • ColorSchemer Studio - Permite generar gamas y esquemas cromáticos. No es gratuito, pero creo que debe estar aquí. Permite trabajar también con  http://www.colourlovers.com/

Diseño Web:

  • BlueGriffon - Editor gratuito para html, CSS y otros. Soporte para HTML5 y CSS3.
  • FileZilla - FTP gratuito.

Sonido:

  • Audacity - Edición de sonido gratis.

Oficina:

  • Libre Office - Similar a Open Office (versiones gratuitas similares a MS Office).
  • FreeMind - Graficación de mapas mentales, gratuito.
  • Evernote - Notas sincronizadas online, con una versión de cuenta gratuita.
  • CintaNotes - Notas de texto plano gratuito. No tiene sincronización online, pero es posible establecerla usando alguna opción de almacenamiento online.
  • KeePass - Almacenamiento de contraseñas con versión portable.
  • EssentialPIM - Organización de información personal con una versión gratuita.

Faltan muchos, así que queda abierto a quien tenga alguna aplicación más para compartir.

Felices Fiestas!

Plácido Luna.

http://www.octubre.com.uy

21 Dec 2011

UCR / GCR

UCR – GCR

Definiciones, similitudes y diferencias

  • UCR = Under Color Removal (eliminación de exceso de color).

  • GCR = Gray Color Replacement (reemplazo de componente gris).

Ambos métodos son utilizados para determinar el modo de generación de negro previo al proceso de separación de color.

Trama_cmyk

¿Por qué tinta negra en el espacio CMY?

La inclusión del componente negro durante los procesos de impresión a cuatro tintas, eventualmente usado durante la impresión offset, flexografía, serigrafía, u otras se justifica por varios motivos:

  • El comportamiento de las tintas CMY no es ideal, produciéndose procesos físico-químicos que alteran los resultados (cantidades iguales de cian, magenta y amarillo, que en condiciones ideales darían un gris neutro, no lo hacen, sino que generan un “marrón sucio”). El negro, además, permite imprimir de forma más consistente el color y mejorar la estabilidad del balance de grises durante la impresión.

  • Facilita y mejora los resultados de impresión en muchos casos (tipografías negra impresas en tamaño pequeño, líneas finas, etc.)

  • Adicionalmente, el uso de tinta negra ahorra permite disminuir las cantidades de tinta cian, magenta y amarilla, necesarias para reproducir ciertos tonos que contengan los tres colores primarios

  • Al utilizarse menos tinta se mejora el proceso de secado, acortando tiempos de producción, y evitando problemas de pegado y repinte, ampollado, etc.

UCR y GCR: Dos ejemplos posibles

UCR.

Al aplicar el la eliminación de exceso de color (UCR) para la separación de color, lo que se hace es tomar excedentes de tintas cian, magenta y amarilla, reemplazándola con tinta negra. Los valores sustituidos dependerán de las necesidades intrínsecas a cada proceso (tipo de papel, tiempos de secado, etc.).

Así, si suponemos valores iniciales de C90% - M80% - Y85% - K30%, luego de aplicar UCR, estos valores podrían cambiar a C42% - M28% - Y30% - K74% (el “podrían” es porque dependemos de la configuración pasada al método).

Así, se sustituyeron 48% de tinta cian, 52% de tinta magenta y 55% de amarilla a cambio de un incremento del 75% de tinta negra.

Aunque la suma de porcentajes sustituidos es mayor al porcentaje incrementado del negro, esto se debe a que la tinta negra aumenta más la densidad de lo que lo hacen los mismos porcentajes de cian, magenta y amarillo.

GCR

Imaginemos ahora el color compuesto por: C90% - M20% - Y100%. Nuevamente, y como ejemplo, las componentes anteriores pueden ser sustituidas por valores menores en sus componentes de CMY a cambio de un aumento de negro, obteniendo: C84% - M0% - Y94% - K20%.

Nuevamente, los valores anteriores dependerán de los parámetros pasados al método al momento de realizar la conversión; lo importante es entender que el 20% del canal original con menor valor fue sustituido por tinta negra y una modificación de los otros dos canales, a fin de aproximar el color a su densidad original.

Gcr_ucr

Diferencias y similitudes entre ambos métodos

Ambos métodos regula la generación de componentes CMYK a través del uso del negro, UCR suele usarse en colores cuya suma en los porcentajes de sus componentes es elevada (habitualmente valores superiores al 50 por ciento de cian), el GCR puede ser aplicado en la totalidad del rango tonal en la que sea posible identificar componentes de gris.

 

Plácido Luna

http://www.octubre.com.uy

19 Oct 2011

Algunos factores a considerar durante el diseño de un sitio web

Las siguientes son algunas observaciones genéricas obtenidas de revisiones de los procesos de diseño gráfico de sitios web en clases:

  • En general, es importante mantener un criterio uniforme en la generación de los elementos de las distintas páginas. Esto es: medidas de las imágenes, márgenes, tipografías, tamaños de fuentes, colores de textos, interlineados, espacios en blanco, etc.
  • Respecto al punto anterior, específicamente para el caso de las imágenes, mantener algunos tamaños específicos para todo el sitio nos permitirá "reutilizar" las mismas en cualquier sección del mismo sin que se afecten posibles distribuciones o márgenes entre elementos (galerías de imágenes, columnas o filas de fotos, etc.):
    Margenes
  • Al recortar o redimensionar imágenes, hay que tener en cuenta que FW puede "suavizar" los bordes de las mismas en algunos casos, cosa que habrá que tomar en cuenta, ya que puede darse que el tamaño visual no coincida con el tamaño en pixeles de la imagen. Ejemplo:
    Fundidos
    Además de los tamaños de imágenes, sucede lo mismo con otros elementos tales como publicidades y menús en Flash, titulares, cuerpos de textos, etc. Específicamente, para el caso de los textos, es importante mantener una coherencia visual en los mismos para mantener la atención del usuario en los contenidos y no en cambios del diseño.

Mantener constantes éstos y otros elementos, durante el diseño gráfico de un sitio, ayudará luego durante el proceso de maquetación mediante html y css.

Saludos para todos!

Plácido Luna.

11 Apr 2009

Diseño y Evolución de las Marcas...

Una recopilación en la cual podremos encontrar la evolución (y alguna involución a mi gusto) de lagunas marcas reconocidas:http://www.zappingdigital.cl/portada/2009/03/21/branding-construccion-y-evolucion-de-las-marcas/

Plácido Luna's Posterous

Diseño Web, Diseño Gráfico, Cursos y Talleres Gráficos Personalizados