Colagem com moldura para redes sociais no Adobe Photoshop: um curso de Graphic Design for Lunch™ | Helen Bradley | Skillshare
Menu
Pesquisar

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Colagem com moldura para redes sociais no Adobe Photoshop: um curso de Graphic Design for Lunch™

teacher avatar Helen Bradley, Graphic Design for Lunch™

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Colagem de grade para redes sociais - introdução

      1:08

    • 2.

      Colagem de grade para redes sociais - parte 1

      4:49

    • 3.

      Colagem de grade para redes sociais - parte 2

      6:45

    • 4.

      Colagem de grade para redes sociais - parte 3

      9:48

    • 5.

      Colagem de grade para redes sociais - Adendum para CS4 e anterior

      6:16

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

290

Estudantes

15

Projetos

Sobre este curso

O design gráfico para Lunch™ é uma série de cursos de vídeo curto que você pode estudar em peças de tamanho de de for como no de almoço. Neste curso, você vai aprender a fazer uma colagem de grade para redes sociais. Você vai ver como criar o layout de colagem usando formas e como adicionar fotos a ela e como criar um efeito de fronteira em torno das imagens. Você também vai aprender como reusar o documento para outro conjunto de imagens. Aqui está o efeito que vamos criar:

Mais nesta série:

Crie padrões de esboços e arte digital no Adobe Photoshop - um design gráfico para Almoços™

10 dicas e técnicas no Adobe Photoshop - um design gráfico para in

Crie padrões de Ikat no Adobe Photoshop - um design gráfico para Ikat

Padrões de repetição de mármore no Adobe Photoshop - um design gráfico para - para o curso

Crie e venda de papel de de marcos no Adobe Photoshop - um design gráfico para Almoços, para Almoços, para

Crie uma variedade de padrões de círculo no Adobe Photoshop - um design gráfico para in

10 dicas de mesclagem em 10 no Adobe Photoshop - um design gráfico para -

10 dicas de pincel em 10 no Adobe Photoshop - um design gráfico para -

Arte de linhas em cores no Adobe Photoshop em um Adobe Photoshop - um design gráfico para in para

10 as melhores dicas do Photoshop em 10 minutos - Um design gráfico para -

Três padrões exóticos no Adobe Photoshop - um design gráfico para - para

Fundos de brilhantes no Adobe Photoshop - Um design de gráfico para - para -

Aulas de padrões complexas no Adobe Photoshop - um design gráfico para -

Seleções complexas no Adobe Photoshop - Um design gráfico para - para Almoços™

Design de emblema e fita no Adobe Photoshop - Um design gráfico para & ™ Curso para

Fundos - - Sunburst no Adobe Photoshop - Um design gráfico para Almoços, para Almoços.

Crie HUD alta tecnologia no Adobe Photoshop no seu Adobe Photoshop - um design gráfico para - para

Crie padrões orgânicos no Adobe Photoshop no Adobe Photoshop - um design gráfico para - para o curso

Crie texto em um caminho no Adobe Photoshop - um design gráfico para Almoços™ para

Molduras de Bracket de de de marcas e de texto no Adobe Photoshop - um design gráfico para Almoços, para Almoços. para

10 dicas de seleção em 10 minutos no Adobe Photoshop - Um Design gráfico para -

Recorte e de quadro no Adobe Photoshop - um design gráfico para - para o curso em

Efeito de recorte de imagem no Adobe Photoshop - Um design gráfico para - para o curso

Estilos de camadas crino Adobe Photoshop no design de

Crie padrões com a nova ferramenta de padrão no Photoshop 2021 no Photoshop - Um design gráfico para in

Pinte uma foto no Adobe Photoshop usando o de arte - um design gráfico para -

Quatro formatos de arquivos críticos- jp, png, pdf, no Adobe Photoshop - Um Design de gráfico para Almoços.

Be W, tops e os efeitos de cores isolados no Adobe Photoshop - um design gráfico para Almoços, para Almoços, para

Objetos de Bend com de marionete no Adobe Photoshop - um design gráfico para with

Texto de de de Glitter e de forma de uns Glitter no Adobe o de Photoshop - um design gráfico para Almoços, para Almoços, para

Cor um esboço de Scanned no Adobe Photoshop em um Adobe Photoshop — um design gráfico para Sketch

Crie um gráfico de esquema de cores no Adobe Photoshop - um design gráfico para Almoços™ para Almoços™

Crie uma fonte de personagem personalizado no Adobe Photoshop - um design gráfico para Almoços™ para

Crie uma de mandala no Adobe Photoshop - um design gráfico para Almoços™

Design de juramento reutilizável no Adobe Photoshop no curso de Adobe de - Um design gráfico para Wreath

Crie padrões de repetição de meio de de gota no Adobe Photoshop em um Adobe Photoshop - um design gráfico para - para

