miércoles, 23 de septiembre de 2020

LEY DE CIERRE (GESTALT) E ILUSIONES ÓPTICAS

 

Ley de cierre (Gestalt) e ilusiones ópticas.


El Op Art emplea miles de trucos basados en las leyes de la GESTALT. Aquí tenéis un enlace al blog con más información y ejemplos: OP ART. 



Sitúa con lápiz un cuadrado en cada uno de los 4 espacios de la fila superior y, sin dibujar sus lados, y utilizando para ello diferentes tratamientos gráficos, consigue que pueda ser vista su forma sin trazarlo.

Para ello inspírate en las siguientes imágenes.


martes, 22 de septiembre de 2020

PRÁCTICA EN INKSCAPE

 

Inkscape, ley de cierre e imagen vectorial


Inkscape es un editor de gráficos en formato vectorial SVG (Scalable Vector Graphic), gratuito, libre y multiplataforma.

Imágenes vectoriales vs imágenes bitmap (mapas de bits).
Nizacab.blogspot.com.es
Si observáis la imagen de la izquierda podréis apreciar la diferencia entre ellas.
 Dicha diferencia se hará más evidente al ampliar la imagen.
La imagen vectorial no  va a pixelarse nunca debido a que sus formas están hechas con fórmulas matemáticas, por lo que se mantienen al ser escaladas.
Las imágenes de mapas de bits se componen de pixels, que se hacen tanto más evidentes cuanto menor es la resolución de la imagen, (ya sabéis los famosos pixels por pulgada) o cuanto mayor es la ampliación a la que la sometemos.
  Gimp y Photoshop son programas que trabajan con mapas de bits, mientras que Inkscape y Corel Draw, por ejemplo generan imágenes vectoriales que, sin embargo debemos exportar a png, una vez terminado el trabajo.
El formato de exportación es éste porque permite conservar el canal alfa, es decir la transparencia.


- MANUAL DE INKSCAPE


          


Esta es la imagen original. No es necesario que esté en blanco y negro.


TRABAJO INKSCAPE

-En esta carpeta tenéis imágenes de actrices y actores muy conocidos en la época dorada del cine. Utilizad alguna de ellas para realizar el trabajo:

1- Abrimos un documento nuevo de Inkscape e incrustamos la imagen (bitmap).

2- Importar bitmap (menú archivo-File).

3- Desde el menú Trazado seleccionamos vectorizar mapa de bits y probamos el resultado con los parámetros que me dan por defecto.

4- Hacemos un recorte de pantalla con la imagen original y, al menos un vector. Si modificamos los parámetros podremos obtener dos vectores diferentes.



Este es el resultado tras EXPORTAR LA SELECCIÓN.
Se trata de una imagen .png que conserva la transparencia.

Mapa de bits con Inkscape

TEMA 1: TEORÍA DE LA PERCEPCION

 

PERCEPCIÓN, ILUSIONES ÓPTICAS Y GESTALT


INTRODUCCIÓN


La percepción visual es la interpretación de la información transmitida por los estímulos lumínicos externos que, a través de un proceso cerebral activo, se transforma en una representación o copia de la realidad.

La percepción es subjetiva, pues las imágenes se analizan en base a las vivencias, la cultura y la experiencia personal. Las leyes gestálticas o Leyes de la Gestalt, desarrolladas por los psicólogos del movimiento alemán Gestalt, se basa en la premisa de que el todo es superior a la suma de sus partes. A principios del siglo XX, esta escuela definió diferentes leyes o principios de la percepción visual. Todo aquel que se dedica al diseño en cualquiera de sus variantes, ya sea diseño gráfico, diseño de páginas web, diseño industrial o diseño de interiores, ha estudiado durante su formación estas leyes.

 Las Leyes de la Gestalt, parten de la premisa del TODO ES SUPERIOR A LA SUMA DE SUS PARTES. Son una serie de reglas que relacionan los estímulos visuales con lo que estos generan en la mente del que los mira. En su conjunto explican cómo la percepción juega un papel fundamental a la hora de interpretar aquello que vemos, de darle forma mental. 

 

Las Leyes de la Gestalt

Las LEYES DE LA GESTAL son las siguientes: 


  • Ley de proximidad: Los elementos que están a una distancia cercana suelen ser percibidos como un grupo o como un mismo objeto.
  • Ley de la semejanza: Las figuras parecidas (ya sea por su tamaño, forma o color) se suelen agrupar y percibir como una unidad.
  • Ley de continuidad: La mente tiende a seguir un patrón, aunque esta haya desaparecido. Por ejemplo, en una foto con punto de fuga, los elementos que aparecen en planos alejados se reconocen gracias a los que aparecen definidos en primer plano.
