Este tutorial assume um conhecimento básico do Adobe Photoshop.
Resultado Final
Aqui está uma prévia do produto final deste tutorial, é assim que o ícone deve acabar:
Vamos começar com o tutorial!
Configurando o documento
Comece por criar o documento, definir a largura e altura para 512px, mesmo se você usar a imagem final um pouco menor é melhor para começar o maior para um resultado nítido, a menos que você planeja para reduzir o tamanho de mais de 50%, isto é geralmente uma boa regra para furar. Além disso, definir o plano de fundo transparente, mas sinta-se livre para usar um cinza médio cor sólida temporariamente por meio do projeto, se você sentir o efeito de xadrez está a interferir com o projeto.
Definir a cor para # 6e3b14 e desenhe um retângulo (U) camada de forma no centro, mas na parte inferior do documento em cerca de 295x395px. este será o alicerce do nosso copo.
Desenho da Copa
Agora vamos desenhar alguns guias para ajudar-nos a manter a taça na mesma proporção. Comece por simplesmente arrastando novos guias para tocar as bordas da forma que você acabou de desenhar, a partir daqui criar dois novos guias em torno 20px acima e abaixo da linha de cima, e repita na linha de fundo. Finalmente desenhar um novo guia sobre 45px dentro de cada um dos guias verticais. o resultado deve ser algo como isso.
Usando a ferramenta de seleção direta (A) agarra nos cantos inferiores de sua camada forma de retângulo e deslocamento (setas) deles para atender as guias dentro de você desenhou, isto fará com que seu retângulo parecem expandir em direção ao topo.
Vamos agora usar o boolean ferramentas do Photoshop, para ter certeza de que a camada de forma ainda selecionada (linhas cinza fina será visível) e usando a barra de ferramentas na parte superior da janela, selecione Shape Layer , Oval , Subtrair da camada de forma .
Agora, desenhe uma forma oval como usar essas opções dentro das guias de início, o resultado será uma área subtraída do retângulo original ao invés de uma nova camada de forma.
Repita o passo anterior, na parte inferior do retângulo com uma diferença, selecione o Add to shape layer ao invés de subtrair ou criar novos.
Neste ponto, devemos ter a forma básica que formarão a xícara de café.
Nota: se no ponto durante este você se sente como a obtenção de um café, sinta-se livre para a motivação;).
Adicionando Textura para a Copa
Voltar para o projeto, no momento é a forma certa, mas não parece nada com um copo dimensional, isto pode ser resolvido com uma simples inclinação um pouco de sombreamento. Primeiro o gradiente, clique duas vezes o retângulo da camada na paleta de camada (Window> Layers) ou com o botão direito e selecione Blending Options ... .
Selecione Gradient Overlay e criar um gradiente como o demonstrado abaixo.
A linha superior do pára na ordem são:
Opacidade: 100 Localização: 0 , Opacidade: 0 Localização: 50 , Opacidade: 100 Localização: 100
A linha inferior do pára são os seguintes:
Color: # 190e03, Local: 0 , cor: # ffffff, Local: 50 , Cor: # 190e03, Localização: 100
Tendo uma parada branca no centro dos dois pára de marrom escuro cria uma sombra e realce simultâneo usando apenas um gradiente.
Crie uma nova camada (CMD / CTRL + SHIFT + N) e selecione a ferramenta pincel (B) , com uma cor de primeiro plano # 000000 desenhar uma base 300px círculo suave (pincéis padrão) na parte inferior de sua forma, cerca de metade do que e metade do preço. Em seguida, clique direito na nova camada que você acabou de criar selecione Create Clipping Mask .
Crie uma nova camada, também com uma máscara de corte e usando a ferramenta pincel, defina a cor para # FFFFFF e desenhar um destaque abaixo do centro da forma como foi demonstrado. Isto parece muito medonho na primeira, mas se você definir as camadas de mistura opções para Soft Light e opacidade para 30% ele vai suavizar o efeito de um olhar mais realista.
Mais uma vez, crie uma nova camada, que é cortado de forma original, desta vez preencher toda a camada branca (# ffffff) com o Paint Bucket G) da ferramenta (e, a partir da barra de menu Filter> Converter para Smart Filters , esse irá converter a camada atual para um objeto inteligente e deixe-destrutivo não aplicação de filtros (ou seja, você pode modificar e removê-los mais tarde, se você mudar de idéia!).
próxima Filter> Render> Fibras ... e definir a variação de 64 e força para três .
Opcional: Você também pode aplicar um filtro de ruído sutil no topo das fibras de sua preferência
Na camada de fibras definir as opções de mistura para Soft Light e opacidade para 6%
O nosso copo está pronto! próximo passo é a tampa.
A tampa da Copa
Usando as guias que criamos no início chamar uma outra camada de forma elipse diretamente acima de seu copo, encha-se toda a cor cinza claro como será a aplicação de um gradiente de cima, utilizando as técnicas boolean mesmo explicado antes adicionar um retângulo para a camada de forma a cerca de 45px de altura a partir de meio caminho para baixo da elipse, como demonstrado abaixo.
Aplique um Inner Shadow para a nova camada de forma que você acabou de desenhar com as seguintes configurações:
- Blend Mode: Normal
- Color: # 000000
- Opacidade: 19%
- Ângulo: -90
- Distância: 2
- Choke: 0
- Tamanho: 3
E um Gradiente Overlay com a linha inferior do pára passando de c2bebb # para # FFFFFF e de volta ao # c2bebb com o # ffffff parar média em 65% , modo de mistura: Normal e opacidade: 100% .
Desenhe outra elipse sobre a nova forma (novamente, os guias vão ajudá-lo a isso, se você começar a partir de onde se cruzam linhas muito alto e muito à esquerda)
Use o Inner Shadow estilo da camada para criar uma sutil destacar agradável abaixo da nova camada de forma que você acabou de desenhar com as seguintes configurações:
- Blend Mode: Normal
- Color: # ffffff
- Opacidade: 50%
- Ângulo: -90
- Distância: 1
- Choke: 0
- Tamanho: 3
Duplicar a última camada que você criou, uma maneira fácil, rápida de fazer isso é segurar ALT e pressione uma das teclas de seta, uma cópia será criada e deslocada um pixel na direção que você pressionou.
Para o próximo passo será necessário usar um pouco de sua profundidade percepção natural e usar a ferramenta de transformação (CMD / CTRL + T) para o primeiro diminuir o tamanho da forma proporcional (segure a tecla SHIFT e âncoras de arrasto) e squash a forma verticalmente até parece que ele está sentado em cima da tampa do copo.
Use a imagem abaixo como referência para o que você está tentando alcançar, aplicando-se a sobreposição primeiro gradiente pode ajudar com a sua percepção se você é uma pessoa muito visual, para as configurações que são bastante simples:
Stop 1: # 827a74 , Stop 2: # fbfbfb , ângulo de 90
Duplique esta camada e empurrá-lo para baixo 10px (SHIFT + Seta para baixo chave) .
Agora queremos o clipe da camada duplicada para a camada original, mas em vez de duplicar a camada para um segunda vez para criar uma máscara de recorte, vamos utilizar as operações booleanas para aparar esta nova camada abaixo do tamanho.
Selecione o caminho da camada de forma duplicada e com a ferramenta elipse (U) certifique-se de camadas de forma e área de forma Intersect são selecionados e desenhar uma nova elipse ligeiramente menor e dentro da forma original, sobrepondo-se na parte inferior, como ilustrado abaixo.
Na nova camada definir a cor da forma de # b8b4b1 e aplique um gradiente overlay a um 90 ângulo que vai de # 000000 para # 000000 , mas com a primeira parada na linha superior a 60% de opacidade e segunda paragem em 0%.
O próximo passo requer um pouco de pena estilo livre, lembre-se de utilizar fotos reais de seu assunto de orientação quando as formas de desenho como este, ninguém pode se lembrar exatamente o que todas as formas do mundo se parece com isso não sinto que é batota!
Escolha a ferramenta Pen (P) e desenhe uma forma similar a um abaixo, preencha com # e8e6e4 .
Dar a uma nova forma sombra interna com as seguintes configurações:
- Blend Mode: Normal
- Color: # 000000
- Opacidade: 21%
- Ângulo: -31
- Distância: 2
- Choke: 0
- Tamanho: 7
E um Outer Glow :
- Blend Mode: Screen
- Color: # ffffff
- Opacidade: 60%
- Spread: 0
- Tamanho: 2
Novamente com a caneta estilo livre desenhar uma forma semelhante ao mostrado abaixo.
Usando a Seleção Direta (A) ferramenta de seleção de todas as formas e copiar e colar uma segunda via na mesma camada de forma, com o caminho repetido selecionado Edit> Transform> Flip Horizontal e empurrá-lo para a direita até que ela é simétrica com o original
Aplique um Gradiente Overlay para a camada de # 190e03, 0 para # ffffff, 50 e de volta ao # 190e03, 100 e criar uma nova parada na camada superior no centro, 0% de opacidade. Defina o gradiente de ângulo global para 0 .
Manual do sombreamento sobre a tampa
A tampa está quase pronto agora, nós apenas precisamos de desenhar um manual poucas luzes e sombras realistas para que sinta extra. Comece com duas camadas de forma desenhada com a ferramenta Pen (como visto abaixo), no centro do anel externo da tampa que apenas chamou, preencher as duas novas formas com # ffffff e opacidade 100% .
Desenhe duas formas cada vez mais usando a mesma técnica no lado esquerdo da tampa, encha-os com # ffffff .
Converta cada forma de Smart Filters Filer> Converter para Smart Filters e na forma superior aplicar Filter> Gaussian Blur em 1,3 força e na forma de fundo um Gaussian Blur na 5 força.
Em seguida, use a caneta ferramenta novamente e desenhar uma sombra entre os dois destaques, preenchê-lo com # 000000.
Defina a opacidade das três novas formas como segue:
- Top Destaque: 35%
- Sombra: 9%
- Bottom Destaque: 100%
Grupo de todas as três camadas (CMD / CTRL + G) e duplicar o grupo, em seguida, flip-la Edit> Transform> Flip Horizontal e empurrá-lo para o lado do lado direito da tampa.
Você pode excluir o destaque repetido inferior (com a opacidade blur forte e 100%), não parece muito bem em ambos os lados.
Criando Sombras
Agora precisamos de algumas sombras, eles serão lançados pelo corpo do copo e da tampa, vamos trabalhar para baixo da tampa em primeiro lugar, abaixo da tampa desenhar uma nova Ellipse camada de forma preenchida com # 000000 , duplique a camada e aplique um Gaussian Blur (sem necessidade de filtros inteligentes) com 5% e empurrá-lo para baixo sobre 5px .
Use a ferramenta Polygonal Lasso Tool (L) para aparar as arestas da sombra desfocada, desenhar uma forma de usar o corpo do copo como um guia e, em seguida, clique direito na seleção e Select Inverse para inverter a seleção de tudo fora de forma, bateu DEL para apagar.
Grupo de ambas as camadas de sombra novos e defina a opacidade do grupo a 70%
Mais uma vez, use a ferramenta Elipse para desenhar uma camada de forma na parte inferior do documento em uma camada abaixo de todas as outras, use as guias do CMD / CTRL +; para ajudá-lo a obtê-lo no lugar certo.
Aplique um Gaussian Blur de 5% , força e empurrá-lo para baixo alguns pixels até parece uma sombra realista abaixo do copo.
Etapas finais
Avançar para alguns toques finais, se você quiser começar seu próprio projeto sobre a Copa voltar à forma que chamou logo no início e coloque a sua arte na máscara de corte que criamos próximo ao início do tutorial.
Eu tenho usado este pacote excelente de redemoinhos vetor por Mason Hipp.
e opcional etapa final, acima de todas as camadas existentes criar um novo ajustamento camada Layer> New Adjustment Layer> Levels e ajuste a imagem para obter a iluminação apenas para a direita.
E aqui temos, o produto final!
Eu realmente espero que você tenha gostado de seguir este tutorial e que você aprendeu algumas técnicas novas durante o processo.
Site de Origem do Tutorial:AQUI!
0 comentários:
Postar um comentário