Vamos agora no blog começar a estudar sobre o software Macromedia Flash, que agora pertence à Adobe. No mesmo site pode-se fazer o download da versão Trial do programa.

Para melhor se familiarizar com o Flash vamos dividir [...]]]>

Vamos agora no blog começar a estudar sobre o software Macromedia Flash, que agora pertence à Adobe. No mesmo site pode-se fazer o download da versão Trial do programa.

Para melhor se familiarizar com o Flash vamos dividir esse tópico em algumas partes, sendo esta primeira voltada para a apresentação das ferramentas.

Com o Flash já instalado abra um novo arquivo: file > new… ou CTRL+N. Pode-se também clicar em Create New > Flash Document no splash que aparece ao iniciar o programa. Escolha o que melhor lhe agrade.

Ao abrir o documento novo repare que no lado esquerdo habilita um menu de ferramentas. Que é justamente o menu que iremos estudar agora. Vamos ver os botões nele contido e suas respectivas funcionalidades.

O menu é dividido em 4 (quatro) partes como pode ver na figura ao lado.

A primeira (de cima para baixo), com as ferramentas de criação.

Na segunda ficam as ferramentas de visualização.

Com a terceira aparecem as ferramentas para setar as cores, as paletas.

E na quarta e última, as opções de uso das ferramentas da primeira parte.

Vamos conhecer agora cada uma dessas ferramentas e suas utilidades.

Tools (Ferramentas)

– Selection Tool (Ferramenta de Seleção), com ela você seleciona, manipula, arrasta os objetos no palco. Pode selecionar só uma parte do objecto para quaso queira recortar ou editar. Tecla de atalho (V).
– Subselection Tool (Ferramenta de Subseleção) ao selecionar o objeto inteiro você pode editar os pontos de contorno, esticando ou diminuindo só um canto (ponto) do objeto. Tecla de atalho (A).
– Free Transform Tool (Ferramenta de Transformações Livres) com o objeto selecionado permite que você altere sua forma, tanto tamanho quanto aparência. Serve também para girar o objeto no palco. Tecla de atalho (Q).

– Gradient Transform Tool (Ferramenta de Transformação do Gradiente) com ela você pode ajustar o tamanho, o espaçamento, ou mudar a direção do gradiente aplicado ao objeto. Tecla de Atalho (F).
– Line Tool (Ferramenta de Linha) desenhe linhas no palco. Com o shift apertado fixa a direção da reta em 45 em 45 graus. Tecla de atalho (N).

– Lasso Tool (Ferramenta de Laço) seleciona com movimentos do mouse uma parte da figura. Bom para quando quizer selecionar uma área que não seja quadrada ou retangular. Tecla de atalho (L).

– Pen Tool (Ferramenta Caneta) para criar formas livres. Com os cliques você marca os pontos e arrastando o mouse defini a curva da linha entre esses pontos. Tecla de atalho (P).

- Text Tool (Ferramenta de Texto) para adicionar algum texto ao palco. Tecla de Atalho (T).

– Oval Tool (Ferramenta para Formas Ovais) desenhe formas ovais no palco, para desenhar um círculo segure o shift enquanto arrasta o mouse. Tecla de atalho (O).

– Rectangle Tool (Ferramenta de Retângulo) desenhe formas retangulares no palco, para desenhar um quadrado segure o shift enquanto arrasta o mouse. Tecla de atalho (R).

– Polystar Tool (Ferramenta de Polígono) embora esta ferramenta não esteje inicialmente visível no menu, ao pressionar o mouse por alguns instantes sobre a Rectangle Tool aparecerá um submenu para que você escolha uma das duas ferramentas. Sem tecla de atalho.

– Pencil Tool (Ferramenta Lápis) desenhe a mão livre no palco. Tecla de atalho (Y).

– Brush Tool (Ferramenta Pincel) desenhe a mão livre no palco. Sua diferença entre a Pencil Tool é que o resultado é um preenchimento e não uma linha. Tecla de atalho (B).

– Ink Bottle Tool (Ferramenta Frasco de Tinta) ao clicar em cima de um objeto não agrupado adiona-se uma linha em volta do objeto, borda. Tecla de atalho (S).

– Paint Bucket Tool (Ferramenta Balde de Tinta) adiciona um preenchimento à uma linha. Mesmo que não esteje completamente fechada. Tecla de atalho (K).

