Transcrições
1. Crie um efeito de vídeo reutilizável no Photoshop no: Olá, sou Helen Bradley. Bem-vindo a esta aula de Design gráfico para almoço, crie um efeito de falha de vídeo reutilizável no Adobe Photoshop. Design gráfico para almoço é uma série de aulas que ensinam uma variedade de dicas e técnicas para criar designs e trabalhar em aplicativos como Illustrator, Photoshop e Procreate. Hoje vamos olhar para a criação de um efeito de falha de vídeo, e vamos aprender algumas coisas sobre como trabalhar com canais no Photoshop e também como usar mapas de deslocamento, ou há algumas coisas realmente legais que vamos aprender ao longo do caminho para criar esta grande imagem. Agora, enquanto você está assistindo a esses vídeos, você verá um prompt que permite que você recomende esta classe para outras pessoas. Na verdade, você vai vê-lo, se você não estiver usando um aplicativo, se você estiver realmente usando uma versão baseada em navegador do Skillshare. Se você ver, se você está gostando da aula,
por favor, faça duas coisas para mim. Em primeiro lugar, dê um polegar para cima e, em segundo lugar, escreva em apenas algumas palavras sobre por que você está curtindo a aula. Essas recomendações ajudam outros alunos da Skillshare a ver que esta é uma aula que eles também podem gostar. Se você gostaria de deixar um comentário ou uma pergunta para mim, por favor, faça-o. Eu leio e respondo a todos os seus comentários e perguntas, e olho e respondo a todos os seus projetos de classe. Se você estiver pronto agora, vamos começar a criar um efeito de falha de vídeo no Photoshop.
2. Pt 1 - Entendendo os canais de cores: Agora, há apenas uma pequena coisa que eu quero ver antes de começarmos com o efeito de falha de vídeo porque eu acho que eu posso ajudá-lo a entender um pouco sobre o que está acontecendo quando fazemos esse efeito, e tudo tem para fazer com canais no Photoshop. Agora, quando você está trabalhando com uma foto no Photoshop, é um modo de cor RGB. Isso significa que é feito de vermelho, verde e azul. Quando você adiciona vermelho puro, verde e azul juntos, você fica branco. Então esses círculos sobrepostos onde eles se cruzam no meio, estamos vendo branco, e aqui está azul puro. Mas observe que o azul puro oposto é amarelo, e o vermelho puro oposto é ciano, e o verde puro oposto é magenta. Então, a cor oposta para vermelho é ciano. Se destruirmos o canal vermelho de alguma forma, ou
ficaremos mais vermelhos ou mais cianos. Se destruirmos ou trabalharmos no canal verde, então vamos afetar não só o verde na imagem, mas também potencialmente ciano. Se fizermos o mesmo com o canal azul e distorcermos esse canal de alguma forma, então ou vamos ficar mais azuis, ou vamos ficar mais amarelos. Portanto, é importante entender a relação entre essas cores primárias. Vermelho, verde e azul são suas cores primárias, e seus opostos, ciano, magenta e amarelo. Agora vamos nos mover e dar uma olhada rápida em uma fotografia. Esta é a fotografia que vamos usar para este efeito de falha de vídeo. Ele está sendo exibido no modo de cor RGB, então a imagem é uma combinação de vermelho, verde e azul. Agora, podemos dizer a contribuição que vermelho, verde e azul fazem para esta imagem a partir da paleta do canal, escolho Janela e depois Canais. Aqui está o canal composto RGB, e então temos canais individuais vermelho, verde e azul, e eles controlam o vermelho, verde e azul que vai para formar esta imagem. Agora, cada um desses canais é um pouco diferente dos outros canais por causa da quantidade de vermelho, verde e azul que vai para diferentes partes da imagem, mas você verá que eles estão todos sobrepostos um sobre o outro, o patinador não está se movendo de um canal para outro. Bem, o efeito de falha de vídeo depende mover um desses canais de cores um pouco deslocado. Então, o que podemos fazer é ir, por exemplo, para o canal vermelho, e eu vou escolher “Selecionar tudo” para selecionar tudo no canal vermelho da ferramenta de movimento selecionada, e eu vou apenas empurrar este canal para fora de alinhamento com os outros canais. Neste momento não vemos nada diferente porque estamos apenas olhando para o canal vermelho, mas se eu voltar aqui e selecionar o canal de cor RGB, a imagem completa, você pode ver que algo aconteceu com a fotografia, E o que aconteceu é que vermelho e ciano apareceram nas bordas do patinador, e de fato nas bordas de tudo nesta imagem, porque nós tiramos o canal vermelho do alinhamento. Como eu movi a imagem para a esquerda, você pode ver que ciano está aparecendo no lado esquerdo, por exemplo, da perna do patinador, e vermelho está aparecendo do outro lado. Se eu voltar para o canal vermelho e movê-lo na direção oposta, então o oposto vai acontecer. Cyan vai começar a aparecer aqui, e vermelho aparecerá aqui. Vamos voltar ao canal de cores RGB. Você pode dizer que o ciano está aqui e o vermelho está aqui. Agora, esta é a base do efeito de falha de vídeo. O que vamos fazer é compensar um dos canais
na imagem para iniciar nosso efeito, e então vamos adicionar alguns bits extras nele também, mas esta é a parte fundamental disso. O problema é que se queremos criar este efeito como um efeito re - utilizável muito simplesmente para que possamos simplesmente soltar qualquer fotografia neste efeito e ter o efeito de falha de vídeo aparecer, então não podemos usar este processo para compensar porque vamos usar objetos inteligentes, e você não pode dividir os canais dessa maneira usando objetos inteligentes. Então vamos ter que encontrar uma maneira diferente de distorcer nossos canais. Mas, fundamentalmente, isso é o que vamos fazer com alguns extras adicionais.
3. Pt 2 - Pt como usar um mapa de deslocamento: Estamos prontos para avançar agora e criar o nosso efeito de falha de vídeo. Então eu abri minha imagem no Photoshop e eu lhe dei o link de download para esta imagem. É acessível a partir de Unspliced.com. Agora, antes de começarmos com o efeito de falha de vídeo em si, precisamos do que é chamado de mapa de deslocamento. Vamos usar isso para distorcer a imagem. Para fazer um mapa de deslocamento, quero uma imagem do tamanho desta. Então eu vou escolher arquivo e, em seguida, novo. Agora, se eu não tiver certeza do tamanho dessa imagem, uma vez que eu ver a nova caixa de diálogo aparecer aqui, eu posso simplesmente clicar na janela e selecionar minha foto. Quando eu faço isso, a largura e a altura são automaticamente definidas para este novo documento, para a largura e altura da minha foto. Quero que meu plano de fundo seja preto, então eu vou soltar a lista aqui, clique em “Outro” e apenas certifique-se de que eu tenho preto selecionado, e eu vou clicar em “Ok”. Então “Ok” de novo. Agora tenho um documento que tem um fundo preto que tem exatamente o mesmo tamanho da minha fotografia. Então eu estou indo para a ferramenta de pincel e eu quero selecionar um pincel para usar. Estes são alguns dos pincéis padrão que são fornecidos com o Photoshop. Não importa muito o pincel que você usa, mas estou usando um desses que são como uma série de pontos. É uma espécie de pincel de respingos. Então eu estou apenas selecionando-o e eu vou configurá-lo para um tamanho bastante grande. Mas quer saber? Ainda é muito pequeno. Então eu vou apenas usar um colchete para ampliá-lo. Estou pintando com branco. Tenho aqui um conjunto branco. Claro, você sempre pode selecionar branco clicando
neste ícone aqui e, em seguida, apenas inverte as cores. Vou pintar alguns pontos brancos nesta imagem. Estou só a clicar e a clicar algumas vezes para tirar uma boa tinta branca. É tudo o que preciso fazer nesta fase. Vou converter esta camada de fundo para camada irregular clicando duas vezes sobre ela e clique em “Ok”. O que eu quero fazer é criar um efeito espiral através deste padrão aqui. Então eu vou escolher filtro, distorcer, onda. Para o meu filtro de ondas, quero uma onda senoidal. O que eu disse aqui é que eu tenho um comprimento de onda que é bastante baixo no nível mínimo e em torno do meio caminho no nível máximo. Minha amplitude está enrolado todo para a direita. Você pode ver que a amplitude está tendo um efeito em obter este efeito em ziguezague. Então você quer apenas experimentar a amplitude só para obter essas formas aqui para ser ziguezague ao redor. O que está controlando um ziguezague é essa escala. Então eu tenho a escala horizontal ferida todo o caminho até 100. Se a escala vertical foi enrolada até 100, você pode ver que o ziguezague está indo para o outro lado. Mas nós só queremos que ele escala em uma direção e eu quero que ele seja em uma direção horizontal. Então você pode brincar com esses ajustes. Tudo o que você quer é algo que vai vagamente gostar disso. Você pode ter mais ou menos dessas linhas na imagem ajustando seu comprimento de onda. Eu quero alguns. Você pode até levar seus geradores para três ou quatro. Você pode apenas experimentar com esses valores. Mas você não vai dar errado com configurações que são assim. Um número baixo de geradores, 1, 2, 3, comprimentos de onda que estão bastante próximos um do outro. Mas na borda inferior destes controles deslizantes, amplitude premier enrolado todo o caminho para cima. Em seguida, para a escala, certificando-se de que você tem conjunto
horizontal realmente alto e vertical muito baixo. Vou clicar em “Ok”. Vamos usar esta imagem para duas coisas. Vamos usá-lo como uma sobreposição sobre o skater, mas também vamos usá-lo para distorcer o skater, porque há um método no Photoshop onde você pode usar
uma imagem em preto e branco para distorcer outra imagem. Para fazer isso, vamos ter que salvar isso. Vou escolher “Arquivo” e depois “Salvar como”. Eu tenho um arquivo de imagens mestre aqui. Vou chamar isso de “Mapa de Deslocamento”, mas pode chamá-lo do que quiser. Vou clicar em “Salvar”. Como eu disse, quero isso para dois propósitos. Primeiro, eu quero que ele adicione um efeito sobre o patinador, mas em segundo lugar, eu quero usá-lo como um mapa de deslocamento. Então vamos para isso como um pouco de colocação dele antes de tudo. De volta à imagem do patinador, eu quero fazer algumas coisas. Em primeiro lugar, eu quero transformar a camada de fundo em uma camada regular clicando duas vezes sobre ela e clique em “Ok”. Então eu quero convertê-lo em um objetos inteligentes. Então, vou clicar com o botão direito do mouse e escolher “Converter em objeto inteligente”. Agora esta vai ser a nossa imagem de fundação. Então o que queremos fazer agora é distorcê-lo usando nosso mapa de deslocamento. Para fazer isso com a camada de objeto inteligente seletiva, vamos escolher filtrar, distorcer, deslocar. Você pode fazer algumas alterações através das configurações aqui, mas é bastante arbitrário agora porque você
nem sabe o que ele realmente vai fazer com a imagem. Os padrões que eu acho que são 10 e 10, então eu estou apenas enrolando o meu até 16 e 16. Eu tenho “Esticar para ajustar” selecionado, e eu tenho “Repetir pixel de borda” selecionado, e eu vou clicar em “Ok”. Quando eu faço isso, Photoshop diz, “Espere um minuto, você precisa me dizer o que você quer usar como seu mapa de deslocamento.” Então eu vou selecionar meu arquivo PSD que eu acabei criar como um mapa de deslocamento e clicar em “Ok”. O que aconteceu é que o Photoshop realmente distorceu essa imagem ao longo das linhas que havia no mapa de deslocamento. Então, se dermos uma olhada no mapa de deslocamento, você pode dizer que é um monte de linhas encaracoladas. Bem, essas linhas encaracoladas agora estão distorcendo essa imagem dentro do Photoshop. Então você pode criar um mapa de deslocamento que é qualquer coisa basicamente, e você pode aplicá-lo a uma imagem e ele será usado para distorcer a imagem. Agora, se você acha que o deslocamento não é suficiente ou é demais, você pode clicar duas vezes na opção de exibição aqui, e você pode redefinir a escala horizontal. Então vamos levar até 30 e clicar em “Ok”. Mas teremos que reselecionar nossa imagem a cada vez. Você vai ver agora que eu tenho ainda maior deslocamento e fraturamento
desta imagem como resultado da aplicação do mapa de deslocamento a ela.
4. Pt 3 - distorce um canal de cores: Agora que distorcemos a imagem em si, é hora de olhar para distorcer parte da cor na imagem. Para isso, vamos derrubar um desses canais fora de alinhamento. Mas não podemos fazer isso usando a paleta de canais
porque não somos capazes de fazer isso com um objeto inteligente. Aqui está como vamos fazer isso. Vamos começar primeiro na paleta Camadas. Vou arrastar e soltar isso na camada de objeto inteligente tarefa no ícone Nova camada. Isso vai me dar uma duplicata exata dessa imagem distorcida. Para esta camada, o que vamos fazer é distorcer a camada um pouco, e então vamos limitar essa distorção a um canal de cores. É por isso que precisamos de uma segunda cópia da imagem para fazer isso. Com a camada selecionada, vou escolher Filtro, Distorcer e o efeito de distorção que vou usar é Distorção. Então eu só vou clicar em “Cisalhar”. Agora, esta é a configuração padrão para o filtro de cisalhamento, ele deve ser apenas uma linha abaixo do centro da imagem. Mas assim que você tiver usado o filtro de cisalhamento uma vez em uma sessão no Photoshop, o padrão será o que for da última vez que o usou. Assim que começarmos a usá-lo, esse será o padrão desta sessão. O que eu vou fazer é eu vou apenas arrastar muito ligeiramente nesta linha. Você pode ver que o Photoshop colocou um pequeno marcador aqui para marcar onde eu arrastei para fora na linha. Agora, você quer usar menos em vez de mais neste momento. O que eu vou fazer é eu realmente vou fazer uma pequena curva S no meu cisalhamento aqui. Vou arrastar para a direita no topo e, em
seguida, agarrar a minha linha e arrastar ligeiramente para a esquerda na parte inferior. Mas literalmente você pode fazer o que quiser. Mas apenas esteja ciente de que menos vai ser mais porque mesmo um alinhamento como este, que é muito pequeno cisalhamento vai resultar em uma grande mudança nas cores. Para os pixels de borda, eu vou apenas clicar aqui em “Repetir Pixels de Borda” e, em seguida, clique em “Ok”. Agora, você viu alguma distorção acontecer na imagem enquanto eu cliquei em “Ok” e, na verdade, se eu clicar nessa camada ligar e desligar, você verá que há alguma distorção aqui, um
pouco de distorção na verdade. Vou voltar a ligar a camada. Neste momento, o cisalhamento que aplicamos está sendo aplicado a toda a camada, todos os três canais onde queremos aplicá-lo a apenas um canal. Para fazer isso com a camada selecionada, vou clicar no ícone “Fx” e clicar em “Opções de mesclagem”. Porque aqui nas opções de mesclagem é uma opção para misturar um, dois ou três canais. Por padrão, são três canais porque 99,999% do tempo, é
isso que você quer mesclar. Mas hoje é diferente, hoje queremos misturar usando apenas um canal. Você pode selecionar o canal que deseja usar, este é o canal vermelho, este é o vermelho e ciano. Se usarmos o canal verde, então vamos sair verde e magenta. Se usarmos o canal azul, então vamos sair azul e amarelo porque eles são as cores opostas, então você pode usar qualquer combinação de cores que você quiser. Acontece que gosto do vermelho e ciano, e é isso que vou usar. Mas você pode ver até onde essas cores foram nocauteadas com apenas um pequeno ajuste naquele filtro de cisalhamento. Vou clicar em “Ok”. Se eu quiser neste momento, eu posso voltar para o filtro de cisalhamento clicando duas vezes sobre isso. Agora posso ajustar a quantidade de distorção que tenho nesse canal. Se fiz muito ou pouco, posso trazer o slide de volta aqui. Eu só vou pegar um dos pequenos pontos que eu tinha,
eu só vou ajustar isso e clicar em “Ok”. Em seguida, a imagem será reajustada de acordo. Agora, nós temos um efeito de distorção de imagem, nós
temos adicionar cor distorcida, nós vamos voltar no último vídeo e apenas aplicar alguns efeitos extras à imagem.
5. Pt 4 - Reuse o efeito: Nesta fase, você deve se lembrar que temos esta imagem do mapa de deslocamento sentada aqui. Nós o usamos como um mapa de deslocamento para distorcer a imagem, mas também dissemos que íamos usá-lo para afetar a imagem também. Bem, agora é a hora de pegar essa imagem, escolher “Selecionar tudo” e depois “Editar”, “Copiar”. Vamos voltar para adicionar imagem distorcida do skater, e eu vou escolher “Editar”, “Colar”. Em seguida, basta colar esta imagem do mapa de deslocamento em cima do patinador. Claro, como usamos essa imagem como um mapa de deslocamento, essas linhas seguirão a distorção na imagem abaixo. É só porque é uma imagem em preto e branco, certo não podemos ver nada através dela. Bem, nós só vamos mudar o modo de mistura. Em um PC, vou apenas selecionar um “Modo de mesclagem” e, em seguida, usar a tecla de seta para baixo para executar apenas os modos de mesclagem. Se você estiver usando um Mac, precisará selecionar a ferramenta que não seja uma ferramenta de pincel. Em seguida, você pode usar Shift plus e Shift menos para passar pelos modos de mesclagem. Eu fui tão longe como clarear, que é uma das opções que eu poderia potencialmente usar. O ecrã é outro. Você também pode usar esquivar de cores porque isso também vai afetar algumas das cores na imagem. Neste ponto, você só está procurando um efeito que fale com você. Basta executar as opções
e, em seguida, quando você chegar à parte inferior em um PC, você pode simplesmente voltar para um que você deseja usar. Em um Mac, você pode continuar girando porque eles vão pedalar todo o caminho. Vou até aqui para algo como “Dodge Color”. Eu só vou baixar a opacidade porque é muito de um efeito. Vou levar a minha opacidade até ao zero e depois acabar um pouco até ver algo que realmente vai funcionar para mim. Estou usando o que são chamados sliders esfregados aqui. Você pode soltar esta pequena seta e ajustar o controle deslizante, mas você também pode apenas arrastar sobre a palavra e que ajusta o controle deslizante apenas arrastando sobre a palavra. Você vê um pequeno ícone de mão com pequenas setas nele. Vou levar a minha opacidade a cerca de 30 por cento. Agora eu vou terminar esse efeito com algum barulho, mas eu gosto de colocar meu ruído em uma camada editável porque isso apenas faz muito mais sentido. Vou adicionar uma nova camada cheia de cinza sólido a esta imagem. Vou escolher “Camada”, “Nova camada de preenchimento” e depois “Cor sólida”. Vou clicar em “Ok”. A cor sólida que eu quero usar é cinza médio e isso é 128, 128, 128, 128. As chances são que você provavelmente não será capaz de obter
exatamente quando você está apenas clicando e arrastando aqui, mas se você fizer, então tudo bem. Caso contrário, isso vem aqui e digite os valores e clique em “Ok”. A razão pela qual usamos 128, 128, 128 é porque é cinza neutro. Quando aplicamos modos de mesclagem, como sobreposição, nada muda na imagem subjacente. Se eu ativar e desativar essa camada, nada muda na imagem, que me permite usar essa camada para aplicar efeitos à imagem abaixo. O que vou fazer é aplicar barulho a esta camada. Vou escolher “Filtrar ruído”, “Adicionar ruído”. É-me solicitado que eu tenha que rasterizar essa camada ou convertê-la em um objeto inteligente. Estou bem em convertê-lo em um objeto inteligente, então vou fazer isso agora. Neste ponto, você precisa olhar e dizer o barulho que deseja adicionar. Você pode adicionar ruído de cor clicando em “Monocromático”, ou você pode adicionar ruído preto e branco clicando em “Monocromático on”. Você pode mudar entre o
ruído uniforme e gaussiano e apenas dizer como isso afeta sua imagem, e você também pode ajustar a quantidade. Agora eu adicionei um pouco de ruído a isso porque é um efeito de falha de vídeo. Algo deu errado com meu fluxo de vídeo e eu estou recebendo uma imagem distorcida de cor barulhenta, e então eu estou muito feliz com uma boa quantidade de ruído aqui. Ele também pode querer torná-lo ruído de cor, então eu vou apenas selecionar o que fala comigo criativamente e clique em “Ok”. Agora, se você sentir que o ruído é muito e muito óbvio, então você pode simplesmente recuar a opacidade nesta camada. O outro vídeo concluído, efeito falha. Agora é hora de olhar e ver como podemos reutilizar isso porque o que queremos fazer é ir em frente e salvar este arquivo. Agora eu já o salvei, então ele tem um nome, então eu vou apenas clicar para salvá-lo novamente. No futuro, eu poderia reabrir este arquivo, e o que eu vou fazer é ir para uma das camadas de objetos inteligentes, clique com o botão direito do
mouse, e eu vou escolher editar o conteúdo. O que isso vai fazer é abrir a imagem original dentro do objeto inteligente, e o que eu quero fazer é colocar outra imagem aqui em vez disso. Vou escolher “Arquivo” e depois “Colocar Embedded”. Vou selecionar uma imagem diferente para usar. Agora este é um pouco menor, então eu realmente vou ampliá-lo, mas certificando-se de que eu mantenha a tecla Shift para que ela seja restrita às suas proporções originais. Eu só vou movê-lo para cima para que a parte interessante da imagem seja onde eu quero que ela esteja. Neste ponto, eu posso ir em frente e excluir esta camada. Eu só vou arrastar e soltá-lo no ícone de exclusão aqui. Agora eu simplesmente salvaria e fecharia esse arquivo. Aqui você pode dizer que eu tenho a camada 0 pares B. Este é o arquivo de objeto inteligente e tudo o que eu vou fazer é clicar no botão
Fechar e eu vou ser solicitado a salvar as alterações nele. Eu vou dizer “sim”. Photoshop foi em frente e atualizou os objetos inteligentes. Eu tenho duas camadas de objetos inteligentes aqui, ambas foram atualizadas para a nova imagem e a de cima
teve o mapa de deslocamento aplicado a ela e também o cisalhamento, a de baixo acabou de ter o mapa de deslocamento aplicado a ela. Agora, neste ponto, se dissermos, “Bem, isso é muito bonito, mas o que acontece se realmente quisermos, digamos azul e amarelo nesta imagem distorcida em vez de azul e vermelho?” Bem, vamos para este pequeno ícone aqui e clique duas vezes nele, e isso se abre para as opções de mesclagem. Para azul e amarelo, precisamos ir buscar o canal azul. Aqui está a distorção azul e amarela aplicada à imagem. É simplesmente um caso de mudar o seletor de canal aqui e clicar em “Ok”. Porque esta é também a camada de cisalhamento, se pensássemos que o cisalhamento era demais, então podemos clicar duas vezes no cisalhamento aqui para reabrir o painel transparente, e podemos mudar como o cisalhamento está sendo aplicado. Eu poderia trazê-lo para ser um pouco menos,
por exemplo, com esta imagem, ou eu poderia movê-lo apenas totalmente de um lado para que ele
realmente não faça uma curva S através da imagem e clique em “Ok”. Há muitas opções aqui para não apenas usar uma imagem diferente para este efeito, mas também para alterar o efeito de cisalhamento, mas também o canal de cores que você está usando. Você também pode desativar essa camada de sobreposição e você também
pode ajustar a camada de ruído se desejar. Há o nosso efeito de falha de vídeo criado no Photoshop. Seu projeto para esta classe vai ser ir em frente e criar seu próprio efeito de falha de vídeo com alguma distorção nele criado usando um mapa de deslocamento. Publique uma imagem da sua fotografia defeituosa na área do projeto da classe. Espero que você tenha gostado dessa aula e que tenha aprendido algumas coisas sobre canais, cores
e mapas de deslocamento no Photoshop. Se você gostou da aula e quando vir um prompt, dê uma recomendação,
por favor, faça duas coisas para mim. Em primeiro lugar, dê um polegar para cima e, em segundo lugar, escreva apenas algumas palavras sobre por que você gostou desta aula. Estas recomendações ajudarão outros alunos a ver que esta é uma aula que eles também podem desfrutar. Se você gostaria de deixar um comentário ou uma pergunta para mim, por favor, faça-o. Eu leio e respondo a todos os seus comentários
e perguntas e olho e respondo a todos os seus projetos de classe. Meu nome é Helen Bradley. Muito obrigado por se juntar a mim para este episódio de Design Gráfico para Almoço, e estou ansioso para vê-lo em um próximo episódio em breve.
Helen Bradley, Graphic Design for Lunch™
