Design de cartaz | Photoshop Masterclass: como dominar a seleção | Shivangi Dubey | Skillshare

Velocidade de reprodução


1.0x


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

Design de cartaz | Photoshop Masterclass: como dominar a seleção

teacher avatar Shivangi Dubey, Graphic Designer

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.

      Introdução

      1:50

    • 2.

      Providencie seus recursos

      4:08

    • 3.

      Inspiração e layouts

      3:54

    • 4.

      Práticas básicas

      1:14

    • 5.

      Fazendo seleção

      2:46

    • 6.

      Refinando a seleção

      2:42

    • 7.

      Como trabalhar com texto

      3:00

    • 8.

      Explorar variações e opções

      3:27

  • --
  • 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.

49

Estudantes

--

Projeto

Sobre este curso

Olá! Bem-vindo ao Photoshop Mastering Class, dedicado sobre como Fazer e Editar uma imagem para desenvolvê-la em um anúncio publicitário. Um cartaz ou design útil que pode ser usado como banner promocional de causa social, postagens nas redes sociais ou banner de publicidade, imagens de capa de revista e muito mais.

Este curso está repleto de lições de habilidade que você precisa entender para trabalhar em tais projetos. Também dou uma diretriz completa desde como Encontrar inspiração para seu projeto até o desenvolvimento de uma ideia e a implementação em etapas simples para obter bons resultados profissionais, mesmo que você seja novo no Photoshop ou Design Gráfico.

Quer aprender mais? Junte-se ao curso agora.

Conheça seu professor

Teacher Profile Image

Shivangi Dubey

Graphic Designer

Professor

Habilidades relacionadas

