
11/04/2006 - Cargos e salários na área de informática
09/01/2003 - Criando um sistema de login
09/01/2003 - Paginando registros com o Dreamweaver MX
09/01/2003 - Implementando um tradutor de línguas no seu web site
06/05/2004 - Criando um contador de downloads com PHP e MySQL
09/01/2003 - Conceitos de Programação e ActionScript
26/04/2006 - Interagindo com o teclado dinâmicamente
25/05/2004 - O que o Google faz que você não sabia....
09/01/2003 - Portal PHP NUKE
21/03/2006 - Criação de Menu Deslizante através do DreamWaver
09/01/2003 - Criar um Recordset
30/07/2006 - Aumentando seu Page Rank
06/05/2005 - Guia visual de controles de formulário HTML
09/01/2003 - Segurança em programação PHP
Leituras: 10435 -
Qualquer usuário iniciante do Fireworks 4 sabe como usar a ferramenta Round Rectangle Tool (Retângulo de Cantos Arredondados). Esta ferramenta não existia na versão anterior do Fireworks e o efeito do arredondamento dos cantos era obtido no próprio painel da ferramenta Rectangle normal.
Mas... e se tivermos uma fotografia e desejarmos que ela fique também com os cantos arredondados? Nesse caso o procedimento é um pouco mais complicado e difere bastante do empregado na versão 3.0. Por isso, adaptei um tutorial que criei há tempos para aquela versão, de modo que pudesse ser usado na versão 4.0 do programa. Você pode usar a mesma fotografia do exercício (basta clicar com o botão direito e "Salvar a figura como..." antes de começar) ou uma outra qualquer de dimensões aproximadamente iguais.
Este é o primeiro tutorial que a Fireworks Tips traz para você. Muitos outros se seguirão. Clique e aprenda Como Arredondar os Cantos de Uma Foto.
Obs: A seqüência de comandos aqui ensinada só funciona no Fireworks 4.0. Se você é usuário do Fireworks 3.0, consulte a Dica nº8 do nosso site tribofireworks onde são explicados os comandos necessários à obtenção do mesmo efeito naquela versão do programa.
01 - Carregue a imagem cujos cantos deseja arredondar. Usaremos esta foto como exemplo:
![]()
02 - Clique na ferramenta Round Rectangle para selecioná-la
03 - Clique em Window>Object para fazer aparecer o painel Object referente à ferramenta atual ou tecle [Alt]+[F2]Há agora um detalhe muito importante, se esquecer dele não conseguirá obter o efeito desejado. É necessário que você esteja em "Modo de Objeto" e não em "Modo de Imagem". Para quem não conhece bem o Fireworks, o Modo de Imagem é caracterizado pela existência de uma borda listrada ao redor da imagem quando ela está selecionada. Se ela estiver aparecendo, você deverá teclar [Esc] para sair desse modo e retornar ao Modo de Objeto, no qual temos mais flexibilidade para trabalhar com ferramentas de tipo vetorial.
04 - Agora desenhe um retângulo que se sobreponha totalmente à fotografia, exceto é claro, nos cantos
![]()
05 - No painel Object [Rectangle] defina um valor de 40 para o arredondamento dos cantos (Roundness:)
06 - Certifique-se de que apenas o retângulo recém-criado (mas não a fotografia) fique selecionado
07 - Recorte o objeto, usando o ícone da tesoura, "Cut" do menu Edit ou o atalho [Ctrl]+[X]
08 - Agora é necessário selecionar a fotografia (que não estava selecionada para que só o retângulo fosse cortado)
09 - Na seqüência, vá até o menu Edit e clique na opção "Paste as Mask"
10 - O retângulo será colado como máscara mostrando apenas a parte da foto contida em seu interior
11- Para terminar, selecione tudo com [Ctrl]+[A] e agrupe com Modify>Group ou usando o atalho [Ctrl]+[G]O passo 08 é muito importante. Se a foto não estiver selecionada nesse momento, a opção "Paste as Mask" não estará disponível, o que é fácil de entender, já que para se colar alguma coisa como máscara é necessário que exista também um objeto a ser "mascarado". Veja a seguir o resultado final:
![]()