Utilização da Grelha Grid

Transcrição

1

2 Utilização da Grelha Grid 1 - Utilize a grelha para dividir a área de trabalho em quadrados View -> Grid -> Show grid 2 - Altere as dimensões da grelha View -> Grid -> Edit grid Ver Páginas 72-74

3 Snap to grid 3 - Crie 3 elementos, por exemplo um quadrado, um círculo e uma estrela 4 - Ligue o "Snap to grid" de forma a sempre que arrastar algum elemento, esse elemento é atraído pela grelha View -> Snapping -> Snap to grid Repare que a zona de atracção depende do local do elemento arrastado

4 Snapping 5 - Experimente a ligar e a desligar o "Snap align" View -> Snapping -> Snap align Se estiver ligado, aparecem linhas que ajudam a alinhar o elemento arrastado com outros elementos da área de trabalho 6 - Experimente a ligar e a desligar o "Snap to objects" Repare que a zona de atracção depende do local do elemento arrastado

5 Snapping 7 - Ligue as réguas "Rulers" e crie 2 guias, uma horizontal e outra vertical View -> Rulers 8 - Ligue o "snap to guides" Se estiver ligado, consegue atrair elementos às guias quando os arrasta Repare que a zona de atracção depende do local do elemento arrastado

6 Linhas de Guia (Guides) 9 - Crie várias linhas de guia 10 - Bloqueie as linhas de guia View -> Guides -> Lock Guides Desta forma, não corre o risco de mover sem querer alguma linha de guia 11 - Desbloqueie as linhas de guia 12 - Elimine uma linha de guia Basta arrastá-la para fora da área de trabalho 13 - Elimine todas as linhas de guia ao mesmo tempo View -> Guides -> Clear Guides

7 Aumentar o número de frames (ver página 78) 14 - Crie um novo filme em flash Insira 2 elementos na 1.ª frame Aumente o número de frames em que aparecem os dois elementos criados, para isso, clique em 10 frames à frente por exemplo e escolha a opção "Insert frame" ou carregue na tecla F5

8 15 - Inserir símbolos (página 81) Os símbolos tem vantagens: Podem ser reutilizados Não aumentam muito o tamanho do filme Servem para a interpolação de movimento (animação em que só se define a frame inicial e a frame final) Adicione 1 elemento, por exemplo um quadrado à área de trabalho e em seguida transforme-o em um símbolo Para fazer isso, seleccione todo o elemento e carregue na tecla F8 para criar um símbolo

9 16 - Propriedades dos símbolos Na altura de criação do símbolo pode definir: Um nome para o símbolo em causa O tipo de símbolo "Type", por enquanto vamos utilizar o tipo "Graphic" O ponto de registo do símbolo "Registration" Este ponto é importante por exemplo, a definição do posicionamento do símbolo através de programação é feita com base neste ponto Repare que aparece um + no local do ponto de registo Crie vários símbolos com pontos de registo em locais diferentes Repare que nos símbolos aparece uma linha azul a circundar o elemento tal como o que acontecia quando se agrupava elementos Cada símbolo terá então um ponto de registo em forma de cruz: + e um ponto central em forma de pequeno círculo

10 Os símbolos são necessários para Motion Tween 17 - A interpolação de movimento só é possível através de símbolos, mesmo que não os crie, o flash cria-os automaticamente Experimente a criar um "MotionTween" em que um quadrado se movimenta de um lado para o outro, aumentando o tamanho durante o trajecto Basta criar uma keyframe em algumas frames mais à frente e alterar a dimensão e posição do elemento nesta última frame Repare na Biblioteca (ou livraria) "Library" que são criados automaticamente dois símbolos: "Tween 1" e "Tween 2"

11 Shape tween não funciona com símbolos No caso de uma "Shape tween" não são criados símbolos Crie um novo filme e faça uma animação em que um quadrado se transforma em uma bola maior, com cor diferente e em um local diferente Neste caso invés de criar uma Keyframe na última frame de animação, deve criar uma blank keyframe de forma a poder inserir uma forma diferente na última frame

12 Motion Tween com criação de símbolo 19 - Leia as páginas 82 e 83 do livro Efectue a animação da forma como está explicada nas páginas 82 e 83 do livro (repare que neste caso primeiro cria o símbolo antes de fazer a animação) Repare que neste caso, como criou um símbolo, o Flash não necessitou de criar símbolos automaticamente para criar a interpolação de movimento

13 Alterações no Motion Tween Experimente a carregar em uma frame intermédia da interpolação e a modificar algumas propriedades: Scale - caso esteja desligada, mesmo que altere o tamanho do quadro na última frame, este não mudará de tamanho durante a interpolação Experimente a por o objecto a rodar a favor do relógio e modifique o número de voltas (Rotate: CW 1 times) Modifique o Ease pare 100 e depois para -100 e veja as diferenças (repare que acelera ou desacelera)

14 Criação de uma interpolação Motion Tween 20 - Faça uma bola com um gradiente, de forma a fazer uma animação em que se veja a bola a rodar e a aumentar a sua velocidade durante o percurso Altere a animação de forma a a bola para no fim da animação e desaparecer no fim da animação Seleccione o símbolo na última frame e utilize a propriedade Color: alpha e coloque a 0 Para parar no fim, adicione a acção stop();