Aprendre Flash CS5 amb 100 exercicis pràctics

ELS ORDINADORS UTILITZEN DOS FORMATS per presentar els gràfics i il·lustracions: el format vectorial i el format de mapa de bits. Les imatges vectorials es defineixen matemàticament en forma de sèries de punts units per línies, mentre que els gràfics de mapa de bits estan formats per cents o milions de punts de diferents colors que se situen l’un al costat de l’altre: els píxels.

IMPORTANT

Les imatges vectorials no depenen de la resolució, és a dir, la seva presentació en pantalla dependrà de la qualitat del dispositiu que es posseeixi: quant millor sigui la impressora o el monitor, més qualitat tindrà la seva impressió o la seva presentació en pantalla. D’altra banda, els gràfics de mapa de bits, també denominats gràfics raster, els creen escáneres i càmeres digitals. L’ordinador ha de processar la informació de color de cadascun d’aquests punts abans de poder visualitzar la imatge en pantalla, de manera que aquesta triga més a carregar-se.

1 Una forma és una imatge creada amb les eines de dibuix de Flash, que presenta, per tant, un format vectorial. Podem comprovar-ho al panell Propiedades del programa. Aquest panell, situat per defecte a la dreta de l’Escenari, presenta com a principal característica la seva sensibilitat al context: canvia el seu contingut adaptant-se a l’eina o l’element seleccionat. Seleccioni una forma en l’àrea de treball i observi el canvi en l’esmentat panell. Les figures dibuixades amb Flash, també denominades formes, estan compostes de dos elements: traç i farcit.

2 El panell ens informa que es tracta d’una forma, i activa part de les opcions d’edició de la mateixa. Ara suposem que disposem al mateix arxiu d’un mapa de bits. A l’exemple, el mapa de bits és la imatge de fons. Faci clic a la cantonada superior esquerra d’aquesta imatge per seleccionar-la. Altre inconvenient que té la inclusió de mapes de bits és que augmenta, a causa de la gran quantitat d’informació de color que presenten, la grandària de les pel·lícules.

3 La inclusió d’aquest tipus d’arxius d’imatge als documents de Flash presenta un inconvenient en augmentar el grau de visualització de la imatge, ja que aquesta perd definició. Per comprovar aquest fet canviarem el grau de visualització de l’Escenari, que per defecte es mostra a un 100%. Obri el menú Ver i polsi sobre l’opció Acercar.

4 A l’extrem dret de la Barra d’edició de l’arxiu, el quadre del control de zoom indica que el grau de visualització s’ha incrementat fins al 200%. Obri novament el menú Ver i faci clic aquesta vegada sobre l’opció Aumentar y reducir.

5 Es desplega un submenú que conté tots els modes de visualització predefinits pel programa. Seleccioni 800%. Encara que el grau d’augment màxim predefinit pel programa és de 800%, Flaix permet ampliar l’escenari fins al 2000% i reduir-ho fins a un 8%. Per a això, haurà d’introduir numèricament el grau de visualització al quadre destinat a tal objecte de la Barra d’edició.

6 Aquest és el grau d’augment màxim predefinit pel programa. Amb el grau d’augment seleccionat ja podem apreciar que, mentre el dibuix de la muntanya continua mantenint un contorn suau, el mapa de bits de fons ha perdut part de la seva definició. Per finalitzar aquesta pràctica, activarem una manera de visualització que canviï en funció de l’àrea destinada a l’Escenari en cada moment. Polsi el botó de fletxa del quadre que mostra el grau de visualització de l’arxiu en la Barra d’edició i seleccioni amb un clic l’opció Ajustar a ventana.

IMPORTANT

Flash CS5 utilitza el format vectorial, però és capaç d’interpretar els mapes de bits; gràcies a això, és possible introduir fotografies (mapes de bits) a les animacions.

LES PLANTILLES SIMPLIFIQUEN LA CREACIÓ de documents nous, ja que eliminen moltes de les tasques necessàries per iniciar el treball. S’utilitzen d’una manera similar a les dels processadors de text i les aplicacions d’edició de pàgines Web, i presenten l’avantatge de preservar l’estat dels documents que funcionen a l’efecte.

IMPORTANT

