sota les sancions establertes en les lleis, la reproduceló total o parcial d’aquesta obra per qualsevol mitjà o procediment, inclosos la reprografia i el tractament informàtic, així com la distribució d’exemplars mitjançant lloguer o préstec públics.

Presentació

APRENDRE FLASH AMB 100 EXERCICIS pràctics

100 exercicis pràctics resolts que conformen un recorregut per les principals funcions del programa. Si bé és impossible recollir en les pàgines d’aquest llibre totes les prestacions de Flash CS5, hem escollit les més interessants i utilitzades. Un vegada realitzats a consciència els 100 exercicis que componen aquest manual, el lector serà capaç d’utilitzar amb soltesa el programa i dur a terme la creació de pel·lícules i animacions amb imatges, so i vídeo, tant en l’àmbit professional com al particular.

LA FORMA D’APRENDRE

La nostra experiència en l’àmbit de l’ensenyament ens ha portat a dissenyar aquest tipus de manual, on cadascuna de les funcions s’exercita mitjançant la realització d’un exercici pràctic. Aquest exercici es troba explicat pas a pas i pulsació a pulsació, a fi de no deixar cap dubte en el seu procés d’execució. A més a més, l’hem il·lustrat amb imatges descriptives dels passos més importants o dels resultats que haurien d’obtenir-se i amb requadres IMPORTANT que ofereixen informació complementària sobre els temes tractats en els exercicis.

Gràcies a aquest sistema es garanteix que un cop realitzats els 100 exercicis que componen el manual, l’usuari serà capaç de treballar còmodament amb les eines de Flash CS5 i treure el màxim partit de les seves múltiples prestacions.

ELS ARXIUS NECESSARIS

En cas que desitgi utilitzar els arxius d’exemple d’aquest llibre pot descarregar-los des de la zona de descàrregues de la pàgina de Marcombo (

www.marcombo.com

) i des de la pàgina específica d’aquest llibre.

A QUI VA DIRIGIT EL MANUAL

Si s’inicia vostè a la pràctica i el treball amb Flash, trobarà en aquestes pàgines un complet recorregut per les seves principals funcions. Però si és vostè un expert en el programa, li resultarà també molt útil per consultar determinats aspectes més avançats o repassar funcions específiques que podrà localitzar en l’índex.

Cada exercici està tractat de forma independent, per la qual cosa no cal que els realitzi per ordre (encara que així s’ho recomanem, ja que hem intentat agrupar aquells exercicis amb temàtica comuna). D’aquesta manera, si necessita realitzar una consulta puntual, podrà dirigir-se a l’exercici en què es tracta el tema i dur-lo a terme sobre el seu propi document de Flash.

FLASH CS5

Encara que a primera vista la creació i edició de pel·lícules i animacions pugui semblar complicada i només a l’abast de professionals i experts, la realitat és que amb programes com a Flash qualsevol persona amb un mínim de coneixements d’informàtica pot arribar a aconseguir impensables creacions.

Flash CS5, propietat de Adobe Systems, proposa una interfície intuïtiva i gràfica, amb panells i paletes d’eines i funcions que faciliten en gran manera el treball a l’usuari. L’ús de codi es reserva, així, als experts, permetent la utilització del programa a qualsevol ànima creativa.

Són poques les novetats que presenta la versió CS5 de Flash, encara que han fet que el programa sigui més manejable i intuïtiu Amb millores a les eines Deco i Huesos podrà millorar les seves animacions. A més a més, amb el nou motor de text, Text Layout Framework, podrà treballar el text igual que podria fer-ho en un programa d’edició o maquetació

Com funcionen els llibres

“Aprendre …”

Índex

001

La interfície del nou Flash CS5

002

La Línia de temps

003

Adobe Bridge: l’explorador d’arxius

004

Format vectorial i de mapa de bits

005

Utilitzar plantilles

006

El panell d’eines

007

El farciment d’una forma

008

Ubicació i solapament de formes

009

Línies i traços

010

Rectangles i ovals

011

Rectangle simple i oval simple

012

Dibuixar polígons i estels

013

Dibuixar amb el llapis i el pinzell

014

Traçar rectes i corbes

015

Importar mapes de bits

016

Convertir imatges en formes de Flash

017

Suavitzar i optimitzar gràfics

018

Introduir textos estàtics

019

Utilitzar el motor de text TLF

020

Redimensionar i situar blocs de text

021

Suavitzar i separar text

022

Esborrar traços i farciments

023

