Transcrições
1. Crie de hastes de HUD no Photoshop no meu Photoshop no: Olá, sou Helen Bradley. Bem-vindo a este design gráfico para a aula de almoço, crie anéis HUD de alta tecnologia no Adobe Photoshop. Design gráfico para almoço é uma série de aulas que ensinam uma variedade de dicas e técnicas para criar designs e trabalhar em aplicativos como Illustrator, Photoshop e Procreate. Hoje vamos fazer anéis HUD. Agora os anéis HUD classificam anéis tecnológicos que você pode ver em um display eletrônico de heads-up, que é onde eles obtêm seu nome. Mas também os ouvi chamados anéis GO. Há um monte de coisas que você poderia chamá-los. Basicamente, eu só acho que eles são muito legal formas circulares, e eles são divertidos de fazer no Photoshop e você vai aprender algumas técnicas interessantes enquanto você faz isso. Você vai aprender a fazer o padrão a partir do qual você faz seu anel HUD. Ao longo do caminho, você também verá como preencher uma forma com um gradiente e como usar texturas no Photoshop. Há muitas outras dicas e truques do Photoshop que você aprenderá ao longo do caminho. Agora, enquanto você está passando por este vídeo, por favor, se você está gostando, dê um polegar para cima. Isso é realmente útil para outros alunos, porque isso lhes
diz que este é um curso que eles podem gostar de fazer. Se você gostaria de deixar um comentário com os polegares para cima, isso é ainda melhor, e eu li cada um dos seus comentários. Vamos começar a fazer esses maravilhosos anéis HUD no Photoshop.
2. HUD Rings em Pt 1: Para começar com nossos anéis de hud, basta criar um novo documento, como File e New. Meu documento tem 1.400 por 1.400 pixels de tamanho. A única coisa realmente importante aqui é que você usa a mesma largura e altura para que você tenha um documento quadrado, que vai ser importante para criar esses anéis. Estou usando o modo de cor RGB e estou usando uma imagem de fundo transparente. Clique em “Ok”. No último painel aqui, você verá que temos uma camada e é fundo transparente. Agora, as ferramentas que você vai usar aqui serão
a ferramenta de seleção retangular e a ferramenta de seleção elíptica, e você também vai usar essa cor de primeiro plano. Eu sugiro que você defina para preto pressionando a letra D no seu teclado, e isso apenas define suas cores padrão. Vamos começar com um retângulo. Vou apenas clicar e arrastar para desenhá-lo de um lado para o outro através do documento. Vou preenchê-lo com a cor do primeiro plano pressionando Alt Backspace Option Delete no Mac. Agora, vamos fazer isso novamente, mas vamos apenas pegar essa parte retangular do caminho através do documento
e, novamente, preenchê-lo com Alt Backspace Option Delete no Mac. Agora, vá para a ferramenta
Mover aqui, passe o mouse sobre a forma e adicione a tecla Alt ou Option até obter essas duas setas. Deve haver uma ponta de flecha preta e uma ponta de flecha branca, que diz que você está prestes a se mover e copiar esta forma. Arraste sobre ele e crie outra forma ao longo do documento. Agora, eu alinhei estes com muito cuidado usando os Guias Inteligentes. Eu vou fazer isso de novo, e apenas certifique-se de que eles se alinham ordenadamente. Se os guias inteligentes não estiverem funcionando e você estiver usando uma versão recente do Photoshop, acesse o menu Exibir, clique em “Mostrar”
e verifique se as Guias inteligentes estão ativadas
, e verifique se as Guias inteligentes estão ativadas pois isso o ajudará a alinhar tudo. Em seguida, vamos adicionar alguns pequenos quadrados em todo o documento. Para isso, vou criar uma nova camada. Eu vou para a ferramenta Retângulo, e desta vez, eu vou apenas arrastar para fora um quadrado muito pequeno. Estou fazendo isso mantendo pressionada a tecla Shift enquanto
arrasto porque isso restringi a forma a um quadrado. Mais uma vez, eu vou preenchê-lo, Alt Backspace Option Delete no Mac. Agora, vamos copiar esta camada com “Layer”, “New”, “Layer Via Copy”. Vamos mover essa forma, e vamos fazer isso usando “Editar”, “Transformação Livre”. momento, o centro desta forma está em 15 pixels, então eu vou apenas adicionar 50 a isso, e isso será 65 pixels. Ele vai movê-lo através do documento, e ele também está movendo-o apenas 50 pixels que dividirão uniformemente em meus documentos de 1.400 pixels de largura. Isso vai ser bom e até mesmo em toda a página. Vou clicar na marca de seleção aqui. Agora, há três teclas que vou usar. Vou segurar Control Alt Shift
no PC e isso seria Command Option Shift no Mac. Então você precisa de três dedos para isso, e então você vai e apenas aperta a letra T, e isso faz o que é chamado de transformação repetida. Ele toma a forma que movemos, e não só duplica, mas também leva exatamente a mesma distância que a anterior. Acabamos com uma série de caixas em todo o documento, e tudo o que tínhamos que fazer era criar uma forma para fazê-lo. Agora, eu vou voltar aqui para baixo, apenas indo para descobrir qual dessas camadas contém o quadrado original. Acho que provavelmente vai ser a camada 3, o que é. Eu cliquei na camada superior. Agora, vou certificar-me de que a camada 3 está visível e Shift clique nela. Eu tenho todas as camadas que contêm todos esses pequenos quadrados selecionados, e eu vou clicar com o botão direito e escolher “Mesclar camadas”. Ele apenas coloca todos eles em uma única camada, o que é um pouco mais conveniente. É conveniente de algumas maneiras porque não só isso é em uma camada separada para que eu pudesse, por exemplo, movê-los completamente, o que eu vou fazer, mas também porque eu posso fazer uma duplicata disso. Então eu vou apenas arrastá-lo para o ícone Nova camada. Agora, eu tenho uma duplicata desta camada. Vamos arrastá-lo para longe, e vamos encolher. Só estou procurando minha ferramenta Move para entrar nesse modo de estiramento. Fiz uma cópia e encolhi. Agora, vou arrastar algumas duplicatas para longe. Eu só vou espaçar isso forma desigual em todo o documento, mas certifique-se de que eles são classificados alinhados. Estes estão todos em camadas separadas. Novamente, posso selecionar essas camadas, clicar com o botão
direito e escolher “Mesclar camadas”. Porque isso me dá mais uma camada que eu posso usar, novamente, para fazer algumas formas. Vou arrastá-lo para o ícone Nova camada para duplicá-lo. Vou arrastá-lo até aqui. E se eu transformar isso em pequenos quadrados? E se eu o fizer encolhido um pouco? Agora, eu posso movê-lo para outro lugar no documento. Vou clicar na marca de seleção. Agora, eu poderia fazer uma cópia disso para que eu possa esticá-lo todo o caminho. Eu tenho esse padrão atravessando o documento. Agora, antes de ir muito mais longe, eu vou adicionar uma nova camada na parte inferior deste documento por controle ou comando clicando
no ícone Nova camada quando eu tiver a camada inferior selecionada. Vou preenchê-lo com branco que é a minha cor de fundo, Control Backspace Command Delete no Mac. Só quero dar uma olhada e explicar o que estamos fazendo aqui agora que temos algo para ver. O que vamos fazer em um minuto é girar essa forma para que este lado se junte a este lado. Queremos ter certeza de que as coisas estão no mesmo avião aqui porque quando eles se alistam, não
queremos que haja o mesmo. Aqui, se esta linha estivesse em uma altura diferente no documento para esta linha, teríamos um óbvio mesmo. Ocasionalmente, tudo bem, mas se isso acontecer o tempo todo, você verá o mesmo através do seu anel final. Você quer tentar e certificar-se de que esses elementos estão na mesma linha. A outra coisa é que porque esses dois lados vão se juntar, se houver uma peça faltando aqui, se você parar esses desenhos, de qualquer um desses lados do documento, novamente, você vai ter um mesmo. Novamente, não vai importar se você tem um par
dessas linhas que não fazem todo o caminho para o outro lado, mas você quer que a maioria deles para chegar lá para que você acabe com linhas sólidas em torno de seu anel hud. Agora, temos um padrão de anel de hud iniciado. No próximo vídeo, vamos terminar esse padrão e começar a fazer os próprios anéis.
3. HUD Rings Pt 2: Para continuar com o nosso padrão básico, vou clicar na camada superior da imagem para que novamente, estamos trabalhando nessas camadas. Vou adicionar uma nova camada e vamos adicionar alguns elementos circulares. Vou aqui para a Ferramenta de Marquee Elíptica. Agora, se eu desenhar um círculo, o que vai acontecer quando fizermos o anel HUD é que este círculo não será mais circular. Vai ser esticado ou empurrado. Ou será puxado por isso é mais largo e plano, ou será esticado mais alto. Não espere que os círculos acabem parecendo círculos, mas eles ainda acabam sendo formas interessantes. Eu encorajo você a usá-los em seus anéis HUD. Só vou dar um zoom aqui por um minuto para vermos onde estamos trabalhando. Eu tenho essa forma em sua própria camada. Vou posicioná-lo aqui na borda do documento. Vamos fazer a mesma coisa que fizemos com estes retângulos. Camada, Nova, Camada via Copiar. Editar, Transformação Livre. Tem 18,5 pixels. Bem, este eu vou mover em passos maiores. Eu só vou adicionar 100 a isso. Eu vou fazer com que 118,5 pixels. Vou clicar na marca de seleção. Vou diminuir o zoom. Vou pressionar Control Alt Shift T, Command Option Shift T no Mac para fazer meus círculos. Eles atravessaram todo o caminho pelo documento. Mais uma vez, vou clicar na camada superior. Eu vou encontrar a camada que tem meu primeiro círculo nele, que eu acho que é este aqui. Shift clique nele para selecionar todas as camadas que têm os círculos sobre eles,
clique com o botão direito do mouse e escolha Mesclar camadas. Isso o funde em uma única camada com a qual eu posso lidar independentemente dos outros. A primeira coisa que vou fazer é fazer uma cópia disso. Vou pegar a duplicata e removê-la usando a ferramenta de movimento. Vou esmagá-lo e talvez torná-lo mais pequeno também. Vou colocar isto nesta área do documento. Se você encontrar por causa da grade que você tem trabalhando que essas formas querem saltar para a grade abaixo. Você pode simplesmente colocá-los para baixo e empurrá-los
usando as teclas de seta para cima e para baixo no seu teclado. Agora que eu tenho isso no lugar, eu vou para Alt, arrastar sobre ele. Eu só vou colocar todo o caminho através do documento aqui. Agora vou continuar a construir mais alguns elementos para o meu anel HUD. Você vai querer fazer apenas isso é construir algumas formas adicionais. Você está descendo provavelmente cerca de um terço do documento. Quanto mais elementos tiver, mais interessante será. Vou parar de falar e vá em frente e faça isso. Agora. Eu praticamente terminei com meus anéis HUD, exceto por uma coisa que eu quero mostrar como uma opção que você poderia usar. Nós só vamos desligar essa camada de fundo porque é muito importante que você diga que vamos fazer isso com transparência. Vou voltar para a Ferramenta de Marquee Retangular. Vou me certificar de que estou em uma nova camada que não tem nada nele, o que esta não tem. Apenas indo para selecionar essa camada, eu vou arrastar para fora um pequeno quadrado. O que eu estou olhando para fazer é cortar esta forma fora
desta linha aqui porque eu acho que esta linha é um pouco sólida demais. Vou pressionar “Alt Backspace Option Delete” no Mac. Vou escolher Layer, New Layer via Copiar. Eu vou fazer a minha Editar, Transformação
Livre, e isso é 14 pixels. Eu só vou adicionar 50 a ele. Vou para 64 pixels e vou clicar na marca de seleção. Agora eu vou apenas repetir isso todo o caminho através do meu Control Alt Shift T, Command Option Shift T no Mac. Agora que eu tenho todo o caminho até lá, eu vou apenas fundir essas camadas juntos. Temos uma camada agora no topo da última pilha que tem esta linha de pequenos quadrados sobre ele. Mas o que eu quero fazer é que eu quero cortar isso fora desta forma aqui. Vou clicar em Control ou Command
nesta miniatura de camada e o que eu recebo é uma seleção. Agora eu preciso mover minha seleção. Vou subir para selecionar Transformar seleção. Isso me permite transformar a seleção. Eu só vou movê-lo para cá. Agora você pode ver que eu não estou levando as formas comigo, eu estou apenas levando a seleção comigo. Eu vou posicionar isso onde eu quero que ele esteja agora. Só estou empurrando com a tecla de seta para cima. Eu só estou olhando para ele na posição e eu vou apenas clicar na marca de seleção. Agora a minha seleção está no topo deste elemento preto cheio. O que eu quero fazer é cortar esses quadrados fora dele. Tenho de voltar e encontrar a camada que tem isto. Como foi a primeira camada que fiz, provavelmente
está bem aqui embaixo no fundo. Quando eu verificar com este ícone de globo ocular, você pode ver que é a camada. Também tem outras coisas, mas tem aquela grande faixa preta. Agora que eu tenho esta camada selecionada, a que eu quero tirá-la. Eu só vou selecioná-lo e eu vou pressionar “Delete”. Quando faço isso, estou a fazer buracos nisso. Eu não estou preenchendo com branco, que será algo completamente diferente e algo basicamente indesejável nisso. Você realmente não quer usar branco como um preenchimento quando você pode realmente remover e exibir transparência porque isso vai lhe dar mais opções mais tarde. Agora vou desmarcar a seleção pressionando “Control” ou “Command D” para desmarcar essa seleção. Agora, quando olhamos para a camada branca atrás dela, você pode ver que temos esse padrão. Acho que está um pouco melhor porque não está tão escuro. Essa era outra das opções possíveis que eu só queria te mostrar. Agora esta linha aqui que acabamos de criar, essas caixas. Eu acho que eles não estão exatamente onde eu quero que eles estejam. Vou apenas selecionar a camada, selecionar a ferramenta Mover. Uma vez que eles estão todos em uma camada juntos, eu posso apenas movê-los um pouco mais para cima no documento e eu poderia apenas esmagá-los um pouco. Vamos chamar isso de feito. Digamos que este é o padrão que queremos usar para criar nosso anel HUD. Vamos clicar para selecionar na camada superior, e vamos selecionar a parte inferior a maioria dessas camadas transparentes. Não queremos selecionar essa camada branca porque não queremos mesclar nada com isso. Vamos clicar com o botão direito do mouse e escolher Mesclar camadas. Isso leva essa forma até uma única camada para que agora possamos começar a trabalhar com ela e transformá-la em um anel HUD.
4. HUD Rings Pt 3: Agora eu me esforcei muito para criar essa forma. Porque eu fiz um monte de trabalho nele eu vou salvá-lo como um arquivo PSD. Eu acabei de chamar este anel Hud iniciante PSD. Ao salvá-lo, isso significa que posso voltar e usá-lo uma e outra vez. Se eu quiser fazer vários anéis Hud, eu ainda vou ter essa forma que eu poderia dizer incorporar em outro mais tarde. A outra coisa que eu vou fazer é cortar isso porque você pode ver quando eu tenho esta camada superior selecionada com a ferramenta de movimento, você vê que existem alguns elementos aqui e fora aqui. A seleção é maior do que o documento em si e isso vai sujar meus anéis Hud quando eu vir para criá-los, então o que eu tenho que fazer é cortar esse excesso de distância. Vou clicar na minha camada branca preenchida e vou clicar na ferramenta Cortar. Em versões anteriores do Photoshop, você pode arrastar para criar sua seleção. Nas versões mais recentes do Photoshop, basta obter essas alças em todo o documento. A maneira de recortá-lo é pressionar a tecla Enter ou Return. Isso traz à tona esta sobreposição de colheita. O que o Photoshop está dizendo para ajudá-lo,
você tem todas essas coisas aqui e fora aqui e eu estou prestes a cortá-la. Sem mover nada, basta ir. “ Sim, obrigado. Isso é exatamente o que eu vim aqui fazer.” Estamos de volta ao nosso documento de 1400 por 1400 pixels, mas desta vez, quando eu clicar nesta camada superior, você verá que as alças de transformação estão bem na borda do documento. Não há nada aqui fora. Tudo desapareceu. Agora, se você estiver trabalhando em uma versão mais clara do Photoshop, você quer ter certeza de que ao fazer esse corte você tem essa opção excluir pixels de corte selecionada porque se você não fizer isso, os pixels de corte serão excluídos e, novamente, que vai morder você em um minuto quando formos para criar um anel Hud. Vamos desligar a camada branca cheia. Vamos buscar a nossa camada. Eu só vou arrastar o conteúdo mais para baixo no documento. Quero que seja o meio dos documentos. Eu só vou posicioná-lo innately lá. A outra coisa que eu queria fazer é fazer uma cópia disto. Novamente, eu fiz todo o esforço de criar isso. Vamos falar uma cópia dele por uma série de razões, que você vai ver em um minuto. Vou apenas clicar nesta camada e arrastá-la e soltá-la no ícone da nova camada. Isso dá-me uma duplicata deste padrão. Eu só vou esconder o de baixo, e nós vamos trabalhar nisso. Vamos criar o nosso primeiro anel Hud. Fazemos isso clicando nesta camada e escolhemos filtrar, distorcer, coordenadas polares. Agora, há duas opções para este filtro de coordenadas polares. Um é retangular a polar, e isso nos dá esses belos anéis Hud. O outro é polar a retangular e isso não nos dá belos anéis Hud. Se você está confuso sobre qual deles usar, basta testar cada um deles, e basta dimensionar sua imagem um pouco para baixo e você
verá qual deles você realmente quer usar e é retangular para polar. Vou clicar em “Ok”. Aqui está o primeiro dos nossos anéis Hud e vamos acender a luz de fundo para que você possa ver o quão maravilhoso parece. São coisas muito divertidas de se fazer. Vamos desligar esse por um minuto, e vamos desligar o anel em si. Vamos voltar a ligar o nosso padrão. Vamos fazer uma cópia dele só para termos uma duplicata escondida no caso de querermos usá-la. Agora, com este selecionado com a ferramenta Mover, vamos girá-lo em torno de 180 graus. Eu só estou segurando Shift, enquanto eu rodar. Agora vamos transformar isto num anel de Hud. Filtrar, distorcer, coordenadas polares. Nós já sabemos que queremos retangular para polar, então eu vou clicar em “Ok”. Se você der uma olhada nesses dois anéis independentemente um do outro, você vai descobrir que eles são realmente completamente diferentes. Porque nós o invertemos, diferentes elementos estão no centro. Aqui você pode ver que o último elemento que criamos, apenas aqueles quadrados esmagados estão no interior. No padrão que criamos, eles estavam no topo porque nós o viramos. Na nossa forma original, estas mesmas formas do lado de fora. Estavam no fundo do padrão quando o criamos. O que está na parte inferior do padrão vai para o exterior, o que está no topo do padrão vai para o interior. Porque giramos a coisa em 180 graus, temos um anel totalmente diferente feito exatamente das mesmas peças. Essa é uma das razões pelas quais tivemos o trabalho de duplicar essa forma, porque nos deu a possibilidade de obter dois anéis Hud diferentes. Agora, este no topo, vou duplicá-lo. Eu só vou lidar com uma dessas duplicatas de distância. Bem, eu não posso vê-lo agora. Vou ligar a visibilidade do mais alto. Quando você deixa dois anéis em cima um do outro você obtém um efeito realmente interessante, mas você também tem o potencial para fazer algo assim, e re-dimensionar o anel mais alto para caber dentro do fundo, ou mesmo um pouco sobre o um de baixo para que você misture os dois juntos. Agora, quando estou redimensionando isso, estou fazendo isso com as teclas Alt e Shift selecionadas, então ele está redimensionando em proporção. Vou apenas clicar na marca de seleção. Agora você pode achar que seus anéis estão um pouco esmagados. Dependendo de onde você começou a criar esses anéis, você pode achar que eles não são perfeitamente circulares. Bem, no próximo vídeo, eu vou mostrar como você pode apenas torná-los circulares. Vamos apenas remodelá-los, mas faça isso com muita precisão.
5. HUD Rings Pt 4: No último vídeo, sugeri que havia uma chance de que seus anéis HUD não fossem perfeitamente circulares. Vamos testar este. Eu tenho esta camada selecionada, e eu vou controlar ou comando clique na miniatura “Camada”. O que isso faz é selecionar todos os dados nesta camada. Agora eu vou para o painel de informações, eu tenho ele aberto lá, mas vamos apenas ver onde você encontraria isso; você escolhe “Janela” e depois “Info”. Quando você clica no painel “Info” aqui, ele informa a largura e a altura do objeto selecionado no momento, e como é suposto ser um círculo, esses dois valores devem ser os mesmos. Se a sua altura for maior que a sua largura, e eu só vou fazer a minha altura maior que a minha largura, você vai ter algo assim, um anel esticado. Este valor para altura será maior do que o valor para largura. Bem, tudo que você faz é apenas pegar a alça inferior aqui e movê-lo para cima, manter um olho nesses valores aqui e parar quando os dois são iguais. Eu só estou levando isso de volta para o mesmo valor, que é, para mim, 12.792, e isso é exatamente o que deveria ser, e eu vou clicar na marca de seleção aqui. Agora, posso checar meu outro anel enquanto estou aqui. Eu só vou desligar este porque eu sei que está correto, ligue este. Vou controlar o clique na miniatura para que eu tenha selecionado e vamos verificá-la no painel de informações. Aqui os números são ligeiramente diferentes, a largura é um pouco menor do que a altura, então eu vou apenas obter a altura aqui e apenas arrastá-lo até que seja o mesmo valor ou pelo menos muito perto do valor da largura, e isso é exatamente o mesmo, então eu vou apenas clicar na marca de seleção. Você provavelmente vai querer entrar e verificar novamente se seus anéis HUD realmente são círculos para que quando fazemos coisas como colocá-los dentro um do outro, eles vão para ninho dentro um do outro muito bem. Eu vou precisar ir em frente e consertar este também, o que eu vou fazer rapidamente agora. Agora meus anéis HUD estão bem, são todos perfeitamente circulares. Antes de deixarmos de trabalhar com o filtro de coordenadas polares, quero mostrar-te outra coisa que ele possa fazer. Eu vou voltar para a minha camada de padrão original, e eu vou fazer uma duplicata dela porque, novamente, pode
haver alguma razão que nós queremos usá-lo mais tarde. Nesta camada, vou esticá-la. Eu vou esticá-lo para que ele ocupe todo o documento, e então eu vou girá-lo em torno de 90 graus. Aqui eu estou apenas derrubando de lado. Agora vamos aplicar o filtro de coordenadas polares a isso com coordenadas
Filtrar, Distorcer, Polar. Desta vez, em vez de estes elementos serem enrolados ao redor do círculo, eles se tornam pequenos arcos do círculo. Vamos clicar em “Ok” e salvar. Isso é outro efeito interessante. Não é o mesmo que os anéis da HUD. Mas quando estávamos colocando anéis HUD juntos em uma ilustração, poderia ser um fundo muito bom. É outro elemento que eu impediria de trabalhar com estas coordenadas polares. Não são apenas anéis HUD e a possibilidade de aninhá-los dentro do outro, mas também a possibilidade de usar isso como um elemento embaixo de uma imagem que era composta, digamos, dos anéis HUD. Agora vamos em frente e colocar todos esses juntos em uma ilustração muito simples e vamos texturizá-lo usando uma textura também.
6. HUD Rings Pt 5: Agora estamos prontos para ir em frente e colocar esses elementos em uma ilustração final. Antes de fazer isso, em primeiro lugar, eu recomendo que você salve esta imagem. Novamente, eu acabei de salvar isso como meu iniciador de anel HUD. Eu tenho tudo aqui salvo. Porque eu posso querer voltar e usar esses elementos novamente, eu realmente vou fazer uma duplicata deste arquivo. Vou fazer isso escolhendo “Imagem” e depois “Duplicar”, e depois clique em “Ok”. Isso criará uma cópia do acionador de anel HUD. Não estou usando o original, mas acabei de fazer uma cópia exata dele. Eu ainda tenho o arquivo original e todos os seus pedaços e pedaços aqui que eu realmente vou fechar. Eu vou arrastar esta camada até a última pilha e sentá-la logo acima do meu elemento branco aqui, porque eu acho que isso seria um bom fundo. Mas o que eu quero fazer é torná-lo menos preto e um pouco mais interessante. Eu vou preencher sua opacidade em um valor muito baixo para que ele se mistura com a camada abaixo. É uma das coisas que posso fazer com esta camada. A outra coisa que eu posso fazer é bloquear os pixels nessa camada apenas
clicando na camada e clicando neste pequeno ícone de cadeado, e isso bloqueia os pixels na camada. Por enquanto, vou levar sua opacidade
de volta a 100%, porque quero mostrar o que estou prestes a fazer. Vou pegar um gradiente. Eu estou abrindo o gradiente aqui e eu vou apenas
clicar aqui nesta lista suspensa para dizer os gradientes que eu tenho. Se não é um gradiente aqui que você deseja usar você pode clicar aqui no ícone de engrenagem e ir e obter alguns outros gradientes. Agora eu sei que eu já tenho metais lá, mas você pode querer fazer algo como efeitos especiais ou espectros ou harmonias de cores. Basta clicar nele para selecioná-lo e, em seguida, clicar em uma caneta para que você esteja adicionando-a ao final da sua seleção de gradiente. Bem, parece que eu já tinha essa seleção lá dentro. Mas vamos apenas selecionar este. Eu vou dizer, “Bem, este é um gradiente que eu quero usar. Chama-se prata.” Eu posso clicar nele aqui para abrir o editor de gradientes para que eu possa fazer alterações no gradiente se eu quiser eu adicionando pontos extras ou movendo estes longos ou fazendo qualquer coisa que eu quiser. Eu poderia até mudar uma cor aqui, isso é branco. Eu poderia entrar aqui, clicar sobre isso, e selecionar uma cor diferente, por exemplo. Eu poderia selecionar algo que tem vermelho para adicionar um pouco de cor ao meu gradiente. Por enquanto, vou clicar em “Ok”. Agora eu tenho meu gradiente selecionado aqui. Acho que posso começar com um gradiente linear e ver como isso parece. Vou apenas clicar e arrastar através do meu documento, e isso aplicou este gradiente a esta forma. Se eu não gostar, posso tentar outra coisa. Aceite de um ângulo diferente. Se eu não gostar do gradiente, posso voltar e mudá-lo. Não estou muito feliz com aquela parte branca, então talvez eu vá e mude o gradiente. Basta clicar no Gradient Editor, pegar esse ritmo que eu não estou muito feliz com. Clique aqui e vamos adicionar uma cor vermelha mais escura a ele. Acho que vai ficar melhor. Clique em “Ok” e volte e faça isso novamente. Muito melhor. Outra coisa que você pode fazer com essas camadas é simplesmente preenchê-las com um gradiente ou algo um pouco mais interessante. Agora eu vou desmarcar o ícone de cadeado aqui e eu também vou apenas diminuir a opacidade nesta camada apenas para misturá-lo
no branco por baixo, mas agora ele tem um pouco de cor nele. Posso trazer de volta os meus anéis de HUD. Eu vou trazer este de volta, e eu estou realmente indo para mover este aqui. Eu vou selecioná-lo aqui com a ferramenta Mover e eu vou apenas
arrastá-lo para o canto superior aqui e provavelmente aumentá-lo um pouco, e apenas movê-lo de volta para que ele se torne um pouco mais de uma peça de fundo. Novamente, eu provavelmente vou querer misturar isso nas camadas abaixo reduzindo sua opacidade. Vou trazer de volta os meus elementos em camadas. Vou apenas clicar no ícone de visibilidade para isso também. Quero que seja um pouco maior. Vou selecionar as duas camadas e esticar um pouco. Tecnicamente, não deveríamos esticar muito as coisas no Photoshop, mas esta é uma ilustração digital e esticá-la um pouco não fará muita diferença. Agora eu vou pegar emprestado este laboratório porque eu acho que é um elemento interessante. Eu só vou clicar nele e eu vou girá-lo. Vou tirá-lo do caminho. Isso tem a possibilidade de ser um elemento na minha colagem e,
claro , essa foi apenas a peça que usamos para fazer o anel HUD real. Agora o que eu vou fazer com esta camada novamente é misturá-la. Eu só vou reduzir a opacidade um pouco. Agora, antes de obter uma textura para texturizar isso, eu quero sugerir que esta é realmente uma forma refletida. Eu vou selecionar os dois elementos que vão para fazer a forma central que são estes dois aqui e eu vou duplicá-los. Eu só vou arrastar e soltá-los no novo ícone de camada aqui. Tenho um segundo conjunto destes. Agora, eu posso mesclar estes juntos porque eu só vou usá-los como um reflexo. Vou fundir estas camadas. Agora o que vou fazer é transformar isso em liberdade. Vou escolher “Editar”, “Transformação Livre”. O que eu quero fazer é arrastar esta borda de cima para baixo. Estou efetivamente apenas virando tudo. O que eu posso fazer é quando eu comecei a me mover, eu posso apenas clicar aqui e mudar a altura para menos 100 por cento. Quando faço isso, recebo uma reviravolta exacta dessa forma. Agora o que eu vou fazer é apenas movê-lo para baixo para que ele se alinhe perfeitamente e você pode ver que todos esses objetos estão onde eles estariam se isso fosse um reflexo. Agora que eu tenho essa forma, eu posso apenas reduzir sua opacidade um pouco para que pareça um reflexo.
7. HUD Rings Pt 6: Agora estamos prontos para ir em frente e pegar uma textura. Eu realmente gosto deste site de textura, então eu vou dar-lhe o link para ele. Apenas tenha cuidado porque o link diferencia maiúsculas de minúsculas, então você precisará digitá-lo exatamente como mostrado. É o site do Flickr de uma pessoa chamada Skeletalmess e ele oferece texturas gratuitas e elas estão disponíveis não só para uso pessoal, mas também para uso comercial, que é uma das razões pelas quais eu realmente gosto de suas texturas, porque você pode usá-los comercialmente, se você quiser. Agora, estou particularmente interessado em procurar uma textura que tenha alguma cor e também alguns pedaços interessantes. Acho que este provavelmente se encaixa na conta. Chama-se Freakywood Not Me. Para obtê-lo, você vai clicar na textura para abri-lo em uma nova janela e, em seguida, procurar o link de download aqui. Clique em e, em seguida, clique na imagem de tamanho que você deseja. Estou tirando para baixo no tamanho original e, em seguida, apenas esperar alguns segundos enquanto ele faz o download. Agora vou clicar para mostrá-lo na minha pasta de downloads e aqui está. Vou apenas arrastá-lo e soltá-lo no meu documento do Photoshop e ele vem como uma nova camada. Agora, é um documento retangular e estamos trabalhando com um quadrado. Mas uma vez que esta é uma textura, realmente não importa porque ninguém vai te dizer que sua textura foi esticada porque, como alguém poderia sequer saber como sua textura se parecia em primeiro lugar? Eu só vou clicar na marca de seleção aqui agora que eu esticá-lo. Eu vou colocá-lo no topo da última pilha, então eu vou movê-lo acima de tudo o resto. Tudo o que está no topo da última pilha que é totalmente opaco como esta imagem
é, vai bloquear tudo abaixo dela. O que precisamos fazer agora é misturar isso. Nós estamos indo para os modos de mesclagem, e eu estou indo apenas para selecionar o primeiro modo de mesclagem que é Dissolver. No ritmo dizer que agora eu posso navegar para baixo os modos de mesclagem apenas pressionando a seta para baixo ou a tecla de seta para cima e que me leva para baixo ou para cima a lista de modo de mesclagem. No Mac, as coisas são um pouco diferentes; você precisará ter certeza de que você não tem nada selecionado aqui que use uma ferramenta de pincel. A coisa mais segura a fazer é selecionar a ferramenta Letreiro ou a ferramenta Mover, que funcionará muito bem. Em seguida, você pode pressionar Shift mais ou Shift menos para navegar pelos modos de mesclagem. Você tem que iniciá-lo selecionando um modo de mesclagem e, em seguida, pressione Shift mais ou Shift Menos. Novamente no PC, eu estou apenas usando a seta para cima e para baixo e eu estou apenas trabalhando através deles para ver o que está lá e o que tipo de leva minha fantasia. Toda vez que você tem uma textura em uma imagem, você realmente vai ter que correr através desses modos de mesclagem porque embora você classifique o que os modos de mesclagem vão fazer, o que eles devem fazer, você realmente não saber o impacto que vai ter em uma imagem que tem tantas camadas como esta. Você pode ver que eles são todos muito, muito diferentes. Como estou indo para meu uso pessoal, eu realmente gosto deste aqui, mas eu não vou usá-lo. É exclusão, então ele vai transformar as coisas em um olhar negativo como vai diferença. luz do pino é interessante. luz dura parece muito boa. Soft Light é um pouco decepcionante assim como Overlay. Overlay é um dos meus modos de mistura preferidos, mas aqui, ele realmente não está fazendo nada demais. cor mais escura é boa, mas é realmente apenas pegar o elemento central e apenas alguns pedaços da textura por baixo. Mas se você diminuir a opacidade lá, você pode obter um efeito interessante. Combinar algo como cor mais escura com uma opacidade mais baixa pode salvar isso, mas provavelmente não é o que eu vou usar. Eu acho que estou indo para um desses como Linear Burn ou Multiply. Multiplicar é sempre um bom modo de mesclagem para tirar detalhes das camadas abaixo. Eu vou usar o modo Multiply e nesta fase eu vou chamar esta imagem feita porque
agora você tem as técnicas que você precisa usar para criar uma imagem como esta. Você sabe como criar o elemento a partir do qual você vai fazer seu anel hud. Você sabe como fazer os anéis do cud e como redimensioná-los para que eles fiquem perfeitamente quadrados se eles saírem parecendo um pouco oblongos em forma. Você também sabe como aplicar um gradiente a uma forma e você sabe como ir e obter uma textura e misturar uma textura em uma imagem. Seu projeto para esta classe vai ser ir e criar um anel hud você mesmo. Você pode torná-lo tão detalhado ou tão simples quanto quiser. Você pode terminar seu elemento fora com uma mini-colagem como eu fiz aqui, ou apenas postar seu anel hud para nós ver. Se você gostou deste episódio de Design Gráfico para Almoço,
por favor, dê um polegar para cima. Os polegares para cima são realmente importantes porque ajuda outras pessoas a ver que esta é uma aula que eles podem querer fazer. Meu nome é Helen Bradley. Muito obrigado por se juntar a mim para este episódio de Design Gráfico para Almoço, e estou ansioso para vê-lo em um próximo episódio em breve.
Helen Bradley, Graphic Design for Lunch™