Les plantilles de Flash CS5 presenten l’avantatge de preservar l’estat dels documents que funcionen a aquest efecte, ja que les plantilles no s’obren mostrant-se en pantalla, sinó que el programa crea un document nou amb les seves mateixes característiques, evitant d’aquesta manera que el document original pugui ser modificat.

1 En aquesta lliçó veurem el funcionament de les plantilles de Flash CS5. Ho iniciarem emmagatzemant un document amb aquest format per a, posteriorment, crear un document nou a partir de la plantilla creada. Obri el menú Archivo i premi sobre l’opció Guardar como plantilla i premi Guardar plantilla al quadre d’advertència que s’obre.

2 Al quadre de text Nombre escrigui la paraula paisatge, elegeixi una categoria o creï una nova, premi el botó Guardar i al quadre sobre la compatibilitat amb Flash, premi també el botó Guardar.

3 La funció de les plantilles és la de generar documents nous que siguin un duplicat d’aquestes, però que evitin la seva pèrdua accidental, possibilitant el seu ús repetit. Tanqui la plantilla acabada de crear polsant el botó d’aspa de la seva pestanya.

4 Desplegui el menú Archivo i premi sobre l’opció Nuevo.

5 La finestra s’obre mostrant activa per defecte l’opció de creació d’un document en blanc. Sota aquesta, es llisten els diversos tipus de documents que es poden generar amb el programa, alguns exclusivament amb aquesta versió professional. Faci clic a la pestanya Plantillas.

6 Faci clic sobre el nom de l’única categoria predeterminada, Presentación, per veure quin tipus de documents conté i seleccioni amb un clic alguna de les plantilles existents.

7 A la part de la dreta del quadre de diàleg es mostra una vista prèvia de la plantilla seleccionada i sota se situa, si n’hi ha, el text descriptiu. Flash agrupa per defecte les plantilles en funció del destí que se li va a donar a l’arxiu, un vegada estigui completat. Seleccioni la categoria Nueva, que hem creat anteriorment i, per iniciar la creació del nou document basat en aquesta plantilla, premi el botó Aceptar.

8 S’obre un document nou, com testifica el seu nom a la pestanya de l’aplicació. Ara ja podem editar-ho sense por a perdre la informació continguda en la plantilla a partir de la qual ha estat creat. Per finalitzar l’exercici, tanqui el document acabat de crear polsant el botó d’aspa de la seva pestanya.Per obrir una plantilla Flash com a document nou, pot triar entre seleccionar una de les trucades estàndard, incloses al programa, o ben una que hagi estat guardada prèviament, ja que també pot crear plantilles pròpies a partir dels seus documents.

IMPORTANT

El programa guarda les plantilles a l’interior d’una carpeta anomenada Templates, que es troba entre les creades pel programa durant la instal·lació. Com succeeix amb la resta de les carpetes destinades a guardar els diferents aspectes de configuració del programa (grups de panells, eines, mètodes abreujats de teclat, etc.), la seva ubicació pot variar en funció de la versió del sistema operatiu utilitzat.

EL PANELL EINES DE Flash conté els elements que li permeten crear les seves pròpies imatges. Aquest panell se situa per defecte al costat dret de l’àrea de treball i el seu aspecte i contingut és molt similar al de la resta d’aplicacions de disseny i retoc fotogràfic de la suite Adobe CS5.

IMPORTANT

El panell d‘eines, situat per defecte en la part dreta de l’àrea de treball, presenta un funcionament similar al de la resta de panells de l’aplicació, encara que no pot ser agrupat amb cap altre. Per contra, sí pot ser desacoblat de la seva situació predeterminada mitjançant el mètode d’arrossegament per encaixar-lo en el lateral dret de l’àrea de treball o col·locar-lo en el centre de la mateixa com a paleta flotant. També pot ocultar-lo i mostrar-lo des del menú Ventana o la combinació Ctrl+F2

1 Creï un nou document. El panell Eines s’organitza en quatre seccions. En la primera d’elles se situen les eines de dibuix i selecció d’objectes. Per activar una eina n’hi ha prou amb polsar sobre la seva icona. Polsi sobre la icona de l’eina Rectángulo, situada en la novena posició en aquest panell.

