Windows Vista - Curso Completo - 1476 páginas Windows Server 2003 - Curso Completo SQL Server 2005 - Curso Completo 1500 Tutoriais de Informática Windows Vista - Curso Completo - 1476 páginas Curso Completo de Access Certificações Microsoft
 
Comprar Cursos e Vídeo-Aulas Cursos Online com Certificado Comprar Livros Foruns de Discussao

Você está aqui: Principal » Lista Completa de Tutoriais

Sobre este Tutorial

Autor: Marilane Araújo de Almeida
Data: 30-01-2006
Categoria: Web Design
Assunto: FLASH - BÁSICO
Visitas: 9075
E-mail: marilanealmeida@yahoo.com.br
Site:
Avaliação: (11 votos)
1 2 3 4 5
Comentários: Ler / Escrever

FLASH - Módulo 6

 

Objetivos

 

Vamos a mais um módulo sobre o FLASH. Nesta série você irá exercitar um pouco com as ferramentas de desenho do FLASH e com os níveis ou camadas.

 

Pré-requisitos:

 

Para acompanhar esta lição, você deve ter lido as lições passadas.

 

Criando desenhos FLASH

 

Neste módulo iremos usar os recursos que utilizamos nos módulos anteriores, como por exemplo lápis, balde de tinta, efeitos com degrade, pincel e etc.

 

Recursos do Lápis

 

Escolha a ferramenta Lápis e vá para a tela de pintura e, com o botão esquerdo do mouse pressionado, arraste o mouse para desenhar qualquer coisa. O modo Tinta aceita o traçado de linhas livremente e não designa formatos a partir delas. Você observará, que logo que soltar o botão do mouse, o programa abrandará um pouco o traçado das linhas. Verifique a figura de nº 01.

 

Figura 01 - mostra algumas linhas traçadas com o lápis, no modo Tinta.

 

Agora faça linhas com formato de Lápis em Acertar e Suavizar. Como foi passado anteriormente, Acertar desenvolve linhas mais angulosas e Suavizar suaviza as curvas.

 

Faça figuras irregulares fechadas. Com a opção Acertar ativada, dependendo do formato das figuras que você traçar, o editor de desenho do FLASH irá transformá-las em círculos ou elipses perfeitas, quadrados, retângulos ou outras figuras geométricas.

 

Observe a figura 02 os desenhos feitos com as ferramentas pincel, Oval, Retângulo e Linha.

 

Figura 02: Foram criadas com as ferramentas Pincel, Oval, Retângulo e Linha.

 

Nota: Para que você possa traçar quadrados ou círculos perfeitos, você fará o seguinte: vá até o menu Exibir -> Encaixar. Após feito isso, observe o pequeno círculo que surge por baixo do cusor quando se  estiver traçando a figura. Você irá traçando o quadrado ou o círculo até que o pequeno círculo do cursos aumente de tamanho e fique mais forte, esta é a sugestão de que, se você soltar o mouse nesta posição, obterá um quadrado ou círculo perfeito, e não um retângulo ou uma elipse.

 

Faça também com os outros controles do lápis, retângulo, oval e linha, como cor, espessura e estilo de linha.

 

Balde de Tinta

 

Vamos agora realizar exemplos dos recursos do Balde de Tinta. Escolha a  ferramenta do lápis e crie algumas figuras, sendo que uma fechada e as demais com aberturas de tamanhos variados, como mostrado na Figura 03.

 

Figura 04 -  Algumas formas fechadas e com aberturas de tamanhos variados.

 

Agora, você escolherá a ferramenta Balde de Tinta, selecione a cor vermelha. Vá até o modificador Tamanho da Lacuna -> Fechar Lacunas Grandes. Vá com o ponteiro do mouse dentro de cada quadrado dê um clique com o botão esquerdo do mouse.

 

Agora veja o resultado na figura a seguir:

 

Figura 05 -  Interior das figuras pintado com o Balde de Tinta.

 

Veja que algumas partes das figuras não foram pintadas, isto ocorre porque o modificador Tamanho da Lacuna em Fechar Lacunas Grandes dá à ferramenta Balde de Tinta urna tolerância maior em relação a aberturas na figura. Isto aceita pintar o interior de figuras cujas bordas não estejam totalmente fechadas. As outras opções de Tamanho da Lacuna mostram níveis de tolerância menores, aceitando pintar o interior de figuras que mostram aberturas médias ou pequenas. E existem ainda a opção de tolerância zero, em que apenas as figuras totalmente fechadas poderão ser pintadas com o Balde de Tinta.

 

Efeitos com  Degrade

 

Através do Balde de Tinta pode-se desenvolver muita coisa, além de cores sólidas. Pois, além das cores sólidas padrão da paleta de cores, pode-se ainda determinar vários tipos de degrade e até mesmo transparências. Veja agora os passos para criar figuras com efeito degrade.

 

