topo
topo
topo
Terça, 22 de Agosto de 2017.
portaldigidesign
menu principal
No Site Na Web
slogan
 
:: Home
:: Fórum
:: Newsletter
:: Na Mídia
:: Recomende-nos
:: Nossos banners
:: Rss Feeds
:: Contato
 
menu design
:: Flash
:: Dreamweaver
:: Fireworks
:: Swishmax
:: Photoshop
:: Corel Draw
:: Ícones
:: Tabela de cores
:: Layouts prontos
 
menu programação
 
:: PHP
:: Asp/.Net
:: Javascript
:: CGI
:: Cold Fusion
 
menu serviços
 
:: Geradores online
:: Indique o site
:: Usuários online
:: Contador
 
menu sites destaque
 
:: Indique seu site
:: Sites destaque
 
menu artigos
 
:: Web Marketing
:: Web acessibilidade
 
 
 

· Artigos » Fireworks

 

Efeito Grade Wireframe3D  English Version

Por: Ivan W. Primo
Publicado em: 11.11.2005
Visualizações: 25618


rec6 Linkto delicious google yahoo live Twiter

Efeito Grade 3D

Neste tutorial vamos criar uma imagem em forma de grade 3D.

Inicie um novo documento de, no mínimo 350 x 300px, com fundo preto:

canvas"

Agora vá ao menu "View > Grid > Edit Grid " e mude as configurações do grid para 10px por 10px, cor branca. Assinale a opção "Show Grid" e dê "OK" para exibir o grid no palco.

grid"

Agora aumente o zoom do palco para pelo menos 300%.

círculo seleção"

Agora pressione "N" no seu teclado e desenhe uma linha vertical de 100px de comprimento com 1px de largura, soft line, cor #FFFF00. Use "Shift" para desenhar melhor a linha.

Inicie a linha exatamente em um ângulo do grid. A linha ocupará 10 quadros. Depois desenhe outra linha do mesmo comprimento e largura, mas na horizontal, partindo da ponta inferior da linha vertical, de forma a criar um ângulo de 90 graus.

Pressione "Ctrl+Alt+G" para visualizar se sua imagem está mais ou menos assim:

linhas"

Agora pressione novamente "Ctrl+Alt+G" para exibir o grid.

Agora vem a parte mais complicada do trabalho. Pressione "N" para ativar a ferramenta "Line Tool". Deixe com as mesmas configurações que usamos nas outras duas linhas. Clique sobre a ponta superior da linha vertical e desenhe a linha arrastando o mouse para baixo até o ponto onde termina o primeiro quadrado do grid sobre a linha horizontal. Assim:

ponto 1"

Você não deve ultrapassar as linhas vertical e horizontal com essa nova linha. Para isso o truque é verificar o cursor em forma de cruz. Quando o cursor estiver exatamente sobre a junção do grid ele fica na cor preta.

Agora inicie uma outra linha, mais abaixo, no segundo quadro do grid que cruza a linha vertical, e desça até o final do segundo quadro do grid que cruza a linha horizontal. Assim:

ponto 2"

Repita o procedimento nos outros quadros do grid:

ponto 3"

efeito final"

Vá cruzando as linhas da mesma maneira até chegar ao final da linha horizontal. Você terá ao final 9 linhas que se cruzam para formar uma grade 3D.

ponto 9"

Agora pressione "Ctrl+Alt+G" ou menu "View > Grid > Show Grid" para ocultar o grid. Em seguida pressione "Ctrl+A" ou menu "Select > Select All" para selecionar todas as linhas. Depois "Ctrl + Shift + G" ou menu "Modify > Group" para agrupar as linhas. Nossa imagem estará assim:

group"

Copie e cole esse grupo de linhas. Depois use a ferramenta "Flip Horizontal" para girar a cópia da imagem. Se a barra de ferramentas não estiver visível vá em "Window > Tool Bars > Modify" ou vá ao menu "Modify > Transform > Flip Horizontal".

flip"

Posicione ao lado da imagem original de maneira que as linhas verticais se sobreponham. Selecione as duas imagens e agrupe (Ctrl + G):

ajuste"

Agora copie e cole esta imagem. Depois use a ferramenta "Flip Vertical" e alinhe abaixo com as linhas horizontais sobrepostas:

ajuste 2"

Agora use e abuse da sua criatividade!

final"

Até a próxima! Dúvidas consulte nosso fórum.

Ivan W. Primo
webmaster@portaldigidesign.com.br
MSN: iwprimo@gmail.com




Versão para impressão  Twitter



 

  Comentários:

Nome: Digite seu nome.Digite seu nome.
Email: Campo Obrigatório. Formato Inválido.
Comentário:   Campo Obrigatório.Digite ao menos 8 caracteres.Até 100 caracteres.
   

   rss

 
hospedagem Host Brasil
Dreamweaver
Fireworks
Flash
SwishMax
Corel Draw
Photoshop
Photoshop
PHP
Asp/.Net
Web Marketing
publicidade
   

 

rodape rss Siga-me no Twitter