2 El panell Propiedades mostra en aquest cas les característiques relacionades amb el tipus de figures que permet dibuixar l’eina Rectángulo. Aquesta s’utilitza per crear rectangles i quadrats. Polsi en un punt del document i, sense soltar el botó del ratolí arrossegui en diagonal fins a dibuixar un rectangle. L’eina Selección, que presenta com a icona el dibuix d’una fletxa negra, és la que es troba activa per defecte en el panell d’Eines.

3 La segona secció del panell d’Eines està dedicada a les opcions de color. Per variar un d’aquests colors faci clic en la mostra de Color de farciment, situada sota un pot de pintura, i polsi sobre la mostra de color que més li agradi. Les formes de Flash estan compostes per traç i farcit, per la qual cosa en la secció Colores del panell es mostren els tons corresponents seleccionats.

4 El quadre Color de relleno del panell d’Eines pren el to seleccionat. Així mateix el panell de propietats presenta el color seleccionat al costat de la imatge d’un pot de pintura; aquest indica que la tonalitat seleccionada s’aplicarà a partir d’ara al farciment de les formes dibuixades amb l’eina Rectángulo. Polsi sobre la punta de fletxa d’aquesta eina i seleccioni l’opció Herramienta Óvalo. Les puntes de fletxa de les eines indiquen que aquestes ofereixen alternatives

5 Dibuixi un oval mitjançant la tècnica d’arrossegament, tal com ha fet per dibuixar el rectangle.

6 Aquesta vegada l’interior de la figura dibuixada presenta el color que hem seleccionat en la paleta com aplicable al farciment. Les opcions de creació d’objectes de la paleta no es limiten a les formes geomètriques, sinó que aquesta també permet altres opcions d’edició. Activi l’eina Texto amb un clic sobre la seva icona, que presenta una lletra T al panell Eines, faci clic en algun punt lliure de l’Escenari, escrigui el terme text de flash i polsi en un altre punt per confirmar-ho.

En la secció Ver del panell se situa l’eina Zoom, representada pel dibuix d’una lupa, que ofereix opcions de control del grau de visualització de l’Escenari. Per la seva banda, l’eina la icona de la qual mostra el dibuix d’una mà permet desplaçar els arxius mitjançant el mètode d’arrossegament.

Per introduir un text en el document una vegada seleccionada l’eina Texto n’hi ha prou amb prémer sobre l’Escenari i escriure. Des de la paleta de propietats podrà canviar el tipus, la grandària i el color de la lletra.

IMPORTANT

El panell d’Eines es pot configurar de manera que mostri la disposició de comandos que més ens faciliti el treball amb els arxius. Per a això, cal dirigir-se al menú Edición de l’aplicació i seleccionar l’opció Personalizar panel de herramientas. Des del quadre de diàleg que s’obre podrà agregar, eliminar i canviar de posició qualsevol icona d’eina.

EN FLASH ES CONSIDEREN EL TRAÇ (la vora o silueta de la forma) i el farciment (el color que s’aplica a l’interior de les figures tancades) com a elements independents, malgrat que ambdós puguin ser creats al mateix temps. Per tant, no n’hi ha prou amb fer clic sobre un punt d’una forma de Flash per seleccionar, simultàniament, la vora i el farciment de la mateixa.

IMPORTANT

Les vores defineixen el contorn de la figura i són considerades pel programa com a línies, cada segment de les quals pot ser modificat independentment. Els traços poden ser transformats en farciments a través de les opcions de menú de l’aplicació, que presenta comandaments d’edició exclusius dels farciments, encara que no permet la seva conversió en traços.

1 Per seleccionar el farciment d’una forma s’ha de polsar a l’interior de la mateixa. Amb l’eina Selección, la primera de la paleta d’eines, polsi sobre el farciment del rectangle dibuixat en l’exercici anterior.

2 El primer quadre de color del panell Propiedades, que és el que afecta els traços, es desactiva, mostrant al seu interior una franja diagonal de color vermell. Això indica que el traç de l’objecte seleccionat no té color. El menú Modificar presenta una sèrie de comandaments que són aplicables als farciments. Emprarem un d’ells sobre el farciment de l’oval. Faci clic al centre del farciment de l’el·lipse, de color blau. El color de farciment d’una forma pot modificar-se des del seu panell Propiedades o bé, prèviament a la seva creació, des del panell d’Eines.

3 Com en el cas del rectangle, queda seleccionat el farciment de la figura. El panell de propiedades ens indica també que aquest objecte no disposa de traç. Obri el menú Modificar i seleccioni l’opció Forma.

