Inteligencia visual aplicada

Inteligencia visual 

La previsualización es un proceso del diseño en donde el artista -compositor manipula el elemento visual con las técnicas apropiadas al contenido y al mensaje en una composición visual. 

Estilo visual   Marilyn monroe  

Mensaje visual

La construcción y la declaración de los mensajes visuales se han asociado con actividades no racionales quizás debido por su flexibilidad de pensamiento o por el aspecto creativo de su composición; pero cabe mencionar que como cualquier otra disciplina conlleva un método teórico y practica para llevar a buen resultado para realizar una solución compositiva coherente , actual y realista que responde a una necesidad de grupo o target determinado. 

Para llevar el proceso de inteligencia visual es la capacidad de pensar en varias direcciones para entender, asimilar ,elaborar información y utilizarlos para elaborar elementos gráficos que resuelvan problemas en un tiempo y espacio determinado. 

Esta capacidad humana está ligada con otras funciones mentales como la percepción del ambiente externo que nos rodea y nuestra capacidad para entenderlos y darles forma y contexto. 

Estos concepto los podemos lograr con diferentes técnicas de diseño gráfico como la sintaxis de la imagen por medio del estilo visual en sus fuerzas de lenguajes visual individual.

 • La composición visual parte de los elementos básicos: punto, línea, contorno, dirección, textura, dimensión, escala, color y movimiento.

 El primer paso compositivo es la elección de elementos apropiados para el medio en cuestión; en otras palabras la forma es la estructura elemental que conducen al efecto expresivo depende de la manipulación de los elementos en técnicas visuales para hacer las elecciones para fomentar la inteligencia visual. 

Segundo paso emplear herramientas visuales; que son las técnicas de comunicación visual; ofrecen al diseñador los medio para la expresión visual para el análisis del carácter y el plan compositivo. Y son: 1. Equilibrio 2. Simetría 3. Asimetría 4. Regularidad 5. Irregularidad 6. Simplicidad 7. Complejidad 8. Unidad 9. Fragmentación 10. Complejidad 11. Unidad 12. Fragmentación 13. Economía 14. Exageración

 En fin hay varias herramientas de técnicas opuestas entre sí pero se puede tomar una regente y completarla con otra.

Tutorial COMIC en 15 pasos

Tutorial  Efecto COMIC en photoshop 

Está  publicación  es para los fans de las imágenes  de COMIC con estilo  POP ART  o para conocer un nuevo efecto para sus portafolios de diseño o bien  para incorporar  este estilo a sus fotos. Este efecto se caracteriza por líneas gruesas  y efecto de puntillismo  de colores vibrantes  y medios tonos.  

El efecto se puede crear de diferentes maneras  y  yo le mostrare un tutorial para crear el efecto en el programa de Adobe Photoshop;  

1.- Primero es escoger una imagen que quieras manipular digitalmente, preferentemente que sea de un rostro de buena resolución yo escogí  siguiente imagen, tú escoge la que te guste más.  (Guarda la imagen en el escritorio o en una carpeta en específico  y ábrela  directamente en photoshop ... )

Pantalla photoshop efecto comic paso 1

2.- Vamos al menú principal de IMAGEN, seleccionar la opción de tamaño de imagen y cambiar la resolución a 300 dpi  y dar OK

Pantalla photoshop efecto comic paso 2

3.-Después vamos a ir al menú de CAPAS  se encuentra esta ventana de lado derecho de la pantalla  y  seleccionamos la capa fondo y la duplicamos con el comando "Ctrl +J" dos veces hacemos este paso como se muestra en la pantalla...

Pantalla photoshop efecto comic paso 3

4.- En la capa con el  nombre "Capa 1 "; la nombramos  Bordes y  la segunda "Capa 1 copia "; la nombramos  Pixel . (Con un click donde se encuentra "El ojo "desactivamos la  capa para no visualizarla por el  momento y trabajamos en la  capa de Pincel seco.)

Pantalla photoshop efecto comic paso 4

5.- Vamos a ir al menú Filtro y escogemos la opción Artístico y después Bordes añadidos;  como muestra la imagen:

Pantalla photoshop efecto comic paso 5

6.-Escoger los valores señalados :

Pantalla photoshop efecto comic paso 6

