diseño, software libre, software, gráficos, estilos gráficos, licencias

1. de
Gabriela Pérez Caviglia
DISEÑO
Hablemos

2. programas de gráficos digitales
Si bien los programas poseen ciertas funciones específicas, la
tendencia es que incorporen cada vez mas prestaciones, por lo cual
es difícil establecer una clasificación rigurosa…
Podríamos decir que existen 4 grandes grupos:
Programas de dibujo vectorial
Programas de dibujo, pintura y edición de fotografías basados en
pixeles.
Programas de armado de publicaciones
Programas varios y auxiliares

3. Veamos que algunos gráficos que se pueden crear
con estos programas:
diseño vectorial (revista VM)

4. Técnica mixta, fotografía + retoque pixelar
Gonzalo Trasotero (Estudiante UdelaR)
“Latinoamérica florece”
1er Premio concurso Afiche “Encuentro Latinoamericano de Diseño 2008”

5. Modelado 3D
AyaneMatrix
http://ayanematrix.deviantart.com/

6. programas vectoriales
mediante funciones matemáticas permiten trazar líneas rectas o curvas. Las líneas componen
figuras que el programa reconoce como objetos, a estos objetos es posible aplicarles diferentes
atributos: tipo y color de línea de perímetro, tipo y color de relleno, alineación,
posicionamiento en cuanto a la página y otros objetos, agruparlos etc.
Existen diferentes tipos de programas vectoriales, según su finalidad:
Diseño gráfico e ilustración
Programas CAD
Modelado 3D

7. diseño gráfico e ilustración
Se utilizan para crear ilustraciones, logotipos y dibujos de cualquier tipo. Con estos programas
producen afiches, etiquetas, folletos, material publicitario, promocional o técnico.
programas vectoriales
CURVAS BEZIER
Opciones de software más difundidas:
Privativos: Corel Draw e Illustrator
Opensource: Inkscape

8. Inkscape
http://ndop.deviantart.com/

9. Illustrator
http://photoshop-addict28.deviantart.com/

10. Corel Draw
Gabriela Pérez Caviglia

11. programas CAD
Los programas CAD (Diseño asistido por computadora) Cuentan con técnicas que permiten a
los diseñadores, arquitectos, técnicos, etc., utilizar en su trabajo herramientas informáticas
para acortar los tiempos necesarios en el diseño de productos.
Con estos programas es posible observar, en tiempo real, cómo afectan pequeños cambios a la
estructura global del objeto a diseñar. Se utilizan en la industria y en arquitectura para dibujar
planos.
El uso de estos programas no es muy intuitivo y en general requieren un período de
aprendizaje relativamente prolongado.
programas vectoriales
Opciones de software más difundidas:
Privativos: Autocad de Autodesk.
Opensource: CADEMIA, NttCAD, ARCHIMEDES, QCad

12. AutoCAD http://fc06.deviantart.com/

13. QCAD
http://www.3dfenix.com.ar/
http://ronja.twibright.com/

14. modelado 3D
Estos programas permiten crear objetos vectoriales que pueden manipularse como si tuvieran
volumen, se desplazan, rotan, acercan o alejan, se los puede iluminar, proyectar sombras y
pueden ser recubiertos de texturas.
Desde un punto de vista técnico, es un grupo de fórmulas matemáticas que describen un
"mundo" en tres dimensiones.
Desde un punto de vista visual, un modelo en 3D es un representación esquemática visible a
través de un conjunto de objetos, elementos y propiedades que, una vez procesados
(renderización), se convertirán en una imagen en 3D o una animación 3d.
programas vectoriales
Opciones de software más difundidas:
Privativos: 3D Studio Max, Lightwave y Maya.
Opensource: Blender

15. Blender Bertrand Benoit

16. 3DMax http://mecaenet.deviantart.com/

17. programas pixelares
Los programas orientados a mapas de píxeles definen las imágenes dividiendo una superficie
rectangular en pequeñas celdas cuadradas, llamadas píxeles, asignándole a cada uno un valor
de color. Cada píxel de una imagen de mapa de bits tiene una posición y un valor de color
determinados.
Llamamos resolución a la cantidad de píxeles por unidad de medida que tiene la imagen
(píxeles por cm o por pulgada). Este parámetro tiene una importancia fundamental: si es baja,
es decir que tiene pocos píxeles por pulgada o cm, al imprimirse, la imagen se verá pixelada,
sus píxeles serán visibles y la calidad será mala.
Existe una enorme cantidad de programas para manipular gráficos, desde algunos mas
elementales como hasta los completos y profesionales.
Cara no pixelada
más px por unidad
Cara pixelada
menos px por unidad
Opciones de software más difundidas:
Privativos: Adobe Photoshop, Corel Photopaint, Fireworks, Corel Painter.
Opensource: The Gimp

