• RSS
  • Facebook
  • Twitter
Comments


Criar um fundo awesome usando padrões



Este tutorial irá mostrar-lhe como criar alguns padrões impecável, que iremos utilizar para criar algumas histórias surpreendentes que você pode usar para seu desktop, sites, cartazes ... o que quiser. A grande coisa sobre os padrões é que quando você se sentir confortável com eles, eles podem ser uma parte importante de seu arsenal Photoshop. Apreciar!

Se você tem uma versão que você criou, eu adoraria vê-lo. Coloque um link para ela nos comentários abaixo.

Create awesome backgrounds using patterns

Passo 1

Vamos dar-lhe dois padrões de fundo diferente para trabalhar, para obter uma melhor compreensão de padrões, de modo a criar o primeiro, permite abrir um documento de 100 × 100px no Photoshop.
Create awesome backgrounds using patterns

Passo 2

Faça um círculo sobre o mesmo lado que eu fiz (cerca de 10 × 10px) e preenchê-lo com um cinza escuro (se certificar que não é preto), clicando sobre a cor de primeiro plano, eo alt + delete. Eu usei # 333333.
Create awesome backgrounds using patterns

Passo 3

Agora vamos dar uma sombra do círculo interior. Na paleta de camadas, clique sobre o círculo com um "f" nele e vá para a sombra interior. Ajuste suas configurações como eu fiz abaixo.
Create awesome backgrounds using patterns

Passo 4

Tempo para fazer o padrão. Do controle + J para duplicar a camada e mova-o para a esquerda. Duplique a camada novamente e movê-lo até o topo. Distância Tentar obter as formas de ser iguais para além de um outro.
Create awesome backgrounds using patterns

Passo 5

Continue a duplicação e movendo-se até obter algo como isto.
Create awesome backgrounds using patterns

Passo 6

Agora nós estamos indo arrasta em alguns guias. Clique e arraste a régua (isto lhe dará uma guia) e arraste quatro guias para fora para que eles estão no meio dos círculos como eu tenho.
Create awesome backgrounds using patterns

Passo 7

Clicar na sua camada de fundo e mudar a cor para # CCCCCC. Isso lhe dará uma sensação mais escuras para ele.
Create awesome backgrounds using patterns

Passo 8

Vá para a sua paleta de camadas, clique na seta para a direita no canto superior direito e clique em achatar imagem.
Create awesome backgrounds using patterns

Passo 9

Vá para a sua ferramenta rectangular marquee e faça uma caixa com os guias. Se a sua caixa paira sobre a borda do simulador você pode se livrar dela, usando alt e arrastando uma caixa sobre a área que deseja se livrar. Agora vá para Editar> Definir Padrão. Chame-o padrão de metal e clique em OK. É isso, agora que o modelo é feito.
Create awesome backgrounds using patterns

Etapa 10

Agora vamos criar nosso padrão segundo. Abra outro documento de 100 × 100px.
Create awesome backgrounds using patterns

11 Etapa

Primeiro crie uma nova camada. Nós vamos criar um padrão de fibra de carbono, procurando, assim que nós vamos tomar a nossa ferramenta de letreiro quadrado e fazer uma caixa preta que é 4px largura por 2px de altura. Podemos fazer isso facilmente, porque, se aumentar o zoom (como a 800%) Photoshop encaixar nossa praça no lugar por um incrementos de pixel.
Create awesome backgrounds using patterns

Etapa 12

Clique na seta para cima duas vezes para mover para cima 2px e preenchê-lo com # 333333. Repeti-lo com # 666666, # 999999 e, em seguida, de modo que você tem quatro blocos de cores diferentes se toquem, 4px largura por 2px de altura cada. Por isso, acaba sendo um 4px retângulo de largura por 8px de altura.
Create awesome backgrounds using patterns

Etapa 13

Duplicar a camada com control + J, movê-lo para a direita 4 vezes e depois para baixo 4 vezes. Faça isso até preencher uma área como eu tenho. (Ela acaba sendo 5 camadas / objetos)
Create awesome backgrounds using patterns

