Notación Hexadecimal o Color HTML

Los colores en HTML son usados geralmente para paginas web y estan construidos por una combinación de tres colores básicos: rojo, verde y azul o RGB. Cada uno de estos colores toma un valor entre 0 y 255 y son representados en notación hexadecimal (00 a FF). De esta forma, un color está compuesto por seis caracteres donde los dos primeros representan el valor para el rojo, los dos segundos representan el valor para el verde y los dos terceros representan el valor para el azul (por ejemplo, el rojo tiene FF para el valor rojo y 00 para el resto: "FF0000").
Al mezclar estos colores se mezclan los colores, de modo que puedes hacer un amarillo mezclando el rojo y el verde (por ejemplo, "FFFF00"), violeta mezclando el rojo y el azul (por ejemplo, "FF00FF") o cyan mezclando verde y azul (por ejemplo, "00FFFF"). Esto funciona exactamente como la paleta de un pintor.
El tono del color también puede ser variado incrementando (por ejemplo, violeta claro "FF66FF") o decrementando (por ejemplo, violeta oscuro "AA00AA") los tres valores proporcionalmente.

Bibliografia:

http://www.htmlquick.com/es/reference/color-codes.html

Sistemas de Color

HSB


En 1905 Alber H. Münsell formuló un sistema de ordenación del color basado en la percepción humana. Münsell identificó tres atributos: Matriz, Saturación, Brillo.


Un color queda definido por sus valores de tono, brillo y saturación. Cualquier color se puede identificar con los valores de estas tres variables. El negro se obtiene cuando no hay brillo (ausencia de luz).  Los grises se obtienen cuando la saturación es baja (mezcla o interferencia luminosa alta).  De los grises el blanco es el más brillante (máxima frecuencia de ondas de distintas longitudes).
Este modelo de representación del color se conoce como HSB (Hue, Saturation, Bright).









HSL


En 1978 Tektronix desarrolló a partir del modelo HSB, el modelo HLS (Hue, Light, Saturation):

En el modelo HLS la saturación no varía hacia el blanco sino hacia el gris y el atributo de Brillo se sustituye por el de Luminosidad.
Este modelo de color es muy útil para obtener sobretodo colores pasteles y ocres.
Los modelos HLS y HSB se conocen como modelos perceptivos de color por tomar sus atributos de la observación del funcionamiento de la percepción humana de la luz.







Bibliografia:


http://www.logo-arte.com/blog-5.htm

Teoria del color

El color es una percepción visual que se genera en el cerebro al interpretar las señales nerviosas que le envían los fotorreceptores de la retina del ojo y que a su vez interpretan y distinguen las distintas longitudes de onda que captan de la parte visible del espectro electromagnético. Hay distintas formas de obtener la sensación de color:


- Síntesis sustractiva:

Cuando nos referimos a la síntesis sustractiva del color, nos referimos al color como pigmentos, como pintura. Los pigmentos no emiten luz sino que sustraen (absorven) parte de las radiaciones de la luz. Dependiendo que radiación de luz absorvan los veremos de uno u otro color. Como cada pigmento quita parte de la luz cuantos más pigmentos mezclemos más oscuro será el color que obtendremos.

Los colores primarios en la síntesis sustractiva son el magenta, el amarillo y el azul cían.

- Síntesis Aditiva:

Al hablar de la síntesis aditiva del color debemos de hablar del color-luz, es decir del color como radiación de luz. En este caso los colores primarios (con los que podemos formar los demás) son el rojo, el verde y el azul.

Hay que darse cuenta que al mezclar luces de color, los colores resultantes de la mezcla van a ser siempre más luminosos que los originales.

Podemos ver un ejemplo muy claro en la pantalla de los televisores o en los monitores. Si miramos con una lupa veremos que la pantalla está formada por multitud de celdillas. Cada una de ellas con tres bandas verticales de colores rojo, verde y azul. Podremos comprobar como cada una de las bandas está más o menos iluminada dependiendo del color de la zona de la pantalla. 

Bibliografia:

http://www.educacionplastica.net/ColAdi.htm

http://www.educacionplastica.net/ColSus.htm

Historia de Adobe Photoshop

Adobe PhotoShop inicio su historia en 1987, donde su creador para lograr hacer un trabajo de la univercidad creo desce cero el programa, en este año PhotoShop solo fue compatible con Mac OS y se llamava Display, despues en el año 1988 cambio su nombre a ImagePro, finalmente en el año 1989 tomo su nombre definitivo como PhotoShop; desafortunadamente la historia de PhotoShop no tiene tantos hechos importantes como Illustrator.

Verciones:

Bibliografia:

http://redblogs.org/historia-de-photoshop/

Historia de Adobe Illustrator

El famoso Adobe Illustrator, que es preferido por muchos diseñadores graficos y aficionados al manejo de vectores, tambien tiene una historia que todos deverian saber antes de usar este famoso programa.

La historia comiensa en los años 80 donde su primer producto llamado "Adobe Illustrator v1.0" el cual no era muy confiable ya que era bastante nuevo y no tenia mucho reconocimiento ademas solo habia un tipo de impresora capas de imprimir las imagenes creadas en este programa, esta era la "Laser Whiter de Apple" que esta era bastante cara por que tambien era muy nueva y como epodemos ver era solo compatible con Mac al igual que su segunda vercion llamada "Adobe Illustrator 88" la cual agregaron algunas funciones mas a este programa.

