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

https://tiposformales.com/category/formacion/c-diseno-tipografico/

http://la-tipografia.net/category/diseno-de-letras/page/7

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.

 

Así ha quedado expuesto el resultado.

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.

• Aquí puedes ver el proceso de diseño de éste y sus versiones en años anteriores. 

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

 

 

 

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.

 

 starwars.com

 loewe.com 

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.

• Es interesante ver cómo se trabajó el pasado curso la Web promocional de una película.   
1. Preliminares y Web-trailer
2. Avances.
3. Recomendaciones respecto a la tipografía en el cartel y la web.
4. Para cambiar las fuentes tipográficas en Weebly.
5. Resultados.

¿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. 
• 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.
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.                                                                                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.

Indicaciones para el diseño de tipografías.

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

Presentacion dibujar letras from Montejana De

Para saber más del tema:

Alfabeto clasico romano from lizza299