Editar trazos amb el Bote de tinta

024

Pintar amb el Pot de pintura

025

Personalitzar colors

026

Crear i personalitzar degradats

027

Les paletes i les mostres de color

028

Transformar farciments

029

Seleccionar i agrupar formes

030

Desagrupar i separar

031

Transformar objectes

032

Treballar amb el panell Transformar

033

Suprimir, copiar i enganxar objectes

034

Organitzar objectes

035

Treballar amb regles, guies i la quadrícula

036

Ajustar objectes

037

Alinear objectes

038

Crear capes i carpetes de capa

039

Eliminar, visualitzar i bloquejar capes

040

Visualitzar la Línia de temps

041

Crear símbols gràfics

042

Treballar amb símbols i instàncies

043

Editar símbols i instàncies

044

Gestionar els elements des de la Biblioteca

045

Convertir símbols en eines de disseny

046

Aplicar efectes amb l’eina Deco

047

Animar fotograma a fotograma

048

Establir la velocitat dels fotogrames

049

Inserir interpolacions de moviment

050

Recórrer a les interpolacions clàssiques

051

Modificar manualment l’acceleració

052

Editar corbes amb l’Editor de moviment

053

Configurar moviments predeterminats

054

Editar la trajectòria d’un moviment

055

Moure objectes al llarg d’un trajecte

056

Utilitzar capes de màscara

057

Copiar i enganxar una interpolació de moviment

058

Animar amb l’eina hueso

059

Utilitzar la molla per a ossos

060

Animar en 3D

061

Interpolar formes

062

Editar interpolacions de forma

063

Treballar amb consells de forma

064

Formes, text i mapes de bits a interpolacions

065

Inserir escenes

066

Canviar l’ordre i el nom de les escenes

067

Reproduir escenes i pel·lícules

068

Controlar instàncies de símbols gràfics

069

Animar símbols gràfics

070

Editar fotogrames amb el Papel Cebolla

071

Distingir clips de pel·lícula i símbols gràfics

072

Niar clips de pel·lícula

073

Escalar clips de película

074

Inserir i crear botons

075

Provar botons

076

Crear botons animats

077

Conèixer ActionScript 3

078

Introduir codi al panell Acciones

079

Panell de fragments de codi

080

Saltar a fotogrames

081

Generar esdeveniments i interaccions

082

Incloure etiquetes de fotograma

083

Inserir ancoratges

084

Inserir comentaris

085

Copiar, engaxar, exportar i importar scripts

086

Editar a la finestra Script integrada

087

Vincular un botó a una pàgina web

088

Textos estàtics, dinàmics i d’entrada

089

Depurar ActionScript

090

Treballar amb components

091

Editar els paràmetres dels components

092

Importar i comprimir arxius d’àudio

093

Editar i personalitzar sons

094

Importar vídeos

095

Conèixer l’Explorador de películas

096

Exportar imatges i pel·lícules

097

Preparar la descàrrega i la impressió

098

Publicar documents

099

Exportar com a vídeo QuickTime

100

Demanar ajuda en Flash CS5

001

La interfície del nou Flash CS5

EN ACCEDIR PER PRIMERA VEGADA A ADOBE FLASH CS5 veiem una disposició dels elements similar a la versió CS4, que és molt més elegant i flexible que a versions anteriors de l’aplicació. Una de les primeres coses que criden l’atenció és la nova finestra d’arrencada, molt més sofisticada que el senzill rectangle de versions anteriors.

IMPORTANT

El bloc de la pantalla de benvinguda

Abrir un elemento reciente,

possibilita l’obertura dels arxius amb els quals s’ha treballat anteriorment.

Crear nuevo

ofereix una llista de tipus de document que pot seleccionar per obrir un nou arxiu ràpidament.

Crear con plantilla

exposa les plantilles utilitzades amb major freqüència per crear nous documents i possibilita la selecció de les plantilles agrupades en categories. Finalment,

Ampliar

enllaça amb Flash Exchange per a la descàrrega d’aplicacions i informació complementàries.

1 En obrir l’aplicació es mostra a la seva part central una pantalla de benvinguda les opcions de la qual s’agrupen en quatre blocs.

Faci clic a la casella de verificació de l’opció No volver a mostrarlo i, al quadre informatiu que apareix, polsi el botó Aceptar.Sota l’escenari es troben la Línia de temps, que permet organitzar i controlar el contingut d’un document, i el nou Editor de moviment.

