Translate

viernes, 18 de mayo de 2018

Proyecto Respetús.1º ESO

En el Instituto se ha diagnosticado un grave problema, estamos enfermos de falta de respeto. Así que vamos a realizar una campaña para curarnos.  Crearemos un cartel del tamaño de una valla publicitaria, que colocaremos en el gran tablón de la cantina. De esta manera tendrá máxima difusión.
  • La solución concreta es el medicamento Respetús.
  • El cartel tendrá las siguientes características:
    • Se relizará únicamente con la gama de colores complementarios amarillo rojizo-rojo  /  azul violáceo-violeta.
    • Qué son los colores complementarios.  Ejemplos de trabajos de alumnos de otros años. En arquitectura e ilustración. 
    • En equipos de tres se realizarán las tres esferas que ya se explicaros como ejercicio de percepción visual. Con ellas aprenderemos a formas estos colores mediante mezcla óptica de líneas, puntos o formas superpuestas.
    • Materiales: cartulinas, folios, papeles de regalo u otros papeles de esa gama de color.
  • Veamos ejemplos de estas gamas en carteles reales:



A veces los colores también pueden estar mezclados con blanco o negro para tener tonos claros u oscuros. Mira los siguientes ejemplos.


jueves, 3 de mayo de 2018

Homenaje de Google al de la película Viaje a la Luna de George Méliés.

Los equipos de The Google Doodle, Google Spotlight Stories, Google Arts & Culture, & Cinémathèque Française han creado el primer doodle interactivo con realidad virtual. En este corto se homenajea al cineasta e ilusionista francés Georges Méliés, al que ya conocemos en las asignaturas de Comunicación Audiovisual de 3º de ESO y en Cultura Audiovisual de 1º y 2º de Bachillerato.

miércoles, 2 de mayo de 2018

Círculo cromático en 1ºESO




Toca en el tema del Color comprobar como se fabrican nuevos colores a partir de la mezcla de los secundarios en diferentes proporciones.

1. Cada alumno va ha fabricar su propio CÍRCULO CROMÁTICO .
según las siguientes instrucciones.

El círculo cromático que vamos a hacer este curso en una lámina A4 tiene las siguientes características:
  1. Circunferencia exterior de 10cm de radio.
  2. Circunferencia interior de 2cm de radio.
  3. Hay que dividir el círculo grande en 12 sectores circulares iguales. Para ello divídelo en 6 partes iguales, tal y como lo hacías al dibujar el hexágono. Luego usa bisectrices para dividir el espacio entre cada pareja de vértices en dos partes iguales. Sugiero que los arcos que se trazan en la bisectriz los hagas hacia el interior de la figura para que te quepan.

  4. Hecho de otra forma similar:
    Dibuja la circunferencia de 10cm de radio. Luego dibuja un diámetro vertical. Entonces, coloca el compás sobre el extremo superior del diámetro y haz un arco con la medida del radio de 10 cm. Donde corta la circunferencia tenemos el primer de los vértices que necesitamos.

    Con la misma medida seguimos haciendo arcos haciendo centro en cada uno de los centros que consecutivamente vamos hallando.


    Vemos aquí ya los 6 vértices hallados.
    Ahora hay que hallar los otros vértices. Para ello necesitamos hacer una bisectriz a cada uno de los seis ángulos que forman los 6 sectores circulares.

    Resultado de imagen de construccion de la bisectriz

    Círculo dividido en 12 sectores circulares iguales.
    Para el círculo cromático sólo hacemos las líneas verdes.

     
    Pasos para dividir la circunferencia en 6 partes iguales.   
    A partir de una imagen de manualidades.innatia.com

  1. Mezcla los colores de tus témperas como hemos explicado en clase. Sitúa los colores primarios, secundarios y terciarios. Tienes que colocarlos en su sitio siguiendo el esquema explicado en clase.
  2. Mezcla a partes iguales los tres primarios para obtener el color negro y pinta el círculo pequeño.
  3. En el exterior del círculo escribe el nombre correcto de cada color.