1 - Selecione a ferramenta  Retângulo e trace dois retângulos, um dentro do outro. Em seguida, clique no Balde de Tinta -> paleta de cores. Escolha uma das opções de degrade. Nos próximos módulos veremos como modificar os degrades disponíveis a criar um efeito de profundidade na figura, que poderá ser utilizada inclusive como um botão em seus projetos. Veja esse passo na figura abaixo:

 

Figura 06 – Criação do retângulo.

 

2 - Agora, clique próximo da borda do retângulo interno, e depois o externo.

 

Veja como ficou na figura a baixo:

 

Figura 07 – Aplicação do degrade.

 

Vamos realizar uma outra versão do mesmo retângulo, fazendo uma  transformação na direção do degrade do retângulo interno. Para isto faça:

 

1 - Copie o desenho que acabamos de criar. Clique na ferramenta Seta, clique acima e à esquerda da figura dos retângulos e, mantendo o botão pressionado, arraste o mouse para baixo e para a direita, traçando um retângulo que deverá envolver todo o desenho. Solte o botão do mouse para selecionar o desenho.

 

2 – Agora mande copiar a figura, e logo após colar.

 

3 - Agora, aplicaremos o degrade em outra posição. Selecione o Balde de Tinta e, com o mesmo efeito de degrade usado na figura 07, dê um clique próximo da borda do retângulo interno, no lado oposto ao anterior, ou seja, na direção do canto inferior direito da tela . Observe que isto cria um efeito de profundidades no desenho, dando a idéia de ter sido pressionado, se comparado ao desenho anterior.

 

Figura 08 - Aplicou o degrade no lado oposto ao anterior.

 

Para criar um acabamento ao desenho, vamos retirar as linhas que definiriam os retângulos. Para isso, escolha a ferramenta Seta e posicione o ponteiro do mouse sobre cada uma das linhas, até surgir o ícone de linha curva ao lado do ponteiro. Para selecionar as linhas, clique em cada uma, até que todas estejam selecionadas.

 

Com as quatro linhas selecionadas, pressione a tecla Del. As duas figuras poderiam ser utilizadas, vamos supor, para criar os dois estados de um botão de acionamento normal e pressionado. Veja a seguir as figuras sem a borda preta.

 

Figura 09 – Figuras sem a borda preta.

 

Conclusão:

 

Conclui-se mais um capitulo sobre o FLASH, espero que tenha sido de utilidade a você, e no próximo módulo você verá a continuação deste. Bons estudos.

 

 

LISTA DE TODOS OS TUTORIAIS DISPONÍVEIS

 


