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:

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

LIVROS CAMPEÕES DE VENDA NO SITE

Cursos Online com Certificado e Suporte à Dúvidas

CURSOS ONLINE COM CERTIFICADO - INDICADOS POR JÚLIO BATTISTI EM PARCERIA COM BRAVA CURSOS
INFORMÁTICA
Curso de Digitação Formatando e Instalando Computador Excel para Iniciantes Curso Compre no Ebay Informática Educativa Curso de Linux	Segurança na Internet Montagem e Manutenção de Computadores Curso Remoção de Vírus Curso Ubuntu Instalação Linux - Ubuntu
AdministraÇÃo
Gestão de Projetos e Empreendedorismo Benefícios da Previdência Curso HP 12C Matemática Financeira Curso Análise Salarial	Processo de Elaboração de Questionário Excelência no Atendimento ao Cliente Logística do Transporte Licitações e Contratos Administrativos
Profissionalizante
Adestramento Canino Como fazer pesquisa Científica e Monografia Curso de Corte e Costura Supervisor de Telemarketing Balconista de Padaria Curso Educação Infantil	Recepcionista e Secretaria Velas Artesanais Relações Interpessoais Curso de Arbitragem Bullying e Cyberbullying Capacitação de Tutores em EAD
EstÉtica
Curso de Massoterapia Curso de Depilação Drenagem Linfática Curso de Maquiagem Limpeza Turbinada de Pele	Alisamento e Relaxamento Capilar Curso de Etiqueta SPA de Vinhoterapia na Estética Facial Curso de Shantala Introdução à Colorimetria Capilar
Pessoal
Curso de Caligrafia Memorização Chefia e Liderança Curso Falar em Público Curso Bases Neurológicas Leitura Dinâmica Planejamento de Projeto Pessoal Reforma Ortográfica	Como Passar em Concursos Públicos Direção Defensiva Administração do Tempo Curso de Redação Curso de Meditação Como Passar no Vestibular Atualização Gramatical
NegÓCIOS
Relações Humanas e Ética Profissional Marketing e Vendas Diretas	Persuasão em Vendas
Entretenimento
Curso de Mágica
SaÚde
Primeiros Socorros Curso de Fitoterapia Curso de Aromaterapia Medicina Alternativa Plantas Medicinais	Técnicas básicas de Enfermagem O Trabalho do Agente Comunitário de Saúde Ergonomia - Postura Correta em Frente ao Computador Ética Profissional - Ênfase em Radiologia Adolescência: Visão Saúde do Assunto
Meio Ambiente
Curso Gestão Ambiental Jardinagem e Paisagismo	Curso de Reciclagem Curso de Bonsai
MÚsica
Curso de Violão
NutriÇÃo
Higiene e Manipulação de Alimentos Congelamento de Alimentos	Culinária Básica Culinária Intermediária
RelaÇÕes Humanas
Curso Gestão de Pessoas Departamento Pessoal Desenvolvimento Pessoal Empresarial Curso de Telemarketing Curso Dinâmica em Grupo Rescisão Contrato de Trabalho Folha de Pagamento na Prática	Atendimento ao Cliente Adm. da Empregada Doméstica Curso de Homolognet Recursos Humanos - Férias Recursos Humanos - 13° Salário Registro de Empregados
Web Master
Curso de HTML Curso de WordPress	Curso de HTML5
Designer GrÁfico
Curso de Corel Draw Efeitos Especiais com InDesign CS5	Efeitos Tipográficos com InDesign CS5

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 - Consultas - Curso Completo e Prático

4:30h

LOJA DE LIVROS

VÍDEO-AULAS

E-BOOKS/CURSOS

CURSOS ONLINE COM CERTIFICADO

CURSOS COMPLETOS EM CD

CD-01

CD-02

CD-03

CD-04

CD-05

CD-06

CD-07

CD-08

CD-09

CD-10

CONTATO

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

Sobre este Tutorial

Desenhando com o Flash

:: Tutoriais Relacionados

CURSOS
COMPLETOS EM CD