18. The Gimp http://www.deviantart.com/

19. Photoshop http://fc08.deviantart.com/

20. píxeles vs. vectores
Unidad mínima de las imágenes de mapas de bits.
Mapa de bits: matriz cartesiana de pixeles, con coordenadas verticales y
horizontales que determinan la posición de un píxel en la imagen.
Descripción geométrica (matemática) de una imagen.
Ejemplo: para describir todos los puntos del perímetro de un círculo sólo
es necesaria su fórmula.
Utilizados en software de captura, retoque o
composición de imágenes reales
Son utilizados generalmente en los programas de dibujo técnico, o
modelamiento tridimensional.
Un ejemplo ilustrativo de la diferencia entre imágenes de pixeles y de vectores es el siguiente: Hay dos maneras de enviar una torta de cumpleaños: Enviarla ya
cocinada en una caja (píxeles), o enviar la receta, de manera que el destinatario la pueda cocinar siguiendo los pasos contenidos en ella (vectores)
Los formatos de imágenes de pixeles no dependen tanto de la aplicación
con la que fueron creados. Casi todas las aplicaciones que procesan
imágenes pixeles pueden leer diversos formatos.
Los formatos de vectores están muy ligados al tipo de software que se
utiliza para crearlos o interpretarlos, y aunque existen maneras de
convertir de un formato a otro, siempre existe pérdida datos.
Generalmente, por almacenar cada punto de la imagen, ocupan mayor
espacio en memoria, y requieren un tiempo mayor de transferencia.
Almacenan en pocos bytes información compleja, de manera que se
transfieren rápidamente a través de las redes.
Tienen una resolución fija, determinada por la cantidad de pixeles que se
hayan almacenado en el archivo.
Son independientes de la resolución, es decir, con la descripción
geométrica almacenada se pueden generar imágenes de diversos tamaños

21. resolución de una imagen
Hace referencia a la cantidad de píxeles por unidad de longitud, es decir, los píxeles por pulgada. La
pulgada mide 2,54 cm.
La resolución define la cantidad de píxeles que contiene una imagen y la dimensión de estos píxeles
expresan de qué forma se reparten en el espacio.
Es la relación entre las dimensiones digitales (los píxeles) y las físicas, las que tendrá una vez impresa
sobre papel
Tamaño de impresión= Número de píxeles/ Resolución (PPI píxeles por pulgada)
Existen diferentes resoluciones depende del destino que le queramos
dar a la imagen
Se recomiendan las siguientes:
Imágenes para visualizar en pantalla ordenador o colgar en Internet 72
ppp
Imágenes para impresión de 150 ppp como mínimo, pero se aconseja
los 300 ppp, dan óptimos resultados

22. profundidad de una imagen
Si las coordenadas del píxel determinan su
posición en la imagen, la profundidad es la
cantidad de memoria requerida para
almacenar su color. Desde un punto de vista
técnico, es un grupo de fórmulas
matemáticas que describen un "mundo" en
tres dimensiones.
Esta "profundidad" sólo representa cantidad
de información, no posición espacial.
La unidad mínima de almacenamiento en la memoria de un computador es 1 bit, el cual puede
tomar solamente dos valores: 1 ó 0.
Esto quiere decir que para calcular la cantidad de colores que puede contener una imagen de
pixeles, debemos elevar el número 2 a la cantidad de bits utilizados para almacenar el color en un
píxel.

23. profundidad de una imagen

24. editores de publicaciones
Estos programas son especialmente creados para el armado de publicaciones: revistas, folletos,
libros. Estos programas permiten armar páginas integrando texto, títulos, ilustraciones y
fotografías. El texto puede ocupar una o mas columnas. Los programas cuentas con muchas
herramientas para producir resultados profesionales.
Opciones de software más difundidas:
Privativos: InDesing, QuarqXpress.
Opensource: Scribus.

25. programas auxiliares
Además de los tipos de software que vimos hasta ahora, existen muchos otros programas que
cumplen funciones especializadas o auxiliares. En algunos casos vienen como complemento de
los programas antes mencionados.
Administradores de gráficos
Administradores de tipografías
Trazadores