ESQUEMAS DE LOS PRINCIPIOS DE PROXIMIDAD, SEMEJANZA Y CONTINUIDAD DE LA GESTALT.
  • Ley de simetría: Se basa en que nuestro cerebro percibe las imágenes simétricas como iguales y, a la distancia, como un solo elemento.
  • Ley de cierre: La mente tiende a añadir los elementos que faltan para completar una figura que está incompleta.
  • Ley de contraste: Los elementos que se diferencian y que son singulares tienden a destacar, porque contrastan.
Esquemas de los principios de simetría, cierre y contraste de la Gestalt.
ESQUEMAS DE LOS PRINCIPIOS DE SIMETRÍA, CIERRE Y CONTRASTE DE LA GESTALT.
  • Ley de figura-fondo: Nuestro cerebro tiende a separar el fondo de los demás elementos importantes, pero se basa en la premisa que no existe figura sin un fondo que la sustente.
  • Ley de la dirección común: La atención se centra donde se dirijan los elementos ubicados en la imagen. También se conoce como principio de destino común.
  • Ley de pregnancia o la buena forma: La mente es capaz de percibir formas incompletas o no del todo evidentes. Esta herramienta se utiliza mucho en publicidad y marketing.
Esquemas de los principios de figura-fondo, dirección y de pregnancia de la Gestalt.
ESQUEMAS DE LOS PRINCIPIOS DE FIGURA-FONDO, DIRECCIÓN Y DE PREGNANCIA DE LA GESTALT.

Ley de la buena forma

 
 

 


De hecho, en logotipos de marcas es habitual que se apliquen estos principios, pues el objetivo final es que la identidad de marca sea percibida como un todo.

A lo largo del ciclo de Animación 3D, Entornos y Juegos Interactivos estudiarás la percepción visual y las leyes de la Gestalt, la forma y la imagen de los elementos, conceptos básicos para modelar y crear personajes y animaciones.



INFORMACIÓN DE AMPLIACIÓN DEL TEMA 

Fuente de información: Anasaci

  1. La Teoría de la Gestalt
  2. Corriente Psicológica
  3. El concepto de "forma"
  4. Aplicación al mundo del diseño

 

1. LA TEORÍA DE LA GESTALT

 

La Teoría de la Gestalt fue gestada a principios del siglo XX por el psicólogo alemán Max Wertheimer y su grupo de acólitos, como línea psicológica contrapuesta al conductismo, teoría que excluía la consciencia subjetiva en el estudio del comportamiento humano, dando mayor importancia al entorno social y cultural. 

 

La gran novedad que supuso la Teoría de la Gestalt fue el estudio de los procesos mentales, algo desconocido para los científicos de la época, para quienes el cerebro era el gran enigma del cuerpo humano. Esta línea ponía al individuo y su percepción de la realidad como el epicentro en la toma de decisiones, creando imágenes mentales de diversa coherencia sobre sí mismo y sobre lo que le rodea. 

 

2. CORRIENTE PSICOLÓGICA

 

En lo que atañe al mundo de la psicología, la teoría de la Gestalt establece que nuestro cerebro va creando representaciones mentales de la realidad en la que vivimos, y que en base a ellas tomamos las decisiones que guían el rumbo de nuestros pasos. Es decir, pone el foco en la percepción, en cómo vemos y percibimos lo que nos sucede, como principal motor de nuestro comportamiento.

Así, los gestaltianos sostienen que nuestras experiencias no son meramente la suma de imágenes, sonidos o sensaciones que percibimos a través de nuestros sentidos, sino entes independientes conformados en parte por esa suma y en parte por cómo la gestionamos mentalmente a través de nuestra propia subjetividad. Así, esas figuras mentales son mucho más fuertes y poderosas que aquellos estímulos que las han generado.

A lo largo de la historia se han creado distintas terapias psicológicas basadas en esta teoría, como la de Fritz Perls, no en vano denominada Terapia Gestalt.

 

3. EL CONCEPTO DE FORMA

 

Según la Teoría de la Gestalt, el concepto de forma se define en base a esa figura mental de la que hablamos. Con el tiempo y el atesoramiento de experiencias, nuestra mente se compondría de diversas formas que funcionarían como un todo, y que en la relación entre ellas versaría la naturaleza de las decisiones que tomamos, y por ende de nuestro comportamiento.

No obstante, más allá del concepto psicológico, y para apoyarlo de una manera más visual, se establecieron las Leyes de la Gestalt, que en su representación gráfica nos acercan su significado más profundo.

 

 

4. APLICACIÓN AL MUNDO DEL DISEÑO

 

Lo interesante desde el punto de vista del diseño es que las leyes que enunciaron los gestaltianos se pueden extrapolar del mundo de la psicología al universo de lo visual. No en vano, en todos los estudios relacionados con el universo gráfico se estudian como base para entender cómo captamos los humanos los mensajes visuales que recibimos.

De este modo, las formas que utilizamos en nuestras composiciones gráficas, y la relación entre ellas, generan en la mente del que las visualiza nuevas realidades que pueden influir directamente en su psicología

 

... y así es como el diseño gráfico puede irrumpir en nuestras vidas y cambiarlo TODO.







 


EJERCICIO

Identifica la Ley de la Gestalt que cumplen los logotipos que tienes descargados en la actividad de Google Classroom. 


Debajo podéis ver un ejemplo de mensajes escondidos en logotipos (haz clic sobre la imagen si quieres saber más).

1a EVALUACIÓN

 1ª EVALUACIÓN (elementos evaluables en el blog)

Este curso utilizaremos un blog personal a modo de Portfolio al que "subiréis" vuestros trabajos. Debéis compartirlo conmigo, pero no por ello debe tratarse de un blog público. Si no deseáis que cualquiera pueda acceder al blog podéis hacerlo privado y conceder permisos para visualizarlo a quienes deseéis.

Éstos son los contenidos que deben aparecer en vuestro blog y que supondrán la calificación de la 1ª evaluación:


1.- Creación y personalización de un blog en Google Sites: InstruccionesDeberéis compartir conmigo la url del blog de modo que pueda acceder a él y ver vuestros contenidos.

2.- Creación de un Favicon.  Entrar en favicon.cc y realizar vuestro propio diseño sobre el cuadrado que aparece en pantalla. Podéis utilizar vuestra inicial como motivo o bien buscar otro motivo más o menos geométrico.  

3.-Entrada con un pantallazo o screenshot del favicon creado, y lo subes a tu blog. 

 

4.- Realización con Photopeach, de un Slideshow o presentación con fotografías, música y texto sobre 20 cosas que os definan (gustos, aficiones...). Debe contener al menos 20 imágenes.
Es necesario que os deis de alta. Instrucciones para realizar un slideshow con Photopeach. Recordad que puede ser con cualquier otro programa o app con el móvil que os guste, como Animoto por ejemplo. 

5.- Crear una entrada con la url o dirección de vuestro Slideshow ('25 cosas sobre tí') e incrustar la presentación en vuestro blog copiando su código HTML (embed).

6.- Práctica en Inkscape. De nuevo, no olvidéis subirla a vuestro blog de clase. 

7.- Crear un Flipbook (o folioscopio digital) e insertarlo en vuestro blog (HTML), enlazar igualmente su url. No olvidéis que existen múltiples apps para crear flipbooks digitales, escoger cualquiera de las apps gratuitas, o free trials. Si tenéis que inscribiros recordad usar siempre vuestro correo de la GSuite. 

8.- Crear un gif animado con Gimp. Para ello seguir las instrucciones de esta entrada

9.- Por último, no olvidéis cargar el GIMP a vuestro blog. 

¡Vamos, ya casi lo tenéis!

martes, 15 de septiembre de 2020

MATERIAL CAIE


MATERIAL NECESARIO PARA TRABAJAR EN  COMUNICACIÓN AUDIOVISUAL, IMAGEN Y EXPRESIÓN

Para los bloques de Expresión Plástica, Geometría y Sistemas de representación se utilizarán los mismos materiales que ya habéis usado en 1º y 2º ESO en EPVA:

-  Escuadra y cartabón
-  Regla milimetrada (30 cm)
-  Compás con adaptador universal
-  Dos lápices de grafito: uno blando (2B) y otro duro (2H) o portaminas con minas de 0,5 de grosor
-  Sacapuntas y goma de borrar (tipo Milán blanca)
      -  Láminas de papel  BASIK tamañoDIN A-4 sin recuadro y sin cajetín (ojo, no comprar DIN A4+)
      -  Folios
      -  Lápices de colores incluyendo los tres primarios (magenta, amarillo y cian) y el negro
      -  Estilógrafos o rotuladores calibrados: 0,2 y 0,8
            -  Rotulador Edding 1200 (negro)

 El bloque del Lenguaje Visual y multimedia se impartirá en un aula de Informática.
Algunos trabajos se harán en forma de presentación bien de forma individual o por parejas.
Trabajaréis con un blog a modo de Portfolio Digital.

Actividad 1: Creación del blog para tus trabajos de CAIE. En informática el curso pasado se creo un blog en Google Sites. Podemos poner en práctica ese blog. 

Actividad 2: Vídeo con imágenes, texto y música, basado en 20 cosas sobre tí. Como este ejemplo: 

25 things about me on PhotoPeach de Ainhoa F. (Se necesita activar Flash Player para verlo)


Actividad 3 - Tic Toc o vídeo inferior a 2 minutos, que explique por qué estáis en esta optativa.