2. MEZCLAS ÓPTICAS.
  1. En  equipos de tres vamos a dibuja en láminas círculos de radio:   2, 4 y 6 cm.
  2. Luego tendrán que realizar mezclas ópticas para comprobar  otras maneras de obtener colores MATERIA.
    • Las  técnicas para obtener esos colores son:
    • Rayado: colorear o recortar líneas rectas finas (de unos 5 mm) de los dos colores. Las ponemos paralelas y juntas. Así mezclados veremos el color deseado.
    • Puntillismo: dibujar o recortar puntos pequeños pegados (de unos 5 mm) de los dos colores. Así mezclados veremos el color deseado.
    • Superposición: recortamos o dibujamos rectángulos y los pegamos algo superpuestos.
  3. Por último, recortamos el papel sobrante y lo entregamos.




3. COLORES LUZ.

  1. Recorto formas con los colores primarios luz (verde rojo y violeta en papel celofán y de seda. Entonces, los pegamos con superposiciones entre ellos para obtener los colores primarios..
  2. Hacemos un marco de cartulina de lado 12 centímetros y 3 cm de grosor.
  3. Pegamos la composición.
  4. Por último,pegamos contra el cristal de la ventana el resultado.

Mezclas aditivas con el color en 1º ESO. Jugando con los colores luz.

Harmonic Convergence by Christopher Janney, Miami International Airport, Florida. #architecture #arquitectura #color:

Para poner en práctica lo explicado sobre los colores luz vamos a usar las ventanas del Instituto, papel celofán y de seda. Con ellos haremos mezclas aditivas y sustractivas, pegando formas en las ventanas superpuestas y como vidrieras.



Piet Mondrian inspired window art. Blocks of tissue paper stuck down with lines of black electrical tape.

viernes, 27 de abril de 2018

Tipografías hechas con puntos y línea. Proyecto para 1ºA.


Letra condensada



Una vez explicados los contenidos necesarios en clase vamos a practicar con ellos.
En esta ocasión vamos a crear palabras cuyas letras se van a hacer en pareja. Así, los pasos a seguir son:

  • En una cartulina tamaño A3 (dada por la profesora) cada pareja tiene que dibujar la letra que le ha tocado. Se hará en mayúscula y gruesa.
  • Para que las letras de la misma palabra salgan parecidas, vamos a dibujarlas utilizando un cajetín con las siguientes dimensiones:
    • 30 cm de alto.
    • 20 cm de ancho.
    • 7 cm de grosor.
  • Este cajetín se puede hacer en otra hoja y luego recortar la letra para usarla como plantilla, como ya hicimos en la escarapela.
  • Tendrá que haber también acuerdo sobre la forma de las esquinas o cualquier otra idea sobre el diseño.
  • Usaremos las mismas dimensiones y forma para dibujar su sombra.
  • Luego hay que rellenar la letra sólo con puntos y la sombra sólo con líneas (de cualquier tipo).
  • Como técnica en ambos casos se puede usar el dibujo, el recorte y el perforado.


lunes, 23 de abril de 2018

Doodles en 2ºESO



En 2º de ESO, los alumnos de mi compañera Mar han terminado hace poco un proyecto, en el que cada uno de ellos ha diseñado un doodle de Google. Para ello se han inspirando en un tema decidido previamente por ellos.  

Los hay animados:

  Día de los Abuelos en España. 26 de julio del 2017.
O estáticos:
 
Día de San Jorge 23 de abril 2018
Diseñador invitado Luke Pearson.


Estos son sólo algunos de los diseñados por nuestros alumnos.




 

 


 

jueves, 19 de abril de 2018

Creo una web con Weebly.

Como se ha explicado en una entrada anterior, hay que confeccionar vuestra página web con la aplicación gratuita Weebly. Así que no olvidéis registraros.
  1. Si tenéis dudas sobre cómo crear la web podéis consultar el tutorial que hay colgado en mi web.
Para comprobar que se ha comprendido lo explicado en clase sobre Weebly se hará una prueba. Ésta va ha consistir en la creación y publicación de una web promocional. Será más rápido si todo lo que aparece está relacionado. Por ejemplo, si versa sobre los mamíferos o presenta una fragancia. Será obligatorio que se cumplan estas condiciones:
  1. Vamos a poner como fondo una imagen con una textura sencilla.
  2. Pondremos un título y un subtítulo.
    • Ejemplo: LEONES. Los reyes de África.
  3. Insertaremos un espaciador para separar la cabecera de todo lo demás.
  4. Crearemos un espacio con un texto.
    • Ejemplo: explicación de qué es un león y sus características.
  5. Añadiremos una imagen con pie de foto que ilustre el texto anterior.
    • Ejemplo: foto de un leon. En el pie de foto se dice el fotógrafo, el año y la agencia del fotógrafo si se conoce.
  6. Separaremos esta imagen y el texto de lo que se añadirá a continuación.
  7. Incrustaremos una presentación de imágenes.
    •  Ejemplo: con imágenes de las diferentes etapas vitales de un león.
  8.  Se añadirá un texto alusivo a la presentación de fotos.
  9. Se añadirá un vídeo de you tube.
    •  Por ejemplo: sobre cómo cazan los leones.
  10. Añadiremos un botón que enlazará con el blog de cada alumno o una web externa en la que se da más información al respecto.
  11. Le cambiaremos la fuente a la web siguiendo las instrucciones de esta entrada anterior.
  12. Añadimos una página en la que insertamos un mapa sobre la localización de la empresa y un formulario de contacto.
  13. Le dais a Publicar.
  14. Para que sea corregida tienes que:
  15. Crear una entrada en el blog titulada Una web con weebly. 
  16. Hago una captura de pantalla a la web y la pongo en la entrada del blog.
    1. Hay varias formas de hacer la captura de pantalla:
    • Puedo darle a la tecla impr que está a la derecha arriba del teclado.
    • Luego voy a Paint y allí la abro y la edito.
    1. Otra forma es con comandos:
    • Primero le doy a la tecla Impr.
    • Luego control+c para copiar y control+v pare pegar en Paint.
  17. Pongo un enlace a la web creada. 
    • Recuerda que para ello tienes que haberle dado, al editarla, a publicar. Además, debes salirte de weebly. Luego comprueba que la has publicado escribiendo la dirección que aparece en la barra de arriba (ejemplo de mi blog https://azulturquesabitacoradeteresa.blogspot.com.es). Si todo ha ido bien esa es la dirección que tienes que poner para enlazar tu web al blog en tu entrada.
  18.  Si por cualquier motivo añadís o cambias algo después de publicar:
    1. Vais a Configuración.
    2. En la parte de abajo pulso en despublicar. 
    3. Seguidamente vuelvo allí a pulsar Publicar.
ENTREGA: 24 DE ABRIL DEL 2018.

Proyecto final para el tercer trimestre de Comunicación Visual de 3º ESO: realización de una web promocional.

 



Como se explicó en clase se trata de crear una web promocional de un producto y/o los servicios de una empresa.Concretamente, aunque se hayan hecho equipos, cada alumno tendrá que realizar su propia versión de la web del equipo.

Este año el tipo de producto no lo he decidido yo y se ha hecho una lluvia de ideas.
Concretando, hemos estado hablando sobre diferentes posibilidades, como la promoción de:
  1. Un alimento, un complemento de moda, etc.  Por lo que habría que crear un cartel y un anuncio para televisión.
  2. Una película. Para la que habría que crear el trailer y el cartel.
  3. Una campaña de concienciación. Se haría el cartel y el spot de televisión.
  4. Un corto de animación. Se haría el cartel promocional y el corto.
  5. Alguien que se presenta a unas elecciones. Se haría el cartel y el spot de televisión.
  6. Una empresa dedicada ha hacer y explicar trucos cinematográficos. Por lo que se realizarían algunos de estos trucos y se insertarían como ejemplo y un cartel promocionando la empresa y sus servicios.

El caso es que ya están formados los grupos y el tiempo corre. Por eso no hay que perderlo de vista y es tan importante ser organizados y que cada miembro del grupo cumpla con su parte.
Y también por eso, el alumno que no cumpla con su grupo deberá realizar el proyecto en solitario, al no necesitar compañeros.
¿QUÉ TIENE QUE HACER CADA EQUIPO?
  1. Decidir sobre qué versará su web.
  2. Crear, cada miembro del equipo, su versión de la web. Para ello se usará la versión gratuíta de la aplicación Weebly, en la que cada alumno tiene que registrarse.
  3. Hay que plasmar las fases del trabajo y determinar quienes se encargarán de cada parte, por lo que hay que realizar un guión de trabajo - planificación.
  4. En la web tiene que aparecer, obligatoriamente:
  5. El anuncio publicitario para televisión o cines (trailer) del producto. 
    1. Éste se hará con el programa de edición de vídeo preferido por cada equipo, sea para ordenador o para móvil. En el caso de la empresa dedicada a los efectos especiales un tutorial explicando alguno de ellos. 
    2. Su duración estará entre los 15 a 30 segundos.
    3. Si se ha optado por un corto o un trailer:   hay que decidir el género de la película y la técnica con la que será realizada (actores reales, animación mediante stop motion); escribir el guión (breve) y luego el guión técnico-story board. 
    4. Si se optó por una campaña de publicidad en televisión:    hay que decidir el estilo del anuncio y la técnica con la que será realizada (actores reales, animación mediante stop motion); escribir el guión (breve) y luego el guión técnico-story board. 
    5. En el blog formacionaudiovisual.com se explica qué tiene que contener un guión técnico. Y en el blog plastic-tac el por qué es necesario un story board.
  1. El cartel del producto, que se hará con Canva y Photoscape. 
  2. Una página en la que aparezcan los miembros del equipo, cada uno con una foto suya y un supuesto currículum.
  3. Una presentación que, a modo de diario ilustrado, explique el proyecto de su web. Por ese motivo se recomienda: reflejar el trabajo diario, decisiones, problemas y soluciones en un diario que se publicará en el blog de cada miembro del grupo. Se debe tener en cuenta que las fotos del proceso son importantes. Toda esta información se plasmará en la presentación Prezi.
______________________________________________________________________________

  • Tenéis que confeccionar vuestra página web con la aplicación gratuita Weebly.
  • Hay que grabar las escenas y editarlas. Así que usaremos las cámaras de vuestros móviles en principio y aplicaciones para edición sencillas y a ser posible online y gratuítas. Una de ellas Movie Maker de la cual os dejo un tutorial.
Movie Maker Tutorial Completo 2016 ESPAÑOL from Fernando Luzárraga on Vimeo.

  • También podéis usar Videopad, con la que podemos editar audio y sonido. Tutorial,  enlace directo.  ,  foro de dudas, igualmente os recomiendo 123apps.com, un auténtico todo en uno.               EdiciónAudioVideoPrácticasHerramientasGratuitasAula-Sitio-BlogGesvin:                                                                  Visto en gesvin.wordpress.com
  • Recordad que no es correcto usar creaciones ajenas sin permiso. Por eso tendréis que utilizar sonidos y música libre. Podéis probar en: Musicalibre , Soundcloud o Jamendo.
  • Si el trailes tiene la voz de un narrador será de utilidad Screencast-o-matic y su videotutorial.
  • Hay que decidir la estética de la página web.
  • Hay que realizar un cartel promocional para insertarlo en la web. Ya sabéis lo versatil y sencillo que es Canva.
  • Se realizarán entrevistas promocionales al reparto, el director o el guionista.
  • Eccetera.

Sin embargo el calendario final quedó así:
DIA 1 10 de abril: se muestran proyectos de años anteriores. Después se ven  las diferentes opciones para el proyecto de este trimestre: hacer un pequeño corto,una campaña ,un anuncio publicitario,concienciar de algo,propaganda,  trailer o otras opciones a discutir con la profesora.
DIA 2 11 de abril:Lo primero que hemos hecho a sido ver las webs que nos quedaron por ver,luego hemos creado  la nuestra propia.
Hemos elegido las parejas y hemos empezado a pensar en nuestro proyecto.
DIA 3 12 de abrilHemos estado probando la aplicación Weebly.
DIA 4 Hemos estado creando la pagina web de ejemplo
DIA 5Hemos terminado la página web de ejemplo.
DIA 6Hemos creado la pagina web de nuestro proyecto.
DIA 7  2 de mayoVamos a hacer los bocetos
DIA 8  3 de mayo: Hacer fotos cartel
DIA 9  8 de mayo: Fotos y Edición del cartel
DIA 10  9 de mayo: Subir el cartel
DIA 11  10 de mayo: Empezar video y guiones,story board
DIA 12  15 de mayo: Grabar
DIA 13  16 de mayo:Editar
DIA 14  17 de mayo: Editar
DIA 15  22 de mayo:Terminar web
DIA 16  23 de mayo:Entrega web     



Dia 1: Este dia nose sentemos mirando a la profesora  hablando dobre el proyecto del 3º trimestre y nos dio tres opciones ( un campaña para vender un producto, una campaña de concienzacion y un corto. Despues nos puso.
 Dia 2: Vimos unos proyectos de un anuncio publicitario de los compañeros del año pasado.
 Dia 3: Este proyecto se hara en colaboracion con Rida  y es un anuncio publicitario.
 Dia 4: Empezamos a utilizar weebly e hicimos  una pagina web de prueba.
 Dia 5: La profesora nos mando un ejercicio, en el que teniamos que crear una pagina web  y hacer los pasos que puso la profesora en su blog.
 Dia 6: Continue haciendo el ejercicio que mando la profesora.
 Dia 7: Empezamos a crear mi compañero y yo la nueva pagina web para el trabajo principal.
miércoles 2 de mayo: hacer el cartel, terminar el boceto y hace fotos
jueves 3 de mayo: fotos y editar el cartel/fotos.
SEMANA SIGUIENTE 
martes 8 de mayo: editar cartel
miercoles 9 de mayo: ENTREGA DEL CARTEL. Y anuncio.
Jueves 10 de mayo: guiones y preparación de anuncio
martes 15 de mayo: grabación
miercoles 16 de mayo: editar anuncio
jueves 17 de mayo: editar anuncio
martes 22 de mayo: terminar web
miercoles 23 de mayo: terminar web y entrega

_________________________________________________________________________________
  • Otras aplicaciones de utilidad:
  - Para bajar de you tube audios y vídeos Atubecatcher.
  - Conversor universal de vídeo Free-studio.
  - Para guardar y compartir los vídeos creados Vimeo.
  - Para editar el sonido (mezclar sonido y voces, cortar pegar...) Audacity. Otro programa con versión gratuita es Mixpad.

Pasos a seguir para enlazar una presentación Prezi en tu blog.

Prezi a cambiado en algunas cosas en esta última versión gratuita. Ya no nos deja incrustar la presentación pero si enlazarla. Sigue estos pasos y verás como no tienes problemas.
  1. Abro la presentación y le hago una captura de pantalla.
  2. Recorto la imagen de la captura para que sólo se vea la presentación en sí.
  3. Inserto esa imagen en la entrada del blog.
  4. Para incrustar la presentación en la entrada y verla así directamente allí:
  5. Busco la presentacion en Prezi y le doy a editar.
  6. Debajo de la presentación hay que darle a insertar.
  7. Se abre un cuadro y le doy a copiar el código.
  8. Me voy a la entrada del blog y pincho en HTML.
  9. Allí copio el código en su sitio.
  10. Pincho en redactar y me fijo si ha quedado bien.

miércoles, 18 de abril de 2018

Indicaciones para el diseño de tipografías.

Si hay que diseñar una tipografía deberemos tener claras algunas nociones. Mira:

Para saber más del tema: