Photoshop: crie uma grade de imagem com efeitos de cor | Benjamin Halsall | Skillshare

Velocidade de reprodução


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

Photoshop: crie uma grade de imagem com efeitos de cor

teacher avatar Benjamin Halsall, Final Cut Pro X & Adobe Courses

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

6 aulas (20 min)
    • 1. Introdução do curso

      0:42
    • 2. Como definir sua grade de imagem

      7:34
    • 3. Imagens em movimento na sua grade

      1:33
    • 4. Efeitos de cor com o Paintbrush e tipo de adição

      5:02
    • 5. Como criar efeitos de cor com camadas de ajuste e máscaras

      2:24
    • 6. Como adicionar uma grade no topo de suas imagens

      2:22
  • --
  • 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.

181

Estudantes

1

Projeto

Sobre este curso

Você vai aprender a criar uma grade de imagem, alinhar imagens perfeitamente, adicionar efeitos de cor legal, controlar camadas perfeitamente para que você possa colocar texto no topo. Dê uma olhada no GIF animado abaixo, pois ele dá uma olhada no que você vai obter quando você se inscrever.

4ed7c58f

SaveSave

Conheça seu professor

Teacher Profile Image

Benjamin Halsall

Final Cut Pro X & Adobe Courses

Professor

For the designer in you I create fun short lessons in Adobe Photoshop, Adobe Illustrator & Adobe InDesign. I include some creative and technical tips in all my lessons which are always easy to follow. Check out my popular Banksy Yourself Photoshop Class, how to create Polygonal Patterns in Adobe Illustrator or my Photoshop Drawing & Painting Fundamentals.

For Final Cut Pro X editors check out my course Learn Final Cut Pro X in 25 Minutes or learn how to put video inside type, create grunge style text or my basic and advanced split screen tutorials.

I look forward to seeing your projects and am always happy to answer your questions.

Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos 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. Introdução do curso: Oi lá. Tem sido doméstico, e aqui vamos dar uma olhada em como criamos uma grade perfeita no Adobe Photo Shop. E um dos bons usos para isso é ou como uma imagem de banner de imagem de cabeçalho do Facebook ou é uma imagem banner do Twitter em. Vamos criar um tamanho que funcione perfeitamente nesses dois formatos. Então vamos usar guias de uma maneira inteligente toe dividir o nosso para um projeto de loja de uma só vez e, em seguida, vamos usar imagens colocadas dentro de um dia antes de uma loja, juntamente com algumas técnicas de camada agradáveis usando pincéis Andi ajuste camadas e para criar estes efeitos de cor legal que você pode ver aqui, Eu tive que se inscrever para o tutorial no dia. Estou ansioso para ver seus projetos no conselho de projetos da classe. 2. Como definir sua grade de imagem: Ok, então vamos começar a criar nosso layout de grade personalizado no Adobe Photo Shop. Então vamos em frente e fazer um novo arquivo sobre o tamanho do arquivo que vamos criar . Está indo longe demais. Trabalho considerável como uma imagem de banner do Twitter. Eu sou tudo como um cabeçalho do Facebook ou uma imagem de banner. Ok, então nós vamos para este tamanho de 1500 pixels por 600 pixels, que é grande o suficiente para ambos. Eles vão deixar o RGB do Cullum Oda, e então uma vez que tenhamos as configurações copiadas, vai chutar. Está bem, está bem. Então, uma vez que você tem em você muito aberto, vamos em frente e ir para arquivo e salvar como e vamos chamar esta grade de imagem. Vou dizer isto ao melhor top. E uma vez que é configurado, agora eu quero fazer é obter uma grande configuração para que eu possa usar que Dividir isso por 10 e por quatro para baixo. Ok, isso vai ser o tipo de divisões da nossa rede. Ok, então vamos em frente para nossas grades, guias e fatias. Então, se você estiver em um PC, vá para editar e, em seguida, abra suas preferências, que devem estar na parte inferior aqui no Mac. Vamos às preferências e guias da loja de fotos. Ótima. E fatias. Vamos mudar isso para ser a linha de grade para cada 150 pixels. Ok, Andi, você pode ter uma subdivisão montada. Eles só iam mudar aquele dedo do pé. Nós não vamos ter quaisquer subdivisões dentro de nossas linhas de grade, então vamos clicar em OK aqui e depois ir para ver show na grade. E agora devemos ter o nosso primeiro documento de uma loja perfeitamente dividido em 10 quadrados pelo Foursquare. Então vamos dizer isso. E agora vamos em frente e colocar nossa primeira imagem. Devemos ir para o arquivo de um lugar embutido? Vamos pegar uma imagem. E eu tenho uma pasta de grade de imagens aqui com as imagens que eu vou usar. Vamos em frente e pegar esta primeira imagem na lista. OK, então pegue a imagem, selecione o lugar, e nós vamos redimensionar essa imagem para que ela tipo de preencha uma dessas grades e então nós vamos adicionar uma máscara de imagem para que seja um quadrado perfeito. Ok, então eu vou pegar os cantos aqui, e enquanto eu estou agarrando os cantos, eu vou segurar o turno para restringir as proporções. Eu não quero isso. Teoh ser distorcido em tudo. Ok, então, para esta imagem em particular, eu vou fazer com que ela fique do outro lado nesta direção. Dentro de uma dessas caixas, posso usar as maldições para ajustar um pouco mais. E as maldições eram coisas um pixel de cada vez. Portanto, se você for para cima ou para baixo para a esquerda ou para a direita, você está empurrando sua imagem ou a imagem selecionada por um pixel. Certo, então agora vamos criar uma máscara para isso, para que ele perca esse pedaço extra da imagem que não precisamos. Vamos em frente e selecionar a Marquita retangular, ok? E vamos definir esse tamanho fixo do dedo aqui em um tamanho fixo de 150 pixels por 150 pixels . Isso vai dar-nos a nossa praça. Certo, então se clicarmos isso uma vez, ele deve encaixar perfeitamente na grade. Agora podemos girar em nosso painel de camadas. Posso ter certeza que você tem sua camada que você pode realmente selecionar. Podemos clicar no nosso painel de camadas aqui e agora o mastro de imagens. Então agora que inteligente eu posso pressionar o wiki. Mova esse cara para o canto superior esquerdo. Agora, o que está acontecendo aqui? É o meu estalo no meu espertinho? Apenas encaixando na borda da imagem que está dentro dessa máscara. Então, não se encaixando na borda da máscara em si. Então, se eu fizer zoom aqui, vou usar a maldição para ter certeza que isso é empurrado perfeitamente no reboque. Esta grande praça aqui. E então eu vou apertar comando ou controle e zero para zoom de volta para 100%. Então vá em frente, vá para o arquivo. Lugar embutido. E a próxima imagem da lista? Está bem. E novamente, vou remarcar esse cara para que ele se encaixe perfeitamente dentro dos limites de um desses quadrados. Basta posicionar um pouco de batida. Entrar. Está bem. E agora, vá em frente, pegue minha marca retangular. Ele vai clicar lá, Andi, selecionar a partir das camadas nas camadas na máscara de camada. E então eu poderia pegar a ferramenta de movimento novamente. Então, aperte V ou Preston. Ferramenta para cima em tudo. Bem, quando pudermos, então mova isso para cima. Então agora podemos ampliar. Certo, assim que tivermos nossas imagens aqui, se quisermos reformulá-las ou manipulá-las em termos da forma como elas são emolduradas. Se quisermos movê-los, podemos sair de dentro da máscara. Então, apenas fazer é desbloquear a camada de marcas e, em seguida, certifique-se de que eu selecionei a imagem em si. E agora posso mover a imagem dentro dessa máscara de nós. Há uma vantagem nesta imagem aqui, por isso só vai ser capaz de se mover para cima e para baixo. Caso contrário, vou revelar um pouco do branco do lado esquerdo. Lá estou eu ou à esquerda. Então eu só vou empurrar isso um pouco até eu estar um pouco mais feliz com a colocação. Essa emissão. Você vai ver. Gostaria que chegasse ao topo da imagem. Está cutucado. Então eu vejo o espaço em branco na parte superior da imagem. Locksley está de volta juntos fazer comando e controle zero e zero e depois ir para o arquivo. Estou no lugar embutido de novo. Era como a terceira imagem para baixo. Ok, e então nós escalamos esse cara e, uh, Europa o retângulo Marcato, clique uma vez ter a mesquita terra e então nós podemos mover isso e aqui zoom em, não vergonha em posição. Então, que tal a barra de espaço como eu estou me movendo ao redor para rastrear a imagem na posição então agora recebe um arquivo coloca que ele novamente na próxima missão, Andi cortou a marca retangular Ito, e eu sou levado a trabalhar através de todos estes. E então vamos voltar e ver como adicionamos alguns dos efeitos de cor que falamos um pouco mais cedo. E, na verdade, podemos economizar um pouco de tempo aqui colocando a imagem no local que queremos primeiro pegar a marca retangular, ela vai e então apenas clicando uma vez. E então, quando cortamos essa imagem porque os guias inteligentes estão acesos. Se você for inteligente, os guias estão prontos para ver os guias do show e do smart. Ok, então você pode ver que ele está encaixando essa seleção do retângulo Marquês direito naquele grande. Então vale a pena. Trabalhando perfeitamente 3. Imagens em movimento na sua grade: Está bem. Assim que terminarmos nossa grade de imagens terminou de criá-la, então há algumas coisas que podemos fazer. Então a primeira coisa que vamos dar uma olhada é como movemos nossas imagens. Então a maneira mais fácil de fazer isso é agarrar o dedo do pé, ok? E vamos apenas pegar qualquer uma dessas imagens mantendo pressionada a tecla Command, em seguida, clicando nessa camada, e isso nos permitirá mover essa imagem ao redor. Outra coisa que você precisa ter certeza é que a camada ainda está bloqueada em conjunto. Então, a fim de trazê-lo para um lugar diferente para que eu possa vê-lo o tempo todo, eu vou para a camada, organizar, trazer para a frente. Está bem. Então isso significa que eu posso movê-lo agora para um ponto diferente na minha imagem em C ao mesmo tempo. Ok, então eu vou reposicionar esta imagem. Uh, aqui em baixo. Está bem. Vai fazer isso em minutos de zoom. Então eu quero chegar mais perto. Consigo ver o meu grande imóvel, e vou empurrá-lo com a tecla do cursor. Então está exatamente no lugar certo. Então eu vou para a camada Organize enviado de volta. E agora mantendo pressionada a tecla Command iniciou a jogada. Falar selecionado. Eu só vou tocar esta nova camada em ir para camada. Traga para a frente para que eu possa mover isso para este lugar. Ok, então apenas novamente, usando as teclas de cursor para empurrá-lo para a posição para que não terminemos com quaisquer lacunas brancas entre as diferentes camadas. Ok, então essa é a grade de imagem criada. 4. Efeitos de cor com o Paintbrush e tipo de adição: Então, nesta próxima seção, vamos ver como podemos manipular a cor. Agora , são algumas maneiras diferentes de fazer isso. O primeiro que eu vou mostrar vai ser usar uma nova camada que tem um Grady int sobre ele ou pincéis. Então, se formos para o nosso painel de camadas, certifique-se de que temos a camada superior mais selecionada, e vamos criar uma nova camada na qual vamos realmente usar o pincel para pintar . Ok, então eu vou pegar minha ferramenta de escova. Está bem. Vou pegar este lindo azul que selecionei aqui, certo? E eles podiam ver meus pincéis enormes. Queríamos ser tão grandes assim. Então eu vou torná-lo um pouquinho menor. E eu estou usando os colchetes em seu teclado ao lado para entrar para realmente aumentar com o colchete direito e diminuir o tamanho, o pincel que também pode clicar com o botão direito do mouse no tamanho do slide, o pincel para cima também. Ok, então agora, quando tivermos minhas esperanças colocar uma prostração, eles vão reduzir o tamanho deste pincel novamente para que eu possa vê-lo. Só estou falando do colchete, certo? Então agora eu posso honestamente escovar através de camadas, e ele vai preencher esta camada com aquele azul. Está bem, mas vou criar outra camada nova. Então eu vou selecionar uma cor diferente aqui nesta nova camada. Laranja agradável, e depois vou pintar o outro lado disto. Ok, então nós temos este tipo agradável de Grady int do azul para o laranja. Só vou fazer isso alguns passos. Está bem. Está bem. Então agora o que eu quero fazer é ir para a minha ferramenta de movimentação. Então eu não adiciono acidentalmente mais nenhum pincelado lá foi alterado meu modo de cor para primeiro de tudo cor, e você vai ver, nós obtemos este efeito agradável da sobreposição de cores e voltar para a minha camada azul e fazer o mesmo. Mude isso para uma cor para que você possa ver um efeito muito particular quando você tiver a cor aplicada à imagem abaixo. Agora podemos acentuar esse efeito indo para um topo. A maioria das camadas de grade que abaixo do para escovar camadas e, em seguida, adicionar um novo laboratório de ajuste de níveis . Ok, então aqui o que eu vou fazer é eu vou apenas furar os negros aqui e o que isso significa é que talvez meus negros, minhas cores nas áreas escuras vão tirar mais dessa cor dos caminhos das camadas. Aiken basicamente meio que empurrou isso. Então eu tenho mais cor naqueles escuros. Rara é a imagem que posso ver. Você pode ver o resultado aqui. Se ativarmos essa camada o suficiente, teremos um pouco mais dessa tonalidade de cor dentro da imagem. Os outros modos de camada que eu sugiro que você jogue aqui é o modo de tela. Então, se mudarmos esta tela, você pode ver que você está recebendo uma mistura diferente, uh, com o descontraído atrás deste Mets ouvido deste nível como aqui. Então temos esse tipo de estilo clássico do Instagram que estamos vendo frequentemente nos incidentes. Vou mudar isso para tela também. Está bem. E você pode brincar com esses tipos diferentes de modos de camada, bem como para ver tipo de que você prefere. Então eu tenho muito tipo de imagem silenciosa lá, que podemos moderar diminuindo a capacidade dessas camadas, eu vou ficar com a camada de ajuste de cor. Estou aqui por estas duas camadas. ativar esta camada de ajuste de níveis. Então a coisa boa sobre esta camada aqui é que se eu quebrar o tipo para ter certeza que a cor do meu tipo está definida para dois brancos aqui, ok? E então eu vou apenas puxar através do tipo de caixa grande nesta palavra, e você pode ver agora que porque nós meio que silenciou a camada abaixo do texto branco se destaca muito bem. Estou por cima da imagem abaixo. Enquanto que se deixarmos os níveis desligados, nós meio que obter a bunda branca em alguma da imagem abaixo. Ok, então usando o ajuste de níveis aqui e silenciando a imagem para garantir que ela nunca é preto e nunca é totalmente branco, podemos colocar texto muito bem sobre a parte superior da nossa imagem. Ok, então eu vou remover o texto como aqui, ok? E quero capturar o que fiz aqui, por isso vou guardar isto. Então eu vou para a exportação de arquivos mais seguros da Web. Deixe-me dizer isso como um J pic direto na minha área de trabalho. Está bem. E agora quer ter feito isso. Vou apagar estas três camadas. Ok, então 5. Como criar efeitos de cor com camadas de ajuste e máscaras: E agora vamos usar camadas de ajuste de matiz e saturação para produzir um tipo similar de efeito. Então eu vou selecionar a camada de ajuste de saturação de matiz daqui. Ou você pode ver as camadas de ajuste aqui no meio do seu campus para Andi. Uma vez que eu adicionei essa camada de ajuste de saturação de matiz e transformá-lo para colorir, ok. E então eu vou ajustar a cor da imagem que você pode ver nós podemos obter alguns efeitos agradáveis aqui também. E quando estamos fazendo isso, se criarmos uma nova camada de ajuste de saturação, ok, e depois adicionamos outra do painel de camadas. Mude isso para colorir também. Dê um efeito diferente, está bem? Dê um efeito diferente, E então se eu for para a máscara de camada para uma dessas camadas de ajuste de saturação de matiz com minha ferramenta de pincel Ok, eu posso mesclar esses dois juntos, OK? Então você pode ver na máscara. Agora, eu tenho esse pincel preto pintado, e por isso é pintado no ajuste de cor. Ok, então eu só vou trocar o preto para o branco, apenas pintar um pouco de laranja do lado direito. Então essas camadas de ajuste de saturação de matiz de mistura muito bem juntas. Nós também podemos adicionar em uma camada de ajuste de níveis, bem como, também. Modifique o que estamos fazendo aqui. E dependendo do que quisermos, vou voltar para a mudança. Em direção a aqui. Podemos colocar as porcas. Podemos colocar a camada de ajuste de níveis abaixo. Aqueles que ajustes de saturação, como você pode ver suco um efeito ligeiramente diferente aqui. Então temos um efeito mais silencioso aqui, colocando na parte superior e, em seguida, tipo de efeito menos silenciado , colocando o fundo um pouco mais de vibração na cor. Então vamos em frente. Vá para a Web mais segura de exportação de arquivos. Eu vou dizer esse cara para fora, ok? E então vá em frente. Camada de imagem de crédito. Crie a saturação de matiz ou as camadas de pincel acima da grade de imagem também. Crie isto. Este efeito 6. Como adicionar uma grade no topo de suas imagens: Certo, então faça uma última coisa com essa imagem. Ótima. Eu vou chegar ao meu topo mais camada aqui nesta imagem. E eu só vou pegar das minhas opções de turnê retangular aqui o pedágio de leão. Então eu vou deixá-lo com um preenchimento fora Branco e eu devo definir o dedo do pé peso três pixels. E quando eu arrasto para cá, vou segurar o turno. E isso significa que eu tenho luz branca perfeitamente vertical. Então eu só vou agora pegar o mixto e depois duplicar isso por aqui. Eu vou assumir como eu faço isso. Certo, então vamos nos levar para o outro lado. Então eu estou chamando para baixo Holt duplicatas e, em seguida, fazer isso através até que ele se encaixe para querer essas grades e guias. O que vamos fazer é usar as opções de distribuição para garantir que este ar esteja perfeitamente espaçado assim que terminarmos aqui. Ok, então eu tenho minhas formas aqui. Se eu espero que essa mudança e selecionar um destes no último painel, agora eu posso ir para meus centros horizontais distribuir aqui na barra de ferramentas de opções, e isso vai apenas empurrar aqueles para que eles estão todos alinhados perfeitamente e vamos fazer o mesmo Atravesse aqui. Então, novamente, mantendo o turno pressionado, fui contratado um bar de propriedades e, em seguida, pulando de volta para o movimento. Então, para segurar esta cidade algumas vezes, então agora eu tenho uma bela linha branca entre essas diferentes formas. E novamente, eu uso a opção de distribuição aqui para ter certeza de que perfeitamente mesmo este enfrentou. Então, agora, se eu for ver, mostrar em ocultar minha grade, você pode ver que isso é o que temos agora. Então, nós colocamos usando a ferramenta de linha uma linha de três pixels através e para cima e para baixo. Estou usando uma mistura da mentira até que em movimento, falei com o set out. Ok, então você tem alguma dúvida sobre este tutorial? Por favor? Isso tem levar toe post uma pergunta on-line. Eu procuro ver um projeto na página do projeto da classe