4 El submenú ofereix dues opcions per a la transformació dels farciments. Seleccioni el comandaments Expandir relleno.

5 Es visualitza el quadre de diàleg Expandir relleno, que permet redimensionar l’interior de les formes sense alterar la seva vora. El quadre Distancia disposa el nombre de píxels a què serà aplicada la modificació. Escrigui el valor 14, faci clic en el botó d’opció Hundir perquè les dimensions del farciment es redueixin i polsi en el botó Aceptar per aplicar els canvis.

6 Per acabar l’exercici, modificarem el color de farciment de la forma seleccionada, operació que podem dur a terme des del panell Propiedades. Faci clic en la mostra de color vermell d’aquest panell.

7 En la paleta de colors que apareix, polsi sobre la mostra que més li agradi per aplicar-la com a color al farciment de l’oval.

8 Per acabar aquest exercici, deseleccioni l’oval polsant a la zona grisa a la dreta de l’Escenari.

IMPORTANT

És possible seleccionar més d’un element alhora. Per aplicar en una única acció qualsevol propietat. Per a això, s’ha de fer clic sobre tots els elements mentre es manté premuda la tecla Majúscules. Per desfer una selecció sense necessitat de fer-ne una altra, es pot optar per utilitzar el comandament Anular todas las selecciones del menú Edición, per pressionar conjuntament les tecles Ctrl.+Alt.+Majúscules o per la simple pulsació en una zona lliure de l’àrea de treball amb l’eina Selección.

EL COMPORTAMENT DE TRAÇOS I FARCIMENTS també difereix quan dues formes se situen una damunt d’una altra dins una mateixa capa, tant en el moment de ser dibuixada la segona com si aquesta última o part d’ella és reubicada.

IMPORTANT

En eliminar el farciment d’una forma, aquesta desapareix. Això és a causa que en les opcions de l’eina Rectángulo o similar està establert per defecte que les formes es creïn sense un color de traç. Si la forma tingués traç, aquest es conservaria en eliminar el seu farciment

1 L’eina Selecció pot ser utilitzada a mà alçada, és a dir, creant un marc rectangular mitjançant la tècnica d’arrossegament. Les formes, o part d’elles, que quedin dins aquest marc seran les seleccionades. Per seleccionar només part de l’oval, polsi fora d’aquest, a la seva dreta i, sense soltar el botó del ratolí, arrossegui fins a situar el punter al centre de la figura. L’eina Selección també possibilita la reubicació dels objectes seleccionats mitjançant la tècnica d’arrossegament. Però existeixen altres mètodes més precisos: prémer les tecles d’adreça del teclat mentre es manté premuda la tecla Majúscules i utilitzar els controls de coordenades del panell Propiedades o del panell Información.

 

2 Ha quedat seleccionada únicament la porció de la figura que estava compresa dins el marc de selecció. Ara aquesta selecció pot ser editada independentment. Obri el menú Ventana i polsi sobre el comandament Información.

3 El panell Información mostra la grandària i la ubicació de l’objecte seleccionat, a més de proporcionar dades sobre la situació del punter i el color de les figures. Faci clic al camp AN (Amplària) del panell, introdueixi el valor 90 i polsi la tecla Retorn. (Tots els valors proposats dependran de les dimensions i la posició de les seves figures.)El quadre X del panell reflecteix la posició horitzontal de la selecció dins de l’Escenari i el quadre Y, la posició vertical.

4 A continuació, faci clic al camp AL (Altura), insereixi el valor 45 i polsi la tecla Retorn.

5 A la part inferior del panell Información es mostren, a l’esquerra, els índexs de color i opacitat del punt on es troba el punter i, a la dreta, la situació del punter dins el document. Faci clic a l’interior del quadre X, introdueixi el valor 125 i polsi la tecla Retorn.

6 La icona que apareix entre els quadres de grandària i els de posició del panell Información indica en quin lloc de l’objecte seleccionat es troba el seu punt de registre. Faci clic al camp Y del panell, teclegi el número 40 i polsi la tecla Retorn.

7 Per ocultar el panell Información, polsi sobre el botó d’aspa de la seva Barra de títol.