Crie modelos para usar e vender no Photoshop no Photoshop - um design gráfico para Mockups para o curso de

Crie Plaid (Tartan) no Adobe Photoshop - Um design gráfico para Almoços, para Almoços!

Cor um esboço com uma textura no Adobe Photoshop no design — Um Design gráfico para with

Droste com o Photoshop e uma ferramenta online grátis - Um Design de gráfico para Droste para

Crite com personagem no Adobe Photoshop - Um design gráfico para Almoços™ para

Texturas de Whimsical para desenhos no Adobe Photoshop - um design gráfico para Whimsical para

Desmistificando o histograma no Adobe Photoshop - um design gráfico para -

Efeito de dupla exposição no Adobe Photoshop - um design gráfico para - para o curso

Desenhar um mapa de fantasia no Adobe Photoshop - um design gráfico para Almoços™

Emboss de baixo e de Emboss em and de som. - um design gráfico para -

Efeito de fotos para o Adobe Photoshop no Adobe Photoshop - um design gráfico para - para aula

Edição de fotos para a todos no Adobe Photoshop - Um design de gráfico para -

Obtenha seu tamanho de arquivo em todas as idades no Adobe Photoshop - um Design de gráfico para - para Lunch™ em

Pegue a de uma a bolsa de te a seguir de trabalho divertido no Adobe Photoshop - um design gráfico para Grab

Colagem de grades para redes sociais no Adobe Photoshop - Um Design gráfico para Collage para

Mosaico de alta tecnologia com pincéis e padrões no Adobe Photoshop - um design gráfico para Almoços, para Almoços, para

A ilustração de animais de inspired no Adobe Photoshop - Um design gráfico para Colourful para

Introdução à criação e uso de ações do Photoshop - um design gráfico para - para o curso

Padrões de cubo isométrico no Adobe Photoshop - um design gráfico para -

Efeito de colagem de camadas no Adobe Photoshop em um Adobe Photoshop - um design gráfico para in para o curso

Camadas e máscaras de camadas para as de marcas no Adobe Photoshop - um Design gráfico para and

Crie e venda uma coleção de formas no Adobe Photoshop - um design gráfico para &

Padrões de repetição sem a

Crie e use pincel de fotos no Adobe Photoshop - um design gráfico para & para o curso

Colagem de fotos para redes sociais no Adobe Photoshop - Um Design de gráfico para in para

Crie e venda de sobreposições para redes sociais no Adobe Photoshop - um design gráfico para -

Crie formas personalizadas no Adobe Photoshop - um design gráfico para Almoços™ para o curso

Kaleidoscopes com objetos inteligentes no Adobe Photoshop - um design gráfico para Almoços, para Almoços™

Diagonais, Chevrons, Chevrons, no Adobe Photoshop - um Design de gráfico para Chevrons,

Crie e venda no Adobe Photoshop no Adobe Photoshop - um design gráfico para - para

Padrões de sobreposição e de de letras no Adobe Photoshop no seu Adobe Photoshop de um design gráfico para Almoços, para

Efeito de bombardeamento no Adobe Photoshop no design de Adobe de a

Transforme uma foto em um padrão no Adobe Photoshop em um Adobe Photoshop - um Design gráfico para into para

Padrões como sobreposições de fotos para redes sociais no Adobe Photoshop em um Adobe Photoshop — um design gráfico para Almoços™

Colagem de textura de fotos no Adobe Photoshop - um design gráfico para Almoços, para Almoços™

Técnicas de tinta no Adobe Photoshop no design de Adobe - um design gráfico para -

Prepare imagens para redes sociais e Blogs no Adobe Photoshop - um design gráfico para Almoços™

Recolorir com objetos sem fazer seleções no Adobe Photoshop em um Adobe Photoshop - um design gráfico para Almoços, para Almoços™

Técnicas para recolorir padrões no Adobe Photoshop no Adobe Photoshop - um design gráfico para - para o curso de Lunch™

Remove objetos e os turistas de fotos no Adobe Photoshop - um design gráfico para -

Efeito de vídeo de retocar no Adobe Photoshop - um design de gráfico para Glitch

Seamlessly sem igual no Adobe Photoshop no mês

Configure cores, tintas e tons e sombras no Adobe Photoshop - Um Design gráfico para Shades

Esboços e pincel para padrões de Whimsical no Adobe Photoshop - um design gráfico para Whimsical

de imagem para arte - três efeitos de fotos à mão no Adobe Photoshop - Um Design gráfico para -

Efeito de colagem de surreal no Adobe Photoshop - um design gráfico para - para aula

Texto sobre efeitos de imagem - Glifos e Layers Adobe Photoshop - um design gráfico para Almoços, para Almoços.

