Staffer Group BR™

Fórum interativo totalmente gratuito!


 VisualizaçõesPermissão deste fórum:
Não podes responder a tópicos


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais Gráficos

#1
 Gmtp

Gmtp
Membro

Design Criando e Aprendendo sobre PATTERNT Images10

Criando e Aprendendo sobre PATTERN



Design Criando e Aprendendo sobre PATTERNT Act_bo10Créditos ao Tutorial: Sóstenes Silva
Ferramenta Utilizada: PHOTOSHOP CS5
--> Tutoriais, dicas e astúcias <--
Criando e Aprendendo sobre PATTERN



- Oque é Pattern ?
São os denominados por muitos "Efeitos Padrões", Usadas para causar efeitos Repetitivos pré-determinados pelo utilizador. (Utilizada Bastante pelos criadores de "Fan-Bar")



- Oque é uma Fan-bar ?
Fan-bar é uma ferramenta utilizadas por alguns usuários que querem ser mais reconhecidos por seus trabalhos, e em gratidão por seus serviços prestados Oferecem aos seus "fãs" uma imagem para que divulguem em suas ASSINATURAS em fóruns essa sua "Fan-Bar"


- Criando Sua Pattern
Iremos utilizar como demonstração um modelo chamado "Grid Lines"

Primeiramente Crie um documento com dimensões de 3x3 px.
Design Criando e Aprendendo sobre PATTERNT SHukEwd
Com o Documento aberto selecione a ferramenta "Pencil Tool" (Clique, segure e arraste o mouse sobre o "Brush Tool" para abrir a caixa de seleção do Pencil)
Design Criando e Aprendendo sobre PATTERNT RAHfxED
Configurações do Pencil:
Design Criando e Aprendendo sobre PATTERNT K36KHqq
Selecione a cor PRETA como cor Primária
Design Criando e Aprendendo sobre PATTERNT 3fb4ETT
Agora vá na tela criada (3px x 3px) e Fassa uma Linha na Diagonal, como mostra na imagem
Design Criando e Aprendendo sobre PATTERNT FNk6awE
Terminou de fazer sua linha ? Modelo da Pattern Concluído...! Agora só teremos que fazer com que o PSD defina essa imagem pronta como uma "Pattern", Prosseguindo:
Selecione: EDIT , DEFINE PATTERN
Design Criando e Aprendendo sobre PATTERNT ETlgvC7
Coloque o nome "Grid Lines" e finalize !


- Aplicando sua Criação:
: seta : Vá na imagem que deseja aplicar o efeito
: seta : Crie uma nova camada (layer)
: seta : Prossiga: Edit :seta:  Fill

Em "Use" selecione PATTERN
Em "Custom Pattern" Selecione a que você criou

Agora nas configurações da Camada(layer) Mude o Tipo e a Opacidade, até achar o efeito desejado...
Normalmente se é usado OVERLAY, mas ai depende do efeito que a imagem possui!

Demonstração:
Design Criando e Aprendendo sobre PATTERNT FlQXh5i
Resultado (não ficou muito bom porque só apliquei para mostrar o efeito que a pattern faz.)
Design Criando e Aprendendo sobre PATTERNT V7U2Fih
Outros Modelos de Pattern encontrados na web:

Design Criando e Aprendendo sobre PATTERNT Gridline2vi7Design Criando e Aprendendo sobre PATTERNT Gridline3db8Design Criando e Aprendendo sobre PATTERNT Gridline4xf6Design Criando e Aprendendo sobre PATTERNT Gridline5sq3

Caso ache que as listas diagonais da Pattern ficaram muito próximas, tente refazer o tutorial criando a imagem inicial com (5PX x 5PX)





© Staffer Group BR™


Design Criando e Aprendendo sobre PATTERNT Act_bo10 Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Criando e Aprendendo sobre PATTERN