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

11 Dec 2011

Diseño Editorial: Definición y algunos componentes básicos.

Post publicado como parte del material complementario a los apuntes de clases:

Definición:

Se denomina "Diseño Editorial" a la rama del diseño dedicada a la maquetación y composición de publicaciones tales como revistas, libros, diarios y otros periódicos. (Basado en definición de Wikipedia).

Algunos elementos usados en el diseño editorial:

Retícula

 Consiste en una estructura generada previamente a la edición misma del producto editorial (normalmente, una subdivisión del espacio en áreas menores), con la finalidad de ordenar y jerarquizar los elementos que se incluirán en la publicación. De esta manera logramos que el lector encuentre el material en el lugar esperado (estructura visual) y que el diseñador tenga predefinidos los espacios de trabajo.

La retícula es modificable cada vez que no se adapte al contenido de alguna página o seción en particular.

Estilos y Plantillas

De forma previa, posterior o simultánea al diseño de la retícula es necesario definir los estilos a utilizar en una publicación. Normalmente un producto editorial se diseña en base a un patrón único que permita transmitir una sensación de coherencia y unidad, teniendo en cuenta elementos tales como:

  1. Número y dimensiones de las columnas .
  2. Tamaño del medianil (distancia entre columnas).
  3. Familias, tamaños e interlineados de la tipografías.
  4. Uso de colores y elementos gráficos.

El conjunto de estilos, conjuntamente con la grilla nos permitirá definir la plantilla, la cual nos permitirá luego insertar el contenido de la  publicación

Yendo al contenido habitual de todo trabajo editorial, nos encontramos imágenes (gráficos, fotografías, dibujos, elementos estructurales, etc.) y textos, siendo posible clasificar estos últimos por su función: titulos, subtítulos, bloques de texto, pies de fotos, slogan, artículos, etc.

Volanta

En el diseño periodístico es la frase que suele preceder al título y amplía o contextualiza la nota central.

Título

Texto usado principal usado para encabezar un capítulo, nota, etc. Normalmente se utiliza para destacar, sintetizar e introducir al resto del contenido.

Copete

Usado en las publicaciones periodísticas se suele ubicar debajo del título y brinda un breve avance del texto central.

Epígrafe o Pie de Foto

Da información, habitualmente concisa, sobre la fotografía u otro elemento gráfico.

Diseditperiodicos

Elementos estructurales

Espacios en blanco

Es uno de los elemenos fundamentales en todo trabajo gráfico. Tienen una impootancia fundamental ya que son el soporte para todo el contenido, ordenándolo, desacándolo, y generan un descanso visual durante la lectura ya que ayudan además a equilibrar la
composición.

Estos y otros temas serán ampliados en un próximo post.

Plácido Luna.
http://www.octubre.com.uy

4 Dec 2011

Plantillas en DW: Una secuencia posible.

Dejo por acá un material breve, generado para los cursos de Diseño Web, especialmente para el módulo de Dreamweaver.

Plantillasdw
Plácido Luna
http://www.octubre.com.uy

3 Nov 2011

Animación uruguaya...

El link al sitio web oficial: http://www.selkirklapelicula.com/

Saludos!

Plácido Luna.

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.

8 Oct 2011

América Latina no produce conocimiento...

La directora de la Maestría en Educación de la Universidad de San Andrés e investigadora del Conicet, Silvina Gvirtz, afirmó que "es verdad que América latina no está produciendo conocimiento"...  "Nosotros no tenemos profesores full time, entonces muchos se dedican a la enseñanza y pocos a la investigación... Hoy hay muchas universidades que son sólo enseñaderos. Tener profesores full time es muy caro y la investigación no tiene repercusiones inmediatas. No requiere sólo políticas y financiamiento por parte del estado sino también una decisión por parte de las universidades, en su criterio de qué priorizar y en qué invertir sus recursos", detalló... [Artículo original completo]

Link recomendado: http://www.webometrics.info/to​p200_latinamerica.asp

Saludos!
Plácido Luna.
http://www.octubre.com.uy

4 Oct 2011

Esculturas en alambre...

Gavinworth00-550x434
Una forma de pasar del diseño 2D a la escultura 3D que a su vez me insinúa nuevamente al 2D, de forma cambiante... muy creativo!

http://www.fubiz.net/2011/09/26/wire-sculpture/

 

28 Sep 2011

Corporate Identity Portal

2 Sep 2011

Aquelarre Expuso (Agosto de 2011)

Foto3343

(download)
Más información en: http://www.aquelarrefotografias.com

29 Aug 2011

Ofertas molestas...

A pesar de que no he tenido que postularme, propuestas como estas, en las que se especifican requerimientos y horarios, pero no salarios, me resultan cada vez más molestas. Es un tema personal y sé que a más de uno le pueden servir, pero... http://amplify.com/u/a1c44t
9 Aug 2011

Uso de la tecnología online en el estudio

Valores que, en primera instancia, parecen aproximarse a la realidad. En todo caso, un buena buena herramienta para comenzar a investigar el tema. Saludos! Plácido Luna http://www.octubre.com.uy http://amplify.com/u/a1agso
1 Aug 2011

Desarrollo Web

Buenos y variados artículos web. http://amplify.com/u/a1a30k
29 Jul 2011

Infografía interactiva sobre Internet

Recomendada! #descatadosOD http://amplify.com/u/a19wpb
28 Jun 2011

Nueva página con sitios recomendados.

Solamente sitios destacados, por su calidad de contenido o diseño, en la nueva página con sitios de arte, diseño, ilustración y otras disciplinas relacionadas en: http://octubredigital.posterous.com/pages/sitios-recomendados

Plácido Luna's Posterous

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