Aprendre Flash CS5 amb 100 exercicis pràctics

Títol de l’obra:

Aprendre Flash CS5 amb 100 exercicis pràctics

Primera edició, 2010

Disseny de la coberta: NDENU DISSENY GRÀFIC

© 2010 MEDIAactive

Pallars, 141-143, 5o B 08018 Barcelona www.mediaactive.es

© 2010 MARCOMBO, S.A.

Gran Via de les Corts Catalanes, 594

08007 Barcelona

www.marcombo.com

ISBN: 978-84-267-2045-0

Queden rigorosament prohibides, sense l’autorització escrita dels titulars del copyright, 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.

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ó

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

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.

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.

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.

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.

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

La 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.

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.

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,

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

5 El sol ha canviat d’ubicació.

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

La 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.

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

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,