2 Per generar un document en blanc i abandonar definitivament la pantalla de benvinguda, en la categoria Crear nuevo polsi sobre l’enllaç Action Script 3.0.

3 Aquest és l’aspecte que presenta Flash CS5 en crear un document en blanc.

La interfície d’usuari és molt similar a la de la versió CS4 encara que pot ser adaptada a les necessitats de cada usuari. Faci clic sobre el botó de fletxa del menú d’elecció de l’espai de treball, on per defecte apareix Conceptos básicos i seleccioni l’opció Clásico.

4 Torni a activar la vista Conceptos básicos, que és com treballarem i procedirem a conèixer els distints espais de l’àrea de treball.

5 Al centre de la pantalla trobem una àrea en blanc on crearem la nova escena. Faci doble clic sobre el número 100% que es troba a la part superior esquerra de l’escena i introdueixi el valor 150 per augmentar el zoom.

6 A la part inferior de la pantalla trobarà la Línia de temps, amb la que treballarem en el següent exercici. A la dreta hi ha diversos panells. En primer lloc trobem un primer panell plegat on s’amaguen diverses de les finestres més útils del programa. Faci clic sobre botó Expandir paneles per comprovar el seu contingut i torni a contreure-ho.

7 A continuació trobem el panell Propiedades que s’anirà actualitzant segons l’element que tinguem seleccionat. Faci clic sobre la pestanya Biblioteca per veure el seu contingut.

8 Com ha pogut comprovar actualment es troba buit. Torni a activar la pestanya Propiedades i fixi’s en l’últim panell que es troba a la dreta. Es tracta de la barra d’eines. En aquesta barra trobarem totes les eines de dibuix i edició necessàries per crear les nostres creacions.

Totes les barres i finestres poden tancar-se o resituar-se a altres zones de la interfície segons convingui.

IMPORTANT

El botó

Conceptos básicos

de la nova Barra de títol del programa permet canviar amb un sol clic l’espai de treball, podent triar entre Animador, Clásico, Depurar, Diseñador i Desarrollador, segons el tipus de treball que s’estigui duent a terme.

002

La Línia de temps

LA LÍNIA DE TEMPS ÉS EL PANELL PRINCIPAL de l’aplicació: gràcies a ella Flash és un potent programari capaç de generar animacions vistoses. El seu funcionament és similar al d’un editor de vídeo a partir del qual es poden incloure i encadenar les imatges i els sons.

IMPORTANT

Línia de temps

es troba subdividida en dues àrees. A la part esquerra es mostren totes les capes de que consta el document. Les capes són com diverses bandes de pel·lícula col·locades unes sobre les altres, cadascuna de les quals conté una imatge diferent que apareix en l

‘Escenari.

A la dreta del panell es visualitzen els fotogrames que componen l’animació. Els documents, igual que els llargmetratges, divideixen el seu contingut en fotogrames, d’aquesta manera es justifica la seva denominació de pel·lícules.

1 Per observar correctament el funcionament de la Línia de temps, treballarem amb una animació senzilla que consta de tres capes, representades a la zona esquerra de la Línia de temps. Descarregui de la nostra web l’arxiu Animació.fla i obri-ho amb Flash CS5. Cada capa disposa de la seva pròpia línia de fotogrames, a la part dreta del panell.

Faci clic al punt situat just sota de la icona que representa un ull, dins la Capa 1.

L’encapçalat de la Línia de temps, de color gris i situat a la part superior de la secció dreta del panell, indica els nombres de fotograma.

2 Amb aquesta acció, s’ha ocultat el contingut de la Capa 1, en aquest cas una imatge de fons, que ja no és visible a l’Escenari.

Faci clic al punt situat just sota de la icona que representa un ull, dins la Capa 3.

3 El dibuix de la muntanya s’oculta i només queda visible la Capa 2, que conté l’animació. Faci clic a la casella número 6 de la línia de fotogrames de la Capa 2,

just on es troba el segon dels quatre cercles que s’han distribuït per aquesta línia.

4 Acaba de seleccionar el fotograma 6 de la Capa 2.

Si ara volgués modificar la posició del sol en aquest fotograma, podria fer-ho. Dirigeixi el punter al fotograma número 16 d’aquesta mateixa capa i faci clic sobre d’ell.

5 El sol ha canviat d’ubicació.

