Loe raamatut: «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
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.
| 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
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,
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.
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.
| 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
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,
3 Adobe Bridge mostra en miniatures les imatges que es troben a l’interior de la carpeta seleccionada.
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.
IMPORTANT
És possible canviar a mode compacte la finestra del programa, de manera que pugui treballar alhora amb Bridge i amb Flash. Per a això, senzillament haurà de prémer la icona situada en l’extrem dret de la barra d’eines, a la dreta del quadre de recerca.