– Eyedropper Tool (Ferramenta Conta-gotas) captura o cor em hexadecimal de qualquer parte do palco e do programa. Tecla de atalho (S).

– Eraser Tool (Ferramenta Borracha) como qualquer outra borracha sua funcionalidade é apagar. Tecla de atalho (E).

View (Visualização)

– Hand Tool (Ferramenta Mão) para movimentar o palco mais rápido sem precisar usar as barras de rolagem. Enquanto segura a barra de espaço ela é habilitada. Tecla de atalho (H).

– Zoom Tool (Ferramenta de Zoom) aumente ou diminua o Zoom do palco. Tecla de atalho (Z) ou (M).

Colors (Cores)

– Stroke Color (Cor da Linha) com ele selecionado você escolhe a cor da linha.

– Fill Color (Cor do Preenchimento) altere a cor do preenchimento da imagem.

– Color Options (Opções de Cor) algumas mudanças rápidas que podem ser feitas nos itens acima. Da esquerda pra direita:

Black and White – deixa a linha na cor preta e o preenchimento branco.

No Color – o que estiver selecionado ficará sem cor, transparente.

Swap Color - inverta as cores da linha pro preenchimento e vice-versa.

Todas sem teclas de atalho.

Options (Opções)

– Object Drawing (Desenho do Objeto) serve para agrupar as formas ao serem desenhadas no palco. Tecla de atalho (J).

– Snap to Objects (Pressão aos Objetos) com esta opção marcada adiciona uma atração entre os objetos. Muito utilizado para alinhar, ou mesmo unir objetos. Sem tecla de atalho.
As demais opções variam conforme qual ferramenta foi selecionada. Servindo para configurar o uso de cada uma. Como por exemplo formato do pincel, suavizar linha

O primeiro editor de HTML que usei foi o Dreamweaver [...]]]> Uma coisa muito discutida por quem trabalha com Web é qual editor usar. Mas antes de ficar testando editor por editor a procura de um que mais lhe agrade é bom procurar saber mesmo o que você espera que um bom editor tenha.

O primeiro editor de HTML que usei foi o Dreamweaver na época em sua versão 4, de lá pra cá muita coisa mudou nele e hoje em dia com certeza é um dos editores mais completos, senão o mais completo. Porém não é freeware.
Mas depois que passei a escrever todo o HTML “na mão”, comecei a ver que muitas de suas ferramentas eram dispensáveis e que ele era muito pesado só para eu ficar digitando, além de ter os códigos gerados automaticamente muito “sujo”. Procurei então por um editor mais leve. Usei durante um tempo o próprio bloco de notas do windows, mas quando o código começa a ficar muito grande aquele monte de letra da mesma cor passava a ser desagradável.

Quando encontrei o EditPlus realmente era o que eu queria, simples, leve e só com as ferramentas que eu espera que um editor tivesse – como por exemplo paleta de cor e FTP – além de pintar todo o código facilitando a legibilidade. Foi amor a primeira vista e até hoje utilizo ele tanto para construir um documento XHTML quanto para CSS. Mas esse também é shareware.

Esses dias quis procurar por novidades na internet, ver se talvez pudesse ter um editor que me agradace mais, sem fugir da mesma simplicidade do EditPlus, e melhor, um editor freeware.

Encontrei dois editores que me agradaram muito:

Primeiro o PSPad com interface muito parecida com a do EditPlus só que mais robusto. Possui uma paleta de cor mais abrangente com mais opções na hora de escolher a cor, outra coisa que me agradou muito também foi o indentador automático – apesar do custume de utilizar a tecla tab para alinhar – e vem também com uma opção autocompletar, teclando CTRL+J abre uma caixa com as opções para você escolher, ideal para pessoas como eu que do nada esquecem os nomes de alguns atributos -, isso além de fechar automáticamente as chaves, parênteses e aspas (ainda vou ter que me acostumar com isso).

O segundo foi o Araneae 5 excelente editor para aqueles que não abrem mão do velho bloco de notas. Tão leve quanto, mas com funcionalidade de colorir o código, paleta de cor e tem no canto direito uma aba com algumas tag e atributos, bastando só clicar para adicionar ao documento. Tem uma interface parecida com os programas da Macromedia, versão MX.

mais sobre:

Revolucao.etc.br – Web Standards e as Ferramentas de desenvolvimento

[ editado ]

O EditPlus também tem a opção de fechar as tags automaticamente, só que vem desabilitada.

[ /editado ]