Logo y versiones descartadas

Logo y versiones descartadas

Antes de empezar ya habíamos acordado más o menos la idea de como queríamos el logo, así que hicimos unos bocetos de una mano con un dedo alzado:


Al final nos decidimos por la tercera mano y pensamos en darle color:

Como finalmente decidimos que la estética de nuestro DVD sería en blanco y negro, cogimos este mismo dibujo y le quitamos el color:


Únicamente nos falta escoger una tipografía y escribir alrededor del círculo "UNA COSITA". (Lo haremos en casa ya que en el cole no podemos descargarnos tipografías).

Menú (trabajo en grupo)

Menú (trabajo en grupo)

La idea que hemos tenido para nuestro menú es crearlo en base al concepto/estética de una clase.

Empezaría con una animación de nuestro logotipo seguida del menú principal, que sería una clase, y apareceríamos sentados los 4 (Clara, Genís, Víctor y yo) cada uno en nuestro pupitre.
Al clicar sobre cada uno, pasaríamos a un sub-menú, con una animación, que iría de la clase a nuestro pupitre donde habría una libreta. Dentro de la libreta aparecerían los diferentes apartados/menús de cada uno (personalizado).
En el menú principal también habría un botón/apartado con "+cositas". En este apartado habrá un making-off del mismo dvd y otro apartado con fotos nuestras.

SI o No??

Comenzamos el 3r trimestre y aquí estamos otra vez.
hoy hemos estado practicando las interplaciones clásica y de forma.

Aqui una muestra:

Repàs 2n trimestre

[Preguntes 1: Símbols i instàncies]

1-Com definiries un símbol?
Un símbolo es un elemento existente que importamos al proyecto que estamos haciendo, o un elemento que nosotros creamos y lo convertimos en símbolo. Estos elementos se guardan en la biblioteca y a partir de ahí podemos utilizarlos.

2-Com definiries una instància?
Una instáncia es un símbolo que está en el escenario. Seria como una copia del símbolo original. Es el que utilizamos y lo podemos modificar sin que varie el original, el símbolo.

3-Quines modificacions podem aplicar a una instància?
A las instáncias podemos aplicarle filtros y elementos de rotación y translación en 3D, cambiar el tamaño y la posición en el escenario , el color o la opacidad y utilizar sobre ellas todas las opciones de la barra de herramientas.

4-Quines modificacions podem aplicar a un símbol? Com afecten aquests canvis a les instàncies d'aquest símbol?
Para modificar un símbolo editamos una de las instáncias que tenemos en el escenario. Todas las modificaciones que hagamos, como cambiar el color, el tamaño o borrar una parte, afectara al símbolo original que pasará a tener esas propiedades y, también todas las instáncias de ese símbolo.

5-Si canviem el gruix de línea d'una estrella, es modifica el gruix de línea de les altres estrelles?
Si que se modifica también el grosor de las otras estrellas, ya que la propiedad que estamos cambiando es del símbolo y no de la instáncia.

6-Si canviem la transparència d'una instància, es modifica la transparència de les altres?
La transparencia no afecta al símbolo, por lo tanto, no afecta a las demás instáncias, solo a la que estamos modificando.

[Preguntes 2: La línea de temps ]

1.Quina diferència hi ha entre un fotograma i un fotograma clau?
Un fotograma clau es aquel en el que podemos cabiar las propiedades de los objetos: el color, el tamaño, l aposición, etc. En cambio, un fotograma normal, solo es un paso de tiempo, no se puede modificar nada.

2.Què és el paper de ceba? Per a què serveix?
La función papel de cebolla nos permite ver los que hay en los fotogramas cercanos al que estamos. El fotograma en el que estamos lo vemos normal y los demás los vemos atenuados.
aunque tengamos la función activada, solo podemos midificar el fotograma en el que estamos.

3.Què és una capa màscara?
Con la capa máscara conseguimos un efecto que llamamos enmascaramiento. A través de esa capa vemos lo que hay en otra u otras que están ocultas debajo de esta.

[Preguntes 3: So ]

1.Quines formes de sincronització d'àudio permet flash?
Flash tiene 4 formas diferentes de sincronización de audio:
- Evento
- Flujo
- Inicio
- Detener

2.Quina diferència hi ha entre la sincronització d'inici i la d'esdeveniment (evento / inicio).
Con la sincronización de inicio, el sonido empieza a sonar en el primer fotograma donde esta puesta y cuando acaba se vuelve a repetir el primero, es decir, vuelve a comenzar el sonido.
En cambio, en la sincronización de evento el sonido empieza en el primer fotograma donde está puesto sin que haya acabado de sonar el anterior, quedando una música encima de la otra.

[Preguntes 4: Clips de pel·lícula i gràfics]

1.Què tenen en comú un gràfic i un clip de pel·lícula?
Los dos son símbolos.

2.Quina és la diferència principal entre un clip de pel·lícula i un gràfic?
En el clip de película, la animación que creemos dentro del clip se irá repitiendo indefinidamente aunque se acabe la´línia de tiempo principal.
En el gráfico, al revés, la animación durará el mismo tiempo que la línia de tiempo principal, es decir, solo se verá la perta de la animación que quepa en ese tiempo.

[Preguntes 5: Els botons]

1.Explica quins són els 4 fotogrames clau dels botons, què permeten definir?
Los botones de flash son una herramienta muy útil para poder interactuar con la animación que creemos.
Estos botones constan de 4 fotogramas clave, 4 estados, en cada uno variamos una opción diferente.
1- Reposo
Es el primer estado, la imagen inicial del botón cuando no interactuamos con él.
2- Sobre
Es el estado
que usamos cuando pasamos por encima del botón. podemos hacer que esta cambie de color, de forma, o ponerle algún sonido.
3- presionar
Es el estado para cuando clicamos en él. podemos hacer las mismas mosificaciones que en estado anterior.
4- Zona sensible.
Con ella definimos la zona alrededor del botón donde tambien se activan los demas estados sin tener que llegar a él

2.On trobem botons de flash predissenyats?
Flash tiene botones prediseñados que podemos encontrar en la pestaña ventana, bibliotecas comunes. Allí tenemos botones, sonidos y clases.

[Preguntes 6: Interpolació de moviment]

1.Què és una interpolació de moviment?
Es una manera rápida de animar los objetos. Marcamos un principio y un final y el nos hace todo el movimiento para llegar de un lugar a otro.

[Preguntes 7: actionScript]

1.Què és l'actionScript?
Se trata del lenguaje de programación que utiliza Flash. Con él, controlamos las acciones de la animación.

2.Com podem controlar la línea de temps amb actionScript?
Tenemos que abrir la pestaña ventana, acciones, y se nos abre el actionScript donde escribimos los códigos.
Para controlar la línea de tiempo, creamos una capa nueva donde colocar las acciones y seleccionamos el primer fotograma de esta capa. Entonces abrimos el actionScript y escribimos el código que necesitamos.
Podemos hacer que la animación empiece, se pare, vuelva a reanudarse o que vuelva a un fotograma en concreto de la animación.

3.Escriu el codi d'actionScript per aturar la línea de temps amb la instància "btpausa" d'un botó.
btpausa.addEventListener(MouseEvent.CLICK,parar)
function parar(event:MouseEvent){
gotoAndStop(1);


[Preguntes 8: Cinemàtica inversa]

1.Què és la cinemàtica inversa?
Es otra manera de animar de Flash, pero más precisa, ya que consiste en fornal un esqueleto dentro de la forma. Así podemos mover la forma por partes y conseguir un movimiento más detallado.

2.Quina eina de flash permet la cinemàtica inversa?
Para hacer funcionar la cinemática inversa utilizamos la herramienta "huesos", que está en la barra de herramientas de Flash.

Alguitas en el fondo del mar

Otro día con publicaciones de dos en dos, y aún queda algo más por ahí.

Siguiendo con la cinemática inversa, la hemos aplicado para mover unas algas del fondo del mar y con una mascara, conseguimos el efecto de que estamos dentro de un submarino.





Alucinante, eh!!! con pez incluido y todo.... jajajaja. una que hace lo que puede.

DEW!!!

Serp

Primera animación hecha con el maravilloso invento de la cinemática inversa (ponerle esqueleto al la figura, vamos). Esto si que ahorra tiempo y fotogramas!!!





Toda una obra de arte!! XD

Como lo prometido es deuda, otra nueva entrada en cinco minutos!! XD

Aqui tenemos el p_ _ _ cohete que me ha traido por la calle de la amargura. Por fin he conseguido que funcione, pero aún nose como. Esta claro que Flash no me quiere.



Bonito, a que si?? con lo que me ha costado, para no serlo!!

adeu adeu!!

PAPALLONETA!!!

HOLITA!!!!!
Por fin está acabada la mariposilla!!!! que siempre se me olvidaba.
Es de lo primero que hicimos con la interpolación de movimiento, todo un descubrimiento para poder mover los objetos; la de tiempo que ahorra!!!! y yo que soy lenta lenta me va perfecto!



En cinco minutitos el próximo!!

Mar y montaña

Otra vez por aqui. Un poco tarde, sii.....pero por una vez....

Hoy un bonito ejercicio con botones:



Un consejo.....para los despitados: hay que apretar los botones!! Xd

DEW!!!

BOTONETS!!

Los botones de Flash son una herramienta muy útil para poder interactuar con la animación que creemos.

Estos botones constan de 4 fotogramas clave, en cada uno variamos una opción diferente.

1- Reposo

Es el primer estado, la imagen inicial del botón cuando no interactuamos con él.

2- Sobre
Es el estado que usamos cuando pasamos por encima del botón. Podemos hacer que este cambie de color, o poner algún sonido.


3- Presionar

Es el estado para cuando clicamos en él.

4- Zona sensible
Con ella definimos la zona alrededor del botón donde tambien se activan los demas estados sin tener que llegar a él

Menjant xiclet

Despues de unas largas vacaciones volvemos con muchas ganitas!!!!

Segunda animación con flash, esta vez una obra maestra: un rubito muy mono comiendo chicle. interesante eh!!!!


Seguiremos trabajando, de aqui a nada la nueva superproduccion en flash.

Otra semana de multi, ya la última del trimestre. OHHH!! q penita!!!!

Hemos empezado a hacer animaciones con flash.
Aquí está mi primera práctica:



No es gran cosa, pero a mi me parece muy mono.

Respuestas:
1. Un fotograma clau es aquel en el que podemos cabiar las propiedades de los objetos: el color, el tamaño, l aposición, etc. En cambio, un fotograma normal, solo es un paso de tiempo, no se puede modificar nada.
2. Usando la sincronización de inicio la canción comienza con el primer fotograma y cuando el video vuelve al principio la cancion vuelve a comenzar de nuevo. Si usamos la sincronización de evento, la canción comienza tambien en el primer fotograma, pero cuando vuelve a comenzar el video en el primer fotograma,vuelve a empezar la canción sin que se haya acabado la anterior.

Nos vemos el año que viene!!!!

BON NADAL!!!!!!!!

CIRCULOCO

Recién llegados al Sant ignasi despues de una productiva siesta.

Hoy volvemos a tocar Flash, y toca hacer circulitos!!!Y vamos un paso mas adelante, y los superponemos!!! XD
Menudos genios estamos echos.

Despues de contemplar estas obras de arte solo queda despedirse y, hasta mañana, que seguro que la Laia noshace hacer algo mas. Nos tiene esclavizados.

DEW!!!!!!!

Bones festes amb un camp d'estrelles!!!

Otro dia productivo en clase de múltimedia. Seguimos con Flash, hoy símbolos. y hemos creado este precioso campo de estralles, con el que aprovecho y felicito a todo el mundo la Navidad, que ya están a la vuelta de la esquina.


Preguntas:
1. Un símbolo es un elemento existente que importamos al proyecto que estamos haciendo, o un elemento que nosotros creamos y lo convertimos en símbolo. Estos elementos se guardan en la biblioteca y a partir de ahí podemos utilizarlos.
2. Una instáncia es un símbolo que está en el escenario. Seria como una copia del símbolo original. Es el que utilizamos y lo podemos modificar sin que varie el original, el símbolo.
3. A las instáncias podemos aplicarle filtros y elementos de rotación y translación en 3D, cambiar el tamaño y la posición en el escenario , el color o la opacidad y utilizar sobre ellas todas las opciones de la barra de herramientas.
4. Para modificar un símbolo editamos una de las instáncias que tenemos en el escenario. Todas las modificaciones que hagamos, como cambiar el color, el tamaño o borrar una parte, afectara al símbolo original que pasará a tener esas propiedades y, también todas las instáncias de ese símbolo.
5. Si que se modifica también el grosor de las otras estrellas, ya que la propiedad que estamos cambiando es del símbolo y no de la instáncia.
6. La transparencia no afecta al símbolo, por lo tanto, no afecta a las demás instáncias, solo a la que estamos modificando.

NOMBRESSS!!!!

Aqui estamos otra vez. Hoy seguimos haciendo Flash y hemos estado toqueteando la herramienta de texto.

Con todo lo que nos ha enseñado la Laia hoy he echo estos pedazos de nombres...a cual mejor!! XD
No son los mejores, pero es viernes, y mi creatividad hoy no da para más.
Lo seguiremos intentando!!!

Dibujando con flash

Otra vez aquí despues de una dura semana de exámenes.

Esta semana hemos empezado a hacer Flash y, como no, la Laia nos ha hecho hacer estos preciosos dibujitos con él.



Q monos!!!!!
Si esq somos como niños....

Mas en breve!!! DEW!

Caligrama ilustrator

Otro trabajo con Ilustrator. Esta vez hemos aprendido a utilizar las herramientas de texto y poder hacer figuras mientras escribimos.

Aquí está un onito caligrama que hemos tenido que hacer, no es perfecto, pero es muy mono.

EFECTE SOUVENIR

El pasado miércoles la Laia nos llevó de excursión. Sí....somos como niños pequeños, es lo que hay!

Vimos una exposición sobre los souvenirs de todo el mundo y la evolución que han tenido a lo largo de la historia.

Y que tienen que ver los souvenirs con multimédia?? Pues nada, la verdad. El objetivo era utilizar un Tablet que nos guiaba durante toda la exposición y crear el mapa de navegación para clase, no iba a ser todo tan bonito.....
Y aqui está:

La exposición fue muy interesante y entretenida. aqui teneis el enlace de la pagina web del DHUB Montcada que es el museu donde está por si alguien se anima a ir.

Hasta dentro de un ratillo que seguro que tengo q colgar algo más.

Intuición premiere

Adobe Premiere CS4 es un programa de edición de video.
Se trata de un programa muy intuitivo, ya que cualquier persona puede utilizar lo básico sin tener que haver tenido ninguna preparación previa del tipo de programa o la manera de funcionar que tiene.

Esta facilidad para entender y manejar el programa se consigue gracias a una serie e aspectos que vamos a analizar:

A nivel visual:
Al entrar en Premiere nos encontramos con la pantalla principal.
La disposición que tiene el programa nos ayuda a entender como funciona:

• Arriba nos encontramos la barra de tareas con las pestañas habituales en todos programa, por lo que ya sabemos utilizarlas.
• En el proma encontramos las pantallas, simulando reproductores, de visionado previo y de visionado del proyecto final.
• A la izquierda de la pantalla, arriba, vemos la organización de los archivos que estamos utilizando y en la parte de abajo, los efectos que podemos usar en los vídeos que editemos.
• Debajo de las pantallas de visionado encontramos el time-line, es el lugar de trabajo. Es muy fácil de deducir, ya que tiene marcados los tiempos y los canales, tanto de vídeo com de audio.
• En la derecha de la pantalla principal hay una serie de herramientas organizadas que utilizamos en los videos que esten en el time-line, algo fácil de deducir ya que está al lado de este.

A nivel analítico:
Se trata de los iconos que estamos acostumbrados a ver en todos los programas y ya sabemos su significado, no hemos de pensar en la función que tienen.
Un ejemplo de los que podemos encontrara en Adobe Premiere son:
La cruz, que utilizamos para cerrar las ventanas.
La flecha de selección, que utilizamos para movernos por el prgrama y seleccionar los diferentes elementos.
La papelera, usada para borrar los clips o los efectos que hemos añadido a alguno.
La lupa, que se utiliza para agrandar o empequeñecer la visión de los elementos del time-line.
La carpeta, se usa para almacenar archivos o efectos del programa.
El ojo, nos indica si el archivo al que esta relacionado lo veremos o no cuando reproduzcamos el vídeo.
La película de video y el altavoz las utilizamos para elegir si queremos ver y oír el video o no.
La mano, la usamos para movernos con facilidad a través del time-line.
La cuchilla, para cortar un trozo del vídeo que nos interesa con gran precisión.
Los botones de reproducción de los clips, nos sirven para reprodudirlos y marcar entradas y salidas de una parte del vídeo.

A nivel de lectura:
Se refiere a todo el texto que podemos encontrar en el programa, para que la aplicación resulte más fácil de entender:

• Las carpetas: todas llevan el nombre que les corresponde, para que sepamos lo que contienen sin necesidad de abrirlas.
• Los efectos: Cada efecto lleva su nombre, asi, antes de utilizarlo ya podemos tener una pequeña referenci a del tipo de efecto que produce.
• La barra de menús del programa: Cada pestaña tiene su nombre, y dentro de cada pestaña tenemos diferentes opciones, todo escrito.
  

Poca intuición: Avid
En edición de vídeo, tambien nos encontramos con otro programa muy parecido, pero que tiene una manera diferente de trabajar. Se trata de Avid.


Este programa es muy poco intuitivo.
Si es verdad que la pantalla principal tiene una disposición parecida a premiere, con las pantallas de visualización, el time-line debajo, etc., pero a la hora de trabajar con el, no se parecen en nada.
Para cualquier acción que se quiera hacer en avid, hay que dar muchas mas vueltas, todo requiere dos o tres pasos, que son dificiles de aprender e impossibles de deducir por uno solo. Encontramos muy pocos aspectos que nos ayuden.

Para alguien que esta empezando con la edición de vídeo o que no tiene muchas nociones, nunca le recomendaría Avid, aunque se pueden hacer cosas algo mas interesantes, pero se tarda más en aprender, que en poder hacerlas. Es mucho mejor el Premiere.

ILUSTRATOR!!!

HOla, holita!!!!!Otra vez x aki!

Hoy hemos empezado a tocar el ilustrator. Mucho mejor que le photoshop, pero mucho mas difícil también.

Nuestra querida Laia nos ha hecho dibujar una cara para demostrar lo artistas que somos.

Aquí os presento a mi chino-negro, con pecas y ojos verdes:

A que mola!!!!

Para mi, que nose dibujar, a sido todo un reto. Menuda obra de arte!!!!