CURSOS ONLINE COM CERTIFICADO E SUPORTE
Gerência de Projetos SQL Server 2005 Gerência Financeira Windows Server 2003
MS Project 2007 Photoshop Projeto e Interconexão de Redes LAN Técnico Profissionalizante de Informática
Profissionalizante de Flash      
CURSO EM FORMATO DE VÍDEO-AULA
EXEMPLOS PRÁTICOS PASSO A PASSO COM SOM E IMAGEM
Clique no curso para informações detalhadas
Curso Duração Informações
ACCESS
Vídeo-Aula - Access 2007 - Curso Básico 2h01m Clique aqui
Vídeo-aula - Access 2007 - Tudo Sobre Consultas 2h30m Clique aqui
Vídeo-Aula - Curso Avançado de Access 2003 2h48m Clique aqui
Vídeo-Aula - Curso Básico de Access 2003 2h49m Clique aqui
EXCEL
Vídeo-aula - Criando uma Agenda no Excel 40m Clique aqui
Vídeo-aula - Curso de Macros e Programação VBA no Excel - Avançado 11h27m Clique aqui
Vídeo-aula - Curso de Macros e Programação VBA no Excel - Básico e Int... 13h02m Clique aqui
Vídeo-aula - Excel 2003 - Curso Básico 3h03m Clique aqui
Vídeo-Aula - Excel 2007 - Curso Avançado 2h30m Clique aqui
Vídeo-Aula - Excel 2007 - Curso Básico 2h35m Clique aqui
Vídeo-Aula - Tabelas Dinâmicas Avançadas no Excel 2003 2h Clique aqui
Vídeo-aula - Tudo Sobre Funções Matriciais no Excel 2h30m Clique aqui
Vídeo-Aula - Tudo Sobre Gráficos no Excel 9h Clique aqui
Vídeo-aula interativa: Tudo Sobre Tabelas Dinâmicas no Excel 2003 2h30m Clique aqui
WORD
Vídeo-Aula - Curso Básico de Word 2003 2h14m Clique aqui
Vídeo-aula - Word 2003 Avançado 1h34m Clique aqui
Vídeo-aula - Word 2003 Básico 2h14m Clique aqui
Vídeo-Aula - Word 2007 - Curso Básico 2h23m Clique aqui
POWERPOINT
Vídeo-Aula - Curso Básico de PowerPoint 2003 2h22m Clique aqui
WINDOWS
Vídeo-Aula - Curso Básico de Windows XP 2h36m Clique aqui
Vídeo-Aula - Windows XP - Formatação e Instalação 3h47m Clique aqui
Vídeo-Aula - Windows XP Básico + Intermediário + Dicas Práticas 8h Clique aqui
PROGRAMAÇÃO
Vídeo-Aula - CALCULADORA HP 12C - Curso Prático em 80 Lições 02h30m Clique aqui
Vídeo-Aula - CALCULADORAS HP 50G - 49G/G+ - 48 GII -- Clique aqui
Vídeo-Aula - Curso Completo de Lógica de Programação 22h15m Clique aqui
Vídeo-Aula - Lógica de Programação com VB.NET 14h Clique aqui
CONCURSOS PÚBLICOS
Vídeo-aula - Excel Para Concursos Públicos - Simulados e Provas Coment... 2h Clique aqui
Vídeo-Aula - Matemática Básica - Módulo I 22h Clique aqui
Vídeo-aula - Matemática Financeira - Teoria e Prática 9h10m Clique aqui
Vídeo-Aula - Raciocínio Lógico - Curso Completo e Prático 12h Clique aqui
Vídeo-aula - Série Concursos: Inglês ESAF - Simulados e Provas Comenta... 2h Clique aqui
BANCO DE DADOS
Vídeo-Aula - Dominando o ORACLE - Curso Prático 12h Clique aqui
Vídeo-Aula - MySQL - Curso Completo e Prático 11h30m Clique aqui
Vídeo-aula - SQL Server 2005 - Reporting Services 2h30m Clique aqui
WEBDESIGN
Vídeo-Aula - Criação de Sites - Curso Básico 2h53m Clique aqui
Vídeo-Aula - Criando Blogs Profissionais - Curso Completo 45m Clique aqui
Vídeo-Aula - Criando Sites Dinâmicos Avançados com DreamWeaver CS3, PH... 4h54m Clique aqui
Vídeo-Aula - Criando Sites Dinâmicos com DreamWeaver CS3, PHP e MySQL 4h05m Clique aqui
Vídeo-Aula - Criando uma Loja Virtual com PHP e MySQL - Curso Completo 19h Clique aqui
Vídeo-Aula - Curso Completo de PHP + HTML + CSS 27h35m Clique aqui
Vídeo-Aula - DreamWeaver CS4 - Curso Prático 1h53m Clique aqui
Vídeo-aula - Flash CS3 - Básico e Prático 4h45m Clique aqui
Vídeo-Aula - Flash MX - Curso Básico 2h26m Clique aqui
Vídeo-Aula - HTML - Curso Prático 2h40m Clique aqui
Vídeo-Aula - Tableless - Crie Sites 100% nos Padrões Web 4h10m Clique aqui
INTERNET
DVD: Hardware - Curso Básico 58m Clique aqui
Vídeo-Aula - Curso de Microinformática Prática 4h35m Clique aqui
Vídeo-aula - Curso Prático de Internet 40m Clique aqui
Vídeo-aula - Curso Prático de Outlook Express 55m Clique aqui
CAD
Vídeo-Aula - Curso de Autocad 2D 4h Clique aqui
Vídeo-Aula - Curso de Autocad 3D 3h45m Clique aqui
VÍDEO E ÁUDIO
DVD: Conversão de Formatos Digitais: Áudio e Vídeo 1h26m Clique aqui
Vídeo-Aula - Como Criar Vídeo-Aulas - Curso Prático 1h04m Clique aqui
Vídeo-Aula - Curso de Teoria Musical 1h Clique aqui
PROGRAMAS GRÁFICOS
Vídeo-Aula -  Flash CS4 - Curso Prático 2h19m Clique aqui
Vídeo-Aula - Curso de CorelDraw X4 - Módulo I 3h Clique aqui
Vídeo-Aula - Curso Profissional Photoshop 4h20m Clique aqui
Vídeo-Aula - Fireworks CS4 - Curso Prático 1h35m Clique aqui
Vídeo-Aula - Photoshop CS4 - Curso Prático 4h24m Clique aqui
ADMINISTRAÇÃO E NEGÓCIOS
DVD - Curso de Oratória - Falando em Público sem Medo 2h36m Clique aqui
LIVROS CAMPEÕES DE VENDA NO SITE
Dossiê Hacker
Universidade Project
Loja de Livros

© Júlio Battisti, 2001 - 2009. Todos os direitos reservados.
É expressamente proibida a reprodução total ou parcial do conteúdo deste site e dos textos disponíveis, seja através de mídia eletrônica, impressa, ou qualquer outra forma de distribuição. Os infratores serão indiciados e punidos com base na lei nº 9.610 de 19/02/1998. Este tutorial só pode ser publicado no site www.juliobattisti.com.br e no site do Autor do tutorial. Nenhum outro site tem permissão para copiar e publicar este tutorial, mesmo que sejam mantidas todas as referências ao autor e ao site www.juliobattisti.com.br. Não é permitida a publicação deste tutorial em nenhum outro site.