1

CAPÍTOL Nº6: EINES MÉS AVANÇADES A FLASH

IntroduccióEn aquest capítol explicaré més coses de fer di-buixos a Flash i utilitzar més eines i aprofundir en elles. Aprendrà a fer degradats en l’escenari, a convertir en símbols les imatges que importi al seu document flash per poder-los editar després i fer les modificacions oportunes, a separar els objectes o símbols, a veure parts dels objectes. En aquest exercici farà un paisatge que hi haurà una muntanya, un cel, gespa, el Sol i la Lluna.

Procediment• Crear un document nou ActionScript 3.0.• Importació d’arxiu (imatge 1); per això vagi al

Imatge 1: Importació d’imatge.

2

menú superior del programa>Arxiu>Importar>Importar a escenari; seleccioni primer el arxiu d’imatge dels Arbres i li diu a Obrir (imatge 2). • Surt una paleta, activa totes les capes d’aquesta imatge vectorial, i li diu acceptar (imatge 3).• Ja té importats les imatges que hi ha arbres pro-pers i llunyans i la gespa (imatge 4).• Renombri les 3 capes que s’han importat.• Ara les imatges que ha importat a l’escenari els col·loca més avall. Les imatges han d’estar a cada capa.• Modifica el tamany amb l’eina de transformació lliure en el panell d’eines per fer-ho més gran.• Duplica els arbres amb la tecla Alt del seu teclat i el col·loca a l’altra banda de l’escenari.• Aquests elements que li queden indenpendents que té col·locats els converteix en símbols per-què sigui editable sino no pot aplicar color,...entre altres coses. Per fer això, seleccioni les capes on estàn les imatges importades; vagi al panell superior>Modificar>convertir en símbol,i, en aquesta finestra que surt, posa el nom que cregui convenient, i en Tipus, li diu que sigui com a Gràfic, i finalment li diu acceptar (imatge 5).• Se’n va al panell Biblioteca que per defecte està situat per defecte a la dreta del programa. A la part d’abaix (nom) veurà tots els símbols que hagi posat i veurà a dalt la visualització del símbol. Si clica en alguns dels objectes que hi ha a l’escenari, en el panell Propietats pot modificar en quina posició vol que estigui de l’escenari (eixos de X i Y), si vol canviar-li el farcit i el traç, el tamany,... de l’objecte en sí (imatge 6).• En l’objecte de la gespa (capa Gespa) duplico l’objecte de la gespa per a l’escenari perquè es vegi més gespa. Els ha de transformar i modificar les duplicacions de les gespes per intercalar-les i que es vegi com més salvatge i més frondos. Per fer això, vagi al panell superior> Modificar>Transformar>

Imatge 2: Arxius per importar.

Imatge 3: Opcions d’importació de capes del programa d’Illustrator en el programa Flash.

Imatge 5: Convertir en símbol.Imatge 4: Arxius importats d’arbres i la gespa.

3

...elegeixi la transformació que cregui convenient.

Muntanya• Ara ha de crear una capa que es digui Muntanya per saber que ara dibuixarà una muntanya. Aquesta capa ha d’estar darrere de les capes de Arbres llun-yans, Arbres propers i la capa Gespa. • Per crear-la, agafi l’eina ploma i comenci a di-buixar on vulgui, estirant els punts amb l’eina per fer corves i no punts de vèrtex però ha d’enrecordar-se de tancar el traçat perquè sigui un objecte i pogui posar-li un color de farcit i aixi podrà ser una muntan-ya (imatge 7). Per fer el color de farcit, el farà però que tingui un degradat de dos colors que perquè s’assembli a una muntanya haurà de ser de color marró i de color verd. • Per fer el degradat, ha de clicar a l’objecte amb l’eina de selecció o cliqui en la capa. • Vagi a la paleta Color si la te visualitzada en el programa sino vagi al panell superior> Finestra> a la quarta secció contant des d’adalt> Color (imatge 8); i

ja s’activarà la visualització de la paleta . En la paleta de Color vagi al botó on posa Color de Farcit que té l’icona del cubell de pintura. Al menú despel-gable de tipus de color que està a dalt escolleixi de Color Sòlid (que està per defecte) a degradat lineal i allà escolleixi els dos colors anteriorment mencionats per el farcit de la muntanya (imatge 9). • Quan tingui els dos colors de farcit vagi moderant el degradat si el vol d’un color més que un altre o inclós pot afegir més colors però en aquest cas per fer la muntanya no es recomanable. • Tanca el panell de color. • Agafi l’eina de cubell de pintura i li aplica sobre la muntanya. • Si vol que el degradat comenci en un lloc i acabi en un lloc de la muntanya (més a dalt, més a baix) o que comenci en un altre angulació; agafi l’eina de Transformació de degradat, que està situat en la tercera posició del panell eines pressionat el menú

