Como criar um design minimalista TRON - Photoshop Tutorial
TRON é definitivamente um dos filmes do sonho do geek. É terno e veículos são perfeitamente escorregadios e é por isso que as tentativas de montar objetos que replicam ferramentas no TRON estão surgindo na Internet. Quanto ao designer, com os cliques e truques certos usando o Photoshop, uma ficção TRON não precisa ser difícil.
Hoje vamos criar um papel de parede TRON no Photoshop usando fotos e vetores. Nós lhe daremos uma orientação precisa sobre como fazer isso e porque determinado método é melhor. Você terá uma compreensão profunda do que está fazendo. Buckle up para sonho digital!
Você vai aprender como:
- Analise seu design a partir do ponto de vista pronto para uso
- Crie designs estruturados, com base em elementos ocultos ou relacionados em sua composição
- Use atalhos para um fluxo de trabalho mais rápido
- Faça seleções e recortes complexos por meio de canais
- Use efetivamente ferramentas gerais
- Adicione perspectiva ao seu design
- Combine vetores com pixels
- Crie efeitos de luz
- Use os modos de mesclagem
- Use estilos de camada
Dificuldade: Iniciante intermediário. Tempo de conclusão: 1 hora. Ferramentas: Photoshop CS3, Illustrator CS3 opcional.
Recursos:
- Modelo 1 de Marcus J. Ranum
- Modelo 2 de Marcus J. Ranum
- Tech Vector Pack 3 por designious.com
- V5 Prophit fonte de dafont.com
NOTA: Para instalar a fonte, extraia na área de trabalho o arquivo .zip contendo a fonte e copie-os. Vá para o diretório C: \ WINDOWS \ Fonts \ e cole-os.
Por que não posso simplesmente extraí-los diretamente para a pasta Fontes?
Seu sistema operacional não permitirá que seu arquivador modifique ou adicione qualquer arquivo dentro do diretório C: \ WINDOWS \, por isso você precisa fazer isso manualmente. Se você abriu o Photoshop, reinicie-o ou não poderá ver a fonte recém-instalada.
Depois que eu escolhi meus recursos, comecei a esboçar algumas linhas baseadas no modelo. Abaixo está um esquema das fontes de inspiração para as linhas brilhantes no corpo: pose, músculos, vestuário, forma do corpo, distribuição de peso e ossos.
Para melhorar a pose ou os recursos do corpo de um modelo, não basta apenas lançar algumas linhas aleatórias.
Tudo deve ter uma fonte, seja ela mostrada ou escondida. Tenha em mente que meu esboço é apenas uma das possibilidades infinitas que você tem, eu encorajo você a experimentar.
Vamos começar!
Passo 1
Vá para Arquivo> Novo e defina-o para 1920x1080px no modo de cor RGB a 72 dpi.
Passo 2
Abra o Veteran_of_the_Psychic_Wars_11_by_mjranum_stock.jpg. Na paleta Camadas, F7 clique duas vezes na trava perto do polegar da camada. Isso é obrigatório se quisermos editar a imagem via Canais. Agora você deve ter uma "Camada 0".
etapa 3
Vá para Camada> Duplicar Camada, CTRL + J. Agora vá para Filter> Other> High Pass. Use uma configuração de 5px e clique em OK. Na paleta Camadas, F7, defina o modo de mesclagem como Overlay..
Isso tornará a imagem mais clara e permitirá que você faça uma seleção mais precisa do cabelo.
Passo 4
Vá para Camada> Mesclar Visível, CTRL + SHIFT + E, em seguida, vá para Camada> Duplicar Camada, CTRL + J. Defina o modo de mesclagem da camada copiada para Tela e duplique-a mais duas vezes. Agora temos um bom contraste entre o modelo e o fundo.
Passo 5
Vá para a janela Channels Window> Channels e selecione o canal "Green". Clique com o botão direito e selecione "Canal duplicado".
O canal "verde" fornece o maior contraste de todos os canais. Nós duplicamos porque precisamos de um canal falso para melhorar ainda mais o contraste.
Passo 6
Vá para Image> Adjustments> Curves, CTRL + M e modele a curva como mostrado abaixo. A metade inferior escurecerá as sombras e a metade superior iluminará os realces. Faça isso duas vezes.
Passo 7
Vá para Camada> Ajustes> Níveis e use as configurações abaixo.
Passo 8
Pegue a Brush Tool, B, defina a Dureza para 100% e cubra com preto as manchas brancas internas no cabelo, o rosto e o resto do corpo.
Nós não precisamos de nenhum detalhe no canal, apenas o contorno do modelo.
Passo 9
Pegue a Dodge Tool, O, coloque-a em Destaques e ilumine qualquer cinza extra na imagem.
Passo 10
CTRL + clique no thumb do canal "Green copy", vá para a paleta Layers, F7, vá em Select> Inverse, CTRL + SHIFT + seleciono a camada mais abaixo e copio, CTRL + C.
CTRL + clicar em uma miniatura, seja o canal ou a camada, carrega uma seleção do contorno da camada / canal clicado.
Passo 11
Vá para Window> Untitled-1.psd nosso documento e cole-o, CTRL + V. Vá para Edit> Free Transform, CTRL + T e redimensione para caber na tela, como abaixo. Mantenha a tecla SHIFT para preservar suas proporções. Pressione Enter para sair do modo Free Transform. Para limpar os cachos de roupas, use a Clone Stamp Tool, S: use ALT + clique para escolher a fonte e clique no curl.
Faça o mesmo para a espada na imagem "modelo 2", mas use a Path Tool, P para cortá-la.
Passo 12
Abra o arquivo .eps do "Tech Vector Pack 3". Quando solicitado a inserir um tamanho de arquivo, digite cerca de 3000px para largura. Clique OK.
Para o Illustrator, basta abri-lo em formato vetorial. O Photoshop pode abrir arquivos EPS do Illustrator 8, mas em formato raster. Você pode, no entanto, abri-lo em qualquer tamanho que desejar - o arquivo .eps é vetor!
Etapa 13
Pegue a Rectangular Marquee Tool, M, selecione uma forma redonda de tecnologia, clique e arraste para criar o retângulo de seleção, copie, CTRL + C, volte ao nosso documento Window> Untitled-1.psd e cole-o, CTRL + V.
Passo 14
Volte para o arquivo de pacote de vetores Janela> designious tech shapes 4. eps, copie outra forma e cole em nosso documento, como em Etapa 13.
Etapa 15
Pegue a Selection Tool, V, marque a caixa "Seleção automática" e clique na primeira forma de técnica colada e duplique-a, CTRL + J. Agora vá para Edit> Free Transform, CTRL + T segure a tecla CTRL e clique e arraste o canto superior esquerdo, como abaixo. Faça o mesmo para o canto superior direito. Pressione Enter para sair do modo Free Transform.
Passo 16
Duplique a primeira forma (original) e coloque as cópias como mostrado abaixo. Pegue a Path Tool, P, configure-a em Shapes e desenhe cada linha de brilho no corpo, com base no sketch.
Na paleta Camadas, selecione todas essas formas e pressione CTRL + E para mesclá-las.
17º passo
Pegue a Line Tool, U, defina como Shape Layers e 7 px Width, desenhe uma linha oblíqua e, em seguida, segure a tecla SHIFT. Agora mude a linha para "Adicionar à área de forma (+)" e desenhe uma linha horizontal. Segure a tecla SHIFT para torná-lo perfeitamente horizontal.
Passo 18
Pegue a ferramenta Horizontal Type, T, clique e arraste para criar uma caixa de texto e insira um texto aleatório. Definir a fonte para "V5 Prophit".
19º passo
Selecione a camada "Shape 1" e vá para Layer> Duplicate Layer, CTRL + J. Coloque várias cópias como abaixo. Faça o mesmo com o texto. Para alterar o tipo de entrada, clique duas vezes na miniatura da camada na paleta Camadas..
20º passo
Vá para Camada> Nova Camada de preenchimento> Cor sólida. Selecione uma cor azul escura e pressione CTRL + SHIFT + [para enviá-la de volta.
Este será um bom pano de fundo para a nossa imagem.
21º passo
Selecione a forma grande e clique no botão "fx" na paleta Camadas, F7. Selecione "Opções de mesclagem". Use as configurações abaixo.
Passo 22
ALT + clique no ícone "fx" que apareceu perto do polegar da camada e clique e arraste-o para as outras formas redondas. Você pode reconhecê-los facilmente, eles não são nomeados "Forma"¦"e não tem um" T "no polegar.
Passo 23
Crie uma nova camada acima dela (selecione a camada e pressione CTRL + SHIFT + N para criar uma nova camada, selecione as duas camadas e pressione CTRL + E (camadas de mesclagem)). Para as formas selecionadas, vá para Filter> Blur> Gaussian Blur. Use várias configurações de 2 a 6 px, conforme desejar.
Para adicionar mais perspectiva, adicione mais formas de tecnologia sobre eles.
Passo 24
Pegue a ferramenta Selection, V, selecione a forma pequena e diminua sua opacidade. 29% farão bem.
Faça o mesmo para as outras formas desfocadas, mas variar um pouco a opacidade.
Passo 25
Crie uma nova camada, CTRL + SHIFT + N, pegue a Elliptical Marquee Tool, M, defina Feather para 50 px e faça uma seleção como abaixo.
Passo 26
Pegue a ferramenta Balde de tinta, G, ALT + clique em uma das formas tecnológicas para escolher a cor e preencher a seleção. Na paleta Camadas, F7, defina o modo de mesclagem da camada como Overlay. Faça o mesmo para o lado inferior.
Passo 27
Crie uma nova camada, CTRL + SHIFT + N, pegue a Elliptical Marquee Tool, M, defina Feather para 30 px e faça uma seleção como abaixo. Pegue a ferramenta Balde de tinta, G e preencha a seleção.
Etapa 28
Repetir Etapa 28 para a forma atrás do modelo.
29 de passo
Pegue a ferramenta de seleção, V e clique no modelo. Agora vá para Layer> New Adjustment Layer> Brilho / Contraste e Black & White. Para cada um, use as configurações mostradas abaixo. Para a camada Preto e Branco, defina a Opacidade para 70%.
Eu prefiro usar Black & White em Hue / Saturation porque também fornece um controle de tons, não apenas uma dessaturação.
Etapa 30
Crie uma nova camada, CTRL + SHIFT + N e ALT + clique entre ela e a camada de ajuste abaixo dela. Defina o modo de mesclagem para "Color Dodge".
Etapa 31
Pegue a ferramenta Pincel, B, pressione "3" para definir a opacidade do pincel para 30%, defina a dureza para 0%, ALT + clique na forma de tecnologia da cerceta e pinte os destaques do corpo, parte do cabelo e da face.
Passo 32
Mude a opacidade do pincel para 70% e pinte sobre alguns destaques, mas em áreas menores.
Passo 33
Na paleta Camadas, F7, selecione a camada mais alta e vá em Select> All, CTRL + A, em seguida, pressione CTRL + SHIFT + C para copiar uma versão mesclada do documento e pressione CTRL + V para colá-la.
Passo 34 - Último passo
Vá para Filter> Sharpen> Unsharp Mask. Use as configurações abaixo ou sinta-se à vontade para usar o seu. Não exagere, senão a imagem ficará muito nítida.
Aqui está a visão final do que você estará presumindo que você seguiu todo o tutorial corretamente.
Downloads (PSD, papel de parede)
Juntamente com o tutorial, aqui estão alguns arquivos criados para você.
- Arquivo PSD tutorial Tron.
- Papel de Parede Tron- disponível em 1280x800px, 1280x1024px, 1920x1080px e 1680x1050px.
Nota do editor: Este post foi escrito por Ovidiu Toader para Hongkiat.com. Ovidiu é um autor de tutorial e designer gráfico para Vectorious.net - site onde você pode baixar ilustrações e ilustrações vetoriais disponíveis para seus projetos.
