Aquests són els submenús de galeria de fotos i vídeos del meu menú principal:
dijous, 20 de maig del 2010
dimarts, 18 de maig del 2010
nova animació personal i explicació del meu menú
Finalment vaig decidir canviar la meva animació personal, per això a continuació explicaré en que consistirà, i també que hi haurà dins dels altres botons del meu menú personal:
Aquest menú resulta ser la mateixa que la postal principal que cliques per entrar però girada, és a dir, per la part del darrera. En aquest menú hi ha quatre botons:
CHIARA
Quan cliques al botó “Chiara” entres a l’animació personal.
Tracta d’una televisió que es mou al principi amb una foto meva al mig i un cop desapareix la foto apereixen unes lletres on posa “aquesta sóc jo” i comencen a aparèixer fotografies de jo de petita, jo fa uns anys i jo actualment. Després d’això surten unes altres lletres on posa “aquest és el meu món” i apareixen les coses que m’agraden i les meves aficions. Un cop s’acaba això, la televisió es torna a moure i surten unes lletres on posa “fin” i s’acaba.
FOTOS
Un cop tornes al menú, el segon botó que cliques és el de “fotos”. Dins d’aquest menú hi ha una fotografia de fons de Cuba, i dues galeries:
Galeria Cuba: On hi hauràn fotos de Cuba
Galeria personal: On hi hauràs fotos fetes per mí.
VIDEOS
Un cop entres a aquest menú, també consta d’un foto de Cuba de fons i dos botons:
Video 1: Un videoclip del grup de música The Postal Service, ja que m’agrada molt
Video 2: Un altre videoclip del grup de música The Postal Service o un petit curtmetratge que tracta d’uns píxels que sobrevolen la ciutat de Nova York, però he tingut problemes a l’hora de convertir-ho a .AVI i no sé quin dels dos acabaré posant.
CURRICULUM
Un cop cliques al botó de “Currículum” entra directament a una petita animació feta amb flash on es veu el meu currículum amb un fons de color verd i les lletres de color groc, que va ascendent, de baix a dalt.
Aquest menú resulta ser la mateixa que la postal principal que cliques per entrar però girada, és a dir, per la part del darrera. En aquest menú hi ha quatre botons:
CHIARA
Quan cliques al botó “Chiara” entres a l’animació personal.
Tracta d’una televisió que es mou al principi amb una foto meva al mig i un cop desapareix la foto apereixen unes lletres on posa “aquesta sóc jo” i comencen a aparèixer fotografies de jo de petita, jo fa uns anys i jo actualment. Després d’això surten unes altres lletres on posa “aquest és el meu món” i apareixen les coses que m’agraden i les meves aficions. Un cop s’acaba això, la televisió es torna a moure i surten unes lletres on posa “fin” i s’acaba.
FOTOS
Un cop tornes al menú, el segon botó que cliques és el de “fotos”. Dins d’aquest menú hi ha una fotografia de fons de Cuba, i dues galeries:
Galeria Cuba: On hi hauràn fotos de Cuba
Galeria personal: On hi hauràs fotos fetes per mí.
VIDEOS
Un cop entres a aquest menú, també consta d’un foto de Cuba de fons i dos botons:
Video 1: Un videoclip del grup de música The Postal Service, ja que m’agrada molt
Video 2: Un altre videoclip del grup de música The Postal Service o un petit curtmetratge que tracta d’uns píxels que sobrevolen la ciutat de Nova York, però he tingut problemes a l’hora de convertir-ho a .AVI i no sé quin dels dos acabaré posant.
CURRICULUM
Un cop cliques al botó de “Currículum” entra directament a una petita animació feta amb flash on es veu el meu currículum amb un fons de color verd i les lletres de color groc, que va ascendent, de baix a dalt.
dimecres, 5 de maig del 2010
dimecres, 21 d’abril del 2010
Postal Cuba
El nostre disseny s'inspira en un aeroport, on estan les cintes transportadores d'equipatjes. Entraràn tres maletes en escena sobre la cinta en moviment i s'aturaràn just al mig de la pantalla. A la maleta del centre trobarem tres adhesius que corresponen als tres paisos que hem escollit cadascuna, Turkia, Anglaterra i Cuba. Sobre d'aquestes hi haurà el nom del pais junt amb el de cadascuna i al pitjar a sobre se'ns obrirà cada projecte personal.
Aquesta serà la meva postal, cadascuna de nosaltres ha utilitzat un fons de postal, tipografia i colors diferents perquè quedés més personal i anés relacionat amb cadascún dels nostres països. Jo he escollit aquesta tipografia no per res en especial, però m'agradava com quedava ja que la lletra té molt volum i els colors perquè anàven a conjunt amb la fotografia (verda i groga).
dijous, 8 d’abril del 2010
Guió literari + story board (a mà)
La meva animació personal consistirà en el següent:
Una maleta sortirà des de la part esquerra de la pantalla donant "saltets". Es pararà en mig de la pantalla, s'obrirà i sortirà una càmara Polaroid que es situarà a la part dreta de la pantalla i un cop allà començaràn a sortir fotografies polaroid, on à cadascuna d'elles sortiràn amigues meves amb un full en blanc on hi haurà escrit úna característica sobre mí. Per tant, podrem anar veient mentre avancen les fotografies, el que m'agrada, el que no, com sóc...etc.
Una maleta sortirà des de la part esquerra de la pantalla donant "saltets". Es pararà en mig de la pantalla, s'obrirà i sortirà una càmara Polaroid que es situarà a la part dreta de la pantalla i un cop allà començaràn a sortir fotografies polaroid, on à cadascuna d'elles sortiràn amigues meves amb un full en blanc on hi haurà escrit úna característica sobre mí. Per tant, podrem anar veient mentre avancen les fotografies, el que m'agrada, el que no, com sóc...etc.
dimecres, 7 d’abril del 2010
dijous, 25 de març del 2010
dimecres, 24 de març del 2010
PROJECTE, IDEES.
El nostre DVD consistirà en el següent:
Com el nom del grup es diu "ekipaje de mano" hem pensat que el menú principal sigui una cinta transportadora de maletes on entren 3 maletes. Aquestes entrarien fins parar-se. La del mig seria la que tindria enganxades varies enganxines però tres d'elles tindràn cadascun dels nostres noms: Ari, Chiara, Laura.
A partir d'aquí, entrem dins de cada submenú. Cadascun d'aquests, representarà un país o ciutat que ens agradi, per tant, el fons de cada submenú serà una fotografia de la ciutat o país que representa a cadascuna:
Ari: India
Chiara: Cuba
Laura: Inglaterra
A cada submenú s'aprofitaràl els objectes de les diferents imatges per crear botons dels DVD que ens portin a cada apartat de la nostra presentació:
BOTONS (comuns a totes)
- JO
-VÍDEOS
-FOTOS
-CURRÍCULUM
Com el nom del grup es diu "ekipaje de mano" hem pensat que el menú principal sigui una cinta transportadora de maletes on entren 3 maletes. Aquestes entrarien fins parar-se. La del mig seria la que tindria enganxades varies enganxines però tres d'elles tindràn cadascun dels nostres noms: Ari, Chiara, Laura.
A partir d'aquí, entrem dins de cada submenú. Cadascun d'aquests, representarà un país o ciutat que ens agradi, per tant, el fons de cada submenú serà una fotografia de la ciutat o país que representa a cadascuna:
Ari: India
Chiara: Cuba
Laura: Inglaterra
A cada submenú s'aprofitaràl els objectes de les diferents imatges per crear botons dels DVD que ens portin a cada apartat de la nostra presentació:
BOTONS (comuns a totes)
- JO
-VÍDEOS
-FOTOS
-CURRÍCULUM
dijous, 18 de març del 2010
MENU ENCORE
MENÚ ENCORE
Botons de l’encore: Com ho fem en photoshop?
Aquest procés consisteix en el següent:
Per començar, les mides del document han de ser: 720x576 píxels.
Quan veiem un menú DVD d’una película, els botons d’aquest canvien depenent de l’acció que duïs a terme: Quan estás en el menú, aquests botons (opcions) són d’una manera:
Quan passes per sobre per seleccionar una de les opcions, aquests botons canvien d’estat, fent que apareixi al costat un indicador visual, perquè sàpiques que estàs situat en aquella opció:
Per últim, quan cliques a sobre d’una opció perquè t’envii a aquell menú, l’indicador visual canvia, perquè puguis saber que has indicat “dirigir-te a aquella opció seleccionada”:
Per aconseguir això, per començar, les mides del document han de ser 720x576.
Hem de començar fent tres capes. Cada capa tindrà quatre capes:3 capes per colors (per crear l’indicador visual):
Color 1
Color 2
Color 3
La quarta capa serà el text, en aquest cas: OPCIO 1/OPCIO 2/OPCIO 3
Per tant, haurem de crear una carpeta per cada botó, i dins d’aquesta carpeta ficar les 4 capes.
Aquesta carpeta tindrà un (+) al davant perquè l'Encore ho detecti com a botó.
Dins de cadascuna de les carpetes, haurem creat ja una capa que sigui el text: OPCIO 1. Per crear l’indicador visual, aquest serà el que estigui creat pels tres colors, que seràn les tres capes restants, per tant, haurem de fer el següent:
(=1)opcio1
(=2)opcio1
(=3)opcio1
Aquí l’exemple:
A cada capa dibuixarem una forma amb un color:
(=1)opcio1
(=2)opcio1
(=3)opcio1
Botons de l’encore: Com ho fem en photoshop?
Aquest procés consisteix en el següent:
Per començar, les mides del document han de ser: 720x576 píxels.
Quan veiem un menú DVD d’una película, els botons d’aquest canvien depenent de l’acció que duïs a terme: Quan estás en el menú, aquests botons (opcions) són d’una manera:
Quan passes per sobre per seleccionar una de les opcions, aquests botons canvien d’estat, fent que apareixi al costat un indicador visual, perquè sàpiques que estàs situat en aquella opció:
Per últim, quan cliques a sobre d’una opció perquè t’envii a aquell menú, l’indicador visual canvia, perquè puguis saber que has indicat “dirigir-te a aquella opció seleccionada”:
Per aconseguir això, per començar, les mides del document han de ser 720x576.
Hem de començar fent tres capes. Cada capa tindrà quatre capes:3 capes per colors (per crear l’indicador visual):
Color 1
Color 2
Color 3
La quarta capa serà el text, en aquest cas: OPCIO 1/OPCIO 2/OPCIO 3
Per tant, haurem de crear una carpeta per cada botó, i dins d’aquesta carpeta ficar les 4 capes.
Aquesta carpeta tindrà un (+) al davant perquè l'Encore ho detecti com a botó.
Dins de cadascuna de les carpetes, haurem creat ja una capa que sigui el text: OPCIO 1. Per crear l’indicador visual, aquest serà el que estigui creat pels tres colors, que seràn les tres capes restants, per tant, haurem de fer el següent:
(=1)opcio1
(=2)opcio1
(=3)opcio1
Aquí l’exemple:
A cada capa dibuixarem una forma amb un color:
(=1)opcio1
(=2)opcio1
(=3)opcio1
Aquestes capes, a l'hora de convinar-les, crearem els diferents estats. Per exemple, a l'hora de seleccionar un botó, sortiràn les tres capes juntes, en canvi quan només hi passem per sobre, només sortiràn dues de les capes. El que vull dir amb això és que segons quin sigui l'estat del botó, la convinació de les capes serà diferent, potser només sortiràn dues, com tres, o només una.
dimecres, 10 de març del 2010
divendres, 19 de febrer del 2010
dimecres, 17 de febrer del 2010
2a avaluació. Preguntes.
[Preguntes 1: Símbols i instàncies]
1-Com definiries un símbol?
Es tracta de l'objecte que està a la biblioteca
2-Com definiries una instància?
És el símbol que es troba a l'escenari, és a dir, com es materialitza aquest símbol a l'escenari.
3-Quines modificacions podem aplicar a una instància?
Podem aplicar casi tot tipus de modificacions: La tinta, el tamany, la posició, li pots aplicar filtres com per exemple el desenfoc, la transparència, etc. per tant, parlem de modificacions que no afecten a la figura en sí.
4-Quines modificacions podem aplicar a un símbol? Com afecten aquests canvis a les instàncies d'aquest símbol?
Les modificacions que podem aplicar a un símbol són les que modifiquen el dibuix en sí, com per exemple el color, el degradat o el gruix. Per tant, quan modifiquis aquests canvis, afectarà a totes les instàncies
5-Si canviem el gruix de línea d'una estrella, es modifica el gruix de línea de les altres estrelles?
Sí, perquè forma part de les modificacions del dibuix en sí. Per exemple si canviessim el color de l'estrella, també es modificaria a les altres.
6-Si canviem la transparència d'una instància, es modifica la transparència de les altres?
No, ja que no forma part de les característiques principals i esencials de la figura en sí
[Preguntes 2: La línea de temps ]
-Quina diferència hi ha entre un fotograma i un fotograma clau?
Fotograma: Es tracta d'un moment exacte d'un clip de vídeo, es com si fos una unitat de temps, contra més fotogrames, més temps durarà la pel•lícula.
Fotograma clau: Són fotogrames que marquen moments de canvi en un clip de vídeo, amb aquests, doncs, podem definir canvis en les propietats d'un objecte, per tant, faciliten la creació d'animacions.
-Què és el paper de ceba? Per a què serveix?
S’utilitza per veure els moviments anteriors i posteriors d’un moment en concret. La coordinació del qual s’aconsegueix movent els fotogrames claus; hi ha una opció què és moure tots els fotogrames claus. Serveix per acurar més el moviment d’un moment.
-Què és una capa màscara?
La capa màscara permet que altres capes es vegin, allà on coincideixin amb aquesta.
[Preguntes 3: So ]
-Quines formes de sincronització d'àudio permet flash?
Evento, inicio, detener i flujo
-Quina diferència hi ha entre la sincronització d'inici i la d'esdeveniment (evento / inicio).
Sincronització d'inici: Aquest tipus de sincronització fa que el so comenci a sonar en un fotograma que tu vols si no està sonant encara.
Sincronització d'esdeveniment: Aquest tipus de sincronització consisteix en sincronitzar un so amb un fotograma en concret, és a dir, reprodueix un so al arribar al fotograma que has marcat. Per tant cada cop que es trobi aquell fotograma, la música tornarà a sonar i s'anirà superposant.
[Preguntes 4: Clips de pel•lícula i gràfics]
-Què tenen en comú un gràfic i un clip de pel•lícula?
Són símbols, tenen la seva pròpia línia de temps.
-Quina és la diferència principal entre un clip de pel•lícula i un gràfic?
El gràfic, si no té fotogrames s’atura el moviment (es coordina), i hi haurem de posar fotogrames si vols que no s’aturi, en canvi el clip de película, tot i que la imatge estigui parada, es continuarà veient.
[Preguntes 5: Els botons]
-Explica quins són els 4 fotogrames clau dels botons, què permeten definir?
El primer fotograma s'anomena repòs. Es aquell fotograma que ens mostra el botó en sí, sense ficar-t'hi a sobre ni res, simplement el primer que es veu.
El segon fotograma és el "botó tocat". És a dir, quan passes per sobre del botó, aquest canvia de color.
El tercer fotograma es diu "botó presionat". Quan cliques el botó, en el meu cas, aquest es fa més gran del que era.
El quart fotograma es diu "zona sensible" i ens permet definir la zona en què el botó canviarà de color, al passar per sobre de la zona que s'hagi creat.
-On trobem botons de flash predissenyats?
A Ventana – Bibliotecas comunes - Botones
[Preguntes 6: Interpolació de moviment]
-Què és una interpolació de moviment?
És un tipus d’animació que consisteix en moure un objecte d’un lloc a un altre, creant un moviment suau sense haver d’anar ficant fotograma per fotograma.
[Preguntes 7: actionScript]
-Què és l'actionScript?
És un llenguatge de programació que utilitza Flash, s’utilitza per a aplicacions webs.
-Com podem controlar la línea de temps amb actionScript?
Per controlar la línea de temps, s’ha de crear una nova capa i ficar-li l nom de “accions” i seleccionar el fotograma clau que t’interessa modificar. A partir d’aquí, obres l’actionScript (ventana – acciones) i modifiques el fotograma clau que t’interessi, a través dels còdics, perquè es creï el moviment o la detenció d’un objecte.
Pots fer que vagi a un fotograma determinat, parar la liniea de temps, anar cap endevant o cap enrrere...
-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]
-Què és la cinemàtica inversa?
És un mètode d’animació. Consisteix en uns paràmetres d’articulació d’un objecte. Es tracta d’uns “ossos” que es van col•locant dins de l’objecte que es vol animar, i es crearà el moviment a partir dels moviments que hagis creat a través d’aquests ossos. És com un esquelet que vas modificant dins del símbol en sí.
-Quina eina de flash permet la cinemàtica inversa?
Herramienta Hueso.
1-Com definiries un símbol?
Es tracta de l'objecte que està a la biblioteca
2-Com definiries una instància?
És el símbol que es troba a l'escenari, és a dir, com es materialitza aquest símbol a l'escenari.
3-Quines modificacions podem aplicar a una instància?
Podem aplicar casi tot tipus de modificacions: La tinta, el tamany, la posició, li pots aplicar filtres com per exemple el desenfoc, la transparència, etc. per tant, parlem de modificacions que no afecten a la figura en sí.
4-Quines modificacions podem aplicar a un símbol? Com afecten aquests canvis a les instàncies d'aquest símbol?
Les modificacions que podem aplicar a un símbol són les que modifiquen el dibuix en sí, com per exemple el color, el degradat o el gruix. Per tant, quan modifiquis aquests canvis, afectarà a totes les instàncies
5-Si canviem el gruix de línea d'una estrella, es modifica el gruix de línea de les altres estrelles?
Sí, perquè forma part de les modificacions del dibuix en sí. Per exemple si canviessim el color de l'estrella, també es modificaria a les altres.
6-Si canviem la transparència d'una instància, es modifica la transparència de les altres?
No, ja que no forma part de les característiques principals i esencials de la figura en sí
[Preguntes 2: La línea de temps ]
-Quina diferència hi ha entre un fotograma i un fotograma clau?
Fotograma: Es tracta d'un moment exacte d'un clip de vídeo, es com si fos una unitat de temps, contra més fotogrames, més temps durarà la pel•lícula.
Fotograma clau: Són fotogrames que marquen moments de canvi en un clip de vídeo, amb aquests, doncs, podem definir canvis en les propietats d'un objecte, per tant, faciliten la creació d'animacions.
-Què és el paper de ceba? Per a què serveix?
S’utilitza per veure els moviments anteriors i posteriors d’un moment en concret. La coordinació del qual s’aconsegueix movent els fotogrames claus; hi ha una opció què és moure tots els fotogrames claus. Serveix per acurar més el moviment d’un moment.
-Què és una capa màscara?
La capa màscara permet que altres capes es vegin, allà on coincideixin amb aquesta.
[Preguntes 3: So ]
-Quines formes de sincronització d'àudio permet flash?
Evento, inicio, detener i flujo
-Quina diferència hi ha entre la sincronització d'inici i la d'esdeveniment (evento / inicio).
Sincronització d'inici: Aquest tipus de sincronització fa que el so comenci a sonar en un fotograma que tu vols si no està sonant encara.
Sincronització d'esdeveniment: Aquest tipus de sincronització consisteix en sincronitzar un so amb un fotograma en concret, és a dir, reprodueix un so al arribar al fotograma que has marcat. Per tant cada cop que es trobi aquell fotograma, la música tornarà a sonar i s'anirà superposant.
[Preguntes 4: Clips de pel•lícula i gràfics]
-Què tenen en comú un gràfic i un clip de pel•lícula?
Són símbols, tenen la seva pròpia línia de temps.
-Quina és la diferència principal entre un clip de pel•lícula i un gràfic?
El gràfic, si no té fotogrames s’atura el moviment (es coordina), i hi haurem de posar fotogrames si vols que no s’aturi, en canvi el clip de película, tot i que la imatge estigui parada, es continuarà veient.
[Preguntes 5: Els botons]
-Explica quins són els 4 fotogrames clau dels botons, què permeten definir?
El primer fotograma s'anomena repòs. Es aquell fotograma que ens mostra el botó en sí, sense ficar-t'hi a sobre ni res, simplement el primer que es veu.
El segon fotograma és el "botó tocat". És a dir, quan passes per sobre del botó, aquest canvia de color.
El tercer fotograma es diu "botó presionat". Quan cliques el botó, en el meu cas, aquest es fa més gran del que era.
El quart fotograma es diu "zona sensible" i ens permet definir la zona en què el botó canviarà de color, al passar per sobre de la zona que s'hagi creat.
-On trobem botons de flash predissenyats?
A Ventana – Bibliotecas comunes - Botones
[Preguntes 6: Interpolació de moviment]
-Què és una interpolació de moviment?
És un tipus d’animació que consisteix en moure un objecte d’un lloc a un altre, creant un moviment suau sense haver d’anar ficant fotograma per fotograma.
[Preguntes 7: actionScript]
-Què és l'actionScript?
És un llenguatge de programació que utilitza Flash, s’utilitza per a aplicacions webs.
-Com podem controlar la línea de temps amb actionScript?
Per controlar la línea de temps, s’ha de crear una nova capa i ficar-li l nom de “accions” i seleccionar el fotograma clau que t’interessa modificar. A partir d’aquí, obres l’actionScript (ventana – acciones) i modifiques el fotograma clau que t’interessi, a través dels còdics, perquè es creï el moviment o la detenció d’un objecte.
Pots fer que vagi a un fotograma determinat, parar la liniea de temps, anar cap endevant o cap enrrere...
-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]
-Què és la cinemàtica inversa?
És un mètode d’animació. Consisteix en uns paràmetres d’articulació d’un objecte. Es tracta d’uns “ossos” que es van col•locant dins de l’objecte que es vol animar, i es crearà el moviment a partir dels moviments que hagis creat a través d’aquests ossos. És com un esquelet que vas modificant dins del símbol en sí.
-Quina eina de flash permet la cinemàtica inversa?
Herramienta Hueso.
raverillos bailando
Per què creus que passa això?
Això passa perquè els elements que queden animats els hem convertit en Clip de película, tot i que la linia de temps es para, el clip de película no es para ja que la seva línia de temps continua.
Quin tipus de símbol permet aquest efecte?
Clip de película
Amb quin altre símbol podríem aturar completament l'animació?
Amb "Gráfico"
dimecres, 10 de febrer del 2010
divendres, 29 de gener del 2010
divendres, 22 de gener del 2010
divendres, 15 de gener del 2010
Botonssss
El primer fotograma s'anomena repòs. Es aquell fotograma que ens mostra el botó en sí, sense ficar-t'hi a sobre ni res, simplement el primer que es veu.
El segon fotograma és el "botó tocat". És a dir, quan passes per sobre del botó, aquest canvia de color.
El tercer fotograma es diu "botó presionat". Quan cliques el botó, en el meu cas, aquest es fa més gran del que era.
El quart fotograma es diu "zona sensible" i ens permet definir la zona en què el botó canviarà de color, al passar per sobre de la zona que s'hagi creat.
divendres, 8 de gener del 2010
Subscriure's a:
Comentaris (Atom)
