viernes, 15 de diciembre de 2017
martes, 12 de diciembre de 2017
domingo, 10 de diciembre de 2017
sábado, 9 de diciembre de 2017
jueves, 7 de diciembre de 2017
Combinaciones Posibles de Colores
Combinaciones Posibles de Colores
Las combinaciones de colores exitosas siguen a ciertas gamas, las cuales están pasadas en la posición de esos colores en la rueda. Por ejemplo:
Colores Complementarios: Esta fórmula toma a dos colores que están posicionados de manera exactamente opuesta en la rueda. Los colores opuestos, al estar juntos, resaltan más.
Para crear una gama de colores así, puedes añadir un color neutral al dúo complementario. Los colores neutrales son los que no se ven en una rueda estándar, como el beige, marrones claros, grises claros, blanco y negro.
Analogía de Colores: En esta fórmula se usan tres colores adyacentes en la rueda, como el naranja, amarillo-naranja y amarillo, o violeta, violeta-azul y azul. Este tipo de colores siempre funcionan bien por su proximidad.
Tríada de Colores: ¿Estás listo para usar la geometría? La tríada de colores logra que tres colores cualquieras en la rueda que estén a la misma distancia uno del otro, formando un triángulo perfecto.
Las combinaciones pueden ser: amarillo-verde, naranja-rojo y violeta-azul ¿Otro ejemplo? Amarillo-naranja, rojo-violeta y azul-verde. Lograrás una combinación vibrante, así que querrás crear un balance en cual uno de los colores sea el dominante y los otros dos estén de soporte.
Combinación Complementaria Dividida: Con esta fórmula comenzarás eligiendo un color y añadiendo los dos colores que se encuentran al lado de sus complementarios (creando un triángulo isósceles).
Algunas de las posibles combinaciones son: rojo, amarillo-verde y azul-verde. Otra opción es violeta, amarillo-naranja y amarillo-verde. Esta combinación ofrece un contraste muy delicado, que es más suave que el complementario.
Color Tetrádico: Formarás una fama de colores de acuerdo a dos pares de colores complementarios, logrando armar un rectángulo sobre la rueda.
Podrías combinar colores como amarillo-naranja, amarillo-verde, azul-violeta y violeta-rojo.
Gama Monocromática: Como el nombre dice, esta goma utiliza diferentes tonos del mismo color. Puedes usar un espectro grande que incluya los tonos más oscuros, hasta los más claros de ese color, o enfocarte simplemente en algunos colores del área más cálida o fría.
Esta fórmula ayuda a conseguir un impacto visual limpio y minimalista.
Gama Acromática: El clásico blanco y negro. Estos colores pueden estar acompañados por gris, pero no siendo un color determinante.
Teoría del Color
El color es una sensación producida por el reflejo de la luz en la materia y transmitida por el ojo al cerebro. La materia capta las longitudes de onda que componen la luz excepto las que corresponden al color que observamos y que son reflejadas.
La luz blanca se puede producir combinando el rojo, el verde y el azul, mientras que combinando pigmentos cian, magenta y amarillo se produce el color neutro.
Los colores se clasifican en primarios, secundarios y terciarios.
Los colores primarios son aquellos establecidos científicamente como los originantes de las combinaciones cromáticas más extensas y satisfactorias. Estos son: amarillo, azul y rojo.
Los colores secundarios se obtienen mezclando los primarios entre si en la misma proporción. Son el violeta, naranja y verde.
Finalmente los colores terciarios son el rojo violáceo, rojo anaranjado, amarillo anaranjado, amarillo verdoso, azul verdoso y azul violáceo.
Las cualidades del color son: tono (nombre especifico), valor (grado de brillantez o luminosidad) y saturación (grado de pureza).
Los colores también despiertan respuestas emocionales específicas en las personas. La gama cromática fría a la que pertenece el azul y sus derivados son relajantes, tranquilizantes, expresan soledad y lejanía.
Por otro lado la gama cálida a la que pertenecen el amarillo, el rojo y sus derivados son colores excitantes, expresan dinamismos, proximidad, fuerza, alegría y evocan al fuego y al sol.
Hay que tener cuidado porque cuando elegimos un color, sin saberlo, estamos cargando de significados.
miércoles, 29 de noviembre de 2017
martes, 28 de noviembre de 2017
Vídeo Manejo de Mascaras en Photoshop
Muñek Herramienta Pluma Illustrator
Mustang es una marca con origen en el diseño, fabricación y comercialización de calzado, fundada en España en 1967. Hay muchos factores que contribuyen a convertir una marca en un líder único y hacer un gran éxito de la misma. Mustang, por sus propios méritos, es una marca líder, global y reconocida entre su grupo objetivo. Gracias al esfuerzo y el trabajado realizado durante todos estos años, hemos conseguido que nuestros clientes asocien Mustang y sus diseños con las tendencias más punteras de la moda. Como resultado de nuestra experiencia, nos hemos convertido en una marca líder que ha demostrado su excelencia en el campo de la moda y es reconocida en todo el mundo gracias a la calidad de nuestros productos. Buscamos crear lo que llamamos el “total look” y traer un valor inigualable a nuestro cliente, nuestra principal prioridad. Mustang es una empresa innovadora y dinámica, también dedicada a la promoción de la música, el arte y el diseño. Es por eso que nos comprometemos a desarrollar diferentes iniciativas culturales con artistas de diversos campos.
viernes, 24 de noviembre de 2017
jueves, 16 de noviembre de 2017
Mándala en Illustrator
La palabra “mándala” proviene de la India del sánscrito. Traducida significa “círculo“, pero el significado del mándala va mucho mas allá de un concepto geométrico. Representa totalidad, estructura, centro, unidad, equilibrio, búsqueda de paz, es una relación de hábitos que te pueden conducir a la construcción de un modelo de estructura organizada. Describiendo tanto las realidades materiales como no materiales, el mándala aparece en todos los aspectos de la vida: los círculos celestiales que llamamos Tierra, Sol y la Luna, así como círculos conceptuales de amigos, familia y comunidad.
lunes, 13 de noviembre de 2017
Diferencias entre logotipo, Imagotipo, Isotipo e Isologo
Logotipo
Logotipo es la representación gráfica de una marca que se compone sólo de letras o tipografía. Es decir, que la manzana de Apple no es un logotipo propiamente dicho… Logotipos serían los diseños para Canon, Microsoft o Kodak, por ejemplo.
Y no sólo tienen que ser palabras, también pueden ser siglas, firmas… Para mí la clave está en que, según el idioma en el que esté escrito,todos los elementos del logotipo se pueden leer. Un ejemplo lo tenemos con Walt Disney, 3M o CNN.
Imagotipo
Aquí empezamos con las complicaciones. Imagotipo se dice cuando en la representación visual de una marca existe un elemento pictográficojunto al texto que puede ser abstracto o no. Entonces nos encontramos con un elemento que podemos leer y otro que no. En este caso, la manzana de Apple tampoco encajaría. Serían imagotipos kyocera, WWF, LG y Jaguar:
Isotipo
Es la representación de una marca cuando se compone sólo de una imagen. No hay tipografía, no lo puedes leer aunque sí puedas entender qué representa el diseño. Aquí sí que entraría la manzana de Apple, que reconocemos que es una manzana. Pero también entraría el swoosh de Nike, que no hay dios que entienda qué representa. En definitiva, que valen las representaciones figurativas y las abstractas. Como ejemplo: Apple, Woolmark, Nike y Shell.
“hay otras palabras como imagotipo, isotipo e isologo que definen mejor las diferentes tipologías que existen para la representación visual de una marca”
Isologo
Y, finalmente, el isologo es la representación visual de una marca que unifica imagen y tipografía en un mismo elemento. Por supuesto: se puede leer. Como ejemplos clarificadores tendríamos a Burguer King, Nissan, Intel, UPS, Starbucks y Texaco.
Como podemos ver, hay miga. Podríamos seguir con este tema si empezamos a hablar de anagrama, monograma, pictograma, etc. Pero creo que eso lo dejamos ya para otra entrada. Con lo que nos quedamos es que, aunque hay varias maneras de definir de manera exacta lo que es la representación visual de una marca, seguiremos definiendo a todas ellas como logotipos. ¿Es más fácil no?
domingo, 12 de noviembre de 2017
Imágen de Vector - Imágen de Pixeles
VECTOR Y PIXEL
La imágenes que vemos en las pantallas de los ordenadores, las que capturamos con las cámaras de fotos o escaneamos, las tipografías al escribir un texto, y la gran mayoría de las cosas que podemos ver en una pantalla, representadas en el mismo plano (2D), están realizadas en dos formatos de imágenes diferentes, vectores y píxeles. Para entenderlos describirémos vector y píxel por separado.
A simple vista puede que nos parezcan iguales, pero son completamente diferentes, y a la hora de hacer nuestros diseños, es muy importante saber como utilizarlos para no llevarnos sorpresas con el resultado final.
Para poder manejar bien estos conceptos, se necesita saber cual es el origen de cada uno.
Píxeles e Imágenes Rasterizadas (bimaps o mapa de bits)
La palabra píxel está formada por la mezcla de otras dos, picture (imagen, en inglés) y element(elemento, en inglés), podríamos definirlo como “el elemento que forma la imagen“. En los años 50, Russell Kirsch creó la primera imagen digital al escanear una fotografía de su hijo.
La idea era recrear una fotografía usando un sistema basado en una cuadrícula de colores y tonos y en el sistema binario de 0 y 1, mapa de bits. Estos “elementos de imagen” son los componentes básicos indivisibles de toda obra de arte digital, compleja o simple. Las limitaciones de la época no le permitieron a Kirsch realizar la imagen más grande de 176 píxeles de ancho y en escala de grises. Su trabajo sentó las bases de las imágenes de satélite, la tomografía computarizada, la realidad virtual…
La decisión de que los píxeles fueran cuadrados, ocasionaba que los bordes de las imágenes no fueran muy precisas. Y, aunque se ha mejorado el tipo de algoritmo que trata estos cuadrados, sigue teniendo sus limitaciones.
La rasterización es el proceso de convertir cualquier tipo de imagen no basado en píxeles en una imagen basada en píxeles digitales. No debemos confundir con escanear una imagen o un documento, estos escanéos pueden hacerse de muchas maneras y dependiendo para lo que los vayamos a utilizar deberemos rasterizarlos o no.
Píxeles y Monitores
Mucho antes de que se creara la primera imagen digital, ya existían los píxeles en los monitores, y por lo tanto, cuando hablamos de píxeles en archivos gráficos, no estamos hablando necesariamente de los mismos píxeles del monitor.
Los píxeles que forman las imágenes son cuadrados a los que se les asigna un color y un tono determinado, mientras que en los monitores son unos puntos de luz formados por los colores rojo, verde y azul, que combinandos con diferente brillo, crean el modelo de color RGB (red, green y blue, en inglés). Debido a que las pantallas son anteriores, necesariamente las imágenes las vemos en píxeles de monitor. Esto puede llevar a confusión, ya que utilizamos la misma palabra para definir dos conceptos diferentes.
Vectores y Gráficos Escalables
Unos pocos años después, en la década de los 60, Ivan Sutherland creó el primer programa de dibujo vectorial llamado “Sketchpad“, permití a los usuarios dibujar puntos y líneas directamente sobre una pantalla con un lápiz óptico. Aunque está muy alejado del software vectorial actual, se le considera como la influencia que ha dado lugar a los programas de CAD (Computer Aided Drafting) que aparecerán después.
Mientras que los píxeles son “bloques” de una imagen simulando los puntos en la pantalla, los vectores son puntos, líneas, curvas y polígonos en una rejilla algebraica. Estos puntos, líneas, curvas y polígonos básicos son llamados “primitivos“, y son los componentes básicos de la estructura de un vector.
La mayor ventaja de los vectores frente a los pixeles es que son escalables. Esto significa, que al ser un elemento matemático, podremos acercarnos a el todo lo que queramos sin pérdida de resolución ni calidad, en combio, los píxeles son todos iguales y tienen un tamaño y una posición predeterminada, por lo que cuando ampliamos un pixel, al no contener más información que la preestablecida, tendremos una pérdida de calidad más o menos pronunciada dependiendo de lo que lo acerquemos. Los elementos vectoriales, existentes sólo como puntos de una cuadrícula en un espacio matemático, no tienen esta limitación.
La conclusión de todo esto es que las imágenes vectoriales operan independiente de la resolución de imagen. Las imágenes basadas en mapa de bits suelen ser pobres cuando tienen una baja resolución o tienen muy pocos píxeles. Las imágenes vectoriales se pueden encoger y se estirar sin pérdida de calidad alguna.
¿Para qué se utilizan?
En numerosas ocasiones he escuchado comentarios como el que las letras no pierden calidad porque son tipografías, no es del todo cierto. Las fuentes tipografías están realizadas con gráficos vectoriales, pero es este hecho el que las hace inalterables al aumentarlas o reducirlas, y no el que sean tipografías. Si utilizamos texto dentro de una imagen de mapa de bits y luego lo rasterizamos, perdemos la propiedad que tenía como vector. El uso de los vectores en las tipografías nos proporciona formas geométricas abstractas con bordes limpios y curvas de elementos vectoriales perfectos. Y debido a que pueden ser escalados a tamaños infinitamente pequeños y muy grandes, pueden contenerse alfabetos completos en archivos muy pequeños y utilizarlos en casi cualquier tamaño.
Mucha gente utiliza los programas vectoriales como Ilustrator, Corel Draw o Flash para realizar sus creaciones, ya que les proporciona lineas perfectas y limpias.
Las líneas limpias y una imagen lo más nítida posible hacen del arte vectorial una herramienta para la realización de trabajos en grandes formatos como las vallas publicitarias. Las fotografías en alta resolución para este tipo de trabajos, generaría archivos demasiado grandes para ser utilizados con eficacia.
Sin embargo, los píxeles se crearon para la fotografía, y sigue siendo la mejor forma de realizar imágenes de alta calidad fotográfica. Un ejemplo son las fotografías que realizan el telescopio Hubble o la nave espacial Voyager, serían imposibles con la fotografía tradicional de película. Las fotografías del espacio profundo requieren de esta técnica de pintura digital.
Modelos de Color
MODELOS DE COLOR
El color, como cualquier otro recurso, también tiene su técnica y está sometido a ciertas leyes, y según la aplicación que se desea, se trabaja con distintos modelos de color. Los modelos de color describen los colores que se ven en las imágenes digitales e impresas y el trabajo con ellos.
Permiten, no sólo establecer un espacio único común a todos los equipos que forman parte de la cadena de adquisición y reproducción de color, sino que también permiten simular cómo lucirá la imagen y su color en otro dispositivo de la cadena; así por ejemplo, podemos ver en la pantalla del computador cómo saldrá la imagen impresa en el papel, después de que haya pasado por las tintas que se usan normalmente en prensa y con diferentes papeles, permitiendo un trabajo de edición de imagen y color mucho más sencilla y fiel a los resultados finales ((SOTO Veragua, Jorge. Del trazo al chip: la técnica gráfica y sus sistemas. Ediciones B&B, 2000, Santiago – CHILE.)).
Cada modelo de color como, por ejemplo, RGB, CMYK o HSB representa un método diferente (y por lo general, numérico) de descripción de los colores.
Modelo RGB
RGB es el modelo de síntesis aditiva del color, o color luz. Este es el modelo de definición de colores usado en trabajos digitales.
El modelo de color RGB utiliza los componentes rojo (R, del inglés "Red"), verde (G, del inglés "Green") y azul (B, del inglés "Blue") para definir la cantidad de luz de cada color en un color determinado. En una imagen de 24 bits, cada componente se expresa como un número entre 0 y 255. En una imagen basada en un mayor número de bits, como una imagen de 48 bits, el rango de valores es también mayor. La combinación de estos componentes define un color específico.
En los modelos de color aditivos, como RGB, el color se produce a partir de la luz transmitida. RGB se utiliza por lo tanto en monitores, donde las luces roja, azul y verde se mezclan de distintas formas para reproducir un amplio rango de colores. Cuando las luces roja, azul y verde se combinan en su máxima intensidad, el ojo percibe el color resultante como blanco. En teoría, los colores mezclados siguen siendo rojo, azul y verde, pero los pixeles del monitor se encuentran demasiado juntos para que nuestro ojo pueda diferenciar los tres colores. Cuando el valor de cada componente es 0, indica que hay una ausencia de luz y el ojo percibe el color negro.
El color blanco es el resultado de combinar los tres colores RGB en su máxima intensidad.
RGB es el modelo de color más utilizado porque posibilita el almacenamiento y visualización en pantalla de una amplia gama de colores.
Modelo CMYK
CMYK corresponde a la síntesis sustractiva o color pigmento. Este modelo se aplica a medios impresos, en cuatricromía.
El modelo de color CMYK, utilizado en impresión, define los colores basándose en los componentes cian (C, del inglés "Cyan"), magenta (M, del inglés "Magenta"), amarillo (Y, del inglés "Yellow") y negro (K, del inglés "Black"). Los valores para estos componentes varían de 0 a 100 y representan porcentajes.
En los modelos de color sustractivos, como CMYK, el color (es decir, la tinta) se añade a una superficie, como el papel blanco por ejemplo. A continuación, el color “sustrae” brillo de la superficie. Cuando el valor de cada componente de color (C,M,Y) es 100, el color resultante es el negro. Cuando el valor de cada componente es 0, no se añade ningún color a la superficie, por lo que se verá la superficie misma; en este caso, el papel blanco. El negro (K) se incluye en el modelo de color por motivos de impresión, ya que la tinta negra es más neutra y oscura que su equivalente al mezclar cantidades iguales de C, M e Y. La tinta negra produce resultados más nítidos, sobre todo para la impresión de texto. Además, la tinta negra suele ser más barata que la de color.
