MAR
29.4.09
19.3.09
Creació de màscares amb flash
Màscara estàtica, no té animació.
Màscara animada, es mou per damunt del dibuix de fons.
Exemples d'alguns tipus de màscares.
19.2.09
Animació seguint Capa Guia.
Video extret del curs d'AulaClic
També podrem fer que el símbol es mogui orientant-se a partir del recorregut.
18.2.09
Símbols dins de símbol.
Podem crear una imatge que tingui moviment propi i que a més dins d'ella existeixi una part que es mou també.
El procediment és el següent:
El procediment és el següent:
- Creem el dibuix principal, per exemple un cotxe sense rodes, en el cas que vulguem fer girar les rodes.
- Mitjançant INSERTAR -> CREAR SÍMBOLO (F8)
- dibuixarem la part que volem animar independentment del símbol principal, en l'exemple una roda de cotxe.
- Aquesta roda l'animarem, fent-la rotar, mitjançant una interpolació de moviment.
- Tot aquest procés el fem dins el símbol en qüestió, no dins l'Escena.
- Tornem al dibuix principal (ESCENA), i al cotxe que em creat sense rodes li afegim, primer una roda i després l'altra de la Biblioteca.
- Si premem F11, observarem que tenim el símbol de la roda emmagatzemat a la Biblioteca. Cliquem i arrosseguem damunt del cotxe (l'escenari), les adaptem al tamany que ens interessa.
- Quan veiem que tot està proporcionat ens tocarà convertir tot el dibuix principal, cotxe, més ambdues rodes, a símbol (F8).
- Podem comprovar-ne el resultat prement Ctrl + Enter
Moviment de les RODES del COTXE
12.2.09
10.2.09
27.1.09
Interpolació de FORMA II.
Observeu aquestes tres animacions fetes a partir de la interpolació de forma.
Fixeu-vos en l'organització dels diferents objectes que hi apareixen.
Cal que en reproduïu alguna d'elles, de més fàcils a més difícils.
Fixeu-vos en l'organització dels diferents objectes que hi apareixen.
Cal que en reproduïu alguna d'elles, de més fàcils a més difícils.
20.1.09
Interpolació de FORMA.
Flash ens permet fer que un dibuix inicial es transformi en un altre en acabar.
Cal tenir en compte que només actua sobre dibuixos amb traç i/o farciment, no sobre símbols.
Observeu la línia de temps dels exemples que practicarem.
Cal tenir en compte que només actua sobre dibuixos amb traç i/o farciment, no sobre símbols.
Observeu la línia de temps dels exemples que practicarem.
13.1.09
Interpolació de moviment II. Animació de fotografies.
Seguirem creant animacions, però en aquest cas emprarem dues imatges que importarem a l'escriptori juntament amb altres dibuixos creats per nosaltres mateixos.
Es tracta d'un guant de boxa, i d'un punching-ball, que un cop descarregats i importats a la biblioteca i/o escenari utilitzarem com a part de l'animació.
Procediment:
Es tracta d'un guant de boxa, i d'un punching-ball, que un cop descarregats i importats a la biblioteca i/o escenari utilitzarem com a part de l'animació.
Procediment:
- Descarregar i importar el guant a l'escenari
- Convertir aquest guant en símbol (F8). Recordem que és l'única forma d'aplicar-hi posteriorment una interpolació de moviment.
- En una nova capa importarem un estri d'entrenament de boxa anomenat punching-ball.
- També el convertirem en símbol (F8).
- En capes successives podem millorar l'entorn d'entrenament per fer més amena l'animació. Dibuixem lliurement altres objectes o bé un fons.
- Arriba el moment de donar vida als elements que tenim a l'escenari. És a dir, crear interpolacions de moviment a les capes on volem que els objectes es moguin.
- El guant inicia el moviment de forma ràpida fins a impactar amb l'objectiu, acte seguit la seva velocitat disminueix i poc a poc es retira fins al lloc de sortida.
- El moviment del punching-ball, parteix d'aturat. Per tant tindrà un seguit de fotogrames que no es mourà fins que impacte amb ell el guant, és llavors quan inicia el balanceig. Aquesta distorsió de l'objecte l'aconseguim desplaçant el centre del símbol a la base del mateix.
15.12.08
Animació: Interpolació de moviment
Procediment a seguir:
- - En una primera capa creem el fons del billar.
- - Acte seguit en una nova capa dibuixem la bola de billar amb el seu corresponent degradat i número.
- - Quan donem la bola per acabada, la convertim en un símbol (F8), per a poder-la animar.
- - Arriba el moment de crear tants fotogrames clau (F6), com punts de moviment volem que tingui.
- - Finalment seleccionem tota la capa de la bola i li apliquem una interpolació de moviment.
- El tac de billar estaria en una altra capa, el convertirem a símbol, (F8) i li farem una interpolació de moviment també.
7.12.08
Animació dels fotogrames
Arriba el moment d'aplicar moviment als objectes que tenim als fotogrames.
Ho podrem fer a partir de dos procediments:
Ho podrem fer a partir de dos procediments:
- Inserir fotogrames clau i modificar la posició i escalat de l'objecte en cadascun dels fotogrames.
- Convertir l'objecte en símbol (F8) i aplicar-hi una interpolació de moviment.
12.11.08
25.10.08
Dibuixem calcant una imatge.
Optarem ara per a una nova forma de dibuixar, menys creativa, però que en ocasions ens pot donar un bon resultat, ràpid i efectiu.
Procediment:
Procediment:
- Una vegada triada la imatge la importem a la biblioteca de Flash.
- Seguidament arrosseguem la imatge cap a l'escriptori o zona de treball i un cop allí la convertirem en símbol, en concret en un Clip de pel·lícula. Com?
- Amb el dibuix seleccionat: Modificar -> Convertir en símbolo -> Clip de pel·lícula (També ho podem fer des del teclat prement F8)
- Podreu observar com a les propietats del clip de pel·lícula que hem creat apareix l'opció color, dins la qual escollirem alpha, deixant el percentatge als vols del 40%, per així poder seguir les línies a calcar sense dificultat.
- Ara ens tocarà protegir la capa on tenim el dibuix a calcar. Ho farem prement sobre el candau que tenim a la capa a la línia de temps.
- Crearem una nova capa, que serà on dibuixarem, millor dit, on calcarem la imatge que acabem de carregar. Aprofitarem per a canviar els noms de les capes per a evitar confusions. Ho farem fent doble clic damunt del nom de la capa.
- Arriba l'hora de començar a dibuixar, ens situarem a la capa que hem anomenat calc, triarem l'eina llapis, en color negre i amb un gruix de 1,75 ó 2 que modificarem al panell de propietats iniciarem els nostres traços seguint la línia del dibuix original.
- Important tenir activada l'opció del llapis -> suavitzar, per a poder aconseguir un traç de línies arrodonides.
- Recordeu que un cop acabada cada línia podrem ajustar-les a l'original amb l'eina de selecció.
- També podem farcir de colors tots els traços que hem dibuixat per a poder fer el nostre dibuix el més semblant a l'original. Potser haurem d'aplicar en ocasions l'opció cerrar huecos grandes del pot de pintura.
- Sempre seguint a la capa calc, ens situem al fotograma dos i Inserim un fotograma clau, premem damunt del fotograma 2 el botó dret del ratolí i escollim: Inserir fotograma clau (F6)
- Podrem eliminar ja la capa del dibuix original, o bé fer-la invisible clicant damunt de l'ull que hi ha al costat del nom de capa.
- En aquest punt podrem començar a desfer part del dibuix, poquet a poquet, per exemple eliminem part del color de farciment.
- Repetim l'acció d'afegir fotograma clau amb el cursor al 3r fotograma. Ara esborrem un troç de línia.
- Al 4t fotograma eliminem un altre tram de línia i així progressivament fins a eliminar totalment tota la nostra obra. Potser necessitarem 40-50 fotogrames, no importa, com més n'afegim millor serà la sensació de dibuix automàtic que volem aconseguir.
- En acabar ens tocarà invertir tots els fotogrames per a que simuli que el dibuix es crea sol. Ho aconseguim clicant damunt de la capa calc al lateral, compte, no damunt de cap fotograma, veurem que es seleccionen tots els fotogrames de la línia de temps. Ara al menú contextual premem damunt Invertir fotogramas.
- Podrem aconseguir alentir la pel·lícula si fem doble clic al panell de línia de temps de damunt
de l'indicador fps i li baixem la velocitat, deixant-ho a 5 ó 6 per exemple, segons el vostre interès. - Si premem Control + Enter veurem l'animació resultant.
27.9.08
Dibuixem a partir de rectangles i óvals
- Dibuixa el cargol que apareix a la imatge (el teniu al grup de Intranet)
- Cal que utilitzeu rectangles i óvals per a aconseguir el resultat final.
- I una retoc amb el llapis, per acabar la closca del cargol.
- Cal que utilitzeu rectangles i óvals per a aconseguir el resultat final.
- I una retoc amb el llapis, per acabar la closca del cargol.
Dibuixem i farcim amb FLASH MX
Cal que reproduïu un arbre el més semblant al del vídeo.
Utilitzarem les eines següents:
- Llapis (opció "suavitzar")
- Pot de pintura
- Fletxa de selecció
Utilitzarem les eines següents:
- Llapis (opció "suavitzar")
- Pot de pintura
- Fletxa de selecció
Per a veure el resultat final haureu de prémer la tecla F12
20.9.06
Webs corporatives i d'empreses
Webs corporatives.
Visualitza 1
Visualitza 2
Visualitza 3
Visualitza 4 --> a la part dreta , premeu sobre un idioma selection language
Visualitza 1
Visualitza 2
Visualitza 3
Visualitza 4 --> a la part dreta , premeu sobre un idioma selection language
Subscribe to:
Posts (Atom)