Dibujando curvas y formas exactas con Adobe Illustrastor

MESA No1

Mesa No2 

 Mesa No3

Mesa No4 

Lenguaje Gráfico en los Logos y Marcas de empresas.

Adidas

Es una compañía multinacional alemana de artículos deportivos, cuya sede central se encuentra en Herzogenaurach, Alemania. 

Adidas fue fundada por Adolf (Adi) Dassler en 1920. Las 3 hojas simbolizan el espíritu olímpico, vinculado a las tres placas continentales. En 1996, la tres rayas de la marca se convirtieron en el logotipo de la empresa Adidas en todo el mundo. Este logotipo representa el rendimiento y el futuro de la identidad de marca Adidas. Su color negro representa y conjuga autoridad, elegancia y tradición.

Adobe

En 1982, Adobe Systems una empresa de desarrollo de software fue creada por Chuck Geschke y John Warnock. 

Adobe adquiere su nombre gracias al río Adobe Creek, que fluía detrás de la casa de uno de sus fundadores. La letra “A” con forma triangular, en su logo, es muy reconocida hoy en día en todo el mundo.

El rojo se asocia con la vitalidad y la ambición; también confianza en sí mismo, coraje y una actitud optimista ante la vida.

Amazon

Amazon es una compañía estadounidense de comercio electrónico y servicios de cloud computing a todos los niveles, fundada por Jeff Bezos en 1994. 

Su logo es extremadamente sencillo y muy expresivo. La flecha podría parecer una simple sonrisa, de hecho lo es, pero el significado va más allá de eso. Esta comienza en la vocal A y termina en la letra Z, en otras palabras Amazon es capaz de tener todos los productos , desde la A hasta la Z para sus clientes y además aquellas personas que hagan uso de servicio terminarán con una sonrisa de satisfacción en sus rostros.

Y el color amarillo de la linea curva de la flecha es por querer mostrar optimismo y querer compartir esa sonrisa.

Batman

Batman representa uno de los mayores héroes míticos del siglo XX. Un héroe cuyo objetivo era purgar al mundo del mal en la oscuridad. 

El logotipo de Batman, simbólicamente reúne todos los atributos fundamentales de Batman. La razón para el emblema amarillo la da por el propio Batman, donde el héroe afirma que quería tener una marca amarilla que sirviese como un blanco fácil ya que esa parte de la vestimenta sería a prueba de balas.

Lego

En 1932, Ole Kirk Christiansen, un carpintero de Dinamarca crea el grupo LEGO. Su innovador negocio se convertiría con el tiempo en una empresa global, reconocida como una de las compañías de juguetes más respetadas del mundo. 

La compañía decidió adoptar el nombre de LEGO, formado a partir de la frase danesa “leg godt” (“juega bien”). En 1962.
Los colores más comunes de los ladrillos básicos LEGO son el rojo, el amarillo, el azul, el blanco y el gris claro. Otros colores fueron añadidos a la paleta a finales de los años 1990. LEGO evitó fabricar ladrillos verdes por largo tiempo, temiendo que serían utilizados para construir vehículos militares, convirtiendo a los ladrillos LEGO en un juguete bélico, pero dichos temores parecen haber sido moderados.

Definiendo los componentes y conceptos de una Imagen

¿Qué es el color?

Es la percepción visual que captura nuestro ojos, y de acuerdo a ciertas frecuencia o longitudes de onda emitida de ese reflejo con el objeto iluminado, nuestro nervios ópticos interpreta esas ondas y en nuestro cerebro lo interpretamos con un color.

Por lo tanto el color es el elemento mas importante en cualquier diseño gráfico, es lo mas fundamental y de acuerdo a su tonalidad nos expresa un mensaje o un sentimiento.

El espectro de los rayos solares que ven nuestros ojos esta comprendido entre los 400 -700 nHz, de hay para allá hay otras formas de luz pero que no son percibidas por nuestros nervios ópticos.