7.-  Agregaremos una Capa de relleno o ajuste  por que la imagen es muy oscura; seleccionamos en el icono de nueva capa de relleno o ajuste  que se encuentra debajo de la ventana de capa como  muestra la imagen y escoger la opción de Niveles y modificar los niveles y aumentar la luces y disminuir la escala de los grises.  (Colocar la capa arriba de todas las capas)

Pantalla photoshop efecto comic paso 7

8 y 9 .- Regresamos a nuestra capa de nombre Bordes   y seleccionamos en la imagen la herramienta  de Marco  elíptico y seleccionamos la pupila de los ojo y rellenamos la selección con color blanco del backgroud con el comando " Alt + Delete  ".

(Repetimos la acción con el otro ojo)

Pantalla photoshop efecto comic paso 8

Pantalla photoshop efecto comic paso 9

10.- Seleccionamos la capa  pixel ....

Pantalla photoshop efecto comic paso 10

11.-  Seleccionamos en la barra de herramientas  de Filtro--- Pixelizar----Semitono de color, como se muestra en la imagen:

Pantalla photoshop efecto comic paso 11

12.- La ventana que sale solo cambiamos el valor del radio a  10 y mantenemos los otros valores iguales y damos OK como se muestra en la imagen.

Pantalla photoshop efecto comic paso 12

13.-  Resultado:

Pantalla photoshop efecto comic paso 13

14.- Después en la capa de Pixel vamos arriba en la ventana de capa  y en modo de capa ampliamos las opciones y escogemos luz suave como se muestra en la imagen....

Pantalla photoshop efecto comic paso 14

15.- Resultado; si quieres aumentar más el filtro de Semitono de color  solo aplica  "Ctrl +F" solo una  veces  o hasta que te guste si quiere regresar a lo anterior comando " Ctrl + Z"   

( solo una vez o bien ir a tu historial)

Pantalla photoshop efecto comic paso 15

Nota: si quieres agregar un fondo blanco o de color u agregar una burbuja es tú decisión .

Efecto COMIC Final

Espero que les guste :)

Teoría del color - Cromática

Dinámica del color

El  color; es una percepción visual que se genera en el cerebro  humano y animales; las cuales se interpretan estas señales nerviosas que son captadas por la retina del ojo  y a su vez las distinguimos diferentes gamas de colores por las distintas longitudes de ondas y espectros  de luz.

Los colores se clasifican:

Colores Pigmento:

·         Colores LUZ (RGB)-Red, Green, Blue

·          Colores PRIMARIOS (CMY) Cyan, Magenta, Amarrillo

La combinación de los colores primarios  son 100% forman a su vez los colores secundario  son 50% - 50% , terciario son: 75% - 35%; y complementarios son aquellos que se encuentran totalmente uno en frente del otro en el circulo cromático (extremos opuestos).

Dinámica color CMY

• Los valores tonales de los colores;  se puede definir como el porcentaje del color pigmento con  la combinación de los colores blanco y negro. ( son la saturación- negro u ausencia-blanco del  color esto se refiere teóricamente)
•  El color neutro  o tono medio en diseño es color GRIS.

        Dinámica del contraste

     Es preciso comprender la conexión existente entre el mensaje y significado. En las técnicas visuales se comprende este apelativo en el manifiesto del Contraste vs Armonía dos funciones operativas en el diseño y la interpretación visual que expresan  la importancia de la técnica  y el concepto.

         Las tres dimensiones del color son:

1.       Matiz

2.       Tono

3.       Croma

          Contraste de color                           

1.       Contraste por tono 

2.       Contrate  por  temperatura "Cálido-Frío "

·         Colores cálidos: rojo-amarrillo; la cualidad del dominante  se emplea para expresar expansividad.

·         Colores fríos : azul- verde; es de carácter recesivo su usa para indicar distancias . 

3.       Contraste complementario, es un equilibrio  relativo entre lo frío y lo caliente; según la teoría de Munsell, el color complementario es el que se situa en un lugar  exactamente opuesto en la rueda de colores.

4.       Contraste claro- oscuro

5.       Contraste  cantidad

6.       Contraste por saturación

Los contraste se pueden ser formados en duos, tríadas y cuatricromía .

     Armonía  del color

    Armonía o estado nivelado del diseño visual, es una regla sencilla es aquella en la que se conjugan tonos de la misma gama o de una misma parte del círculo, aunque puede resultar un tanto carente de vivacidad. 

La sintaxis de la imagen

Estilo visual

