Design Up
Ola Visitante, Seja bem vindo ao DesignUp, esperamos que você goste de nosso conteudo e se torne um Membro para poder participar ainda mais de nossas atividades.

Vale tambem ressaltar que durante seu acesso caso vc veja algum assunto sem nexo algum não se preucupe, é que alguns de nossos conteudos são exclusivos para membros, entao não perca tempo, cadastre-se e tenha acesso completo ao forum.

Att. Rafael Ribeiro
Equipe DesignUp
Escolha o tema
  

Buscar
 
 

Resultados por:
 


Rechercher Busca avançada

Últimos assuntos
Navegação
 Portal
 Índice
 Membros
 Perfil
 FAQ
 Buscar
Top dos mais postadores
Antunes Marcelo™ (2685)
 
Rafael Ribeiro (1442)
 
bru5no (1407)
 
San (978)
 
abandonei rs' (213)
 
Banned+ (143)
 
michellgomes (138)
 
Micheel (132)
 
Kotoquinho (125)
 
Dexter (87)
 

Navegação
 Portal
 Índice
 Membros
 Perfil
 FAQ
 Buscar
Parceiros
Fórum grátis


iZiTech
Contador de Visitas
contador free
Facebook

[TUTO] ..: Efeito fundo desgastado:..

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[TUTO] ..: Efeito fundo desgastado:..

Mensagem por Antunes Marcelo™ em Qui Ago 05, 2010 12:42 pm

::Objetivo::

Mostrar uma técnica de construção de efeito desgastado em uma peça de papel para ser usada como fundo.

::Visão antecipada::

Este tutorial mostra uma técnica para se obter o efeito desgastado para ser usado como fundo.
Para você ter uma idéia da utilização deste efeito, montei um menu, mostrando o resultado final obtido com emprego do fundo.

Veja no final desta página o menu

::Iniciando a construção::

Ajuste as dimensões do palco para 150 x 130px e a cor para branco #ffffff.

1-) Construa um retângulo de 120 x 70px na cor vermelha escuro #990033 e com uma borda branca de 1px;
2-) Ajuste a borda para a posição Inside Path;
3-) Ajuste a borda para 1-Pixel Soft, Grain 100 como mostrado na figura abaixo.



::Efeitos nos lados superior e inferior::

Selecione o retângulo construido e pegue a ferramenta Vetor Path Tool.

Com esta ferramenta e com os valores ajustados para a borda conforme acima mostrados faça uns "riscos" ao longo do lado superior e depois ao longo do lado inferior do retângulo .

Você deverá obter algo parecido com o mostrado na figura abaixo.



::Primeiro efeito dentro do retângulo::

Agora com a mesma ferramenta Vetor Path Tool faça uns rabiscos dentro do retângulo como mso9trado abaixo. Atenção não exagere nos riscos e se você não gostar da primeira tentativa, apague e tente outros riscos. ;-)



::Segundo efeito dentro do retângulo::

Este efeito é semelhante ao anterior, mas agora você deverá fazez linhas retas.
Use agora a ferramenta Pen Tool (caneta).
Selecione o retângulo, pegue a ferramenta Peen Tool e vá clicando e soltando para fazer os riscos retos e contínuos.



::Aplicando transparência nos riscos::

Para finalizar vamos aplicar transparência nos rabiscos que acabamos de fazer.
Selecione cada um dos rabiscos e aplique o índice de transparência conforme mostrado na figura abaixo.



Nota: Nesta figura você pode notar que para fazer os rabiscos, não há necessidade de ficar dentro do retângulo. Observe em azul o caminhamento dos rabiscos que eu construi.

::O efeito final::

Fazendo tudo certo você deverá obter o resultado final como mostrado na figura abaixo .



::Aplicando o efeito::

Abaixo uma aplicação do fundo na construção de um menu .

avatar
Antunes Marcelo™
Administrador
Administrador

Gémeos
Mensagens : 2685
Pontos : 4815
Agradecimentos : 244
Data de inscrição : 19/07/2010
Idade : 26
Localização : Caldas Novas - GO

Outras Informações
Ocorrencias:
10/10  (10/10)

Ver perfil do usuário http://www.pwcentral.com.br

Voltar ao Topo Ir em baixo

Re: [TUTO] ..: Efeito fundo desgastado:..

Mensagem por michellgomes em Sex Set 24, 2010 4:23 pm

Esse efeito é massa =D muiuto massa vo enta fazer aqui

_________________
avatar
michellgomes
VIP
VIP

Câncer
Mensagens : 138
Pontos : 180
Agradecimentos : 2
Data de inscrição : 28/08/2010
Idade : 21
Localização : Paraná

Outras Informações
Ocorrencias:
10/10  (10/10)

Ver perfil do usuário http://michelgomes.ueuo,com http://logoff.ueuo.com

Voltar ao Topo Ir em baixo

Re: [TUTO] ..: Efeito fundo desgastado:..

Mensagem por Rafael Ribeiro em Sex Set 24, 2010 4:39 pm

nem tenho fireworks ¬¬ vo baixa

_________________

avatar
Rafael Ribeiro
Administrador
Administrador

Libra
Mensagens : 1442
Pontos : 3001
Agradecimentos : 117
Data de inscrição : 29/05/2010
Idade : 30
Localização : Moreno-PE

Outras Informações
Ocorrencias:
0/10  (0/10)

Ver perfil do usuário http://designup.forumeiros.info

Voltar ao Topo Ir em baixo

Re: [TUTO] ..: Efeito fundo desgastado:..

Mensagem por Antunes Marcelo™ em Sex Set 24, 2010 4:41 pm

intaum baixa manow , Cs5 master collections
avatar
Antunes Marcelo™
Administrador
Administrador

Gémeos
Mensagens : 2685
Pontos : 4815
Agradecimentos : 244
Data de inscrição : 19/07/2010
Idade : 26
Localização : Caldas Novas - GO

Outras Informações
Ocorrencias:
10/10  (10/10)

Ver perfil do usuário http://www.pwcentral.com.br

Voltar ao Topo Ir em baixo

Re: [TUTO] ..: Efeito fundo desgastado:..

Mensagem por michellgomes em Sex Set 24, 2010 5:28 pm

BAIXEI O PORTABLE CS3 ._.

_________________
avatar
michellgomes
VIP
VIP

Câncer
Mensagens : 138
Pontos : 180
Agradecimentos : 2
Data de inscrição : 28/08/2010
Idade : 21
Localização : Paraná

Outras Informações
Ocorrencias:
10/10  (10/10)

Ver perfil do usuário http://michelgomes.ueuo,com http://logoff.ueuo.com

Voltar ao Topo Ir em baixo

Re: [TUTO] ..: Efeito fundo desgastado:..

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum