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: Carlos Vitor de Castro Silva
Data: 23-01-2006
Categoria: Web Design
Assunto: FLASH - BÁSICO
Visitas: 20542
E-mail: desenhodigital@ig.com.br
Site:
Avaliação: (27 votos)
1 2 3 4 5
Comentários: Ler / Escrever

Desenhando com o Flash

 

Objetivos:

 

Ambientar o aluno com as ferramentas de desenho do Flash.

 

Autor: Carlos Vitor de Castro

 

Modificando as propriedades do documento

 

Antes de criar um filme no Flash, devemos pensar em suas propriedades, como tamanho e a cor do segundo plano. Podemos definir as dimensões de um filme, a cor de fundo, a taxa de quadro e as unidades de medida da régua do palco, usando o Property Inspector (inspetor de propriedades) e a caixa de diálogo Document Properties.

 

 

O Flash tem como padrão criar novos arquivos com 550 pixels de largura e 400 pixels de altura, se você faz na maior parte das vezes banners fulls (468x60) pode configurar para que seja este o tamanho padrão.

 

Como fazer:

 

1. Abra o Flash e peça um novo arquivo (File/New...).

 

2. Clique no botão Size    aparecerá a caixa de diálogo abaixo:

 

 

De agora em diante todos os arquivos criados serão definidos automaticamente configurados para o tamanho 468x60.

 

Desenhando formas básicas

 

Temos como formas básicas: retângulo, polígono e elipse, combinando-as e transformando-as podemos desenhar formas complexas. Neste tutorial vamos ver como desenhar formas básicas e transformá-las.

 

 

Para se acessar a ferramenta polígono devemos clicar na ferramenta retângulo e manter o botão esquerdo do mouse pressionado.

 

Para desenhar qualquer uma destas formas, selecione-as, vá para sua área de trabalho e clique e arraste na diagonal. Para desenhar círculos e quadrados desenhe com a tecla SHIFT pressionada, se desenharmos com a tecla ALT pressionada desenhamos as duas formas a partir do centro.

 

Quando desenhamos uma forma básica esta forma apresenta seu contorno e preenchimento separados, para mover uma forma depois de pronta, não basta apenas clicar em qualquer ponto, devemos clicar duas vezes no meio da forma, para selecionar seu preenchimento e seu conteúdo.

 

Retângulos com cantos arredondados

 

Para desenhar retângulos com cantos arredondados. Selecione a ferramenta Retângulo, e observe que abaixo da caixa de ferramentas aparece este botão:

 

 

Clique no botão e defina o raio de arredondamento do retângulo, valores entre 15 e 20 são ótimos para botões.

 

 

Alterando formas

 

Podemos alterar retângulo ou um polígono de duas maneiras: clicando e arrastando o vértice do ângulo ou clicando e arrastando em qualquer ponto do seu contorno.

 

Usando o vértice

 

Usamos o vértice para alterar a forma sem criar formas arredondadas, este método simula uma perspectiva.

 

 

 

Usando qualquer ponto do contorno

 

Usamos este método para criar formas arredondadas.

 

 

 

Dimensionando formas

 

Para aumentar ou diminuir o tamanho de qualquer forma, use a ferramenta Transform.

 

 

Clique na ferramenta Transform, depois clique na forma que deseja modificar o tamanho, se esta forma tiver contorno e preenchimento, devemos clicar duas vezes para selecionar.

 

 

A bolinha branca no meio da forma é o eixo de rotação.

 

Retirando contorno de objetos

 

Para retirar o contorno de uma elipse, de um clique com a ferramenta Selection e pressione Delete, de retângulos ou polígonos, podemos remover só um lado do contorno ou todos os lados.

 

Para remover só de um lado clique uma vez, na parte do contorno que quer apagar e pressione Delete, para remover todos os lados clique duas vezes em qualquer parte do contorno e pressione Delete.

 

Reaplicando contorno em um objeto

 

 

Alterando o traçado de uma forma

 

Podemos alterar a espessura e o estilo de um traçado use o inspetor de propriedades:

 

 

Alterando a cor do preenchimento de uma forma

 

 

Combinando formas

 

Aparando formas – podemos, como no Fireworks, usar uma forma para recortar outra, para fazer isto siga os passos abaixo:

 

Desenhe duas formas da mesma cor e ano retire o contorno.

 

 

Clique no círculo da direita e posicione em cima do da esquerda e desmarque-o

 

 

Clique duas vezes no círculo da direita e arraste-o para seu lugar de origem.

 

 

O que fez uma forma recortar a outra foi o contorno, podemos usar também formas sem contorno, mas com preenchimentos diferentes.

 

Soldando formas – Vamos juntas duas formas e transformá-las em uma única forma. Siga os passos abaixo.

 

Desenhe duas formas da mesma cor e retire o contorno.

 

 

Clique na da direita e arraste para cima da outra, desmarcando-a.

 

 

Agora tente separá-las, clicando em qualquer uma das duas, não é possível pois agora elas são uma única forma.

 

Desenhando linhas e traçados

 

Temos quatro ferramentas para desenhar linhas e traçados:

 

 

Lápis

 

É uma ferramenta de desenho muito útil. Permite a pintura de detalhes, desenhos a mão-livre e muito mais. Existem vário modos de desenho com o lápis, e os recursos de suavização do Flash são bem interessantes. Podemos usar o lápis como um lápis normal, mas também podemos fazer com que os traços sejam automaticamente suavizados, em curvas ou em retas.

 

Quando selecionamos a ferramenta lápis, aparece na parte de baixo da caixa de ferramentas o controle abaixo:

 

 

» Selecione a opção Straighten e desenhe uma linha sinuosa na tela, você irá observar que os ângulos da linha vão ficar um pouco mais retos.

» Selecione a opção Smooth e desenhe uma linha parecida com a anterior, você notará que quando terminar de desenhar a linha terá seus contornos suavizados.

» A opção Ink não altera a aparência das linhas depois de desenhadas.

 

Pincel

 

A ferramenta pincel tem um funcionamento parecido com a ferramenta Lápis, com a diferença que podemos escolher o formato do pincel.

 

Selecione a ferramenta pincel e na parte de baixo da barra de ferramentas escolha o tamanho do pincel e um modelo de pincel.

 

 

Além do tamanho e do traçado podemos alterar também o comportamento do desenho do traçado em relação às outras formas, podemos pintar somente sobre áreas preenchidas, só atrás de outras formas, etc.

 

 

Pen

 

Usamos a ferramenta Pen para desenhar polígonos irregulares ou formas curvas. Para desenhar polígonos, selecione a ferramenta Pen e clique em vários pontos da tela, para finalizar esta forma de um clique no ponto inicial do desenho. Para desenhar formas curvas, selecione a Pen e quando clicar, dê uma pequena “arrastada” com o mouse, finalize clicando no ponto inicial.

 

Abaixo um exemplo de um polígono irregular e de uma forma curva criada com a ferramenta Pen.

 

 

Neste tutorial falamos sobre a configuração do tamanho de um documento Flash e das principais ferramentas de desenho deste programa.

 

Semana que vem iremos falar sobre técnicas de animação do Flash.

 

 

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.