26. licencias Creative Commons
Comparte, reusa y remixa -legalmente.

27. licencias Creative Commons
Comparte, reusa y remixa -legalmente.
Cuando bajamos fotos o buscamos recursos gráficos, información académica, una serie de
licencias Creative Commons, cada una con diferentes configuraciones o principios, como el
derecho del autor original a dar libertad para citar su obra, reproducirla, crear obras derivadas,
ofrecerla públicamente y con diferentes restricciones como no permitir el uso comercial o
respetar la autoría original. etc., tenemos que fijarnos en la licencia de los mismos para saber si
se permite su uso y bajo que condiciones.
Las licencias Creative Commons o CC están inspiradas en la licencia GPL (General Public
License) de la Free Software Foundation, sin embargo no son un tipo de licenciamiento de
software. La idea principal es posibilitar un modelo legal ayudado por herramientas
informáticas para así facilitar la distribución y el uso de contenidos.
Creative Commons (en español: «bienes comunes creativos») cuenta con una serie de licencias
cada una con diferentes configuraciones o principios, como el derecho del autor original a dar
libertad para citar su obra, reproducirla, crear obras derivadas, ofrecerla públicamente y con
diferentes restricciones como no permitir el uso comercial o respetar la autoría original.

28. tipos de licencias

29. lo que se ve por ahí …

30. 1. Collage. Hazlo (im)perfecto
crear algo nuevo, uniendo piezas de cosas viejas
contrapunto a la los diseños limpios y de perfección geométrica que naturalmente se logran
con la computadora

31. 2. Ornamental
El diseño ornamental puede ser similar al collage, pero la esencia de la "flor de lis" y la
ornamentación del Art Nouveau separan a este estilo del resto.

32. 3. Glossy (brillante, reflectivo)
Es uno de los estilos más populares. Incluye degradados con tonos simil "joyas" que brillan.
Efectos reflectivos y botones estilo cristal son elementos de este estilo de diseño.

33. 4. Cuando las palabras se convierten en arte
Este movimiento esta inspirado en el mundo impreso, y es visto predominantemente en las
revistas electrónicas.
David Carson y Brody Neville han usado esta técnica abordando sus trabajos en el universo
tipográfico, otorgando a la tipografía niveles altamente expresivos.

34. 5. Futurismo
Fue uno de los primeros movimientos en la web, pero no es muy usado en estos días.
Contiene elementos de formas geométricas como pueden ser circuitos electrónicos, placas
madres y engranajes mecánicos. En esencia este movimiento esta asociado a la tecnología
y la visón que tenemos del futuro.

35. 6. Minimalismo. Cuando menos es más…
El minimalismo es una respuesta al abuso de las primeras páginas por los fondos recargados, gifs intermitentes y
textos coloridos cual arcoiris. El minimalismo es un termino acuñado por los círculos del arte y la literatura para
describir el movimiento que se remite a la simpleza de la forma y el color. El minimalismo enfocado en el diseño web
se centra en la usabilidad, y una estética que le permite al contenido ser "la estrella". Este tipo de diseño no tiene
porque ser aburrido, por lo contrario un uso apropiado del espacio en blanco le da al diseño un toque de sofisticación.

36. 7. Retro. Un toque del pasado
El diseño retro toma elementos del pasado, como por ejemplo la apariencia ilustrativa de los años 50, el flower power
de los 60, el disco de los 70 y hasta el pop art de los 80. Los principales corrientes de estilos y gráficos de esas
épocas estaban restringidas por las limitaciones de la tecnología. El Retro toma ventaja de los iconos que estas
limitaciones crearon. Un buen ejemplo es el viejo VW escarabajo si lo comparamos con el convertible del 2000.

37. Colectivamente el mundo cambia su forma de concebir lo visual a lo que es
considerado "in".
Este pensamiento colectivo esta en todo, desde los colores que usamos para
pintar nuestras paredes, hasta las formas de la moda que adornan nuestros
cuerpos.
Estos estilos de diseño no son los únicos movimientos visuales en la web,
muchos no han sido todavía definidos o siquiera descubiertos.
Estas corrientes pueden ser perfectamente como esa prenda clásica que tienes
en tu ropero (el vestido negro, la camisa blanca) - es usado por muchos porque
siempre funciona - pero con un poco de creatividad puedes darle tu toque.