Efeitos de texto em imagens: glifos e camadas no Adobe Photoshop — um curso de Graphic Design for Lunch™ | Helen Bradley | Skillshare

Velocidade de reprodução


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

Efeitos de texto em imagens: glifos e camadas 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

5 aulas (36 min)
    • 1. Texto sobre efeitos de imagem no Photoshop no Photoshop no

      1:09
    • 2. Texto sobre efeitos de imagem — parte 1

      9:45
    • 3. Texto sobre efeitos de imagem — parte 2

      8:59
    • 4. Texto em efeito de imagem - parte 3

      10:47
    • 5. Glyphs de de painel para os glifos para CS6 e anteriores

      5:26
  • --
  • 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.

690

Estudantes

35

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 adicionar texto às imagens. Vamos usar citações curtidas e baixar de alta qualidade para baixar para qualquer propósito sem atribuição. Você vai ver três efeitos de "texto sobre imagem" e aprender algumas dicas e truques de trabalho no Photoshop ao longo do caminho. Aqui está um dos exemplos do curso:

3584b60

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

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. Texto sobre efeitos de imagem no Photoshop no Photoshop no: Olá, sou Helen Bradley. Bem-vindo a esta aula de Design gráfico para almoço, crie texto sobre efeitos de imagem 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 texto sobre efeitos de imagem no Photoshop. Nós vamos encontrar algumas maneiras diferentes de aplicar texto sobre uma imagem. Você vai aprender a preencher texto com uma foto. Você aprenderá a acessar fontes dingbat e glifo no Photoshop. Você aprenderá algumas técnicas para trabalhar com texto no Photoshop. Enquanto você está passando por este vídeo quando você vê o prompt para dar um polegar para cima, por favor, se você está curtindo o vídeo, dê um polegar para cima. Isso ajuda outras pessoas a identificar que este é um curso que eles também podem querer tomar e por favor, se você gostaria de deixar um comentário, eu li todos os seus comentários e eu vejo todos os seus projetos. Se você estiver pronto, vamos começar com o texto da classe de hoje sobre os efeitos de imagem. 2. Texto sobre efeitos de imagem — parte 1: Antes de começarmos com esses efeitos de texto, quero apresentá-los a um site chamado unsplash.com. Agora, unsplash.com, você tem acesso a um grande número de fotos que você pode usar para seus próprios projetos. Não há limite para o que você pode fazer com essas fotos. Você precisará se inscrever no site, mas você pode baixar essas fotos gratuitamente e usá-las para qualquer finalidade. Então, o que eu estou usando neste conjunto particular de vídeos é um número de imagens deste site, apenas para que você seja capaz de baixar e acompanhar o tutorial. A outra razão pela qual eu realmente gosto deste site é porque a qualidade das imagens é realmente bastante alta. Eles têm imagens muito, muito artísticas, e então eles se prestam ao tipo de projeto que estamos fazendo aqui hoje. Agora, a primeira das imagens que vamos usar é do site aqui, e eu vou apenas mostrar como você vai em frente e baixá-lo. Esta é a imagem que vamos usar, então eu vou apenas clicar nela para abri-la em uma nova janela do navegador. Vou clicar com o botão direito do mouse e escolher “Salvar imagem como”, e posso simplesmente salvá-la no meu disco e abri-lo no Photoshop, e é tão fácil de fazer isso. Vamos em frente agora e fazer exatamente isso, e eu vou abrir a imagem que eu já baixei anteriormente, e aqui está ela. Agora, eu quero começar com esta imagem cortando-a, então eu vou clicar na ferramenta “Cortar” aqui para selecioná-la, e eu quero fazer um corte quadrado, que é uma proporção 1:1. Nas versões posteriores do Photoshop, você pode clicar no link de proporção original aqui e simplesmente escolher algo como 1:1 Square. Você também pode, em versões mais antigas do Photoshop, arrastar para fora o retângulo de corte mantendo Shift pressionado e, em seguida, você será restringido a uma forma quadrada. Então eu só vou cortar isso para uma imagem de tamanho completo porque eu quero a altura total da imagem, mas eu quero que ela seja quadrada, então eu vou clicar na marca de seleção aqui. Agora, o efeito de texto que vamos criar será três linhas de texto. Eu vou clicar na ferramenta “Texto” aqui, e eu vou apenas clicar na imagem, e vamos ver como estamos indo aqui. Bem, a fonte é muito pequena. Você pode ver que este pequeno indicador é apenas visível. Então, como esta é uma imagem realmente grande, eu quero um tamanho de fonte muito grande, então eu vou começar com cerca de 72. Vou torná-lo preto, e vou torná-lo justificado. Eu só vou clicar em “Esquerda justificada” aqui, agora, e eu quero que esta seja uma fonte itálica porque eu quero que esta seja a palavra, e eu quero que ela seja por si só. Eu escolhi uma fonte para usar que você pode ou não ter em seu computador, mas você deve ser capaz de encontrar algo que vai fazer exatamente bem. A fonte que estou usando chama-se Pristina, e é Pristina Regular. Na lista aqui, você pode ver que ele se parece com uma fonte ligeiramente script, uma fonte ligeiramente itálica. Ele só vai ter um pouco de caráter, então escolha qualquer coisa na sua lista de fontes que você acha que pode ser apropriado. Eu só vou digitar a palavra, e ele vai ser em minúsculas, e eu vou clicar na marca de seleção. Vou ignorar o tamanho e tudo por enquanto. Eu só quero pegar meus elementos de texto para baixo. Eu vou clicar aqui para o próximo pedaço de texto e isso precisa ser muito maior ainda. Você pode ver aqui nos livros didáticos que ficamos sem tamanhos de ponto, bem , isso é um [inaudível]. Você pode simplesmente clicar na caixa e digitar o que quiser, ou você pode pressionar Shift seta para cima para apenas aumentar o tamanho da fonte para um tamanho de fonte bastante grande. Vou escolher o 222 por enquanto. Esquerda justificada, ea fonte que eu vou usar é um que você terá instalado, e é apenas Myriad Pro Regular, e é uma fonte pequena agradável. É apenas uma fonte discreta. Então eu selecionei aqui agora, Myriad Pro Regular, e eu só vou digitar a palavra JORNADA em todas as maiúsculas, e clique na marca de seleção, não preocupado que há muito sobre o outro por enquanto. Em seguida, vou fazer um último pedaço de texto. Eu ainda vou fazê-lo no Myriad Pro Regular por agora, mas eu vou fazê-lo em minúsculas. Então a citação é: “A JORNADA é a minha casa.” Vou apenas clicar na marca de seleção aqui. Agora, eu quero fazer algo com este pedaço particular do tipo, o último que eu coloquei porque eu não quero que ele seja o mesmo que este aqui, mas eu já usei dois tipos de letra no meu documento e para jogar outro é Provavelmente muitos. Mas Myriad Pro vem em um monte de variedades. Então eu vou selecionar esta camada. Vou selecionar a ferramenta “Texto”. Vou arrastar como meu texto sólido é selecionado, e então eu vou dar uma olhada e ver o que vem com Myriad Pro Regular. A resposta é que Myriad Pro vem com um monte de outras variedades de Myriad Pro e é aceitável usar isso como um tipo diferente de fonte, mas ainda mantendo dentro da mesma família de fontes. O que eu quero fazer é usar Myriad Pro Light Semi Extended. Agora, esta é uma fonte semi-estendida, mas é mais leve, então tem um caráter ligeiramente diferente do Myriad Pro Regular, então eu vou selecionar isso, e vamos clicar na marca de seleção. Agora vou olhar para esses passos em posições. Eu vou mudar é a minha casa mais ou menos para a posição que eu quero que ele esteja em. Vou mover o JORNY para a posição em que quero que esteja. Então eu vou selecionar a palavra “o”, e ir e fazer praticamente o mesmo com isso. Agora eu quero colocar a direita sobre o topo de “JORNY”, mas eu acho que é um pouco pequeno, então eu vou apenas segurar a tecla Shift enquanto eu aumentá-la um pouco e colocá-la em posição. Estou muito feliz com o e Journey, mas eu não estou feliz com é a minha casa. A razão pela qual eu não estou feliz com isso é, em primeiro lugar, ele está ficando um pouco perdido no resto da imagem, e em segundo lugar, ele não está muito bem posicionado. Assim, o se perder no resto do problema de imagem é facilmente resolvido. Eu estou indo para ir abaixo de todos os meus objetos de texto, eu estou realmente indo apenas para clicar na camada de fundo, e eu vou clicar para adicionar uma nova camada. Vou arrastar por cima de um retângulo. Então eu estou indo para uma ferramenta de letreiro retangular. Eu só vou testá-lo contra Journey porque eu quero que ele seja aproximadamente do mesmo tamanho que a palavra JOURNY. Talvez um pouco mais alto, mas certamente sobre a mesma largura, então eu posso testá-lo apenas desenhando aqui, e este é o meu retângulo. Vou enchê-lo de branco. Eu tenho minha camada vazia selecionada, branco é minha cor de primeiro plano. Vou pressionar Alt Backspace Option Delete em um Mac para preencher essa seleção com branco. Agora eu vou para a ferramenta Mover e eu vou mover essa seleção para baixo porque eu quero que ela apareça onde está minha casa é, porque eu vou colocar este texto no topo desta caixa. Então eu só vou alinhar as coisas razoavelmente bem aqui agora, e agora vamos pegar o texto. Então eu vou clicar na ferramenta “Texto”, eu vou voltar para o objeto de texto, e eu vou selecionar sobre ele. Agora, minha fonte é muito grande, então eu vou começar a reduzi-la. Vou clicar aqui na caixa de fonte. Eu só vou pressionar Shift Down Seta para começar a reduzi-lo. Se estou chegando perto de onde quero que esteja, posso pressionar a seta para baixo. Vou clicar na marca de seleção, e agora vamos movê-lo para a posição e ver como ele fica sobre este fundo. Mas o plano de fundo ainda está selecionado agora, então eu vou pressionar Control ou Command D para desmarcar a seleção para que eu possa mover meu texto no lugar. Se eu quiser o meu texto nesta caixa, ainda é um pouco grande demais. Novamente, vamos voltar para a ferramenta Texto, volta para selecionar sobre o texto, e eu vou apenas torná-lo um pouco menor e reposicioná-lo. O que eu estou procurando é o alinhamento da caixa branca para estar ao longo do lado do J e do Y aqui. Posso verificá-lo se eu quiser escolhendo “Exibir” e certificando-se de que Réguas tem uma marca de seleção. Se não funcionar, eu vou selecioná-lo, mas o meu faz, então eu vou apenas clicar longe daqui. Posso arrastar alguns guias. Então eu vou apenas arrastar um guia para o início da letra J, apenas para testar e ver como minha caixa está lá. Eu vou fazer o mesmo até o final da letra Y. Bem, parece que minha caixa é um pouco grande, então eu vou ampliar, pegar a ferramenta Mover, pegar a ferramenta Mover, selecionar minha camada de caixa, e apenas arraste-o para dentro para alinhar com essas guias. Para mover a imagem, eu só estou segurando a barra de espaço enquanto eu movo a imagem. Se tudo parecer bom, vou clicar na marca de seleção e, em seguida, me livrar dos guias escolhendo “Exibir” e, em seguida, “Limpar Guias”. Agora, eu vou pegar a minha casa novamente e eu vou apenas movê-la um pouco para baixo naquela caixa. Então, vou pressionar Control ou Command 0 para diminuir o zoom. Eu acho que a caixa branca é agora dois branco, então eu vou clicar sobre esta camada e apenas reduzir a opacidade dela. Isso mostra um pouco da imagem por baixo, mas ele fornece um fundo para esse texto mais fino, então é um pouco mais fácil vê-lo. Se quisermos ter certeza de que tudo está bem centrado, vamos selecionar tudo o que precisa ser bem centrado. Ou seja, a camada branca, a camada JORNADA, então eu estou Control ou Command clicando nisso e a é a minha camada inicial. Eu não estou selecionando o porque eu não quero centralizar isso. Agora, se eu pressionar Control ou Comando A para selecionar a imagem geral, você pode ver que eu tenho essas ferramentas de alinhamento aqui e eu quero alinhar tudo para que ele fique bem centrado. Então eu vou clicar em “Alinhar centros horizontais”, e isso apenas alinha tudo perfeitamente. Pressionarei Control ou Command D para desmarcar a seleção e haverá o efeito de texto concluído. 3. Texto sobre efeitos de imagem — parte 2: Este é o próximo efeito de texto que vamos criar. Para isso, você vai precisar de alguns pedaços. Primeiro você quer a imagem. Você pode baixar isso em unsplash.com e ele está na seção de viagens. Vá procurar a palavra “viagem”. Quando localizar esta imagem, basta clicar no link de download. Em seguida, quando ele abrir em seu navegador, você pode apenas clicar com o botão direito do mouse e escolher Salvar imagem como e apenas salvá-lo em seu disco. É uma das peças que você precisa. A próxima coisa que você quer é essa fonte chamada Amatic. Eu acho que é uma fonte muito, muito agradável e vai funcionar muito bem para este projeto em particular. Eu vou dar-lhe o link para baixar isso de fontsquirrel.com e é a fonte Amatic que você quer. Você vai querer ir em frente e instalá-lo. Existem duas fontes que você instala fora deste download, você instalará a versão regular e, em seguida, a versão em negrito. Finalmente, você vai precisar de uma fonte dingbat. A fonte dingbat que você quer como chamado Nymphette. É do DAFont. Mais uma vez, vou dar-lhe o link para localizá-lo e baixá-lo. É 100% gratuito, por isso está disponível para fins comerciais e pessoais. Basta clicar para baixá-lo e ir em frente e instalá-lo. Uma vez que você tem as duas fontes e a imagem, você está pronto para começar. Vou abrir a imagem que acabei de baixar. Agora isso tem 100 por cento de tamanho, então esta é uma imagem muito pequena. Basta estar ciente do fato de que ele é bastante pequeno. Um pouco incomum para Unsplash, já que suas imagens são geralmente um pouco maiores do que isso. Vou clicar na ferramenta de texto e vou certificar-me de que tenho a minha fonte baixada e instalada selecionada, que é Amatic SC regular. Só vou usar a versão normal. Ele também, é claro, vem na versão negrito que é apenas aqui, mas eu vou selecionar regular. Vou certificar-me de que o meu texto por enquanto é deixado justificado. Então eu vou apenas clicar aqui nesta opção de texto alinhado à esquerda. Vou testar a fonte. Vou apenas clicar aqui na imagem e ver como a fonte fica. Bem, o indicador aqui está me dizendo que é realmente muito pequeno, então eu acho que é um pouco pequeno demais. Vou selecionar agora algo maior aqui, algo como 36 pontos. Você pode ver que o indicador agora está nos mostrando que é um pouco maior. Estou pronto para ir em frente e digitar minha citação. Agora, Amatic é um tipo de letra “all caps”, então não se surpreenda que você não se misturou com isso, é tudo maiúsculo. Eu tenho uma linha dentro Vou fazer isso como duas linhas separadas. Vou apenas clicar para colocar isso. Vou clicar novamente para criar a segunda linha. Agora eu deliberadamente cometi um erro de ortografia aqui. Vou clicar na marca de seleção e vamos continuar a trabalhar nisso, mas vou mostrar-lhe como você pode verificar ortografia no Photoshop e você provavelmente deveria porque é fácil cometer erros. Eu tenho o autor da citação também para vir aqui. Eu só vou copiar isso porque eu tenho ele aberto em uma janela do navegador aqui. Acabei de copiá-lo. Vamos para a última paleta. Vou adicionar uma nova camada para isso com a Ferramenta de Texto. Eu só vou clicar e então eu vou apenas colar o nome dela com Control ou Command V, porque eu copiei da Web e eu vou clicar na marca de seleção. Agora, como cada um desses pedaços de texto estão em linhas separadas, será fácil movê-los. Com este, talvez eu queira fazer exatamente isso. Eu certamente quero ampliar o tipo. Vou voltar para ter certeza de que a camada está selecionada. Eu tenho esta linha de viagem selecionada, eu vou voltar para a ferramenta de texto, eu vou ter muito cuidado sobre apenas arrastar sobre o texto e agora eu posso aumentar o tamanho da fonte. Vou clicar aqui. Posso tentar às 48. Eu ainda acho que isso é um pouco pequeno então eu vou apenas pressionar a seta para cima apenas ampliá-lo. Vou anotar o que escolher para o meu tamanho de fonte e estou escolhendo 55 agora, então vou clicar na marca de seleção aqui. Vou fazer o mesmo com esta próxima linha. Novamente, selecionando camada, certificando-se de que eu tenho a ferramenta Texto selecionada, selecione sobre a fonte, tendo muito cuidado para pegá-la e, em seguida, apenas fazendo este 55, clique na marca de seleção. Agora vou reorganizar estas peças. Vou levar aqui o autor da citação. Vou pegar cada uma dessas peças. Acho que vou alinhá-los à direita, mas isso vai ser feito facilmente selecionando todas essas camadas. Vou selecionar em todas essas três camadas de texto. Isso exibe essas opções aqui na barra de ferramentas porque eu tenho a ferramenta Mover selecionada. Eu posso apenas clicar nesta opção que foi para alinhar tudo para as bordas direita e ele apenas limpa tudo até bem. Como eu disse, houve um erro de ortografia aqui, pelo menos um que eu posso ver. Vamos ver como poderíamos verificar ortografia no Photoshop. Vamos escolher “Editar”, Verificar Ortografia. Photoshop vai passar por não só a peça que eu tinha selecionado, que na verdade era esta linha superior, mas também o resto do documento e ele vai verificar todo o meu texto. Aqui está o erro ortográfico, e eu quero alterá-lo para esta ortografia correta, então eu vou clicar em “Alterar”. Pegou o nome do autor como sendo um erro de ortografia. Bem, isso não está correto, então vou dizer para ignorar isso. Verificação ortográfica está completa. Agora, a verificação ortográfica e a correção do erro também derrubou o alinhamento. Eu vou querer reselecionar essas camadas e apenas verificar novamente o alinhamento e obter tudo alinhado bem. Agora, o que eu quero colocar é uma espécie de corte da fonte ninfeta. Agora Ninfette é o que é chamado de fonte dingbat. Se eu for à ferramenta de texto aqui, mas solte isso e vamos dar uma olhada na Ninfeta, vai estar na lista aqui. Você pode ver que tudo o que você está vendo aqui são os elementos das fontes. Vai ser muito difícil para nós descobrir exatamente onde os elementos estão na fonte e como vamos ter acesso a eles. Mas há uma ferramenta no Photoshop que lhe dará acesso a essas fontes. Está no painel de glifos. Vou para a janela e vou escolher glifos. Vou procurar a minha fonte de ninfeta. Estou selecionando Ninfette e o painel de glifos me mostra como todos os caracteres se parecem nesta fonte. Há um pequeno controle deslizante aqui para que você possa torná-los maiores ou menores como desejar. Agora, o que eu quero é um dos que tem uma espécie de forma de coração nele. Um desses, e acho que esse é o que eu quero. Uma vez que somos capazes de selecioná-lo, agora temos que obtê-lo para o documento e nós fazemos isso indo para a última paleta. Só vou tirar isso do caminho por um minuto. Vou adicionar uma nova camada e vou selecionar a ferramenta Texto. Vou clicar mais ou menos onde quero que meu personagem vá. Agora que selecionei tudo isso e configurei o Photoshop para digitar algo. Vou apenas clicar duas vezes aqui sobre o personagem que eu realmente quero usar e o Photoshop apenas o adiciona ao documento. Essa é uma maneira muito útil de obter acesso a suas fontes dingbat que de outra forma seria muito, muito difícil de obter acesso. Vou apenas clicar na marca de seleção. Vou dar um zoom aqui um pouco, porque o que quero fazer é colocar isso um pouco mais perto do resto do texto. Na verdade, quero ampliá-lo um pouco. Vou manter a tecla Shift pressionada enquanto a arrasto para fora para torná-la um personagem um pouco maior. Então eu só vou movê-lo para a posição. Quero que saia do texto aqui. Vou pressionar Control ou Comando zero para diminuir o zoom. Agora, uma outra coisa que você pode querer fazer com isso é apenas clarear esta imagem por baixo. Para fazer isso, vamos selecionar o plano de fundo e vamos desbloqueá-lo. Podemos fazer isso de várias maneiras. Uma maneira simples é clicar para se livrar do ícone de cadeado. Mas em versões anteriores do Photoshop isso não está disponível. Você pode arrastar e soltá-lo no entanto na lata de lixo e que apenas libera esta camada. Libertando a camada , nos permite colocar algo embaixo dela. Vou clicar em Control ou Command no ícone Nova Camada para que esta nova camada fique abaixo da camada de imagem. Como branco é a minha cor de primeiro plano aqui, Eu só vou preenchê-lo com branco com opção de backspace Alt Excluir. Agora que eu tenho uma camada branca atrás desta, eu posso apenas clicar nesta camada e apenas ajustar para baixo para opacidade. Vamos ver através desta camada até a camada por baixo. Isso só ilumina um pouco a imagem. É apenas a camada de imagem que está tendo sua opacidade reduzida. A citação de viagem em si torna-se mais uma característica desta imagem. Há outra maneira de colocar texto sobre uma imagem. 4. Texto em efeito de imagem - parte 3: Para esse próximo efeito de texto no Photoshop, usaremos essa imagem. Novamente, é de unsplash.com. Novamente, você pode encontrá-lo pesquisando viagens e você vai querer baixá-lo para o seu computador e, em seguida, abri-lo no Photoshop. Eu tenho aberto aqui. Agora vamos cortar este para uma proporção um-para-um também. Tenho a ferramenta Cortar selecionada, na lista suspensa Proporção, escolherei um quadrado para um e, em seguida, clique na marca de seleção. Se você estiver trabalhando com versões anteriores do Photoshop, basta arrastar a ferramenta Cortar sobre a imagem segurando Shift enquanto o faz para restringi-la a um quadrado. Você quer a maior versão desta imagem que você pode obter. Agora a imagem em si está em uma camada de fundo aqui, e precisamos desbloquear isso para que possamos trabalhar sob esta camada. Para fazer isso, vou clicar no ícone de cadeado. Se estiver trabalhando com versões anteriores do Photoshop, basta arrastar o ícone de Bloqueio para a lixeira. Vou adicionar uma camada abaixo da camada atual clicando Control no ícone Nova Camada. Branco é minha cor de primeiro plano, então pressionarei Alt Backspace Option Delete para preencher esta camada com branco. O que eu quero fazer é cortar esta camada aqui. Quero cortá-la para um círculo. Vou buscar a ferramenta de letreiro elíptico. Vou segurar a tecla Shift enquanto arrasto uma forma de círculo aqui. Agora, não quero que seja do tamanho do documento em si. Eu quero que haja algum espaço ao redor e eu quero excluir o exterior e cobrir minha elipse, então eu preciso inverter minha seleção. Vou escolher Select, Inverse. Agora, o que foi selecionado não está mais selecionado, e o que não foi selecionado está selecionado. Eu selecionei todo o lado de fora desta forma. Eu só vou pressionar a tecla Delete e isso apenas se livra de todo o excesso que eu não quero. Agora eu vou voltar para a ferramenta Mover e eu só quero ter certeza de que essa forma está centrada nos documentos. Vou pressionar Control ou Comando D para desmarcar a seleção. Então eu vou selecionar esta camada. Eu vou fazer isso clicando Control na miniatura da camada e, em seguida, certifique-se de que a camada está selecionada. Agora vou pressionar Controle ou Comando A para selecionar tudo. Isso exibe esses ícones aqui, e eu vou clicar nos dois centros. Eu vou alinhar centros verticais, e então eu vou alinhar centros horizontais para que esta forma agora esteja centrada bem no meio da imagem. Agora estou pronto para ir em frente e adicionar o meu tipo. Vou clicar aqui para adicionar uma nova camada ao documento, e vou selecionar a ferramenta Tipo. Agora, eu estou digitando preto, o que é bom e meu texto será centralizado, o que é bom. Eu selecionei Myriad Pro Semibold, mas eu acho que isso provavelmente não vai ser ousado o suficiente , então eu vou escolher Myriad Pro Bold. Eu quero uma fonte bastante robusta para isso, Myriad pro é uma fonte simples agradável, mas é bastante robusto porque eu quero ser capaz de ver através dele. Vou clicar aqui e começar a digitar. Estou verificando o tamanho da minha fonte, são 250 pontos. Eu acho que provavelmente vai ser um pouco pequeno, então eu vou digitar 300 aqui. Vamos em frente e digite a citação que é “comer bem viajar muitas vezes”. Vou clicar na marca de seleção. Vou mover o tipo para o meio do documento. Agora, eu acho que é um pouco pequeno demais, um tamanho de fonte ainda, então eu vou selecionar novamente a ferramenta Tipo, selecionar sobre o texto porque eu apenas pressionei Enter ou Return no final de cada linha, e eu vou aumentar o tamanho da fonte clicando na caixa de fonte lá e apenas pressionando a seta Shift Up. Isso aumentará bastante a cada passo. Agora, eu vou levá-lo um pouco maior do que você pode pensar que é seguro para isso. Vou clicar na marca de seleção e vamos movê-la de volta para a posição. Agora, eu acho que a fonte ainda é um pouco pequena demais, mas o problema vai ser que se eu torná-la muito maior, ela vai se estender sobre a borda da forma. Bem, podemos resolver isso porque há muito espaço desperdiçado entre essas linhas. Quando você tem tipo realmente grande, você pode fechar a lacuna ou o embarque entre essas linhas. Mais uma vez, vou voltar para a ferramenta Tipo. Eu vou selecionar sobre o meu texto e eu vou para esta caixa de caracteres aqui. Você também pode chegar a isso escolhendo Janela e, em seguida, Personagem. Este é o diálogo de caracteres e tem nele a ferramenta para ajustar o espaçamento de linha ou embarque. Aqui está ele aqui. No momento, está configurado para automático. Vou começar a reduzi-lo. Bem, eu reduzi a zero, então agora vamos apenas empurrá-lo para fora para que possamos definir as linhas do tipo apenas separadas umas das outras, mas muito mais próximas do que estavam anteriormente. Eu defini isso para cerca de 407, que é apenas um pouco menor do que um tipo de letra é em si. São 460 pontos. Vou clicar nisso para selecioná-lo. Voltando aqui, eu só vou fazer o tamanho da fonte um pouco maior ainda. Eu tomei até 530 pontos e eu só vou aumentar o embarque apenas um pouco para compensar isso. Aqui é o meu tipo, e está tomando um pouco da forma. Você também pode ver que pequeno guia rosa aparecer quando eu tê-lo centrado. É um guia inteligente. Você terá essas versões nas versões mais recentes do Photoshop. Se você não tem uma versão recente do Photoshop, você pode vir para a paleta Camadas aqui, clicar nesta camada, nesta camada de texto para que você tenha selecionado, pressione Control ou Command A para selecionar o documento inteiro, e apenas centralizá-lo usando esta ferramenta aqui. Isso centrará o texto dentro do documento. Pressione Control ou Command D para cancelar a seleção. Eu terminei com a paleta de caracteres aqui, então eu vou apenas fechá-la. O que eu quero fazer é que eu quero cortar a fonte fora da imagem por baixo, mas eu também quero a imagem por baixo, bem assim eu classificar para ter o meu bolo e comê-lo também. Vou pegar esta camada aqui e vou duplicá-la. Tenho duas camadas de círculo, vou mover uma delas acima do texto. Vou desligar o de baixo só por agora, porque não conseguiremos ver o efeito se estiver ligado. Vou para o círculo mais alto e vou criar uma máscara de recorte. Vou fazer isso escolhendo Camada, Criar Máscara de Recorte. O que isso faz é que ele corta a imagem para o texto abaixo. O que efetivamente temos é um recorte dessa imagem que é a forma do texto. A beleza disso é que o texto ainda é editável. Ainda há um objeto de texto aqui nesta camada e se cometemos um erro ortográfico, por exemplo, poderíamos entrar e editar o texto e tudo ficaria bem. Eu tenho o meu efeito de texto, mas o que eu quero fazer é trazer de volta um pouco da imagem original para que eu tenha uma forma circular no meu documento. Se eu trazê-lo de volta com opacidade total, você pode ver que isso acontece. Não consigo ver o meu efeito de texto. Vou selecionar nesta camada e vou reduzir sua opacidade. Eu tenho a impressão da imagem por baixo com o texto através dela, e o texto, é claro, porque ele está usando exatamente a mesma cópia da imagem, esses elementos que vemos através do texto são realmente exatamente o mesmo elemento que está na imagem abaixo. Até agora, tudo bem. Este é um efeito muito agradável, mas penso que seria mais agradável se pudéssemos ler o texto um pouco mais claramente. Quero deixar o meu texto um pouco mais escuro. Para fazer isso, vou usar um estilo de camada. Vou clicar na camada de texto porque é a camada de texto que eu quero fazer efeito. Vamos clicar aqui no ícone “Fx” e eu vou escolher Inner Glow. Como o brilho interno pode ser usado para escurecer as coisas, por padrão, ele é usado para iluminar as coisas porque está configurado para o modo de mesclagem de tela. Mas podemos configurá-lo para se multiplicar e usá-lo para escurecer as coisas. Vou selecionar a amostra de cor aqui, e vou apenas clicar em uma cor na imagem subjacente. Quero um verde escuro. Eu só cliquei nisso para selecioná-lo. Eu tenho multiplicação selecionada. Eu tenho uma opacidade alta aqui, mas agora, eu tenho o meu efeito na borda do texto. Vou movê-lo para o centro. Você pode ver que isso tem o efeito imediato de escurecer o texto. Também me mostra que tenho um nível muito alto na minha opacidade. Só vou discar de volta da minha opacidade. Mas vamos dar uma olhada no anterior. Este é o “antes”. O efeito que queremos colocar, o texto não era suficientemente escuro para ser visto claramente. Ative a visualização e agora temos texto mais escuro. É exatamente o mesmo texto, é exatamente o mesmo efeito de recorte, mas usar este modo de mesclagem Multiply com uma cor que é originada da imagem em si e configurá-la para centralizar em vez de borda, nos deu este efeito de brilho interno, que efetivamente escurece nossos textos. Vou clicar em “Ok”. Aqui está outro efeito de texto criado no Photoshop. Cortamos uma forma circular de uma imagem. Fizemos uma duplicata. Adicionamos texto e, em seguida, cortamos uma dessas formas para o texto. Então alteramos a opacidade da segunda versão da forma muito baixa, modo que obtemos um efeito de iluminação por trás dela. Então não estamos satisfeitos por nosso texto estar escuro o suficiente, aplicamos um efeito de brilho interno usando o modo de mesclagem Multiplicar e uma cor mais escura para escurecer o texto. Seu projeto para esta aula de Photoshop for Lunch será pegar um ou mais dos efeitos de texto que você viu neste vídeo, e reproduzi-los você mesmo. Acesse unsplash.com para baixar uma imagem ou usar uma imagem que você mesmo tenha filmado. Você pode encontrar uma fonte para usar se quiser, dafont.com é um bom lugar para procurar fontes ou usar uma das fontes que você já tem em seu computador. Estou ansioso para ver seus projetos enquanto os publica. Por favor, se você vir um sinal de polegar para cima e se você gostou desta aula, dê um polegar para cima que irá ajudar outras pessoas reconhecer que esta é uma aula que eles também podem querer fazer. Se você quiser deixar um comentário, eu li todos os seus comentários e vejo todos os seus projetos. Meu nome é Helen Bradley. Muito obrigado por se juntar a mim neste episódio de Design Gráfico para Almoço. Estou ansioso para vê-lo em um próximo episódio, em breve. 5. Glyphs de de painel para os glifos para CS6 e anteriores: Este é um vídeo adicional para qualquer pessoa que esteja usando uma versão anterior do Photoshop que não tenha um painel Glifos disponível nele. Portanto, se você estiver usando o Photoshop CS6 ou anterior e não tiver um painel Glifos disponível, isso é o que você fará. Agora, a solução é diferente em um Mac do que é em um PC devido ao manuseio de fontes em cada um desses sistemas operacionais. Então vamos olhar para o Mac primeiro. Eu tenho o Photoshop aberto aqui no meu Mac, eu tenho minha ferramenta Tipo selecionada. Eu vou selecionar minha fonte porque eu sei que eu quero algo fora do meu Wingdings fonte regular, mas eu não sei quais são os caracteres nessa fonte. Então eu vou abrir o Font Book. Você pode encontrar Font Book indo para Finder e, em seguida, ir para Aplicativos e procurar Font Book, e quando você abri-lo, você tem acesso a todas as fontes em seu sistema. Então eu vou para Wingdings aqui porque eu quero um personagem fora da fonte Wingdings. Tudo o que eu preciso fazer é selecionar o personagem que eu quero usar. Então vamos selecionar este crânio e cruzar ossos, e pressionar “Command” dizer copiar esse caractere para a área de transferência do Mac. Agora posso clicar para retornar ao meu documento do Photoshop, voltar à Ferramenta de texto, clicar no documento e pressionar Command V para colar esse símbolo. Agora também, eu posso voltar para Font Book e tentar uma fonte diferente. Agora eu sei que em Webdings eu tenho alguns personagens interessantes aqui, e vamos dizer que queremos usar esta ilha com uma palmeira sobre ela. Então eu vou selecioná-lo e pressionar “Command” dizer, eu copiei para a área de transferência do Mac, mas eu quero anotar a fonte de onde ele veio. Então eu estou voltando para o meu documento, eu estou indo para a ferramenta Tipo, apenas indo para clicar e eu vou pressionar “Command V”. Agora, eu não entendo o personagem certo, e isso é porque o Photoshop ainda está usando Wingdings em vez de Webdings. Então eu vou selecionar sobre este personagem e eu vou digitar Webdings, e quando eu selecionar Webdings Regular, então eu obtenho o caractere de fonte que eu esperava ver. Assim, você será capaz de ver dentro de suas fontes muito facilmente se você abrir o Font Book, e então você pode simplesmente copiar e colar essas fontes em qualquer documento normal do Photoshop, e elas se comportam como caracteres normais. Tudo o que você está fazendo é usar o Livro de Fontes como uma forma de ter uma olhada em seus caracteres glifos. Então você pode recolorir as coisas. Por exemplo, poderíamos fazer isso um azul turquesa escuro, e também podemos redimensionar o personagem se quisermos fazê-lo. Essa é a solução para o Mac. Agora, a solução para o painel Glifos ausente no Photoshop CS6 e anteriores, se você estiver em um PC, é esta. Você vai para o seu menu Iniciar e você vai digitar aqui, charmap, é escrito C-H-A-R-M-A-P, e você vai executar o aplicativo chamado charmap.exe. Agora, esta é uma ferramenta Mapa de Caracteres. Então você tem uma pilha inteira de fontes disponíveis no seu PC, e você pode selecionar uma dessas fontes. Vamos para a fonte Webdings que estávamos usando no Mac, e temos acesso a essas fontes aqui. Então você pode simplesmente clicar em qualquer um desses caracteres que você deseja usar em seu documento. Vamos pegar a mesma palmeira que estávamos usando. Vamos clicar aqui para selecioná-lo, e então vamos clicar para copiá-lo, e ele é copiado novamente para a área de transferência do Windows. Agora, eu posso voltar para o Windows com a Ferramenta de Texto, e eu vou apenas escolher Editar, Colar. Eu também poderia pressionar “Controle V”. Agora, estou vendo um caractere aqui de uma fonte que eu tenho aqui que o Photoshop está definido para usar. Tudo o que eu preciso fazer é digitar o nome da fonte que eu realmente quero usar, e isso é claro, Webdings. Então eu vou apenas pressionar “Enter” e, em seguida, o personagem é reproduzido na fonte Webdings. Você vai, naturalmente, precisa ter certeza de que você selecionar o caractere antes de reaplicar o tipo de fonte. Então vamos voltar ao mapa charmap, e vamos pegar algo, desta vez de Wingdings. Então eu estou indo para a fonte normal Wingdings, e eu vou ter um personagem aqui. Vamos pegar este velho telefone. Vou remover este. Vou clicar em “Selecionar” para adicionar esse caractere. Vou clicar em “Copiar” para copiá-lo. Voltando ao Photoshop, volte à ferramenta Texto, clique e cole. Então eu vou apenas pressionar Control V desta vez, não é o personagem que eu esperava porque eu não estou usando a fonte correta. Para ir digite aqui Wingdings, e pressione “Enter” e ficamos com o personagem que queríamos. Portanto, há uma solução alternativa para um PC Windows no qual você não tem acesso ao painel Glifos porque está usando o Photoshop CS6 e versões anteriores. A ferramenta CharMap está no Photoshop desde o ponto do ano, então ela estará lá em algum lugar no seu sistema. Espero que isso ajude você a tornar caracteres de fontes e glifos Dingbat dentro de arquivos de fonte, um pouco mais acessíveis.