Etapa 14

Achatar a imagem, como fizemos no último padrão e selecione uma área como tenho aqui.
Create awesome backgrounds using patterns

Etapa 15

Agora vá em Edit> Define Pattern, e chamá-la de fibra de carbono
Create awesome backgrounds using patterns

Etapa 16

Vamos lá e abrir um novo documento, este será o que estamos trabalhando. Eu vou fazer meu 1680 × 1050
Create awesome backgrounds using patterns

Etapa 17

Criar uma nova camada e use a ferramenta carimbo padrão para pintar todo o documento com qualquer um dos padrões que criamos.
Create awesome backgrounds using patterns

Etapa 18

Estou indo para adicionar em um ponto focal para este assim vamos criar um quadrado usando a ferramenta Marquee e preenchê-lo com qualquer cor. Podemos adicionar uma imagem ou ícone para mais tarde. Para centralizá-lo na página vamos puxar para cima os nossos guias primeiro clique sobre a camada de fundo em seguida, arraste uma guia para o meio do documento. Photoshop irá tirar a guia no lugar no centro. Mantenha a tecla Alt e Shift e começando o muito do meio, clique e arraste para fora para fazer uma linha reta no meio.
Create awesome backgrounds using patterns

Etapa 19

Agora vamos adicionar alguns estilos de camada, para ir e adicionar uma sombra e bevel / emboss como eu fiz abaixo.
Create awesome backgrounds using patterns

Etapa 20

Queremos adicionar um destaque sobre o fundo de modo que parece nossa praça é pressionado, não apenas colocando em cima. Pegue o quadrado que fizemos e fazer Control + J para duplicá-lo. Arraste-a abaixo da camada quadrada original, clique e arraste os efeitos no lixo. Agora fazer control + T, e nós estamos indo para torná-la mais, mantendo pressionada a tecla Alt e Shift e arrastando-o para fora.
Create awesome backgrounds using patterns

Etapa 21

Drop a preencher até 0%, em seguida, abrir os estilos de camada e adicionar um brilho interior e exterior brilho como eu fiz abaixo.
Create awesome backgrounds using patterns

Etapa 22

Nós estamos indo para selecionar a área superior da praça. Para fazer isso, use a ferramenta elipse crie um círculo e ângulo e ajustar o tamanho de modo que é algo parecido com o que eu tenho.
Create awesome backgrounds using patterns

Etapa 23

Mantenha a tecla Ctrl e clique na camada original quadrados, em seguida, Alt + clique no controle sobre a camada de círculo. Você deve ter a parte do quadrado selecionado que o círculo não está cobrindo. Ocultar o círculo, e clique na ferramenta de gradiente. Alterar a cor para branco (verifique se o gradiente vai do branco ao 0% de opacidade), e faça um gradiente do topo da esquerda para a área central do círculo.
Create awesome backgrounds using patterns

Etapa 24

Mantenha brincando até conseguir algo que você gosta.
Create awesome backgrounds using patterns

Etapa 25

Agora estamos indo para escurecer a borda externa do documento. Clique sobre a ferramenta marquee, mudar a pena para 100px e clique e arraste um quadrado em torno de todo o documento. Do Ctrl + Shift + I para obter a seleção inversa, e preenchê-lo com o preto.
Create awesome backgrounds using patterns

Etapa 26

Por último colocar o seu logotipo ou texto na caixa, entre a camada de caixa ea camada de reflexão.
Create awesome backgrounds using patterns

Final

Use isso como um ponto de partida, há muita coisa que você pode fazer para melhorá-lo. Isto é o que eu vim acima com. O efeito de fibra de carbono utiliza os mesmos passos, mas com a textura diferente.
Quer saber como eu comecei esse efeito grunge? Confira a segunda parte do tutorial.

Com o padrão de fibra de carbono:

Create awesome backgrounds using patterns

Com o padrão de metal:

Create awesome backgrounds using patterns

Categories:

Leave a Reply