En su segunda vercion en los años 90 comenso el desarrollo de la vercion para windows intentando detener un poco a uno de sus mas grandes competidores como lo son CorelDRAW el cual fue creado directamente para windows, esta vercion fue la 4.0 para windows junto con la vercion 5.0 para Mac los cuales poseian la edicion previsualisada.

En sus siguientes verciones aumento drastricamente la cantidad de mejoras y herramientas que se le agragaron a Illustrator como son: el degradado, bote de pintura, filtros de pixel para photoshop, malla de degradado, transparencias, soporte para formato PDF, buscatrazos, varita mágica, entre otras.

En sus ultimas verciones que estan en el "Creative Suite o CS" (desde CS-CS5) se encuentran algunas nuevas herramientas como: crear efectos 3D, soporte para Adobe Bridge y Adobe PhotoShop, Integracion con Flash, herramientas de dinujo en perspectiva.

Linea del Tiempo:

1987: Adobe Illustrator 1.0 (Mac OS)
1988: Adobe Illustrator 88 (Mac 88)
1989: Adobe Illustrator 2.0 (Windows)
1990: Adobe Illustrator 3 (Mac OS)
1992: Adobe Illustrator 4 (Windows)
1993: Adobe Illustrator 5 (Mac OS)
1995: Adobe Illustrator 4.1 (Windows)
1996: Adobe Illustrator 6 (Mac OS)
1997: Adobe Illustrator 7 (Mac/Windows)
1998: Adobe Illustrator 8 (Mac/Windows)
2000: Adobe Illustrator 9 (Mac/Windows)
2001: Adobe Illustrator 10 (Mac/Windows)
2003: Adobe Illustrator CS (11) (Mac/windows)
2005: Adobe Illustrator CS2 (12, 12.0.1) (Mac/Windows)
2007: Adobe Illustrator CS3 (13) (Mac/Windows)
2008: Adobe Illustrator CS4 (14) (Mac/Windows)
2010: Adobe Illustrator CS5 (15, 15.0.1) (Mac/Windows)

Datos Curiosos:

- Adobe Illustrator para enfatizar la idea de ser capaz de producir, editar y guardar las lineas curvas y  fluidas, Adobe decidio adoptar a Venus de Botticelli de "El nacimiento de Venus" como imegen comercial; ademas a esta se le ivan agregando detalles a la imagen para destacar las caracteristicas y mejoras de cada vercion.

- En la vercion CS se elimino a Venus de la cara de Illustrator y se rediseño su imagen girando en el tema de la naturaleza

- En la vercion CS3 se volvio a rediseñar la imagen del producto, en este caso se le dio un color a cada programa dentro del Creative Suite (PhotoShop, Bridge, Flash, etc) y al Illustrator se le dio el color naranja para ser identificado.

Imagenes de las verciones de Adobe Illustrator
  

 

Bibliografia:

http://anibaldesigns.com/2010/10/22/la-historia-de-adobe-illustrator/ 

http://artegami.com/historia-de-adobe-illustrator/

http://es.wikipedia.org/wiki/Adobe_Illustrator

http://www.slideshare.net/disseny2d1/adobe-illustrator-historia-y-desarrollo-texto

Extenciones de archivo

HTML: HyperText Markup Language / Lenguaje de Marcado de Hipertexto

PDF: Portable Document File / Formato de Documento Portable

TIFF: Tagged Image File Format / Formato de Archivo de Imagen

GIF: Graphics Intenterchange Format / Formato de Intercambio de Graficos

EXE: Executable / Ejecutable ( no necesia un programa especifico para ser ejecutado)

Avi: Audio video Interleave

MP3: MPEG-1 Audio Layer III

WMA: Windows Media Audio

PSD: Documento de Photoshop (solo es ejecutable con photoshop)

WEB 2.0

El término Web 2.0 (2004–actualidad) está comúnmente asociado con un fenómeno social, basado en la interacción que se logra a partir de diferentes aplicaciones en la web, que facilitan el compartir información, la interoperabilidad, el diseño centrado en el usuario o D.C.U. y la colaboración en la World Wide Web. Ejemplos de la Web 2.0 son las comunidades web, los servicios web, las aplicaciones Web, los servicios de red social, los servicios de alojamiento de videos, las wikis, blogs, mashups y folcsonomías. Un sitio Web 2.0 permite a sus usuarios interactuar con otros usuarios o cambiar contenido del sitio web, en contraste a sitios web no-interactivos donde los usuarios se limitan a la visualización pasiva de información que se les proporciona.

¿En qué nos sirve la Web 2.0?

El uso de el término de Web 2.0 está de moda, dándole mucho peso a una tendencia que ha estado presente desde hace algún tiempo. En Internet las especulaciones han sido causantes de grandes burbujas tecnológicas y han hecho fracasar a muchos proyectos.
Además, nuestros proyectos tienen que renovarse y evolucionar. El Web 2.0 no es precisamente una tecnología, sino es la actitud con la que debemos trabajar para desarrollar en Internet. Tal vez allí está la reflexión más importante del Web 2.0.
Yo ya estoy trabajando en renovar y mejorar algunos proyectos, no por que busque etiquetarlos con nuevas versiones, sino por que creo firmemente que la única constante debe ser el cambio, y en Internet, el cambio debe de estar presente más frecuentemente.



Bibliografia:
http://www.youtube.com/watch?v=KlLY3D--yw0
http://www.maestrosdelweb.com/editorial/web2/
http://es.wikipedia.org/wiki/Web_2.0