¿Qué son los modelos de color RGB y CMYK, y en qué ámbitos son usados cada uno de ellos respectivamente? 

El modelo RGB son colores basado en la síntesis aditiva, pues cada tonalidad se ve reflejada por medio de la adición de cada color primario respectivamente, al combinar varios colores de luz nos da las diferentes tonalidades cromáticas que necesitamos o que percibimos, este modelo se utiliza mucho en los dispositivos de pantalla como monitores, videobeam, etc. 

Sus tres colores básicos son el rojo, verde y azul, respectivamente de las iniciales RGB (red, green, blue).

El color CMYK es un modelo de color utilizado la síntesis sustractiva, es decir que de la combinación de los tres colores básicos que son el cian, el magenta, el amarillo y key, se va logrando un color cada vez mas oscuro hasta llegar al negro.

Estos colores absorben las demás ondas o formas de luz de las tonalidades y reflejan el color que percibimos. Este modelo se utiliza básicamente en dispositivos de impresión comúnmente el papel.

¿Cuáles son los colores analógicos y cuáles son los colores complementarios?

Se toman dentro del circulo cromático a los colores que son vecinos al color seleccionado, estos colores son colores fundamentales en la armonía y/o composición en la decoración, como la pictura de una pared o la decoración de un evento.

Los colores complementarios son los que se encuentran en la parte opuesta del circulo cromático al color seleccionado, de tal manera que un color queda diametralmente equidistante de otro. Estos colores son útiles a la hora de hacer contrastes, para resaltar y enfocar ciertos objetos con fuerza.

¿Cuál es la importancia de la Psicología del color en la multimedia?

Es una experiencia que en las persona produce un sentimiento o respuesta emocional, y esto varía de acuerdo a la cultura de un lugar o al espacio que le rodea. Incluso puede alterar un poco nuestra acción fisiológica.

Por lo tanto es importante la utilización correcta de los colores al momento de diseñar, pues cuando transmitimos un mensaje, dependiendo del mensaje, esta debe de concordar en el color para que la persona que lo ve tenga una sensación mas a fin al mensaje que se esta dando y vea y sienta lo que se quiere comunicar. Esto es muy útil en los comerciales, pues cuando se trata de comida el color puede influir a que esta persona tenga apetito.

¿Cuál es la diferencia entre Tono, Saturación y Brillo?

El tono es el color en sí, se refiere al color que se ve en ese momento, mientras que la saturación es coger ese color y darle su respectiva pureza, cuando mas saturado esta el color mas puro es, mientras cuando esta menos saturado se dice que esta contaminado con gris, y dependiendo de la cantidad de gris puede hacer opacar u oscurecer el tono del color. Y el brillo se refiere a la intensidad de luminosidad, es decir a la cantidad de blanco que se le agrega para darle algo de claridad.

¿Qué es diagramación?

La llaman también maquetación y consiste en el diseño editorial, en donde se encarga de organizar correctamente los espacios con textos e imágenes para lograr una estructura audiovisual en el texto a leer.

Esta se utiliza mucho en los periódicos y revistas y también en los libros tanto físicos como electrónicos.

No hay que confundir la diagramación con el diseño editorial, pues esta es estrictamente la distribución de los elementos en un espacio determinado en una página, pues estas siguen un proceso de orden y jerarquía de acuerdo ala importancia del tema que se publica y estas incluyen un balance correcto de orden, no como en el diseño que a veces se obstruye para darle importancia a un mensaje.

¿Cuales son los elementos que componen una la imagen?

- El punto: "El signo mas sencillo que puede formar una imagen"

Puede ser un punto como elemento único o como elemento constitutivo.

- La línea: "Es la huella o unión entre dos puntos, una sucesión de puntos contiguos"

Las lineas pueden ser horizontales, verticales, diagonales y curvas.

- Textura: "Lo percibimos con dos de nuestros sentidos: la vista y el tacto"