Imatge 6: Valors d’un símbol en el panell Propietats.

Imatge 7: Traçat de la Muntanya.

Imatge 8: Mostrar el panell Color.

Imatge 9: Escollir tipus de color.

4

desplegable de l’eina de Transformació Lliure, i va ampliant o reduint el degradat, que comenci en un punt i acabi en un altre o que comenci en un altre angul rotant amb els tiradors de degradat que aparei-xen fora de l’escena (figura 10). • Aquesta capa ha d’estar darrere de la capa de Gespa, de les dues capes d’arbres i de la capa Mun-tanya.

La Muntanya ja estaría acabada.

Cel• Ara farà el cel al fons, amb una altra capa. Ha de crear una capa nova que s’anomenarà Cel. Aquesta capa ha d’estar darrere de la capa Gespa.• Agafi l’eina de rectangle que està en la novena po-sició del panell eines (evidentment) sense desglosar el menú desplegable ja surt l’eina rectangle visualit-zat. Fa un rectangle que ocupi tot l’escenari.

Ara li afegirà farcit de color blau en la paleta Color però ha de ser també un degradat de color, però aquesta vegada ha de ser un degradat radial perqué es visualitzi com si fos el Sol i s’amagi per la muntan-ya. • Vagi a la paleta Color. • En el botó de Tipus de color, que posa Color sòlid, li canvia i seleccioni Degradat radial. • Li posarà dos colors que seràn de color blau (que ja hem mencionat abans, però que sigui el blau que es correspongui al cel) i un color ataronjat que es correspongui quan falta poc perquè se’n vagi el Sol en el Selector de color, que està situat en mig del panell. Vagi a la barra de color –en la part inferior del panell senyalat amb la línia –i allà vagi moderant el degradat dels dos colors (surten com dos punters un en cada extrem de la barra de color) de tal manera que el color blau es vegi fora, o sigui, es vegi en la major part del cel i el color ataronjat es vegi com un cercle només en la part d’adalt de la muntanya i representi el Sol amagant-se (no fagi cas dels colors que hi ha a la figura 12).

Imatge 10: Tiradors de l’eina de transforació de degradat.

Imatge 11: Muntanya feta.

Imatge 12: Escollir degradat radial.

5

Si el cel (el rectangle) té traç li ha de treure. • Cliqui l’eina de Selecció –quan tingui la forma de corva al costat del punter– en el traç, premi al tecla Supr del teclat, i es treurà.

Lluna• Fa una capa que es digui Lluna. Estarà entre la capa Cel i Muntanya. • Ara importarà un altre objecte a l’escenari, vagi al panell superior>Arxiu>Importar>Importar a escena-ri, en aquest cas serà l’imatge de la Lluna. Cliqui a l’imatge de la Lluna i li diu Acceptar (imatge 14).

En l’imatge de la Lluna no vol que surti el fons i no-més l’imatge de la Lluna. • Amb l’imatge de la Lluna seleccionada vagi al panell superior>Modificar>Separar. Ara vagi al panell superior>Edició>Anular totes les seleccions o l’altra opció és clicar en qualsevol lloc de l’escenari però fora de l’imatge per deseleccionarla.

Quan separa una imatge en mapa de bits, els píxels de l’imatge es converteixen en àrees que es poden seleccionar i modificar per separat. • Per tant ara si pot editar l’imatge de la Lluna. Seleccioni l’eina Llaç, i en la part inferior del panell Eines, estàn els modificadors associats d’aquesta eina (imatge 15). • Seleccioni en primer lloc la subeina o el modifi-cador associat Les propietats de la vareta màgica que està al segon lloc (imatge 15). Li apareixerà un quadre de diàleg que posa Configuració de la vareta màgica, allà posa en el botó Umbral un 30, i no toqui res més i ja li diu Acceptar (imatge 16). • Seleccioni la subeina o el modificador (per entendren’s d’una manera) vareta màgica i amb ella vagi marcant les quatre àrees negres de l’imatge. • Després de cada selecció, cliqui la tecla del seu teclat Supr per eliminar aquestes àrees.

Encara que ja gairebé te la Lluna sense el fons

Imatge 13: Traç del rectangle per fer el cel.

Imatge 14: Importació de l’imatge a tamany original de la Lluna.

Imatge 16: Configuració de vareta màgica.