Como usar texturas no Adobe Photoshop no design - um design gráfico para Almoços™

Noções básicas de Photoshop no Adobe Photoshop no design - Um design gráfico para Lunch™ in

Alta de imagem no Adobe Adobe Photoshop - um design gráfico para - para

Como usar os objetos do Illustrator no Photoshop no Photoshop no design de uma

Como usar a ferramenta de preenchimento de de Rotas no Adobe Photoshop - um design gráfico para in para

Cortas inspirados no Adobe Photoshop no dia - um design gráfico para Valentine's

Padrões de rotação de baixo para o Adobe Photoshop - um design de gráfico para Whimsical para

Design de papel de Scrapbook com os mapas de deslocamento no Photoshop no Photoshop - um design gráfico para with

 

 

Conheça seu professor

Teacher Profile Image

Helen Bradley

Graphic Design for Lunch™

Top Teacher

Helen teaches the popular Graphic Design for Lunch™ courses which focus on teaching Adobe® Photoshop®, Adobe® Illustrator®, Procreate®, and other graphic design and photo editing applications. Each course is short enough to take over a lunch break and is packed with useful and fun techniques. Class projects reinforce what is taught so they too can be easily completed over a lunch hour or two.

Visualizar o perfil completo

Level: Beginner

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Colagem de grade para redes sociais - introdução: Olá. Eu sou Helen Bradley bem-vindo a este design gráfico para a aula de almoço, criar uma colagem grade para as 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 vamos criar uma colagem em grade para as mídias sociais. Começaremos criando o esboço geral da colagem e, em seguida, vamos preenchê-lo com fotos, e vamos terminar com a criação de um efeito de borda que pode ser personalizado para se adequar a você. Agora, enquanto você está trabalhando nesses vídeos, você pode ver um prompt que permite que você recomende esta classe para 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 como você que querem saber mais sobre o Photoshop. Se você gostaria de deixar um comentário, por favor faça-o. Eu leio e respondo a cada comentário, e olho para todos os seus projetos de classe. Agora, se você estiver pronto, vamos começar a criar uma colagem em grade no Photoshop para mídias sociais. 2. Colagem de grade para redes sociais - parte 1: Para criar a colagem de grade com começar com um novo documento, então escolherei Arquivo e depois Novo. Meu documento será 1000 por 800, e com uma resolução de 72 pixels por polegada. Você vai querer tornar sua imagem o tamanho desejado para seu propósito específico. Então, se você está no Facebook ou Instagram ou em qualquer lugar, verifique e veja quais são as especificações para a imagem ideal. Mas eu sugiro que você arredondá-lo para que você arredondá-lo para um valor que é fácil dividir em pedacinhos, é por isso que eu usei múltiplos de 100 aqui. Então eu vou clicar em “OK”. Agora, antes de começar com isso, se você estiver usando o Photoshop CS5 ou anterior, dê uma olhada no vídeo do adendo para essa classe porque eu passo pelo processo de configuração da grade para versões anteriores do Photoshop lá. Você pode voltar na parte dois, mas você vai querer ir para o adendo em vez de passar por este passo porque este passo não vai realmente funcionar para você. Então, com isso em mente, se você estiver usando o Photoshop CS6 ou posterior, você está comigo agora. Então vamos indo. Nós vamos selecionar a ferramenta “Retângulo” aqui nas ferramentas de forma, vamos selecionar um preenchimento, mas nenhum traçado, e vamos apenas clicar uma vez em um documento para abrir este diálogo de criação de retângulo. Então a grade que eu vou fazer vai ter uma imagem de 400 pixels de largura aqui que é metade da altura do documento, outra aqui e outra no meio. Haverá um par de pequeninos aqui e um par de 300 por 400 nos cantos. Então eu vou começar com meus 400 por 400 porque eles são agradáveis e fáceis. Então eu vou ter certeza de que esta caixa agora lê 400 pixels por 400 pixels, e eu vou clicar em “OK”. Então aqui está a minha caixa colorida. Vou para a ferramenta de movimento. Eu só vou movê-lo aqui usando os guias inteligentes para alinhá-lo. Então há aquele e ele está em uma camada de forma aqui. Então eu vou duplicar esta camada. Então eu vou clicar com o botão direito do mouse e escolher “Duplicar camada” e clicar em “OK”, e isso me dá duas camadas com a mesma forma. Então, com a ferramenta de movimento, eu só vou mover este aqui. Então eu vou clicar de volta na “ferramenta Forma”. Quero esta forma ainda selecionada. Clique na ferramenta “Forma” porque isso me dá acesso a esta caixa de preenchimento aqui, e eu só quero preencher isso com uma cor diferente. Vai ser mais fácil gerenciar estes mais tarde se eles são todas cores diferentes, essa é a única razão pela qual eu estou fazendo cores diferentes. Clique com o botão direito “Duplicar camada Clique em “OK”. Mover ferramenta, movendo-se para a posição. Não sei se isso vai ser perfeito ainda. Podemos resolver isso em um minuto. Volte para uma ferramenta de forma, volte e preencha-a com uma cor diferente. Então, em seguida, eu quero uma forma que é de 300 largura por 400 altura. Bem, eu só vou duplicar esta camada aqui, clique em “OK”. Eu vou arrastar esta versão para longe e eu vou recolorir enquanto eu estou aqui em um vermelho brilhante, e aqui você pode ver que podemos obter sua largura e altura. Bem, eu não quero que seja 400 de largura. Quero que seja 300 de largura. Então eu só vou fazer 300 de largura. Tudo bem, e eu só estou checando sua posição, está bem aninhado no canto aqui. Então este aqui só precisa ser movido. Agora, eu tenho a seleção automática ativada, quando eu vou para a ferramenta de seleção com a seleção automática ativada, isso vai apenas selecionar imediatamente o que estiver sob o cursor aqui. Agora, eu não costumo ter isso ligado, mas funciona particularmente bem para o processo que estamos usando aqui. Então sugiro que ligue isso. Então esse é muito bom. Este aqui é o que eu quero fazer uma duplicata. Então eu vou clicar com o botão direito do mouse, “Duplicar camada” , clicar em “OK”, mover a forma para aqui, e então apenas ir e pegar a ferramenta de forma para que eu possa chegar à cor de preenchimento e preenchê-la com uma cor diferente. Em seguida, vamos duplicar isso novamente. Vamos para a ferramenta de forma. Vamos fazer isto 200 por 200. Você pode ver que tem forma aqui. Vou mover a ferramenta. Eu só vou arrastá-lo até aqui. Voltar para uma ferramenta de forma para que eu possa preenchê-lo com uma cor. Clique com o botão direito do mouse em “Duplicar camada”, clique em “OK”, mova a ferramenta , arraste-a aqui, volte para uma ferramenta de forma e preencha-a com uma cor diferente. Vou fazer um azul escuro. Agora, temos a grade básica e estamos prontos para continuar no próximo vídeo e vamos colocar as fotos em nossa grade básica. 3. Colagem de grade para redes sociais - parte 2: Agora estamos prontos para adicionar nossas fotos à nossa grade e qualquer pessoa que estivesse usando o Photoshop, CS5 ou anterior se juntou a nós neste momento. Então vamos escolher “Arquivo” e depois “Abrir” porque eu tenho uma seleção de imagens para minha colagem. Agora tenho nove imagens aqui. Vou abrir todos eles. Mesmo que eu tenha apenas sete pontos disponíveis na colagem, isso me dá a chance de um pouco de variedade. Então eu vou começar. Esta é uma imagem que eu sei que eu quero, então eu vou pressionar Control ou Command A para selecionar tudo, que é o mesmo que escolher “Selecionar tudo” e eu vou pressionar Control ou Command C, que é copiar o mesmo que selecionar “Editar”,” Copiar”. Agora, eu sei que uma vez que eu usei esta imagem, eu não quero mais ela. Então, na verdade, vou fechá-la ao mesmo tempo. Vou voltar para a primeira imagem, que é a minha imagem de modelo, e vou pensar onde eu quero colocar essa imagem agora. Este é um lugar central em Port Isaac, então eu acho que eu quero usar esta caixa aqui em baixo para isso. Eu vou selecionar essa camada de caixa e eu vou pressionar Control ou Command V. Agora que coloca esta imagem em uma camada separada. Se por alguma chance que isso não aconteceu para você, se ele não ir em uma camada separada, eu vou apenas desfazê-lo, você iria para esta camada, você iria selecionar nova camada para que você está colocando em um novo imediatamente na parte superior e, em seguida, cole-a com Control ou Command V, mas deve funcionar bem, basta selecionar a camada e colá-la, Photoshop deve criar uma nova camada para você. Agora eu estou indo para a ferramenta “Mover” aqui, certificando-se de que “Auto Select” está selecionado e eu vou apenas mover esta imagem para baixo na posição. Você pode ver que são alças de dimensionamento aqui, então eu vou segurar Shift enquanto eu redimensioná-lo. Eu quero colocá-lo sobre a caixa azul e eu não quero ver nenhuma caixa azul em tudo porque eu vou usar a caixa azul para cortá-la. A caixa azul no momento está me dizendo o quão grande a imagem precisa ser. Tendo isso em posição, vou clicar na marca de seleção aqui. Eu vou selecionar nesta camada, eu vou fazer uma de duas coisas, ou eu vou escolher “Camada”, “Criar Máscara de Recorte” ou, eu só vou desfazer isso, eu vou clicar nesta camada, Eu vou segurar Alt e Control, que seria Option and Command no Mac e basta clicar entre essas duas camadas, e isso faz exatamente a mesma coisa, ele cria um grupo de recortes. O que estamos fazendo é tirar essa foto realmente grande e cortá-la para o tamanho dessa caixa azul, mas estamos fazendo isso de tal forma que quando tivermos a camada fotográfica selecionada, ainda podemos movê-la. Então ainda poderíamos reorganizá-lo aqui e ainda poderíamos torná-lo um pouco menor se quiséssemos, porque ainda temos um pouco de área ao redor daquela caixa azul. Uma vez que eu tenho essa imagem em posição, eu vou clicar na marca de seleção, é hora de ir e pegar a próxima. Bem, eu acho que vou pegar este aqui, Controle A, Controle C e fechar a imagem, que é o Comando A, Comando C no Mac. Volte aqui, decida onde vou colocá-lo, provavelmente este aqui em cima, então eu cliquei nele e eu vou escolher Controle ou Comando V para colá-lo. Agora é enorme e o slot para ele é realmente pequeno. Então eu vou apenas colocá-lo em posição, alinhá-lo aproximadamente onde eu quero que ele esteja e, em seguida, eu vou fazer o meu controle Alt, clique, Command, Option, clique em um Mac ou, claro, “Camada”, “Criar máscara de recorte”. Diria criar máscara de recorte aqui se você ainda não tivesse criado uma. Então só para obter esta imagem ver se eu quero reorganizá-lo em uma posição diferente. Vamos buscar outra imagem. Controle A, Controle C e feche a imagem. Voltar à minha imagem, selecionar para onde eu quero que ela vá, estou pensando aqui, Control ou Command V para colá-la, movê-la para baixo, redimensionar, mantendo pressionada a tecla Shift de modo que seu tamanho seja proporcional, escolhendo o ritmo da imagem que eu quero, criar minha máscara de recorte e, em seguida, mover a imagem para a posição um pouco melhor. Vamos ver o que temos aqui. Controle A, Controle C, feche a imagem. Vamos colocar isso aqui. Controle ou Comando V. É muito grande, isso não é um problema, nós sabemos o que fazer com ele. Mova-o para cima, dimensione-o e crie uma máscara de recorte. Bem, se você não pode criar sua máscara de recorte, verifique aqui porque pode ser porque você tem que confirmar a transformação. Então vamos pegar a próxima imagem. Este é um que eu queria, agarrá-lo e acho que quero aqui em baixo. Se você é um fã da televisão da BBC, você pode reconhecer Port Isaac. Este é um lugar onde a série de TV Doc Martin foi filmada. Chama-se Portwenn na série, mas na verdade é Port Isaac em Cornwall. Então aquela pequena lição de geografia acabou, vamos terminar isso, e criar minha máscara de recorte, mesmo que pareça que eu não precisava criar uma, eu fiz e vamos pegar essa. Controle A, Controle C, feche a imagem, os outros eu não preciso mais. Vamos colar isso, redimensioná-lo e criar meu grupo de recortes final. Neste ponto, agora temos todas as imagens no lugar e podemos apenas ajustar as imagens. Como temos essa opção “Auto Select” selecionada, você pode simplesmente entrar aqui e mover qualquer uma dessas imagens, redimensioná-las. Se você redimensioná-los, você precisará clicar na caixa de verificação de confirmação lá, mas isso me dá a chance de olhar e ter certeza de que eu tenho os melhores pedaços de cada uma dessas imagens em posição na minha colagem. No próximo vídeo, vamos em frente e colocar uma borda na colagem. 4. Colagem de grade para redes sociais - parte 3: Antes de progredir, é recomendável salvar esta imagem e fechar qualquer uma das imagens adicionais que você ainda abriu e que você não planeja usar. Agora estou indo para a última paleta e é hora de colocar bordas nessas imagens. Vou selecionar um desses retângulos. Na verdade, eu vou selecionar o que está na parte inferior aqui, e eu vou clicar no ícone “F_x” aqui e escolher “Traçado”. Vou usar um derrame em torno desta imagem. Agora eu estou escolhendo aqui dentro, e eu vou fazer o traçado seis pixels de largura. Escreva agora que parece um pouco estreito, mas, em última análise, cada uma dessas imagens terá um 6,0 traços em torno dela por dentro. Quando adicionarmos todos esses juntos, vamos ter bordas de 12 pixels. Então eles vão ser o dobro da largura disso. Para ter certeza de que estou usando branco, então eu tenho branco selecionado aqui, e eu vou clicar em “Ok”. Se eu rolar para baixo a última paleta aqui, você pode ver que há um curso de efeito último estilo. Vou clicar com o botão direito do mouse aqui e eu vou escolher “Copiar Estilo da Camada”, e eu vou clicar neste retângulo, o retângulo colorido, e eu vou clicar com a tecla Control pressionada um no outro retângulo aqui. Vou clicar com o botão direito do mouse em qualquer um desses e escolher “Colar estilo de camada”, e que colar o mesmo estilo de vida sobre todas essas imagens. Agora aqui dentro, temos bordas de 12 pixels. O problema é que ao redor da borda externa , ainda são apenas seis pixels. Vou rolar até o topo deste documento, clicar em “Camada mais alta” e clicar em “Adicionar uma Nova Camada”. Vou para a ferramenta Letreiro Retangular. Vou arrastar um letreiro retangular que é o tamanho exato deste documento. Então eu vou acertar, então eu vou escolher “Editar traçado”, e eu vou colocar um traçado no interior que tem 12 pixels de largura e é de cor branca. Se eu clicar em “Ok”, acabaremos com 12 pixels traçados ao redor da borda deste documento, que fará com que todas essas linhas pareçam perfeitas. Vou pressionar “Controle ou Comando D” para desmarcar a seleção. Agora, neste ponto, podemos querer a flexibilidade de ser capaz de usar qualquer borda de cor que nós gostamos. Vamos em frente e ver como fazemos isso. Primeiro de tudo, eu vou ter certeza de que eu tenho a camada muito, muito superior deste documento selecionado. Então preciso criar o que chamamos de camada de carimbo. Esta é uma camada que contém todo o documento em um único laboratório, mas que não destrói as camadas abaixo. Para colocar isso no PC, vamos pressionar “Control Alt Shift” e tocar na letra A. No Mac, pressionamos “Command Option Shift A” e você pode ver que isso nos dá um laboratório, o topo do documento que tem tudo nele. Bem, vamos selecionar os pedaços brancos. Eu vou para a Ferramenta Varinha Mágica aqui e eu vou definir minha tolerância para zero porque eu só quero pegar os pedaços brancos. Vou clicar uma vez nesta fronteira. Então eu vou verificar e ter certeza de que porque eu selecionei branco, não havia nenhum branco nessas imagens subjacentes que também foi selecionado. Se tivesse sido, vamos dar um zoom aqui e fingir que tinha sido. Deixe-me só ir e adicionar um pouco aqui. Digamos que tivemos uma pequena colisão como esta, onde algumas das imagens foram selecionadas. Bem, nós iríamos para a ferramenta Letreiro Retangular aqui. Fazíamos zoom todo o caminho para que pudéssemos vê-lo realmente, muito claramente, e então seguraríamos a tecla Alt ou a tecla Option no Mac como acabamos de selecionar sobre a área que queremos remover. Agora, se você errar, basta pressionar “Control Alt” dizer a opção de comando que você vê no Mac e tentar novamente. Mantenha pressionada a tecla Alt, faça sua seleção com a ferramenta Letreiro, e isso removerá essa área da seleção. Mas com sorte nem precisa fazer isso. Agora tenho todas as áreas brancas desta imagem selecionadas. Vou enchê-los de preto. Preto é minha cor de fundo atual, então eu vou pressionar “Control, Backspace Command, Delete no Mac”. Agora temos uma borda preta, mas antes que eu desmarque essa borda preta, eu quero remover as fotos disso. Eu vou dois escolher “Selecionar Inverso”, e que seleciona as fotos, não a borda, e eu vou pressionar “Excluir”. Se dermos uma olhada aqui no último painel, temos uma camada que tem as partes pretas, mas não as fotos. Agora posso pressionar “Controle ou Comando D” para desmarcar a seleção e ver o que temos aqui. Temos uma camada que controla o layout geral da grade, essa borda do layout. Ao selecionar esta camada, eu vou controlar, clique nela. Eu posso escolher qualquer cor que eu gosto e preenchê-lo com essa cor. Eu tenho a flexibilidade de adicionar qualquer borda de cor que eu quiser às minhas imagens. Na verdade, quero que o meu seja negro. Eu só vou voltar para este controle de camada, clique nele. Preto agora é minha cor de primeiro plano, Alt, Opção de Backspace Excluir para preenchê-lo, Control ou Command D para desmarcá-lo. Agora esta imagem nesta fase está completa e está pronta para subir na sua rede social favorita. Mas vou acabar com isso com um elemento extra. Vou adicionar um texto. Vou certificar-me de que o branco é a minha cor de primeiro plano. Vou clicar em “Minha ferramenta de texto”. Eu tenho Myriad Pro Regular aqui, e eu só vou digitar a palavra Port Isaac-Cornwall. Eu vou selecionar meu texto e eu vou apenas clicar aqui na ferramenta de tamanho e deslocar seta para cima para criá-lo em um tamanho razoável, e eu estou indo para a minha ferramenta de movimento e eu vou mover meu texto para a posição que eu quero vê-lo em. Vou adicionar uma camada entre o texto e esta grade superior. Vou clicar na grade e clicar no ícone “Nova Camada”. Bem, eu estou um pouco entusiasmado lá. Só vou me livrar de um daqueles que só precisam de um. Agora vou para a ferramenta Letreiro Retangular. Agora sei o quão grande é a minha mensagem. Vou arrastar uma tenda para festas que seja do tamanho do meu texto. Como estou trabalhando em uma camada abaixo do meu texto, agora posso preenchê-la com uma cor que quero usar e, nesse caso, é preta. Vou pressionar “Control Backspace, Command Delete no Mac” e depois Control ou Command D para desmarcar minha seleção. Eu sempre gosto de digitar meu texto primeiro e colocá-lo em posição e, em seguida, adicionar a caixa atrás dele porque é um pouco difícil para descobrir exatamente o tamanho da caixa precisa ser. Agora eu guardaria isso de duas maneiras. Em primeiro lugar, eu iria salvá-lo como um arquivo PSD. Ele já está salvo como um arquivo PSD, então vou salvá-lo novamente com as alterações atuais. Então eu vou salvá-lo como um arquivo JPEG porque ele precisa ser um arquivo JPEG para estar na web, mas eu não quero perder todo esse trabalho, porque ele é metade do trabalho que eu preciso fazer para criar mais uma colagem mais tarde. Se eu quisesse, poderia facilmente fazer uma colagem diferente. Eu só vou abrir uma imagem de flor agora eu abro um pouco mais cedo, então vamos pegar uma imagem plana. Digamos que eu queria fazer aquela chamada mais colagem em uma colagem de flores. Vou abrir as imagens. Vou usar o Controle A, Controle C, fechar a imagem. Voltar para a minha colagem principal, determinar para onde quero que esta imagem vá. Digamos que vai subir aqui em cima. Eu vou selecionar nesta caixa aqui, então eu sei exatamente onde ele vai ir. Vou pressionar “Controle ou Comando V” para colar minha imagem. Agora eu não quero mais essa imagem, então a que já está cortada para isso [inaudível]. Neste ponto, eu vou lixá-lo, e eu tenho a minha imagem de flor, então eu vou apenas movê-lo para a posição. Bem, eu acho que isso parece muito bom, e eu vou fazer um grupo de recortes para isso. Você poderia ver como seria fácil para mim voltar por este documento em particular, livrar-se das imagens da Cornwall, e simplesmente substituí-las por qualquer tipo de imagem para a minha colagem. Isso pode ser um layout de modelo. Você pode querer criar dois ou três que você pode usar uma e outra vez, nas mídias sociais, apenas substituindo as imagens enquanto você trabalha. Seu projeto para esta aula será criar uma colagem como esta para fins de mídia social. Crie uma imagem de um tamanho que você deseja usar e adicione suas caixas a ela. Adicione suas fotos e recorte-as às formas e adicione um quadro à colagem usando o recurso de traçado no Photoshop. Quando terminar, carregue e publique seu projeto finalizado. Espero que você tenha gostado deste curso e que tenha aprendido muito sobre como trabalhar com formas e máscaras de recorte e traços no Photoshop. Se você gostou deste curso 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 você gostaria de deixar um comentário, por favor faça-o. Eu leio e respondo a todos os seus comentários e olho para 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. 5. Colagem de grade para redes sociais - Adendum para CS4 e anterior: Se você estiver trabalhando em uma versão anterior do Photoshop, a maneira como você cria sua grade será um pouco diferente, tudo o resto será igual, como Arquivo e Novo. Meu documento tem 1000 x 800 pixels de tamanho, 72 pixels por polegada, vou clicar em “Ok”. Na verdade, vou preencher esta camada inferior com branco porque vai ser um pouco mais fácil ver o que está acontecendo. Então eu vou pressionar control-backspace comando, excluir no Mac. Agora eu vou criar um layout usando o guia, então eu vou escolher “Exibir” e depois “Novo Guia”. Agora eu quero uma guia horizontal no meio do documento em 400 pixels. Vou digitar 400px e lá está o meu guia. Agora na linha superior eu preciso de uma imagem que é 400 por 400, então eu vou colocar um guia em que é vertical em 400 pixels. Isso vai funcionar para a primeira fila. Então eu tinha 22.101, então eu preciso de um guia aqui às 600. “ View”, “New Guide”, “Vertical”, 600, digite px ou Photoshop vai fazê-lo em 600 polegadas e você nunca mais vai vê-lo novamente. Esta é a primeira fila. Agora na linha inferior eu tinha 300 e 400, então eu vou precisar de um guia em 300 verticais. “ Ver”, “Novo Guia”, “Vertical”, 300. O que está no meio é 400 e este vai ser 300 aqui, então isso significa que este guia aqui precisa estar em 700. “ Ver”, “Novo Guia”, “Vertical”, 700 pixels. Um guia final aqui, um horizontal para estas duas pequenas 200 por 200 imagens. “ Ver”, “Novo Guia”, “Horizontal”, 200 pixels. Agora tenho os meus guias e estou pronto para criar as minhas formas, e vou fazer aquelas usando a Ferramenta Retangular Letreiro. Vou clicar na Ferramenta Retangular Letreiro e aqui está uma opção que geralmente vai dizer normal. Vamos para o Tamanho Fixo. E vamos começar com os nossos 400 por 400. Vou digitar aqui 400 px. Se você não digitar px, novamente o Photoshop tentará torná-lo 400 polegadas, o que não será feliz. Com 400 pixels por 400 pixels, agora eu só preciso clicar em qualquer lugar, não importa onde eu clique. Agora eu posso simplesmente mover a Ferramenta de seleção retangular para a posição, mas eu não quero colocar meu quadrado nesta camada de fundo porque ela está cheia de branco. Vou clicar aqui para uma nova camada. Eu tenho uma cor de primeiro plano para a opção alt-backspace excluir no Mac para preencher esse quadrado com a cor. Agora posso duplicar este. Vou clicar com o botão direito do mouse, escolher camada duplicada e clicar em “Ok”. Tenho duas formas uma em cima da outra, então posso tirar esta do caminho. Tem o letreiro de seleção em torno dele, que significa que se eu for e escolher uma cor diferente, eu posso simplesmente pressionar a opção alt-backspace delete para preencher essa forma com cor. Agora eu fiz um para o fundo aqui embaixo. Então eu vou clicar com o botão direito do mouse e escolher camada duplicada, clique em “Ok”, arraste este para baixo para a posição e encaixe por causa dessas guias, vá e encontre uma cor, opção alt-backspace excluir. Agora, se você vai cometer algum erro, vai ser agora, porque você vai esquecer de fazer uma nova camada vazia. Então, basta fazer uma nova camada vazia, caso contrário você vai ter duas formas em uma camada. Se isso acontecer com você, basta se livrar da camada e voltar e construir as peças manualmente novamente. De volta à nossa Ferramenta de Tenda Rectangular, vou fazer estes dois pequenos, que são 200 por 200. Vou digitar 200 pixels por 200 pixels. Eu vou clicar em qualquer lugar, não importa onde, e eu vou apenas movê-lo para a posição usando aqueles guia para encaixá-lo para escolher a cor ou backspace opções excluir. Duplicar esta camada, clique com o botão direito do mouse em “Duplicar camada”, clique em Agora eu vou arrastar essa forma para baixo, então eu vou para a ferramenta de movimento, eu vou arrastar a forma para baixo para a posição. Agora eu vou mover este retângulo para baixo na posição, então eu vou apenas arrastá-lo para baixo, indo para escolher uma nova cor, espécie de cor mindinho. O risco agora é que eu vou pressionar a opção alt-backspace delete e isso vai acontecer. O problema era que eu realmente não tinha essa forma selecionada, eu tenho seu controle de transformação mostrando, mas eu realmente não tenho a forma selecionada. Eu vou controlar, clique nesta miniatura de camada, modo que agora está selecionado, então agora eu posso preenchê-lo com cor. Em seguida, eu preciso de uma nova camada, e desta vez eu preciso colocar essas duas imagens em 300 por 400. Volte para a Ferramenta de Tenda Rectangular, essas serão 300 de largura e, portanto, 100 de altura. Clique aqui para criar esta forma, mova-a para a posição e vá preenchê-la com uma cor. Duplicar esta camada, ir e mover a forma para a posição. Desta vez ainda tem a sua tenda para festas à volta, que me diz que vou estar a enchê-la sozinha se for buscar uma cor de preenchimento. Vamos e obter uma cor de preenchimento alt-backspace opção delete. Agora eu tenho todas as minhas formas, eu estou apenas verificando se cada uma delas está em uma camada separada. Então tudo está muito bem aqui, eu posso desligar a camada de fundo se eu quiser, então eu posso lixá-la porque eu não preciso mais dela. A única coisa que precisamos fazer agora é nos livrar desses guias e fazemos isso escolhendo visualização e depois limpar guias, e basta pressionar Control ou Command D, para selecionar a seleção. Neste ponto, temos exatamente a mesma grade que criamos na primeira parte deste tutorial em vídeo. Você está pronto para começar com a parte 2 e tudo o que você vai fazer lá funcionará da mesma maneira nas versões antigas e novas do site Photoshop. Se você estiver trabalhando com o Photoshop CS5 ou anterior, é assim que você configura sua grade.