Design Design gráfico
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. Introdução: Heytens, bem-vindo a esta aula de design pessoal de loja de fotos Sou designer e ilustradora freelance de Shivani Rape, passando tempo criando várias ilustrações , modelos e designs para lojas, marcas, marcas de moda e marcas, marcas Estou nessa fila há um bom tempo. Agora eu quero ajudar vocês, vocês jovens designers que querem se tornar designers incríveis, mas E como começar e aprender, criar e trabalhar em projetos e designs que não pareçam apenas naturais, e projetos da vida real também ajudam você a aprender novas habilidades de uma determinada maneira profissional. Eu criei esta aula para que qualquer pessoa que seja iniciante , aprendiz ou profissional se envolva nisso e use uma se envolva nisso e use coisa ou outra como benefício para o resultado Esta aula é elaborada com aulas curtas, cada uma especificada em um determinado processo ou etapa para construir o projeto Por fim, aprenderemos juntos tudo sobre o processo de seleção do Photoshop, dominando e refinando as seleções, aprendendo sobre os layouts e brincando com um texto Por fim, criaremos algo próprio, a solução alternativa. Então, para mais variações, mais opções. Por fim, aprenderemos como salvá-lo e exportá-lo para uso final ou posterior. Esta aula está cheia de objetivos de aprendizagem, processos de criação estrangeira. Apresse-se e junte-se a mim agora nesta aula para você começar 2. Providencie seus recursos: Antes de iniciarmos nosso processo de design, vamos primeiro entender as referências de estilo e design do projeto. Nosso projeto para esta aula é criar um design de pôster. Em primeiro lugar, por meio de cartazes. Começamos com o design de um pôster por vários motivos O número um é que, sendo um pôster, é um desenho de planta retangular Isso significa que é um estilo universal. Quando estivermos prontos para jogar e defender esse espaço, podemos criar muitos e muitos designs como esse, como banners do Facebook, pôsteres, postagens no Instagram, designs do Pinterest, banners da web, cartões de visita, convites Acho que o design de pôsteres é uma ótima maneira começar sua jornada ou aprimorar suas habilidades Número dois, é muito mais prático. Como você pode ouvir, você quer criar algo realmente digno, profissional e útil. Não apenas mostrando suas habilidades em um mundo sofisticado, mas de uma forma mais útil, real e aplicável no Quando se trata de designs úteis, quero dizer fazer algo à venda como oferta de desconto ou oferta promocional para uma loja ou design de loja para promover a causa social. Você aprenderá tudo isso, poderá aplicar as habilidades de Es lá. Vamos começar dando uma olhada rápida na área de trabalho do Photoshop Estou direto na tela do Photoshop aqui. Se você também tem o Photoshop CC 2020 ou algo parecido, sua tela deve ser um pouco parecida com a minha Aqui você pode acessar o arquivo, selecionar Novo ou pressionar controle ou comando no teclado para abrir a caixa de diálogo do novo documento. Nessa caixa apropriada, você pode ver que existem várias configurações e critérios. Primeiro, temos o nome do nosso arquivo. Você pode renomear o arquivo se quiser, como estou fazendo aqui Em seguida, temos as dimensões do arquivo com a unidade em que ele está contando. Temos as unidades em pixels, polegadas, centímetro, milímetro e assim por diante Se você estiver trabalhando com um arquivo para uso digital, sugiro trabalhar com os pixels. Mas se você estiver trabalhando para que o resultado final esteja no arquivo de impressão , verifique se está em polegadas, centímetros ou elevador Além disso, você pode selecionar a orientação do seu modo de arte como paisagem ou retrato. Além disso, você pode escolher as dimensões do arquivo definido a partir de vários tamanhos de arquivo definidos padrão. Aqui você pode ver ou simplesmente inserir seus detalhes personalizados manualmente. A próxima coisa importante é a resolução. Ao trabalhar com um arquivo digital, verifique se a resolução é de 72 pixels por polegada. Se você estiver trabalhando no arquivo de impressão, certifique-se de usar o conjunto de 300 pixels por polegada. Em seguida, passando para o modo de cor, dependendo da finalidade do arquivo, defina o modo de cor para o GP. Se estiver trabalhando para digital ou CMYK, se o projeto for para fins de impressão, você notará que, à medida que mudamos o modo de cor, o perfil de cores muda automaticamente para os perfis correspondentes para o CMYK Agora temos a cor de preenchimento de fundo pré-escolhida , pois estamos prontos para criar um novo arquivo no Photoshop Clique em Criar e vamos para outra lição para aprender sobre a próxima etapa, refi 3. Inspiração e layouts: Antes de começarmos com um arquivo do Photoshop, vamos aprender sobre algumas teorias sobre pôsteres atraentes e aprimorados com esforços criativos e estilo moderno Existem muitos designs que você pode criar e executar para seu projeto. Para entendê-los melhor, tenho alguns deles na tela para você agora. Vamos entender o diamante. Você pode ver que esta é a primeira referência que tenho. O designer brincou com modelos e formas vetoriais para aprimorar a aparência e torná-la uma aparência espacial tridimensional para o pôster Além disso, ele jogou aqui com as sombras do jogador para dar uma aparência real adequada Agora, aqui novamente, o designer aqui jogou bem com o posicionamento do modelo e do retângulo Isso apenas interrompe a monotonia do pôster e mantém a aparência do pôster com uma aparência minimamente muda Novamente, as sombras também são usadas aqui, mas desta vez é uma maneira muito suave de manter a aparência adequada ao tema minimalista Este é um exemplo de como você também pode usar as habilidades que aprenderá nesta aula para criar uma capa de revista com aparência profissional atraente como esta ou um pôster publicitário Agora, esta é uma postagem bastante interativa para anúncios em banner do Instagram. Aqui você pode ver como o designer brinca com os gradientes de cor de fundo adicionando tantos elementos ao espaço geral dos sites, mas há o espaço mais amplo para Há um certo equilíbrio de design nos dois lados do modelo. Como você pode ver aqui. O equilíbrio de cores também oferece uma perspectiva muito boa. Adicionar texto em forma de gancho como um texto grande e, em seguida, colocar os outros detalhes. E o texto essencial nos dá uma ideia de como brincar com as coisas e ainda manter informações no lugar certo para focar nelas. Você pode encontrar essas referências atraentes e úteis a qualquer hora, em qualquer lugar perto ou ao seu redor Por meio de pôsteres nas paredes, quadros de avisos, percorrendo suas contas de mídia social e muito mais Fique de olho na aparência e na inspiração do designer que você motivou e atualizou com os looks e estilos mais recentes. Agora, quando tivermos clareza sobre os elementos de design e o layout da estrutura de um pôster profissional, vamos trabalhar no layout do pôster Reserve um tempo, sente-se com sua caneta. Esboce algumas ideias como eu fiz aqui. Como você pode ver, estou tendo alguns esboços para montar e brincar com nosso projeto Agora, o próximo passo é escolher a imagem perfeita para o produto. Algumas diretrizes a serem lembradas ao pesquisar uma boa imagem para seu projeto são. Número um, verifique se o tamanho e dimensão da imagem são de qualidade H. Número dois, verifique se o objeto da imagem está realmente focado. Número três, prefira pesquisar e baixar sua imagem com qualidade total. Isso pode ser feito facilmente em qualquer site de fotos gratuitas, como Pexels.com Unsplash.com 4. Práticas básicas: Ei, mais uma vez, estou de volta na tela do Photoshop. Já escolhemos nosso arquivo para trabalhar. Agora é hora de trazer o arquivo para o Photoshop e trabalhar nele Há várias maneiras de abrir o arquivo no Photoshop Uma delas é acessar o arquivo do Google e selecionar Abrir e, em seguida, procurar seu arquivo de imagem em uma pasta específica em que você o baixou ou salvou. Você pode simplesmente arrastar e soltar a imagem na tela do Photoshop ou na tela onde estiver a caminho Trabalhando aqui, fiz isso das duas maneiras. Se você tiver sua imagem aberta, na próxima etapa, você pode simplesmente arrastar a imagem para o arquivo em que você está trabalhando desta forma. De qualquer forma, é bom o suficiente. Você pode redimensionar sua imagem a qualquer momento de acordo o tamanho da tela usando o atalho da ferramenta de transformação e, a partir do exposto acima, certifique-se de mostrar que o controle de transformação está marcado aqui Agora você pode simplesmente controlar o tamanho e ajustá-lo à sua maneira. Vamos para a próxima lição. Vamos começar a trabalhar na imagem. 5. Fazendo seleção: Agora tenho nossa linhagem abrindo o Photoshop e quero que nosso objeto fique livre do plano de fundo, o que significa que quero o modelo seja recortado do plano de Para fazer isso, primeiro dê uma olhada no painel de camadas. Aqui está bloqueado como plano de fundo. Não podemos excluir nem fazer nada com ele. O primeiro passo é duplicar essa camada. Escolha corretamente a camada duplicada, renomeie-a se quiser E então clique em OK, basta desligar a visibilidade da camada base. Dessa forma, salvamos nosso arquivo principal como está para qualquer uso posterior e temos uma camada duplicada na qual trabalhar Agora, trabalhando na camada duplicada, precisamos selecionar nosso objeto separadamente do plano de fundo Para fazer isso, você realmente precisa trabalhar de perto na imagem. Para isso, você pode ampliar a imagem pressionando o comando plus do controlador Em seguida, use a barra de espaço de atalho do teclado ou a ferramenta manual na barra de ferramentas Ambos atuam como ferramentas manuais dessa forma e se movem de uma área para a outra. E isso lhe dará uma aparência muito mais clara. Agora selecione o assunto. Use a ferramenta de seleção rápida a partir do atalho, do azul ou da barra de ferramentas. E então confira as propriedades acima aqui. Deve ser parecido com você e agora é bom trabalhar com ele. Vamos começar selecionando o assunto um por um. Estamos usando a seleção adicional da configuração acima para que possamos continuar adicionando à seleção anterior. Assim, quando terminar, você pode parar. Agora temos toda a área selecionada. Uma maneira é simplesmente recortar a outra camada. Mas, dessa forma, é apenas um método aproximado, não podemos mais refiná-lo ou reformá-lo. A melhor maneira é mascarar a seleção. Vá para o menu Camada, temos o retângulo, depois aqui está, a máscara Em seguida, clique nele e clique nele. Em seguida, temos a área selecionada conforme mostrado e o resto é atingido. A máscara é formada nessa camada específica. 6. Refinando a seleção: Espero que você tenha entendido bem esta etapa. Agora temos que refinar e modificar nossa seleção em algo cada vez mais cordário e limpo Tudo isso primeiro vá para a janela de propriedades aqui ou selecione as propriedades no menu de janelas, selecione a miniatura da máscara e clique nas propriedades Defina a opacidade para uma porcentagem menor de, digamos, 50 a 60%. Adicione uma camada de cor sólida abaixo da camada de trabalho usando essa opção da camada abaixo Selecione adicionar camada de cor sólida. E escolha uma cor específica como essa, estou usando preto para poder ver os detalhes de uma maneira muito melhor. Agora selecione a miniatura da máscara e amplie a imagem. Então você está trabalhando em detalhes. Você pode ver esses pequenos fragmentos de uma seleção não tão limpa Para remover isso, basta selecionar a ferramenta de pincel na barra de ferramentas ou o atalho B para a ferramenta de pincel Aqui em cores, você tem preto em primeiro plano e branco como plano Sapatos brancos e pintura de alturas pretas com uma cor preta. Para remover ou ocultar a seleção extra, basta pintar sobre as áreas que você deseja remover. Assim, você vê a mágica de simplesmente mudar o tamanho do pincel manualmente ou pelas configurações acima ou pelo atalho. Suporte retangular esquerdo para diminuir o tamanho e suporte retangular direito para aumentar o tamanho. Do teclado. Para as áreas que você deseja revelar a máscara, use a cor branca em primeiro plano e pinte as áreas como estou fazendo agora Agora é mostrado no assunto. Vá em frente e confira mais detalhes para editar. Quando estiver satisfeito, acesse novamente o painel Propriedades com a máscara e a unha selecionada e volte a opacidade para 100%. Dessa forma, temos a seleção limpa e clara, livre do fundo e com alta qualidade Era isso que você queria. Vamos seguir para a próxima lição para aprender sobre o 7. Como trabalhar com texto: Ei, espero que agora você tenha um projeto claro de seleção de volume de assunto. Vamos adicionar texto a ele. Ferramenta de texto selecionada da ferramenta. Clique nas câmeras para adicionar texto. Isso adicionará uma nova camada acima de tudo, como camada de texto e digite seu texto. Você pode redimensioná-los recolorí-los a qualquer momento que desejar Se você quiser alterar o tipo de letra ou selecionar as coisas acima aqui, você pode simplesmente aumentar o tamanho da fonte usando a ferramenta de transformação Agora é a hora de você fazer a ação mágica funcionar. Coloque o texto abaixo do recorte. Última reprodução do painel de camadas. Basta desenhá-lo para adicionar mais detalhes. Eu adicionarei sombras ao texto selecionado. Selecione o texto aqui. Agora escolha os efeitos do ícone abaixo no painel de camadas aqui. Opção de sombra do painel e defina as configurações. Ou se estiver tudo bem na prévia, se você estiver feliz. Agora é hora do próximo truque de mágica para tornar seu pôster mais interativo e, aprimorando o comando do controlador de espera , selecione o reprodutor de texto Isso faz com que a seleção do texto seja assim. Você pode ver o s correspondente. Agora vá até o polegar do mascarador no objeto ou objeto, selecione-o e use uma ferramenta de pincel Novamente, como fizemos ao mascarar as áreas na última lição Desta vez, pinte as áreas em que você deseja revelar ou ocultar o texto. Como fiz na aula que estou fazendo aqui agora, você pode ver como está acontecendo. Isso não está ficando interessante? Espero que você tenha entendido a ideia e possa jogar e encontrar a combinação perfeita para o projeto. 8. Explorar variações e opções: Agora, de volta ao Photoshop, temos o pôster que concluímos em nossa última aula Agora, nesta lição, vamos explorar e adicionar mais detalhes, mais elementos para fazer algumas variações, estilos diferentes, um pôster. Você pode começar adicionando alguns elementos como uma forma zométrica usando a ferramenta de forma da barra de ferramentas E faça uma caixa e altere seu preenchimento para o traçado Aumente o tamanho do traçado para ver o quão interessante está saindo. Isso ainda está atrás do objeto para que você possa alternar fundo de cor mais sólida usando a ferramenta de ajuste do painel de camadas. Usamos a imagem como plano de fundo, agora usamos uma cor sólida. Isso dá uma outra aparência. Agora vamos adicionar uma parte mais divertida, adicionando a sombra ao assunto. Uma maneira bem fácil de fazer é duplicar a camada de assunto usando o comando de controle de cabeçalho J. Na camada duplicada, selecione o mapa da máscara, clique com o botão direito do mouse e selecione Aplicar máscara de camada Agora segure o controle ou comando e clique no polegar da camada Isso ativará a seleção da área selecionada. Essa seleção de objeto em particular agora cria uma nova camada acima dela e apenas a preenche com a cor preta. Isso preencherá a área selecionada como preto porque a seleção está ativa. Usando a ferramenta de balde de tinta, eu uso a ferramenta de balde de tinta para preencher a seleção na nova camada. Coloque essa camada abaixo do assunto, nossa camada de assunto. Ajuste o posicionamento da sombra abaixo da, parece bem real, algo lateral Ok, aqui você pode ver como ele é exibido. E agora vá para o menu Filtro, selecione o desfoque e use o desfoque que jorra Agora você pode jogar e escolher a quantidade de desfoque de que precisa Quando estiver feliz, basta clicar em OK. Você pode tentar adicionar alguns ou mais elementos de sua escolha. Por exemplo, uma linha personalizada da Pento poderia ajudar você a ter uma aparência mais atraente e ótima Novamente, você pode adicionar maravilha a isso. Como fizemos com o retângulo e o texto anteriormente, acabamos de fazer com que o assunto interagisse com eles dessa forma Espero que você goste dessa forma que criamos variações do arquivo de e-mail. E espero que você esteja bem claro sobre as etapas que seguimos e usamos o.