Imatge 15 : .Modificador associat Propietats de la vareta màgica.

6

negre, veu que li ha quedat petites línies que ha d’eliminar. • Per realitzar això ha de dividir l’imatge amb l’ajuda de l’eina línia que ens farà com a cúter, o sigui que ha de dibuixar quatre línies de tall per fer la separa-ció de les petites franjes negres que han quedat al costat de la Lluna. • Després, amb l’eina Selecció, vagi marcant totes les àrees externes a la Lluna i l’esborra amb la tecla Supr del seu teclat. • Finalment, esborra també les pròpies línies que ha utilitzat per efectuar els talls de l’imatge. Per selec-cionar completament un traç que està dividit en seg-ments, la forma més ràpida és fent doble clic sobre el traç. En aquest cas, les línies vermelles s’havien dividit en segments en entrar en contacte amb part del dibuix de la Lluna, per això ha de fedoble clic per seleccionar-les. Ara ja té la Lluna totalment separada del fons. • Seleccioni la Lluna i en el panell Propietats, en la secció de Posició i tamany, li dóna els valors de coordenades: X: 80, Y: 60, i de tamany: AN: 60 i AL: 60 (imatge 17). • Si té capes ocultes, o sigui, que no es veuen els objectes que estàn en aquestes capes ha de visualit-zar-les clicant en l’icone del ull que està al costat del candall de cada capa. • Ara canvii el grau d’augment de l’escenari selec-cionant Mostrar fotograma en la barra d’edició que està en La línea de temps.

En els propers passos modificarà la Lluna plena deixant només veure una petita porció de Lluna crei-xent, ja que és l’aspecte que mostra quan es veu a prop de l’horitzó al capvespre. Finalment ja li donarà un toc de llum utilitzant un efecte de color avançat.

En la mateixa capa de la Lluna, dibuixarà prop d’ella un petit cercle amb l’eina Oval, amb traç vermell i que no tingui farcit. • Estira l’eina pressionant la tecla Mayúscula o Shift, perquè sigui una rodona i no una elipse (imatge 18). El col·loca a l’esquerre de la Lluna. • Canviï a l’eina de Selecció i cliqui sobre l’oval que acaba de fer i en el panell Propietats, en la secció de Posició i tamany, li dóna un valor d’alçada i

Imatge 17: Valors de la Lluna (secció de Posició i tamany en panell Propietats.

Imatge 18: Estirant l’eina oval per fer el cercle.

7

d’amplada de 60 perquè és el mateix valor que té la Lluna. • Arrossegui el cercle fins a creuar-ho amb la Lluna, de tal manera que a la dreta de l’imatge quedi el petit troç que vol que quedi visible. • Una vegada que el cercle està posicionat seleccio-ni i esborri amb la tecla Supr la part de la Lluna que vol eliminar. Finalment elimini el propi cercle que ha utilitzat per tallar l’imatge de la Lluna.

Finalment ara aplicarà els efectes de color a la Lluna, pel que, com ha fet en els passos anteriors, convertirà l’imatge de la Lluna en símbol que sigui de tipus gràfic. • Per això vagi al panell superior> Modificar> Con-vertir en símbol, i en el botó Tipus, que sigui Gràfic.• Seleccioni la Lluna en l’escenari per con-vertir-la en símbol i vagi al panell superior> Modificar>Convertir en símbol>Tipus Gràfic; i li diu Acceptar. • Ara iluminarà la Lluna amb efectes de color avançats. La selecciona en l’escenari i li assigna en el panell Propietats un efecte de color Estilo: Avança-des. Li assigna un valor de desplaçament del vermell de 150, el desplaçament del verd de 150, i en el desplaçament del blau de 75 (imatge 19).

Part finalMiri que tingui totes les capes nombrades per saber els objectes en quina capa estàn. Ara ja és pot donar per acabat els dibuixos, els colors que ha fet, les capes que ha fet,... i en general tot el muntatge del document Flash.

Probar la pel·lículaAra provarà aquest document que ha fet i així sabrà com li queda.• Vagi al panell superior del programa>Control> Pro-bar película>Probar, i s’exportarà un arxiu en format Shockwave Flash Object (extensió swf.) i automàtica-ment s’obrirà el clip de pel·lícula en una finestra més petita ( ).

Imatge 19: Lluminància de la Lluna.

8

• Ja pot guardar el document que li ensenyat en aquest tutorial.• Tanca el document Flash i el clip de película ex-portada que s’ha obert.

Imatge 20: Probar pel·lícula.

Imatge 21: Muntatge final del document Flash.