El objetivo de Diseño Gráfico es conocer el artista y el comunicar visual  para  desarrollar tú estilo gráfico es decir proyectar cualquier material visual  en términos  significativos o estado de ánimo;  para construir, componer en diversos  elementos de la comunicación diferentes  en niveles.

Todos los elementos y medios visuales  son los recursos para que los artistas  o los diseñadores expresen coherentemente su declaración personal o profesional  de ser un ente creador de forma personal , grupal , una cultura en un marca histórico determinando en tiempo y espacio limitado.

Estilo visual amorfo e industrial 

• El estilo es la síntesis visual  son los elementos , técnicas, la sintaxis,  la investigación,la expresión y la finalidad básica. Basada a un entorno cultural .

Definición: Es una categoría o clase de la expresión visual conformada por un entorno cultural.

En las Artes visuales, el estilo es la síntesis última de todas las fuerzas y factores, la unificación, la integración de numerosas decisiones y grados. Se unifica este significado en estos 3 elementos:

1.       Elección de medio y la influencia de este.

2.       Propósito, es la razón de porque algo se hace.

3.       Manipulación de estos elementos con técnicas apropiadas para la expresión personal o grupal.

Ej. En la cultura japonesa  expresan el estilo visual como:

" La libertad dentro de la disciplina impuesta"

Las convenciones artísticas occidentales son más libres que las oriental , pese a  lo cual el estilo personal   que permite el contexto superpuesto del estilo cultural.

·    

      

•       El estilo influye  sobre  la expresión artística de la misma manera que las convenciones y ejercen sobre el acto creativo más influencia que control.

Estas fuerzas dan lugar a lenguajes individuales en el uso verbal, se combinan en el modo visual para crear un estilo común de expresión; y se clasifican en 5 categorías  de estilos visuales y son:

1.       Primitivo

2.       Expresionismo

3.       Clásico

4.       Embellecido

5.       Funcional

Estilo expresionismo  contemporáneo en acuarela  y retoque digital 

Andy Warhol Artista

Andy Warhol

(6 de Agosto de 1928 -22  de Febrero de 1987 NY.)

La fuerza visual como ilustrador

Andy Warhol desempeñó un papel significativo en el nacimiento y desarrollo del pop art. Obtuvo notoriedad por su hábil para relacionarse con los medios en prensa, radio y televisión y ser un artista vanguardista.

Su valor en la percepción icónica de la cultura pop Norteamérica y  la manera como identifica  e interpreta los iconos populares de una generación como factor compositivo de la síntesis de la imagen.

En muchos aspectos la tensión cromática en sus obras como el pintura del rostro de Marilyn Monroe es un factor inesperado  que muestra la anatomía del mensaje visual.

Que expresamos y recibimos mensajes visuales a tres niveles:

Representacional.- aquello que vemos y reconocemos desde el entorno y la experiencia.

Abstractamente.- cualidades cinestética de un hecho visual reducido a componentes visuales y elementales básicos, realzando los medios más directos, emocionales y primitivos.

Simbólicamente.- decodificación de los símbolos y describe un significado y se confecciona un mensaje.

Warhol emplea estos elementos para contribuir una  secuencia  de imágenes  y las interpreta para generar arte objeto (elementos que sacados de contexto  para darles otro significado) de iconos populares. Emplea un esquema cromático  fauvista  (empleo provocativo del color ) y contraste  de color por temperatura . Que contribuyen al predominio compositivo y atraer la atención.  

Años 1960

Warhol; desarrollo sus obras más icónicas como Marilyn Monroe, Troy Danahue o Elizabeth Taylor; y sus dibujos de la sopa Campbell  y de las botellas de Coca- Cola.

Desarrollo imágenes personales a partir de objetos de uso cotidiano y del conocimiento público; pautando elementos trendy de la época y se apropiaba de los recursos de circulación como el periódicos, los carteles y la televisión para la composición visual  de la cultura estadounidense a través de la ironía .

Ejemplo:  La botella de Coca - Cola se convirtió, en un tema pictórico y retorico. Porque cualquier persona tiene acceso a este recursos sin importar tu NSE o tu  profesión o cualquier división social. Todo mundo ha tomado una coca-cola.

Las obras de Warhol desarrollan una conexión con público (interprete) para entender y concebir de otra manera su vida cotidiana a partir de objetos  o personas que conocen y son familiares para ellos.

Warhol declaración:

" En el futuro todo el mundo será famoso durante 15 minutos".

Mosaico de Marilyn Monroe  estilo Pop Art