La distància existent entre la seva posició en el fotograma 6 i la seva posició en el fotograma 16 indica, en aquest cas, el recorregut que efectuarà l’objecte quan, en executar la pel·lícula, vagin passant aquests fotogrames. Serà millor veure la pel·lícula per entendre millor el funcionament de la Línia de temps. Desplegui el menú Ventana, polsi sobre l’opció Barras de herramientas i seleccioni la barra Controlador.

Els botons del Controlador s’assemblen als d’un reproductor. El botó Reproduir, reprodueix l’animació de forma automàtica.

6 Faci clic al botó Ir al primer fotograma, situat en la segona posició de la barra d’eines Controlador.

7 El capçal de la Línia de temps se situa al primer fotograma. En iniciar la reproducció de la pel·lícula, el cap lector avança mostrant el contingut dels diferents fotogrames. Polsi quatre vegades el botó Avanzar un fotograma, el cinquè de la barra Controlador, per avançar fins al fotograma número 5 i veure com actua l’animació.

8 Tanqui la barra Controlador fent clic en el botó aspa de la seva Barra de títol.

IMPORTANT

Línia de temps

disposa de diferents opcions de col·locació i visualització. Pot canviar la ubicació d’aquest element arrossegant-lo per la pantalla, mentre que per modificar la visualització disposa d’un menú d’opcions, accessible mitjançant la icona que apareix a l’extrem dret de la numeració de fotogrames d’aquest element.

003

Adobe Bridge: l’explorador d’arxius

L’EXPLORADOR D’ARXIUS ADOBE BRIDGE és un avançat sistema de gestió d’arxius gràcies al qual l’usuari pot visualitzar, ordenar i modificar algunes de les característiques de les creacions disponibles.

IMPORTANT

Adobe Bridge, aplicació comuna a tots els programes que formen part de la suite Creative Studio, proporciona una completa informació de cada arxiu, com el nom i el format, les seves dimensions, la seva grandària i el tipus de color i permet organitzar, explorar, localitzar i veure en poc temps quin arxius necessita en el seu dia a dia en previsualitzacions gràfiques i en miniatures ampliables.

1 Per accedir a Adobe Bridge CS5, desplegui el menú Archivo, seleccioni l’opció Buscar en Bridge

i polsi el botó No perquè Bridge no iniciï sessió de forma predeterminada quan obri Flash.

2 Perquè vostè pugui realitzar sense problemes aquest exercici, utilitzarem la carpeta d’imatges de mostra que Windows proporciona per defecte amb el sistema operatiu. Faci clic a la icona de la carpeta Imágenes,

al panell Favoritos situat a l’esquerra de la finestra, i a continuació faci doble clic sobre la icona de la carpeta predeterminada Imágenes de muestra que apareix al panell Contenido. El principal avantatge que presenta Bridge és el fet de poder visualitzar les imatges disponibles i manipular-les abans d’importar-les definitivament a l’àrea de treball.

3 Adobe Bridge mostra en miniatures les imatges que es troben a l’interior de la carpeta seleccionada.

La finestra està distribuïda principalment en tres parts. A l’esquerra, es troben el panell de carpetes i el de filtres, a la part central es visualitza el catàleg d’imatges i a la part dreta s’ubiquen els panells de vista prèvia i propietats de les imatges. Per visualitzar tota la seva informació, faci clic en l’imatge anomenada Desierto.

És possible ampliar l’amplària del panell Metadatos arrossegant el seu marge esquerre i ocultar-ho mitjançant un doble clic.

4 És possible canviar el mode de visualització de les imatges en el programa. En aquest aspecte, la nova versió del programa ofereix l’opció de veure les imatges com a diapositives en la nova barra d’eines. També té l’opció de mostrar les imatges amb tots els seus metadades a la part central del programa. Polsi sobre el botó Tira de diapositives per veure com canvia la interfície.

5 El menú Vista també permet canviar la visualització de les imatges. Desplegui aquest menú i elegeixi l’opció Como detalles.

6 Ara, al panell Contenido de la part inferior de la pantalla es mostra tota la informació de la imatge seleccionada. A la nova barra d’eines de Bridge és possible trobar extraordinaris comandaments com el que permet descarregar fotos des d’una càmera digital o enviar arxius a Internet o a PDF. El quadre de recerca també és una novetat en aquesta versió. Faci clic en aquest quadre, situat a l’extrem dret de la barra, escrigui la paraula tulips i polsi la tecla Retorn.

7 El programa realitza el rastreig a la carpeta actual i mostra la imatge trobada.

Per acabar, desplegui el menú Archivo i faci clic sobre el comandament Sortir per tornar a Flash.

IMPORTANT