8 Quan en Flash CS5 seleccionem un objecte, la secció Posició i grandària del panell Propiedades mostra també els quatre quadres referents a les dimensions i la ubicació de la selecció activa. Seleccioni el farciment del rectangle, faci clic sobre el valor AN, teclegi el valor 70 i polsi la tecla Retorn. Repeteixi l’operació amb el valor H, referent a l’altura.

9 En reduir les dimensions del rectangle podem comprovar que s’ha eliminat el fragment del mateix que se solapava amb el del fragment de l’oval que hem desplaçat abans. Faci clic en l’àrea grisa situada a la dreta de l’Escenari per a deseleccionar el quadrat i guardi els canvis realitzats.

IMPORTANT

Els quadres X i Y de la part superior del panell Información contenen els valors de posició horitzontal i vertical, respectivament, de la selecció actual. El valor del quadre X indica la distància que existeix des del lateral esquerre de l’Escenari fins al punt de registre de l’objecte seleccionat. Evidentment un objecte no es limita a un punt d’informació de color i cadascun d’ells presenta una ubicació diferent, però es determina que un sigui el que defineixi la posició de l’objecte: el punt de registre.

L’EINA LÍNEA PERMET crear línies rectes de distintes grossors, tipus i colors que es poden establir al panell Propiedades. A més d’oferir la possibilitat de variar elements tals com el tipus de traç, el color i el grossor d’una línia, Flash permet crear un estil de línia totalment personalitzat.

IMPORTANT

Encara que l’eina per dibuixar línies és la denominada, precisament, Línea, també és possible fer-ho amb l’eina Rectángulo. Si dibuixem un rectangle sense espai per al farciment, en el qual una de les seves dimensions (altura o amplària) sigui d’1 píxel, el programa interpretarà que es tracta d’una línia.

1 En aquest exemple pràctic veurem el mode de dibuixar línies, formes de Flash únicament compostes per traç. Per activar l’eina Línea, polsi sobre la vuitena icona del panell Eines.

2 Faci clic en un punt de l’extrem esquerre del llenç i arrossegui’l fins a l’extrem oposat en línia recta.

3 Comprovem ara quina informació ens ofereix el panell Propiedades sobre aquesta línia. Faci clic sobre l’eina Selección al panell Eines i polsi sobre la línia que acabem de traçar.

4 Polsi la punta de fletxa del quadre Color de trazo del panell Propiedades i, a la paleta emergent, seleccioni algun to. El color de farciment d’una forma pot modificar-se des del seu panell Propiedades o bé, prèviament a la seva creació, des del panell Eines.

5 A la part inferior de la mostra de color del traç es troba la secció destinada a modificar el seu grossor i el seu estil. Faci doble clic a l’interior del quadre Trazo, introdueixi el número 5 i polsi la tecla Retorn.

6 El quadre desplegable situat a sota del quadre Trazo permet canviar el tipus de traç de manera directa. Polsi el botó de fletxa del quadre desplegable Estilo i elegeixi l’estil denominat Discontinua.

7 El nou tipus de traç serà l’utilitzat per totes les eines que els dibuixin. Polsi sobre l’eina Línea al panell Eines i faci clic sobre el botó Editar estilo del trazo del panell Propiedades, representat per un llapis al costat del camp Estilo.

8 S’obre el quadre de diàleg Estilo del Trazo. Faci clic a la casella de verificació de l’opció Esquinas marcadas, polsi en el botó de fletxa del quadre desplegable Tipo i seleccioni amb un clic l’opció Con sombra.

9 Canvia altres característiques per al traç de la línia i polsi el botó Aceptar per aplicar els canvis.

10 Abans de traçar la línia substituirem el color blau per un altre. Faci clic sobre la punta de fletxa del quadre Color del trazo del panell Eines i, en la paleta, seleccioni amb un clic el to que més li agradi.

11 Finalment, faci clic en l’extrem esquerre del llenç, per sota de la línia anteriorment dibuixada, i traci una altra igual mitjançant la tècnica d’arrossegament. Pot canviar el grossor arrossegant el botó lliscant de la secció Trazo.

IMPORTANT

Flash permet editar els estils predefinits, a excepció del primer d’ells (anomenat Fina), que les seves característiques són inalterables. Per configurar un estil de traç personalitzat s’ha d’acudir a la finestra Estilo del Trazo des de la icona de llapis situat a la dreta del camp Estilo, en el panell Propiedades.