Lo que tocamos y miramos nos manda a nuestro cerebro otra clase de información que la contrastamos o reafirmamos a la imagen que vemos.

- Forma: "Las tres formas elementales son el triangulo, el cuadrado y el circulo"

La forma es la propiedad de la imagen o de un objeto que define su aspecto.

- La Luz: "Es susceptible de un tratamiento que afecta su calidad".

Estas definen las zonas claras y oscuras en una imagen, resaltando las zonas mas importantes y ocultando las zonas que no se desean impactar.

- El Color: "Es la percepción visual que se genera en nuestro cerebro cuando nuestras señales nerviosas interpretan lo que ve la retina y de acuerdo a la onda de luz, ve los diferentes tonos"

El color produce sensaciones y sentimiento. Adquiere simbologías (en las banderas o en colores que identifican). Cada color tiene un significado y expresa una sensación agradable o desagradable, fria o cálida, positiva o negativa.

EJEMPLO

Esta imagen se puede decir que tiene todos sus elementos, para formarse como una imagen artística.

Su mensaje principal es de una campaña política, queriendo ser líder de una nación. 

- El punto: pues por medio de la unión de estos puntos que le llamamos pixeles se puede ver toda la imagen.

- La linea: podemos ver principalmente la forma de que es una persona.

- Textura: Aunque no podemos tocar la imagen si podemos ver algo de su textura en su cara y su vestimenta.

- Forma: La forma de su vestido, su mano, su cara, etc.

- La Luz: Nos da a entender que es una persona morena.

- El Color: Nos muestra la raza de la persona y su vestimenta nos representa liderazgo.

¿Qué es el equilibro Axial?

Es aquel que se organiza según uno o más ejes presentes o implícitos, que pueden ser verticales, horizontales o inclinados. El retrato es un ejemplo de reflexión aproximada.

Es decir los elementos se reflejan como en un espejo, donde existe una repetición de elementos situados a uno y otro lado de su eje de comparación.

¿Qué es simetría?

Se produce cuando al dividir una composición en dos partes iguales, existe igualdad de peso en ambos lados. No se encuentran elementos que sobresalgan más que el resto en importancia y peso.

¿Cómo es un esquema forma asimétrica-color asimétrico? 

Es asimétrica cuando el peso visual de los elementos de la imagen se reparte de modo desigual con respecto a uno de los ejes principales, vertical u horizontal. La asimetría respecto al eje horizontal o a una diagonal es lo más frecuente. La asimetría al romper la formalidad estática y convencional del centro, representa la alternativa más inmediata de crear un efecto dinámico en la composición.

En esta imagen la forma de asimetría, donde la persona estando tan cerca, algo grande y al costado nos transmite agitación, tensión; además de los colores donde el fondo es con luz ambiental y la persona es con luces de colores donde se da la sensación de que ella ve algún ritual.

¿Qué es simetría aproximada?

Se refiere al ordenamiento en que a ambos lados del eje las formas no son iguales, pero a pesar de ello son lo suficientemente similares en su atracción visual cómo para que el eje pueda sentirse positivamente.

¿Qué es equilibrio radial?

Se produce cuando las formas están equilibradas tomando como ejes los radios de una circunferencia.

En esta imagen podemos ver que tienen unos radios bien equilibrados dirigiendo nuestra mirada al centro de ella.

¿Qué es el equilibrio oculto?

No posee ejes explícitos ni tácitos pero tiene un centro de gravedad que une todos los elementos; este equilibrio permite mas libertad pero también exige mas control.

En esta imagen podemos apreciar que nuestra vista se inclina y mira hacia la parte del circulo desplazado un poco del centro de la imagen, tratando de interpretar que es lo que se ve allá en el fondo de este circulo.

¿Qué es la percepción, y qué son las Leyes de Gestalt?

Las leyes de la Gestalt son unas reglas que explican el origen de las percepciones a partir de los estímulos.

