Step 1

Como criar um cadeado de icone

Tutorial feito por Václw Krjci

Tutorial Traduzido por: Leonardo Miranda

Resultado Final

Vamos criar um novo documento preenchido com uma cor cinzento claro (#D5D5D5). Escolha o Rounded Rectangle Tool. Vamos desenhar um simples shape para o cadeado. Defina o Radius como você se sinta bem. Em seguida, preenchê-lo com uma luz cor cinza (# DDDDDD).

Step 2

Vamos adicionar a parte superior. Use o Ellipse Tool para tirar uma circunferência. Escolhe-la com a Path Selection Tool, depois, copiar, colar, e torná-lo um pouco menor usando (Ctrl + T). Então Subtrair o menor círculo de maior dimensão a uma punção por um buraco na mesma.

Step 3

Mude sua ferramenta para a Rectangle Tool, e segurando a tecla ALT desenhar um retângulo como mostrado abaixo. Em seguida, com o mesmo instrumento, mas com a tecla Shift pressionada (aditamento), terminar a esquerda ea direita.
Faça a esquerda final desenho arredondado por uma elipse com o Ellipse Tool.Novamente, com as tecla Shift pressionada.

Step 4

Vamos começar a adicionar alguns efeitos a fazer o bloqueio olhar realista. Vamos começar com a parte inferior e utilizar alguns efeitos camada. Criar um pouco de escurecimento ao redor do arestas com o Inner Shadow efeito.

Step 5

alguns efeitos deve ser feito manualmente. Vamos adicionar uma forte sombra, copiando a camada (Ctrl + J). Escolha o caminho Selecionar ferramenta (A). Em seguida, selecione copiar (Ctrl + C) e inserir (Ctrl + V). Em seguida, mover alguns pixels para cima e para definir subtrair estilo. Encha a forma que acabou de criar com uma cor cinza escuro (# 505050). A sombra (parte inferior esboço) é feito.

Agora você pode estar se perguntando por que razão esta técnica utilizada, e não simplesmente aplicar uma sombra interior efeito? Bem, é porque não queremos que a sombra de ser aplicado a todo o lock. É por isso que acrescentar a camada máscara. Escolha um Brush Tool (preto escova macia) e chamar no meio de uma forma. Isso vai fazer sombra a menos visíveis e acrescentar um pouco mais de plasticidade para a nossa imagem final. Como você pode ver na última imagem abaixo, a sombra desaparece à medida que avança para o meio.

Step 6

Ok, vamos escurecer o nosso bloqueio muito mais. Acima da camada de forma (fundo de uma parte), criar uma nova camada (Ctrl + Alt + Shift + N). Defina a camada de corte como uma máscara do nível anterior pressionando (Ctrl + Alt + G). Pegar a Brush Tool (big soft preto). Definir o que vamos dizer Opacidade 30%. Então a chamar os lados esquerdo e direito. Isso irá criar soft sombras.

Você pode chamar peças mais leves assim como você chamou a sombras. Use um pincel com uma luz colorida semelhante opacidade. Sorteio-los em novos ou mesmo a própria camada. Siga as imagens abaixo de orientação.

Step 7

Vamos criar uma reflexão sobre o rebordo superior próximo. Selecione o fundo de todas as camadas (Ctrl + clique sobre a camada). Ir para Select > Modify > Contract. TEm seguida, preencha a seleção (em uma nova camada) com uma cor branca (Alt + Backspace). Mover a seleção dois pixels para baixo (basta pressionar a seta para baixo duas vezes). Em seguida, aperte a tecla Delete para apagar esta parte do layer. Não se esqueça de desmarcar com Ctrl + D!

Step 8

Depois disso, começar a definir a plasticidade de um cadeado utilizando maiores reflexões. Use a ferramenta de Rectangle selection tool para criar um rectângulo em uma nova camada. Traçar um gradiente linear (Gradiente ferramenta) de branco para transparente

Step 9

Selecione um 2 pixels em linha com a parte superior (rectângulo ferramenta de seleção), conforme mostrado abaixo. Depois Skew-lo, como na segunda imagem abaixo. Esta é a forma como a reflexão cópias a forma da fechadura.

Step 10

Assim como o que cria as reflexões sobre o outro, mas muito maiores.

Step 11

emos que fazer mais para que ele não se parece muito semelhantes. Nós estamos quase terminando com a parte inferior. Abaixo está o modo como o nosso bloqueio deve analisar até agora.

Step 12

Em seguida, adicione um tira! Novamente criar uma seleção seleção. Em seguida, tirar essa seleção em um gradiente de cor amarela (# F5E02F) para laranja (# F3BB2A).

Step 13

Depois de escolher o único que Single Row Marquee Tool. Em seguida, selecione a primeira ea última linha do anterior seleção (selecione tanto linhas com Shift pressionada).

Use um Brush Tool e uma cor escura para satisfazer suas necessidades. Essa é a forma como você faz a diferença entre o fundo e as tiras.

Step 14

Faça uma selecção premindo (Ctrl + clique) sobre uma nova camada. Em seguida, a partir do menu Camadas adicionar um novo Padrão de preenchimento. Usar esse pattern,basta mudar a scale de 50% para corresponder ao tamanho ícone. Em seguida, definir o Blend Mode Multiply Depois listras pretas só serão visíveis.

Step 15

Para tornar o padrão mais pequenos perto as bordas, fazer a máscara mais à direita e à esquerda. Depois rasterize a camada (Layer > Rasterize > Fill Content).

Step 16

Em seguida, limitar os lados esquerdo e direito. Cortar as porções e redimensionar, conforme necessário. Isso irá tornar os lados parecem estar cônicos e de corte em um ângulo. Isto pode ser feito algumas vezes para maximizar o efeito.

Step 17

Adicione outra camada. Tirar algumas para escurecer os lados da faixa. Mais uma vez, utilizar a Ferramenta Brush com uma cor negra, suave, e redução de opacidade.

Step 18

A parte inferior do bloqueio é feito, grande! Vamos trabalhar com a parte superior. Comece com uma nova camada parte superior e começar colorir e definir as bordas. Use uma cor cinza (# D5D5D5). Em seguida, dar-lhe um Inner Glow, com efeitos (1px tamanho, cor cinza # 848484). Isso deve funcionar perfeitamente. Defina o Blend Mode para Multiply.

Step 19

Tal como nós aprendemos antes, uma outra parte importante da superfície é reflexo metálico. Portanto, vamos criar uma reflexão que irá ser aplicado apenas a metade da parte superior. Uma outra forma poderiam ajudar-nos. Copiar a uma temos (Ctrl + J), e de cor preta-lo – por isso, ver exatamente onde estão as bordas. Então pegue o Path Ferramenta de Seleção e usá-la para selecionar o círculo central. Em seguida, torná-la mais com Ctrl + T.

Step 20

Ao longo do lado esquerdo e direito chamar dois rectângulos com a tecla Alt pressionada (subtração).

Step 21

Baixa a opacidade desta forma para baixo para 30%. Criar uma nova camada entre esta e os originais forma. Em seguida, chamar um gradiente linear de branco para transparente. Pressione Ctrl + Alt + G (corte a máscara do nível anterior) para tornar visíveis apenas a reflexão sobre o nosso ícone.

Step 22

Tal como na parte inferior à parte, vamos acrescentar duas maiores reflexões aqui. Eles só têm de ser formados a forma como eles são a, de modo que não irá ser rectângulos, mas elipses. Desenhar uma elipse usando a Ferramenta Elipse, como na imagem abaixo.

Step 23

Rodar com Ctrl + T com cerca de 45 graus.

Step 24

Por último, o uso Direct Selection Tool (A) para selecionar dois pontos no meio da elipse. Em seguida, movê-los até a elipse emula a curva da porção superior do bloqueio.

Step 25

Duplicar esta camada (Ctrl + J). Depois flip-la na horizontal, e movê-lo para o lado direito.

Step 26

O bloqueio está quase terminando. Nós apenas queremos escurecer as bordas em alguns lugares, por isso o ícone é completamente separado do fundo.

Primeiro, faça uma camada de selecção a parte inferior do ícone (Ctrl + Clique em uma camada). Criar uma nova camada. Depois que a nova camada em chamar. Use o nosso familiar escuro escova macia para tirar manchas onde você deseja que o bloqueio mais escura. Quando acabar, faça a selecção 1 pixel menor indo até Select > Modify > Contract.. Em seguida, aperte a tecla Delete. A imagem seguinte mostra o estádio pouco antes do apagamento.

Step 27

Abaixo está a 100% após a exclusão vista. Estamos quase terminando.

Step 28

Exatamente a mesma técnica pode ser usada para alcançar um elevado nível de pormenor na parte superior de uma fechadura. As setas mostrar-lhe onde a escurecer.

Step 29

Sempre que você decide colocar o ícone em seu projeto, não se esqueça de adicionar à cor cinza um pouco mais de um estilo de cor de fundo que será colocada em. Na sequência da imagem, mais roxo foi adicionado ao enquadramento na aplicação design.

Gostou? Agradeça comentando e divulgando