Crie e venda sobreposições para mídias sociais no Adobe Photoshop — um curso de Graphic Design for Lunch™

1. Sobreposições geométricas para redes sociais no Photoshop no: Olá, sou Helen Bradley. Bem-vindo a esta aula de Design gráfico para almoço: Faça e venda sobreposições para mídias sociais 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 estamos fazendo sobreposições geométricas de fotos que podem ser usadas em suas fotos para mídias sociais, mas também podem ser criadas para serem vendidas. Você aprenderá algumas técnicas para fazer essas sobreposições geométricas e também salvá-las para uso você mesmo e para venda. À medida que você está trabalhando nesses vídeos, você pode ver um aviso que permite recomendar essa classe a outras pessoas. Por favor, se está gostando da aula, dê um polegar para cima. Essas recomendações me ajudam a colocar minhas aulas na frente de mais pessoas que, assim como você, querem saber mais sobre o Photoshop. Se quiser deixar um comentário, faça-o. Eu li todos os seus comentários e olho para todos os seus projetos de classe. Agora, se você estiver pronto, vamos começar a fazer sobreposições geométricas de fotos para usar em mídias sociais e para venda. 2. Sobreposições geométricas para redes sociais - parte 1: Antes de começarmos a fazer essas sobreposições geométricas de fotos, vamos dar uma olhada e ver o que estamos olhando. Este é o site creativemarket.com e estes são um tipo de sobreposições que eu estou falando. Sobreposições que você pode usar para apenas colocar na parte superior de suas fotos, ou aquelas que efetivamente cortam a foto, bem como incluem alguns elementos geométricos. Vamos criar os dois tipos hoje. Ao criá-los, primeiro você precisa tomar uma decisão sobre o tamanho do documento que deseja usar. Se você os estiver fazendo para fins de mídia social, algo como 1200 por 800 pode ter um tamanho apropriado. Se você estiver fabricando para vender, talvez você queira criar versões maiores para que as pessoas possam usá-las para imagens de alta qualidade. Você também pode querer fazer uma série, por exemplo, para imagens quadradas, algumas para retrato e outras para paisagem. Agora, hoje vou usar um tamanho de documento padrão. Vou escolher “Arquivo” e depois “Novo”. Será um tamanho de documento de mídia social, então é 1200 por 800, que é uma imagem de paisagem. Basta configurá-lo para ser transparente e eu vou clicar, “Ok”. Isso vai me ajudar se eu tiver uma imagem para olhar enquanto estou trabalhando, então eu vou apenas escolher, “Arquivo”, “ Inserir Embedded” e incorporar uma imagem neste documento. Já baixei um do unsplash.com que vou usar. Eu lhe darei o link de download para isso se você quiser usá-lo sozinho. Vou apenas clicar na marca de seleção colocá-la no meu documento. Para os meus elementos geométricos, eu preciso ter muito cuidado para eu não colocá-los sobre o topo da foto na mesma camada porque caso contrário eu não serei capaz de extraí-los mais tarde para que eu possa isolá-los para salvar eles para que eles possam ser usados em qualquer imagem a qualquer momento. Claro, se quiséssemos vendê-los, não estaríamos vendendo com esta imagem, com ela. Vou começar com uma nova camada aqui. Vou colocar uma série de círculos nesta imagem, e para fazer isso, vou usar a ferramenta Marquee Elíptica. Estou tentando construir este vídeo em particular para que ele possa ser usado com praticamente qualquer versão do Photoshop. Vou arrastar um círculo e, em seguida, fazer isso mantendo pressionada a tecla “Shift” enquanto arrasto o meu círculo. Eu quero que ele tenha pouco mais da metade da largura deste documento, então ele precisa ser um círculo de tamanho bastante grande. Agora eu quero colocar um golpe em torno da borda dele, mas é muito difícil olhar exatamente o tamanho de um derrame que precisamos. Então, usar a opção de, “Editar traçado” não será uma boa idéia porque você não pode ver o traçado antes de colocá-lo. Se você está trabalhando com imagens realmente grandes, cinco pixels podem não ser suficientes, mas o que é suficiente, 50? Eu não tenho nenhuma pista. Vou apenas clicar em “Cancelar”, vou usar um processo diferente. Primeiro de tudo, vou preencher o círculo com uma cor. Agora o preto é a minha cor de fundo, então eu vou apenas pressionar, “Control Backspace”, “Command Delete” no Mac para preencher este círculo com uma cor. Seria melhor não usar branco porque no próximo passo vou usar branco do meu acidente vascular cerebral, então uma cor contrastante funcionará melhor. Para adicionar o traçado, vou usar um estilo de camada. Vou clicar no ícone “Adicionar estilo de camada” aqui e escolher “Traçado”. A razão pela qual eu estou usando Stroke é que isso me permite ver muito claramente se meu peso de linha é suficiente, então eu posso apenas digitar aqui qualquer valor, vamos tentar 40, e você verá como um traçado de 40 pixels se parece. Eu gosto de sete, então eu vou voltar para sete. Estou centrando isso. Eu tenho a posição definida para o centro, e eu estou me certificando de que eu tenho branco como minha cor. Basta clicar no seletor de cores aqui e você pode se certificar de que você tem branco selecionado. Claro que o branco é 255, 255, 255 nos canais vermelho, verde e azul. Basta clicar, “Ok” e eu só vou clicar, “Ok”. Eu tenho o derrame que eu quero, o problema é que eu tenho um preenchimento que eu não quero. Bem, eu vou me deparar aqui até a última palete com esta camada selecionada, e eu vou apenas definir o preenchimento para zero. Posso clicar nesta seta apontando para baixo e apenas arrastar o controle deslizante para definir o preenchimento para zero. Mas há outra coisa que você pode fazer no Photoshop, e se você ainda não encontrou controles deslizantes Scrubby antes, agora é um bom momento para fazê-los. Só vou clicar longe daqui e apenas clicar de volta na minha camada. Se eu segurar o ponteiro do mouse sobre a palavra “Preencher”, você verá que ele muda para um dedo apontador com setas indo para a esquerda e para a direita. Isto é o que é chamado de controle deslizante Scrubby. Se eu clicar e arrastar agora, você verá que estou ajustando o valor nesta caixa apenas arrastando a palavra. Muitas coisas no Photoshop são controles deslizantes Scrubby. Praticamente sempre que você tem a opção de clicar para baixo em uma seta e ajustar um controle deslizante, você também pode ajustar essa configuração usando um controle deslizante. Estou ajustando o preenchimento para zero. A razão para isso é que você não pode colocar um traçado em uma forma a menos que a forma tenha um preenchimento. Fomos forçados a colocar um preenchimento preto em nossa forma para que pudéssemos obter o derrame. Não queríamos o preenchimento. Bem, uma solução para isso é apenas escondê-lo definindo o zero de preenchimento. Você não quer enviar a opacidade para zero porque o que isso faz é afetar o preenchimento e o traçado. A configuração de opacidade não vai funcionar neste caso, é a configuração de preenchimento que apenas desliga o preenchimento, mas deixa nosso traçado no lugar. Agora eu só vou pegar a ferramenta de movimento e eu quero centralizar isso na imagem. Eu poderia usar meus guias inteligentes, mas também posso usar uma técnica no Photoshop. Eu vou para Controle ou Comando, clique na miniatura “Camada” para que eu tenha as formigas marchando ao redor da forma. Agora vou pressionar “Controle” ou “Comando A”. O que isso faz é selecionar o documento inteiro, parece que esta forma não está mais selecionada, mas é. Agora, se eu clicar aqui, eu posso ajustar o centro vertical e aqui, o centro horizontal da minha forma. Meu círculo agora está alinhado bem no meio deste documento. Vou pressionar “Control” ou “Comando D” para desmarcar minha seleção. Para criar o meu padrão de círculos, preciso de algumas cópias deste círculo. Em primeiro lugar, vou arrastar uma cópia para o novo ícone de camada, e vou começar a movê-la. À medida que movo a cópia, mantenho a tecla shift pressionada para que ela fique restrita a se mover em uma direção perfeitamente horizontal. Está no lugar agora alinhado contra esta outra forma. Vou clicar nesta “Camada”, arrastá-la para o ícone da nova camada e repetir na outra direção. Novamente, segurando “Shift” enquanto eu faço isso, para que seu movimento seja restringido.h Com Guias inteligentes ativadas, ele deve simplesmente encaixar na posição. Se você achar que as Guias Inteligentes não estão ativadas, vá para o menu “Exibir”, verifique se a opção “Encaixar” está vá para o menu “Exibir”, ativada, certifique-se de que você tem “Ajustar para definir como Guias e também certifique-se de que, no menu “Mostrar”, Guias inteligentes tem uma marca de seleção contra ele. Com tudo isso selecionado, seus Guias inteligentes devem funcionar muito bem. Eu quero pegar outra cópia deste círculo, então eu vou apenas arrastá-lo e soltá-lo no novo ícone de camada. Desta vez, vou colocá-lo aqui em baixo. Eu não vou segurar a tecla “Shift” enquanto eu faço isso. Na verdade, estou tirando isso do alinhamento. Eu só vou colocá-lo em posição aqui. Eu posso pegar uma cópia disso, arrastá-lo para o novo ícone de camada, e desta vez, mover a cópia através. Se eu segurar, “Shift”, eu vou me certificar de que ele se move em uma direção perfeitamente horizontal para que essas duas formas estejam alinhadas perfeitamente. Agora vamos pegar esses dois, soltá-los no novo ícone de camada, e como ambos ainda selecionados, começar a puxar para cima. Se eu puxar para cima com a tecla “Shift” pressionada para baixo, então eles vão se mover em uma direção perfeitamente vertical. Os dois primeiros que acabei de mudar para a posição vão ser imediatamente alinhados sobre os dois inferiores. Este é o design que eu quero usar para a minha primeira sobreposição. Tendo criado, vamos voltar ao último palete e ver o que temos. Bem, temos muitos círculos. Vou enrolar e clicar na camada superior que contém um desses círculos. Eu vou rolar para baixo e, “Shift” clique na camada mais inferior que contém um desses círculos. Você também pode ir para o outro lado, assim você pode clicar na parte inferior e, em seguida, Shift clique na parte superior. O importante é deixar a fotografia fora disto. Clique com o botão direito e escolha “Mesclar camadas”. Agora eu tenho uma única camada que contém minha sobreposição. É hora de ir em frente e salvar isso para que eu possa reutilizar isso mais tarde. Para fazer isso, vou desligar minha foto porque eu não quero salvar a foto. O que eu tenho na tela agora é uma série de círculos brancos com um fundo transparente. Quando eu salvar isso, ele será salvo como um arquivo PNG. Ele será achatado em uma única camada, mas o PNG salva a transparência para que isso possa ser colocado sobre qualquer foto a qualquer momento no futuro. Vou escolher “Arquivo” e depois “Salvar como”. É importante selecionar PNG como seu formato. Aqui está, P-N-G. Vou chamar isso de “Sobreposição 1", e basta clicar em “Salvar”. Ao fazer isso, você será solicitado com algumas opções PNG. Você pode apenas clicar, “Ok” as configurações padrão estão muito bem. Voltarei a ligar a minha foto de novo. No próximo vídeo, vamos ver como usaríamos essa sobreposição em outra imagem no futuro. 3. Sobreposições geométricas para redes sociais - parte 2: Para usar minha sobreposição em outra imagem, primeiro vou abrir essa imagem. Vou escolher Arquivo e, em seguida, abrir, localizar e abrir uma imagem que também está na orientação paisagem. Eu vou dimensionar isso para que seu tamanho corresponda à minha sobreposição, e ele corresponda ao tamanho que eu preciso usar para fins de mídia social. Tamanho da imagem, vou digitar 1.200. Photoshop define automaticamente a altura para 800. Esta é exatamente a mesma imagem de proporção que a outra. Só vou clicar em “Ok”. Agora vou adicionar a minha sobreposição escolhendo o arquivo e, em seguida, colocar incorporado. Colocar incorporado apenas garante que a sobreposição será incorporada na imagem. É uma maneira mais segura de operar porque garante que o conteúdo esteja no arquivo não apenas vinculado a ele. Vou clicar na marca de seleção. Lá está minha foto já para ser postada nas redes sociais com a sobreposição, mas você pode estar se perguntando, o que você vai fazer se sua fotografia não estiver na orientação paisagística, ou talvez se ela não estiver exatamente na mesma proporção que sua sobreposição? Bem, vamos ver como lidaríamos com isso. Nesse caso, vou escolher Arquivo e depois Novo, e vou criar um documento de 1.200 por 800 pixels, o tamanho que eu preciso para fins de mídia social e desta vez eu vou escolher Arquivo, Colocar Embedded e colocar minha fotografia em Aqui. Arquivo, Inserir Embedded e eu localizarei uma imagem que está na orientação errada para minha sobreposição. Vou clicar em “Lugar”. Ele vai ser dimensionado para baixo, então ele se encaixa dentro do documento, mas é claro, nós temos um monte de lacuna em ambos os lados e eu não quero usar toda essa imagem. O que eu vou fazer é começar a redimensionar e eu vou segurar a tecla Shift enquanto eu arrasto para fora nos cantos porque eu quero dimensionar esta imagem agora que ela vai caber neste documento 12 por 800. Eu só estou me certificando de que eu tenho a parte da imagem que eu quero usar realmente no documento. Agora, eu só estou tendo que puxar isso um pouco para alinhar tudo, e eu vou clicar no “Check Mark”. Agora, a imagem não foi cortada nesta fase. A imagem completa ainda está no documento. Você pode voltar mais tarde e mover isso para alinhar a imagem de uma maneira diferente. Mas agora vou adicionar a minha sobreposição. Arquivo, lugar incorporado, Eu vou para ir e obter minha sobreposição, e clique em “Colocar”, e eu vou clicar aqui para aplicá-lo. Essa é uma maneira agradável e fácil de gerenciar uma sobreposição, e também cortar e imagem sem ter que cortá-la para fins de mídia social. Se você souber o tamanho da imagem, crie um documento vazio para ela. Solte as várias peças que você precisa, neste caso, a foto e a sobreposição, basta organizá-las dentro do espaço 1.200 por 800, ou o tamanho do seu documento, e então você pode ir em frente e salvá-lo. Isso poupa você do esforço de cortar e redimensionar quando você está exportando um documento para uso em mídias sociais. 4. Sobreposições geométricas para redes sociais - parte 3: Estou de volta à imagem em que estávamos trabalhando. Escondi e bloqueei a primeira sobreposição. Então eu vou adicionar uma nova camada vazia na qual podemos trabalhar. A próxima sobreposição que vamos criar será uma linha girada e nos dará um padrão geométrico. Agora, você pode desenhar uma linha de várias maneiras e uma delas é usar a ferramenta de forma, esta ferramenta de linha no grupo de formas. Você também pode fazê-lo com uma tenda para festas retangular arrastando apenas uma tenda retangular fina através da forma. Mas o problema com a ferramenta de seleção retangular é que ela é limitada em comprimento à largura ou altura do documento. Há uma maneira melhor de traçar esta linha que podemos usar. Então eu vou apenas para Controle ou Comando D para selecionar isso. Vou, de fato, usar um retângulo, porque a ferramenta de retângulo me dá melhor controle sobre minha linha do que a linha. Curioso, mas realmente é mais fácil de usar. Então eu vou apenas arrastar para fora uma forma retangular. Agora, estou usando as opções de forma aqui em cima. Então, vai ser uma forma cheia de branco. A altura aqui no valor h é a largura real da linha. Então eu vou definir isso para sete. Esta é a linha que vou usar para começar. Então eu vou apenas posicioná-lo, certificando-se de que eu posicioná-lo e não redimensioná-lo aqui no documento. Eu também quero centralizá-lo, então eu vou fazer a mesma coisa que eu fiz antes. Eu vou para Control ou Command clique na miniatura da camada e pressione Control ou Command A. Eu vou para a ferramenta de movimentação, mas desta vez a única opção que eu vou selecionar é este centro alinhado horizontal, porque eu não quero alinhar verticalmente, eu só quero alinhá-lo horizontalmente. Agora você deseja atribuí-lo movimento, mas se ele não foi centrado, ele realmente foi movido. Vou pressionar Control ou Command D ou D select para ter certeza de que tudo é D selecionado, e essa forma agora está centralizada horizontalmente na tela de desenho. Vou arrastá-lo e soltá-lo no novo ícone de camada, e vou girar essa forma escolhendo Editar e depois Transformar Livre. Isso mostra essas ferramentas aqui na barra de Opções da Ferramenta. O que eu quero fazer é girá-lo em torno do ponto central do documento. Então eu vou clicar aqui no meio inferior dessas nove caixas pequenas só para colocar este pequeno marcador aqui se movendo. Há um marcador no meio desta forma que agora você pode clicar e arrastar. Este é o ponto central em torno do qual a forma será girada. Agora você não tem que acertar sua posição, você só tem que afastá-lo da forma agora. Porque assim que você arrastá-lo para longe da forma, você terá acesso a essas opções aqui. Esta é uma ferramenta para garantir que você posicione este pequeno marcador exatamente onde você quer que ele esteja. O documento é 1.200 por 800, então o ponto intermediário aqui é 600 e 400 x e y. Então eu vou me certificar de que o valor x é 600 pixels e o valor y é 400 pixels, porque isso irá garantir que esta rotação ponto está morto no centro do documento, então esta forma vai girar em torno dele perfeitamente. Quero rodar 60 graus. Vou clicar na marca de verificação. Agora eu quero repetir esse processo de cópia e transformação. Eu vou pressionar Control Alt Shift e tocar na letra T. Em um mac, que seria Command Option Shift T. Eu vou fazer isso mais quatro vezes para girar esta forma em torno deste ponto médio, efetivamente repetindo o efeito de cópia e rotação. Então agora eu tenho os elementos para a minha sobreposição de gradiente. Tudo o que eu vou fazer é exatamente o que eu fiz da última vez, clique no topo dessas linhas, tecla Shift pressionada na maioria dessas linhas, garantindo que eu só tenho linhas selecionadas aqui,clique garantindo que eu só tenho linhas selecionadas aqui, mouse e escolha Mesclar Formas. Se você tiver apenas Mesclar camadas, basta escolher Mesclar camadas. O que quer que você tenha lá, você só quer mesclar isso em uma única camada. Eu então desligaria isso. Então eu só tenho a grade visível e vá em frente e salve isso novamente como um arquivo ping. Eu vou fazer isso e nós vamos voltar no próximo vídeo e dar uma olhada em mais uma sobreposição de gradiente, esta que tem uma máscara de corte com ele. 5. Sobreposições geométricas para redes sociais - parte 4: Para a próxima sobreposição, novamente, vou adicionar uma nova camada porque todas essas sobreposições têm que ser construídas em novas camadas. Vamos repetir o processo de criação de um círculo que tenha um derrame. Vou usar novamente a ferramenta Letreiro elíptico, arrastar minha forma, preenchê-la e adicionar um traçado. Se estiver trabalhando em versões posteriores do Photoshop, você pode usar a ferramenta Elipse e arrastar um círculo com traçado branco e sem preenchimento. Eu só vou seguir em frente com um processo que vai funcionar em qualquer versão do Photoshop, Ctrl Backspace para preencher isso com preto. Nesta fase, sabendo que preciso remover o preenchimento, posso apenas definir o preenchimento para zero. Vou escolher o último ícone de estilo, clique em “Traçado”. Vou adicionar um derrame ligeiramente menor do que fiz da última vez. Então eu vou apenas definir isso para quatro, mas todas as outras configurações serão exatamente as mesmas. Então eu clico “Ok”. Eu não estou preocupado sobre como este círculo é colocado exceto que ele tem que ser geralmente no centro do documento, mas o fato de que ele não está no centro é muito bom. Eu vou arrastar uma duplicata disso para o ícone Nova camada, e eu vou apenas pegar a duplicata e apenas movê-la um pouco para fora do caminho. Em seguida, vou selecionar ambas as camadas, arrastar e soltar ambas no ícone Nova camada e apenas mover a duplicata para fora do caminho. Mais uma vez, o que eu quero é este círculo ligeiramente fora do centro, um olhar de círculo escrupuloso. Agora que potencialmente é uma sobreposição. Então eu vou selecionar todas essas quatro camadas, clique com o botão direito do mouse e escolher “Mesclar camadas” apenas para criar uma única forma de sobreposição a partir delas. Mas quero dar um passo adiante. O que eu quero fazer é adicionar um preenchimento branco ao redor da borda desta forma para que ele realmente cortasse a imagem de forma eficaz. Na verdade, não está recortando, mas porque está bloqueando a imagem por baixo, você está tendo a impressão de uma imagem cortada. Se voltarmos ao Mercado Criativo por um minuto, você verá que estes são os tipos de sobreposições que são produzidas aqui, aqueles que cortam a imagem em uma forma. Então este é o tipo que estamos olhando agora. Para isso, eu quero ser capaz de selecionar tudo ao redor da borda desta forma. Então eu vou usar a ferramenta Varinha Mágica, vou clicar na ferramenta “Varinha Mágica”, definir a Tolerância para um valor realmente baixo. Quero que a caixa de seleção Contiguo seja marcada porque eu só quero selecionar pixels que estejam em torno da borda dessa forma. Eu vou pressionar “Ctrl ou Command D” porque eu realmente tinha as formigas marchando ligado lá por um minuto. Então eu vou apenas clicar aqui uma vez, e isso irá selecionar cada pixel que é transparente em torno do lado de fora da imagem, todo o caminho até a borda deste primeiro círculo branco, bem, o que é uma combinação de círculos brancos porque eles sobrepostos. Agora, se eu preencher esta seleção com branco agora, eu vou encontrar dois problemas. Um problema é que eu vou perder essa sobreposição atual porque eu vou preencher os arredores com branco. Então, efetivamente, eu não vou ter uma sobreposição, isso são apenas esses círculos. Então, para neutralizar isso, vou adicionar uma nova camada. Então meu preenchimento branco vai para um novo layout vazio. Problema um resolvido. problema dois é que não tenho certeza se minha seleção está bem contra a borda deste branco. Então, se eu preenchê-lo com branco, há uma chance de que haverá alguns pixels parcialmente transparentes em torno da borda desta forma que vai ver através e não vai me dar o efeito puro que eu quero. O que eu quero fazer é tornar esta seleção um pouco maior. Então eu vou escolher, “Selecionar”, e depois “Modificar” e depois “Expandir” porque eu quero que ele comece a comer até a borda desta forma branca. Agora o meu golpe foi de quatro pixels. Então, se eu expandir isso por dois pixels, estarei chegando a meio caminho para o traço externo aqui. Não quero fazer nada mais do que isso, um ou dois pixels ficará bem. Vou clicar em “Ok”. Agora minha seleção aqui comendo nos arredores brancos. Você pode ver que ele foi movido em alguns pixels. Isso vai ser suficiente para ter certeza de que quando eu preenchê-lo com branco, vai haver uma junção perfeita com o muito fora dos círculos offset. Não vai haver pixels parcialmente transparentes lá. Então eu tenho minha camada, selecionei a camada vazia, eu tenho branco, minha cor de primeiro plano ou opção Backspace -Delete no Mac para preencher com branco. Vou pressionar “Ctrl ou Command D” para desmarcar minha seleção. Então agora eu tenho minha forma de máscara de corte branco em uma camada por si só. Eu poderia desligar essa foto de fundo e salvar esses círculos concêntricos como uma sobreposição. Então eu poderia voltar, ligar minha colheita branca, desligar minha foto, e salvar isso como uma segunda sobreposição. Mas isolar este preenchimento em uma camada separada também me dá a capacidade de diminuir o valor do preenchimento. Então eu vou voltar ao meu controle deslizante e arrastar isso para algo em torno de 75 por cento. Esta é outra sobreposição potencial. Nesse caso, eu deixaria essas duas camadas visíveis, desligaria essa camada e salvaria isso com transparência parcial em uma imagem ping. Essa imagem de ping terá uma área totalmente transparente, uma área parcialmente transparente e, em seguida, algumas áreas totalmente opacas onde esses círculos estão. 6. Sobreposições geométricas para redes sociais - parte 5: Para nosso efeito final de sobreposição, teremos uma borda opaca, mas a forma geométrica será inserida de dentro dessa borda. Vamos começar com um triângulo. Vou adicionar uma nova camada aqui. Em vez de usar a ferramenta Polígono, o que torna o desenho de um triângulo bastante difícil porque é muito difícil obter sua borda inferior perfeitamente horizontal. Vamos escolher a ferramenta de forma personalizada. Vou escolher a forma do triângulo aqui. Se você não tiver a forma do triângulo mostrando, clique no menu submenu escolha tudo e, em seguida, clique em Acrescentar para adicionar as formas que as adicionarão e você não removerá quaisquer formas personalizadas que você possa ter criado. Eu não preciso fazer isso porque eu já tenho minhas formas. Vou clicar no triângulo. Vou selecionar pixels na lista suspensa. Em versões anteriores do Photoshop, você pode ter três ícones lá. Eu tenho preto como a minha cor de primeiro plano. Vou segurar Shift enquanto arrasto um triângulo equilátero. Eu vou segurar a barra de espaço como eu apenas movê-lo mais ou menos para a posição. Isto é sobre o triângulo que eu quero. Não estou preocupado em centrá-lo agora. Vou soltar o botão esquerdo do mouse e depois a tecla Shift. Vou centralizá-lo, clicar na miniatura de camada Control ou Comando A e, em seguida, apenas centralizá-lo bem no meio deste documento. Em seguida, desmarque a seleção com Control ou Command D. Agora é mais difícil do que parece inicialmente criar um triângulo que está inserido dentro deste uniformemente todo o caminho ao redor. Mas vou te mostrar como se faz. Vamos adicionar um derrame para fazer isso. Com um triângulo selecionado, vou selecionar este estilo de camada de traçado. Desta vez eu vou adicionar um traço de cor diferente. Não importa a cor que eu coloquei para vermelho. Ele vai estar dentro e você vai ajustar o tamanho para o que você quer o espaço seja entre a forma geométrica final e a borda branca cheia externa. Estou olhando para uma lacuna que vai ser do tamanho desta linha vermelha e você pode apenas ajustar isso para se adequar. O meu tem 40 pixels de largura, então eu vou apenas clicar, Ok. Você verá que na última palete, o vermelho não está aparecendo. Não aparece na miniatura. Isso é porque é o estilo da camada. O que queremos fazer é adicioná-lo a este triângulo. Vamos clicar com o botão direito do mouse e escolher Rasterizar estilo de camada. Agora, está embutido no triângulo. Isso nos permite agora selecionar a borda externa. Vou à ferramenta Varinha Mágica. Eu só vou clicar uma vez aqui na área externa transparente. Vou adicionar uma nova camada e, em seguida, preencher esta área com branco. Branco é a cor de fundo, Control Backspace Command Delete no Mac. Então eu vou apenas desmarcar a seleção com Controle ou Comando D. Há a primeira parte do meu efeito de sobreposição. Vou desligar o lado de fora e focar neste triângulo agora. Quero criar o meu efeito geométrico nesta área negra. Vou clicar com a ferramenta de varinha mágica nesta área preta. Primeiro de tudo, preciso selecionar a camada e depois clicar no preto. Eu tenho minha tolerância definida para zero. Tudo o que estou fazendo é selecionar a parte preta. Quero me livrar de tudo, exceto da parte negra. Vou inverter essa seleção com Select Inverse. Então eu vou apenas pressionar Delete. Isso está me deixando com meu triângulo negro. Vou pressionar Control ou Comando D para desmarcar a seleção. Agora, vamos construir o nosso efeito. Primeiro de tudo, queremos colocar uma borda branca em torno deste triângulo, como fizemos os círculos mais cedo. Clique no ícone fx, escolha traçado. Desta vez vai ser um golpe branco. Eu vou ter certeza de que eu tenho uma cor que é 255, 255 , 255, e os canais vermelho, verde e azul, eu vou clicar em Ok. Eu quero que ele esteja no centro, então eu vou apenas clicar em Central. Eu só vou baixar o meu valor aqui para cerca de sete. Agora eu estou um pouco preocupado que eu estou vendo bordas arredondadas aqui. Eu vou mudar de centro para dentro e isso vai fazer as bordas apontadas. É só um efeito melhor. Vou fazer a diferença nas nossas formas finais. Vou clicar em “Ok”. Então, para o preenchimento desta camada, eu só quero remover o preto. Eu só vou levar isso para zero. Eu só vou clicar de distância selecionando alguma outra ferramenta. A próxima coisa que vamos fazer são algumas linhas para juntar essas peças. Eu só vou selecionar a ferramenta de retângulo. Vou definir isto para moldar porque isso vai permitir-me ajustar a largura. Vou arrastar do topo do triângulo até a base. Isso vai criar um retângulo perfeitamente vertical. Eu quero ter certeza de que minha largura é a mesma largura que eu usei em torno da borda aqui, mas isso acabou de ir em preto. Na verdade, vou pressionar Control ou Command Z para desfazer isso, virar minhas cores e tentar novamente. É um pouco mais fácil, especialmente se você estiver trabalhando com uma versão anterior do Photoshop, basta escolher a cor certa em primeiro lugar. Vamos verificar a largura para sete, guia de distância. Só vou me certificar de que isso está diretamente centrado. Eu só vou ajustar sua posição um pouco no documento, apenas certifique-se de que ele está realmente alinhado muito bem com o topo do triângulo. Vamos para a última palete. Porque nós adicionamos uma forma, ela está indo em uma nova camada. Vou pegar essa camada de forma retangular, arrastá-la no ícone Nova Camada para duplicá-la. Então eu quero transformá-lo com Editar e depois Transformar Livre. Quero transformá-lo a partir de seu ponto central. Vou me certificar de que o ponto de referência está bem no meio. Quero rodar isto em torno de 60 graus. Vou clicar na marca de verificação. Agora, eu posso ir e agarrá-lo com a ferramenta de movimento e movê-lo para a posição. Deve esticar de canto a lado deste triângulo. Tendo feito isso, vou fazer uma duplicata deste. Então eu vou girá-lo horizontalmente, editar, transformar, virar horizontal. Então posso arrastar este para a posição. Se ele precisa ser ajustado apenas marginalmente, basta usar as teclas de seta em seu teclado porque essa é maneira muito fácil de apenas empurrar em um pixel de cada vez. Vamos terminar com um hexágono. Vou adicionar uma nova camada, só me certifico de que estou trabalhando em uma nova camada. Vou selecionar a Ferramenta de Forma Personalizada. Vou procurar o meu hexágono. Este aqui. Agora vou arrastá-lo para a posição. Eu vou segurar a tecla Shift como eu faço isso porque eu quero um hexágono perfeito e eu quero que ele apenas toque as bordas deste triângulo. Você pode não acertar na primeira vez, mas se você estiver trabalhando em uma camada de forma, você será capaz de simplesmente colocá-lo para baixo e, em seguida, apenas manobrá-lo em posição. Deve ficar dentro do seu triângulo aqui, logo acima das bordas dele. Só estou empurrando para a posição aqui. Vou clicar na marca de verificação. Quando você está redimensionando, você só quer ter certeza de que está fazendo isso com a tecla Shift. É muito importante redimensioná-lo em proporção. Eu não quero que isso tenha um preenchimento, então eu vou apenas remover o preenchimento dele, mas eu quero que ele tenha um derrame. Vou voltar ao ícone FX, voltar ao AVC. Eu vou usar o mesmo traço de sete pixels, mas eu vou tentar colocar isso no centro por causa da maneira que eu alinhei meu hexágono. Se eu escolher o centro, ele realmente vai desaparecer nas linhas do triângulo. Eu não quero uma linha mais grossa aqui. A opção central me deu um resultado perfeito aqui. Se o seu não for perfeito, você pode querer apenas mover seu hexágono um pouco. Vamos apenas redimensioná-lo, mas novamente, mantendo pressionada a tecla Shift porque você deseja restringir isso a suas proporções regulares. Vamos colocar nossa borda externa. Este é o efeito que viemos criar. Temos uma máscara de corte em torno da borda da forma e nosso triângulo geométrico é exatamente as mesmas proporções que o triângulo original, mas apenas inserida a partir dele. Claro, porque este preenchimento branco está em uma camada separada, temos a capacidade de ajustar sua opacidade. Antes de salvar isso, eu pegava todas as formas que vão para fazer este triângulo interno e eu iria fundi-los. Então agora em uma única camada. Eu também poderia ajustar a opacidade destes se eu não quisesse que eles fossem tão escuros, eu poderia ajustar sua opacidade e a opacidade do preenchimento em torno da borda, mas eles são independentemente ajustáveis para que você possa ajustar o efeito que você quer. Claro, se você estiver salvando isso como uma sobreposição geométrica, você deseja desativar sua foto para que você esteja salvando isso como seu arquivo ping. Seu projeto para esta classe está indo para baía para criar algumas sobreposições geométricas de sua própria. Você pode usar exatamente os mesmos exemplos que eu mostrei aqui. Ou você pode criar seu próprio estilo, postar os resultados na área do projeto de classe. Estou ansioso para ver o que você inventou. Espero que você tenha gostado desta aula sobre fazer sobreposições de fotos geométricas para fins de mídia social e também para vender. Se você gostou desta aula e se você vir um prompt para recomendá-lo a outros, por favor, dê um polegar para cima. Isso ajuda outras pessoas a identificar isso como uma classe que eles podem querer fazer. Se quiser deixar um comentário, faça-o. Eu leio e respondo a todos os seus comentários e olho e respondo a todos os seus projetos de classe. 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.