Es un proceso en el que las cosas se hacen manifiestas como tales en un acto de experiencia interpretamos la estimulación del medio y se nos hacen presentes objetos y hechos dotados de significación. 

Por eso, la percepción permite captar la realidad como “mundo”, es decir, como algo organizado, estructurado y pleno de sentido y significado.

Ejemplo:

- Relación Figura-Fondo: Lo percibido visualmente es siempre una figura que se recorta sobre un fondo.

En esta imagen podemos ver una copa o dos personas mirándose cara a cara.

- Ley de la continuidad: Tendencia a considerar como unidos elementos que constituyen líneas rectas o curvas.

En esta imagen podemos ver que en su centro hay dos triángulos uno encima de otro, o eso es lo que nos trata de decir nuestro cerebro.

¿Que es un Símbolo?

Sirve para representar, de alguna manera, una idea que puede percibirse a partir de los sentidos y que presenta rasgos vinculados a una convención aceptada a nivel social.

Símbolo de los Juegos Olimpicos

Símbolo de reciclaje

¿Qué es un icono?

Un icono es una imagen, cuadro o representación; es un signo que sustituye al objeto mediante su significación, representación o por analogía, como en la semiótica.

Icono de un Smartphone

Icono de un helado

¿Que es un signo?

Un signo es una unidad capaz de transmitir contenidos representativos. Un signo puede ser una palabra, una imagen, un olor y muchas otras cosas más.

Es una representación gráfica de una palabra, la cual puede ser entendida en cualquier idioma (ya que es universal).

Signo de llamas de fuego

Signo de prohibido fumar

¿Que es representación?

Es la acción y efecto de representar (hacer presente algo con figuras o palabras, referir, sustituir a alguien, ejecutar una obra en público). La representación, por lo tanto, puede tratarse de la idea o imagen que sustituye a la realidad.

Representación de la
diversidad de culturas

Representación del ahorro económico

¿Que es Abstracción?

Es la representación de ideas, conceptos, pensamientos y sentimientos en donde la función de la imagen es restituir la impresión visual de algo real, con mayor o menor grado de realidad reproductiva.

Abstracción de una mujer

Abstracción de una vaca

Preguntas y respuestas de lo: ¿Qué es el Diseño?

¿Qué es el diseño y cual es su función?

Proceso de configuración mental en la búsqueda de una solución en cualquier campo, cuyo objetivo es el intermediario entre un emisor normalmente una empresa y un receptor que es el cliente.

También se refiere a un boceto, bosquejo o esquema que se realiza, ya sea mentalmente o en un soporte material, antes de concretar la producción de algo. El término también se emplea para referirse a la apariencia de ciertos productos en cuanto a sus líneas, forma y funcionalidades.

Al diseñar, la persona no sólo tiene en cuenta aspectos estéticos, sino también cuestiones funcionales y técnicas. Esto exige a los diseñadores estudios, investigaciones y tareas de modelado que le permitan encontrar la mejor manera de desarrollar el objeto que pretenden crear.

¿Cuál es la diferencia entre arte y diseño?

El arte es algo que se plasma ya sea de forma material, sonoro y/o visual, en donde expresa la inspiración y/o motivación de la persona en algo que desarrolla.

En otras palabras el arte lo hace el artista para su propio goce, para desahogarse, para comunicar sus sentimientos, críticas o visión del mundo, sin tener algún otro propósito.

Mientras que el diseño es la de ofrecer una comunicación entre dos o mas individuos mediante el sistema publicitario y seriado.

Este tiene un encargo, de crear algo funcional, casi siempre respondiendo a un cliente o a una necesidad humana. El diseño tiene una razón de ser, como hacer propaganda, vender, hacer las cosas más cómodas. El diseño no existe solo para ser estético y ser admirado. Repito, el diseño busca una creación funcional, algo que sirva.

¿Qué programas se usan en diseño?

