Lettering na natureza | Jamie Bartlett | Skillshare

Velocidade de reprodução


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

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

4 aulas (14 min)
    • 1. Primeiros passos

      1:02
    • 2. Objetos detalhados

      3:28
    • 3. Atmosfera

      3:22
    • 4. Criando profundidade

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

4.033

Estudantes

81

Projetos

Sobre este curso

5ee1d359

Neste curso vou mostrar como incorporar seu lettering em fotografias usando técnicas de mascaramento diferentes no Photoshop. Você poderá aplicar o que aprender a todos os tipos de ambientes fotográficos.  Qualquer pessoa poderá fazer esse curso e acompanhar as minhas instruções passo a passo com facilidade. 

Mal posso esperar para ver o que vocês vão criar.

Conheça seu professor

Teacher Profile Image

Jamie Bartlett

Graphic designer and left-handed letterer

Professor

Jamie Bartlett is a graphic designer and left-handed letterer working out of Denver, CO. She graduated from John Brown University with a degree in Graphic Design and now runs a shop for her hand lettered designs and fonts. Her work reflects everything she loves in life: a good cup of coffee, nerdy design terms, tandem bikes, road trips, and so much more.

Check out all Jamie's classes to learn her tricks of the trade. 

To see what she's up to now, follow her on Instagram and Dribbble.

                                                               

  &... 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. Primeiros passos: Oi pessoal, eu sou Jamie Bartlett. Nesta aula, vou mostrar-lhe como incorporar suas letras em fotografias usando diferentes técnicas de mascaramento no Photoshop. Você poderá aplicar o que aprendeu a todos os tipos de ambientes fotográficos. Vamos começar. Primeiro, temos de abrir a nossa fotografia. Você pode usar uma foto que você mesmo tirou ou um grande recurso é unsplash.com. Aqui você encontrará uma tonelada de fotos gratuitas e de alta resolução que são gratuitas para fazer o que quiser. Depois de ter uma foto, abra-a e Photoshop. Aqui está a foto que usarei para nosso primeiro método. Vou colocar texto nesta parede amarela aqui atrás da moto. Normalmente isso pode parecer muito difícil de fazer, já que temos todos esses pequenos detalhes que seriam muito difíceis de mascarar à mão. Então vamos usar uma técnica que torna este tipo de máscara muito mais fácil de inventar. Agora precisamos adicionar nossas letras a esta imagem. Então vamos até aqui ao File Place Embedded, e aqui está o meu letreiro. Vai clicar em Colocar e a marca de seleção, e agora você pode começar a mascarar. 2. Objetos detalhados: Para este método, vamos usar a ferramenta de intervalo de cores. A forma como funciona é baseada em tudo o que é visível. Preciso desligar minha camada de texto e agora podemos ir até “Selecionar”, “Intervalo de cores”. A gama de cores nos permite fazer uma seleção com base na cor. Por padrão, a visualização da seleção deve ser definida como nenhuma. Mas se não for, você pode mudá-lo aqui mesmo. Queremos que o amarelo desta foto seja selecionado. Pegamos esta ferramenta conta-gotas e clicamos no amarelo. Você verá que minha visualização muda para uma imagem em preto e branco. Todo o branco é o que é selecionado e todas as áreas escuras e pretas são o que não está na sua máscara, e os valores de cinza entre eles serão semitransparentes. Aqui em cima temos um controle deslizante de fuzziness. Isso é basicamente apenas um limite para determinar a quantidade de cor selecionada. Podemos trazê-lo para cima e mais daquele amarelo é selecionado, mas você pode ver aqui embaixo, ele está começando a se misturar no chão. Se você começar a trazê-lo todo o caminho para baixo, você pode ver que perdemos um pouco do amarelo na parede. Temos que ajustá-lo até termos a seleção que queremos, bem ali. Agora que eu acho que tenho a seleção que eu quero, eu sempre posso mudar minha visualização de seleção para uma dessas opções. Se eu mudá-lo para tons de cinza, é a mesma visão que temos nesta outra janela. Se você mudá-lo para preto fosco, todo o preto é o que não está selecionado e assim por diante. Gosto de usar a escala de cinza. Outra dica útil, se quisermos adicionar à seleção, podemos sempre segurar “Shift” e então teremos o sinal de mais e podemos clicar em algumas dessas áreas cinzentas e isso aumenta a isso. Ainda há um pouco mais cinza aqui em cima, então eu vou para “Shift” e clique aqui mais uma vez para adicionar a ele. Agora vou ajustar a confusão um pouco para me livrar dessa mistura no chão. Isso parece muito bom. Vamos clicar em “Ok” e aí está a minha seleção. Agora vou voltar a ligar a nossa camada de letras e clicar no botão “Máscara”. Assim, parece que o texto está atrás da moto. Agora vamos dizer que eu quero reposicionar o texto um pouco. Queremos ter certeza de que desvinculamos nossa camada de letras da máscara porque se movermos o texto agora, ele também move a máscara, e isso não funciona. Se desvincularmos e selecionarmos nossas letras, podemos mover nosso texto para onde quisermos e a máscara será preservada. Agora vamos mudar a cor do nosso letreiro. Clique duas vezes na camada de letras e adicione uma sobreposição de cores. Você pode clicar aqui para escolher a cor que quiser. Gosto daquela cor vermelha, laranja. Vou clicar em “Ok”, “Ok” de novo e agora tem uma boa cor. Se você quiser voltar e ajustar a cor, basta clicar duas vezes em “Color Overlay” na paleta de camadas e editá-la lá. Agora, para fazer mais uma coisa, para fazer parecer um pouco mais como se estivesse naquela parede, vamos definir o modo de mesclagem da nossa camada de letras para multiplicar. Mas como adicionamos uma sobreposição de cores, isso impede que qualquer um dos modos de mesclagem funcione. Preciso agrupar minha camada de letras pressionando “Command G” no seu teclado e vamos definir a camada de grupo para ser multiplicada. Agora temos um pouco da textura da parede de fundo que vem através. Assim, somos capazes de fazer uma máscara complicada que teria sido super difícil de fazer à mão. Vamos passar para um tipo diferente de cena. 3. Atmosfera: Para esta foto, eu quero colocar minhas letras atrás deste cume de árvores, mas também fazer parecer que está nesta camada de nevoeiro bem aqui. Vou colocar minhas letras, posicioná-lo onde eu acho que quero, pressione “Enter” e agora precisamos fazer uma seleção. Vamos começar com o mesmo método de gama de cores que usamos na última garrafa, mas lembre-se, precisamos desligar nossa camada de letras e, em seguida, ir para cima para selecionar “Intervalo de cores”, alterá-lo de volta para nenhum, e clique em alguns destas árvores. Agora vamos ajustar nossa confusão, trazê-la para baixo para que essas nuvens não apareçam e agora vamos mudar para tons de cinza. Todas as pequenas áreas cinzentas não estão no nosso mascote. Nós vamos adicionar esses n pressionando “Shift” e clicando. Agora que também acrescentou muito aqui em cima, então vamos ajustar nossa fuzziness novamente. Talvez precisemos limpar isso à mão, mas estamos focados na borda da árvore bem aqui. Isso parece muito bom. Vamos clicar em “Ok”, virar a camada de letras novamente e adicionar uma massa a ele. Precisamos inverter nossa máscara pressionando “Comando I” no teclado. Agora, se eu olhar para a minha massa mantendo pressionada “Opção” e clicando nela, podemos ver a parte da massa que precisamos nos livrar. Podemos fazer isso com nossa ferramenta de pincel. Vá até aqui e encontre sua ferramenta de pincel. Queremos ter certeza de que nossa cor está definida como branca e você pode aumentar e diminuir o tamanho do pincel com os “Suportes” esquerdo e direito no teclado. Eu vou fazer o meu um pouco maior e então você pode começar a escovar para fora. Também vou trazer um pouco a dureza do meu pincel. Não é tão emplumado e terminar de escovar todo este aplicativo. Certifique-se também de que a opacidade está definida como 100. Isso parece muito bom. Segure “Opção” novamente, clique em sua “Máscara” e isso parece muito bom. O primeiro passo é feito, temos o nosso texto por trás dessa gama de árvores. Vou apenas desvincular minha máscara e reposicionar minha camada um pouco e agora queremos fazer nosso texto parecer que está naquela névoa. Primeiro vamos duplicar a nossa fotografia. Com a fotografia selecionada na paleta Camadas, pressionaremos “Command J”, e isso faz uma cópia. Vamos pintar essas nuvens de volta no topo da nossa camada de letras para garantir que sua cópia de foto esteja no topo e vamos isolar as nuvens com a faixa de cores. Volte para selecionar a faixa de cores, clique na “Área da nuvem” e vamos ajustar nossa fuzziness. Nosso texto é apenas nesta área, essa é a área principal com a qual precisamos nos preocupar. Vamos abaixar um pouco para perdermos algumas das árvores e isso parece muito bom. Clique em “Ok”, agora vamos adicionar uma massa a essa camada. Se está feliz com isso, está tudo acabado. Ou se você quiser que as letras sejam exibidas um pouco mais através das nuvens, você sempre pode diminuir a opacidade da camada de nevoeiro. Eu vou baixar o meu para 90 e lá vai você. Novamente, com a gama de cores, somos capazes de fazer algumas máscaras bastante complicadas. 4. Criando profundidade: Para a última imagem, vou usar esta foto de árvores. As letras que vou usar para esta imagem são, na verdade, duas camadas diferentes. Vou abrir esse PSD no Photoshop, e cada uma das minhas palavras tem duas camadas diferentes. Vou selecionar os dois, clicar com o botão direito sobre eles, e duplicá-los na imagem da minha palavra. Agora, para ambos, vou adicionar uma sobreposição de cores, e por enquanto vou torná-la branca. Para adicioná-lo à minha outra camada de letras, mantenho novamente a opção e arrasto o efeito para o meu texto perdido. Para esta foto, o intervalo de cores não é uma opção muito boa porque não há como distinguir quais árvores eu quero selecionar e quais eu não. São tantos e alguns deles são tocantes. Além disso, eu quero que algumas partes da mesma letra para ir na frente da árvore e outras partes para ir na parte de trás da árvore para fazer parecer que a carta está enrolando em torno da árvore. A maneira mais fácil de fazer isso é escovando a máscara à mão. Por enquanto vou desligar as letras perdidas e focar na palavra “get”. Vou ampliar pressionando Command e Plus no teclado, e reposicionar meu texto mantendo pressionada a barra de espaço e arrastando. Agora, eu preciso adicionar uma máscara nesta primeira camada. Vou clicar na Máscara, encontrar a nossa ferramenta de pincel, vamos certificar-nos de que a dureza é até 100 e vamos diminuir o tamanho, e clicar em Meus pincéis paleta aqui, e virar o espaçamento para provavelmente em torno de 10. Temos pinceladas muito suaves. Agora, precisamos pintar de preto nas áreas que queremos entrar. Vou mudar a nossa cor aqui para ser preta, e para este G, quero que esta parte do G vá atrás da árvore. Vou me certificar de que nosso pincel é selecionado, ampliar um pouco mais e eu começar a pintar. Às vezes, é mais fácil repassar um pouco e, em seguida, ampliar ainda mais e, em seguida, se você mudar de volta para branco, você começa a pintar sua máscara novamente. Uma maneira rápida de alternar entre a cor do primeiro plano e o plano de fundo é pressionar X no teclado. Temos essa parte atrás da árvore e agora quero colocar essa parte atrás da árvore. Vou mudar o fundo e a cor do primeiro plano de novo e começar a pintar. Este processo é realmente muito divertido. Reduza o zoom para ver como está. É muito bom para o G e agora vamos para o T. O E não vai estar atrás de nenhuma árvore. O T, vou pintar esta parte. Vamos ampliar, estamos em posição. Outra coisa útil a fazer é mudar a opacidade da sua camada por enquanto para que você possa ver onde a árvore e as letras se cruzam. Vou reposicionar meu texto um pouco para que este canto fique alinhado com a árvore. Volte para sua máscara e continue pintando. Vamos voltar a opacidade e ver como é. Aumente o zoom e agora que eu tenho as grandes árvores mascaradas, eu vou fazer zoom de volta e adicionar alguns detalhes mais finos. Se você virar suas camadas de opacidade novamente para baixo, você pode ver que existem algumas ramificações que seriam sobrepostas ao texto. Este ramo, por exemplo, pode estar sobrepondo o E. Vou ampliar isso, diminuir o tamanho do meu pincel e começar a mascará-los. Parece que seria difícil, mas uma vez que você pega o jeito dele é bem fácil e se você estragar você sempre pode pintá-lo de volta e tentar novamente. Aqui está outro ramo que eu poderia adicionar. Vamos fazer essas no G. Você pode adicionar quantas ramificações quiser, é tão simples quanto isso. Mesmo aqueles pequenos ramos apenas adicionar um pouco mais de detalhes a ele, que realmente fazer esta imagem olhar grande. Continua até estares feliz. Outra coisa que você pode fazer para fazer suas letras parecer um pouco mais como se estivesse na cena, é não deixá-lo 100% branco. Você pode voltar para a sobreposição de cores e, em vez disso, você pode fazer uma amostra de uma das cores mais brancas da imagem. Talvez torná-lo um pouco mais branco para que ele se destaque o suficiente para que você possa lê-lo, clicar em Ok, diminuir o zoom e ver como isso se parece. Isso parece muito bom. Deixe-me mostrar minha imagem final com todas as máscaras. Pintei todos os galhos, até coloquei atrás do chão aqui onde está a árvore. Você pode ver que eu me diverti brincando com parte da letra que vai atrás da árvore e na frente da árvore. Mais uma dica é emplumar sua máscara uma vez que você tenha tudo terminado. Se eu clicar em Minha máscara e ampliar, e olharmos para esses pequenos detalhes na árvore, se você clicar duas vezes em sua máscara, ele abrirá o painel de propriedades dessa máscara. Você verá este controle deslizante de penas. Se você deslizar para a direita, ele começa a espalhar sua máscara muito. Só queremos passar um pouco o nosso para que não seja tão afiado. Vou fazer o meu a 0,5 pixels. Só para suavizar e ajuda a misturar suas letras na cena um pouco melhor. Vamos diminuir o zoom, e vamos fazer a mesma coisa para o texto perdido. Essas são minhas técnicas para incorporar minhas letras de mão em fotos. Espero que tenham se divertido e mal posso esperar para ver o seu. Não se esqueça, você sempre pode me fazer perguntas sobre a discussão Pergunte-me Qualquer coisa, eu estou sempre aqui para ajudar. Certifique-se de que quando vocês terminarem postar seu projeto final na página do projeto. Mal posso esperar para ver o que vocês criaram. Vejo vocês da próxima vez.