Considerando que el diseño no depende exclusivamente de un programa o software para su elaboración, no existe un programa que haga todo los diseños pues es un trabajo multi-diciplinar, por lo tanto hay varios software para la elaboración de un diseño.

Hay muchos programas pero los principales son (la suite de Adobe):

- Adobe Illustrator: para la vectorización y creación principalmente de logotipos.

- Adobe Photoshop: para el retoque y composición de imágenes. 

- Adobe Indesign: se utiliza para la maquetación y principalmente elaboración de revistas.

- Adobe After Effects: se utiliza para la animación y los motion graphics en los videoclip o los intros de vídeos.

- Adobe Premiere: para edición de vídeo profesional, para mezclar y editar cualquier clase de video.

¿Cuál es la diferencia entre un vector y un mapa de bits?

Un mapa de bits esta compuesta por puntos individuales denominados píxeles, dispuestos y coloreados de formas diversas para formar un patrón. Si aumenta el tamaño del mapa de bits, también aumentará el número de píxeles individuales, haciendo que las líneas y las formas tengan un aspecto dentado.

Las imágenes vectoriales se definen matemáticamente como una serie de puntos unidos por líneas. Los elementos gráficos presentes en un archivo vectorial se denominan objetos. Cada objeto es una entidad completa con propiedades tales como color, forma, contorno, tamaño y posición en la pantalla, que están incluidas en su definición.

Los dibujos vectoriales no dependen de la resolución. Esto significa que se muestran con la máxima resolución permitida por el dispositivo de salida: impresora, monitor, etc.

Por lo tanto la principal diferencia es que un mapa de bits esta compuesto de puntitos y depende de la resolución de la imagen para su calidad, la imagen vectorizada no depende de su resolución sino de su composición en la forma y diseño realizado.

Tipos de formato de imagen y para que se usa

Las imágenes de mapas de bits utilizan principalmente tres tipos de formatos que son muy comunes entre los diseñadores y son: 

- JPG (utilizado para imágenes estáticas como la fotografía)

- PNG (utilizado para imágenes con fondos transparentes)

- GIF (utilizado para imágenes en movimiento que comúnmente se encuentra en la web)

Las formatos para las imágenes de composición vectorial mas utilizados son:
- AI (el formato nativo de Adobe Illustrator)
- SVG y EPS (un formato universal soportado por la mayoría de los programas)
- CDR (es el formato nativo de CorelDRAW)

¿Cuál cree que es la importancia del diseño, para la creación de un producto multimedia?

Existen muchos ámbitos de la actividad humana que son objeto de diseño, pues dependiendo a que público va dirigido se puede utilizar en educación, obras públicas o la invención de artefactos. A todas estas actividades responden a la idea de la planificación para resolver una necesidad y alcanzar un objetivo deseado.

La tarea del diseño, conlleva al trabajo colaborativo entre dos o mas personas para designar tareas personales y luego debatir en grupo para el progreso y solución del ideal que quieren alcanzar.

La principal importancia en el diseño es al público al que va dirigido el mensaje.

¿Porqué cree que es importante considerar el diseño gráfico durante el análisis de la etapa multimedia?

Porque a veces uno emocionalmente desea diseñar y ver rápidamente elaborado y plasmado nuestra idea de diseño sin a veces ver el contexto de lo que se necesita y requiere para su elaboración, cometiendo muchas veces errores de elaboración y producción.

En el desarrollo de producción multimedia se tienen muchos conceptos y elementos a tener en cuenta, por eso es muy importante la documentación y el estudio para el análisis correcto y así establecer los pasos correctos de la construcción del objetivo final.

¿Qué elementos de la etapa de análisis son importantes a la hora de elaborar un diseño y una propuesta creativa para nuestro producto multimedia?

- Determinar el contenido a tratar

- Definir la audiencia o el publico

- Evaluar el presupuesto económico

- Evaluar los recursos humanos y materiales

- Elegir el medio de expresión y/o publicación

- Estimar la duración del material audiovisual.