Transcrições
1. Introdução a 3 padrões impressionantes no Photoshop CC: Olá e bem-vindo a
esta Classe 3, Awesome Photoshop Patterns; um
design gráfico para a aula de almoço. Meu nome é Helen Bradley e
sou uma das melhores professoras da Skillshare. Tenho mais de 270 cursos
aqui no Skillshare e mais de 170.000 matrículas de
estudantes. Nesta aula, vamos nos
aprofundar na criação três padrões incríveis
no Photoshop. Eu escolhi esses três padrões porque, além de
parecerem maravilhosos, todos
eles acrescentarão interesse a
qualquer coleção de padrões e exibem uma variedade de ferramentas
e técnicas
úteis do Photoshop. Os padrões incluem um padrão de
inspiração japonesa, um padrão pixelizado
colorido e um padrão de Turing
baseado no trabalho
do matemático inglês
Alan Turing. Mostrarei passo a
passo como criar esses padrões
e, ao longo do caminho, você ampliará seu conhecimento sobre o
Photoshop com muitas dicas e truques úteis. Sem mais delongas, vamos começar a criar esses padrões no
Adobe Photoshop.
2. Faça o padrão inspirado no japonês: Esse
padrão de inspiração japonesa parece absolutamente lindo e eu sei que você vai se divertir muito fazendo isso, mas é um pouco complicado. Então, um aviso:
para esse padrão, faça-o exatamente com as medidas que estou usando, porque senão você está
se preparando para o fracasso. Se você quiser mais tarde,
você pode dobrar tudo, mas vamos usar meus
tamanhos para começar. Estou criando um
documento de 600 pixels por 600 pixels, vou clicar em “Criar”. Vou criar uma elipse, então vou para a ferramenta de elipse. Não vai ter
nenhum preenchimento. Isso é muito importante porque ,
caso contrário, não
vai funcionar. Ele terá um traçado de qualquer cor que você
queira usar para o seu padrão e
a largura do traçado que estou usando é de seis pixels. Vou clicar no
documento e criar uma elipse de 200
pixels por 200 pixels. Com o painel de propriedades aberto, vou movê-lo para cima para encaixá-lo no
canto superior do documento. Os valores x e y devem ser
lidos aqui como zero e zero. Escolheremos camada,
nova camada via cópia. Estamos fazendo uma duplicata
dessa forma e a
duplicata está selecionada. Vamos chegar aqui até
o valor y e
vamos movê-lo para
baixo em 150 pixels. Então vamos
fazer isso de novo, camada, nova camada via cópia. Para este, o
valor y será 300. Faremos isso mais uma vez, camada, nova camada via cópia. O valor final
aqui será 450. Você deve ter esse arranjo
de círculos sobrepostos. Selecionaremos cada uma
delas e
escolheremos camada,
nova camada via cópia, moldaremos camadas via cópia. Isso fez uma cópia de todas essas
quatro formas e a cópia é selecionada. Vamos até aqui
para os valores x e y. Vamos
movê-lo por 120 na horizontal e 80 na vertical. Devemos acabar com
essa aparência sobreposta. Selecionaremos tudo
e faremos novamente uma camada, uma nova camada via cópia. Vamos moldar camadas por meio de cópia. Aqui, para o valor x, vamos
movê-los em 240 pixels. Nesse ponto, selecionaremos tudo e moveremos
tudo para cima, de forma que a parte central do
nosso arranjo no meio
do
documento, porque a localização real neste
momento não importa. A localização das formas
em relação umas às outras sim, mas a localização
na prancheta ou na
área do documento não importa. Agora vamos
criar um retângulo. Agora, o retângulo pode ter
o preenchimento que você quiser. Eu apenas sugiro que você
escolha uma cor pálida. Não vai ter
nenhum derrame. Você vai clicar
no documento e criar um retângulo 240 por 150 pixels de
tamanho e clicar em “Ok”. Para isso, na última paleta, vou reduzir
a opacidade para poder ver tudo através dela. Vou
posicioná-lo no meio da minha área
de padrão. O que me preocupa
é que esses círculos aqui que estão abaixo dessa
forma são círculos completos. Eles têm uma sobreposição total. Estou muito feliz com
seu posicionamento lá. Eu só vou trancá-lo. Se quiser, você também
pode simplesmente arrastá-lo até a parte inferior
do documento. Nesse caso, estou colocando
logo acima do plano de fundo. Agora, a razão para
essa forma é que ela é do tamanho do nosso padrão. Essa é a única
área do documento
que precisamos corrigir. Todos os bits que estão
fora dessa área nem precisam estar corretos. Em seguida,
selecionaremos todas as formas. Estou clicando mais
na parte inferior e
clicando com a tecla Shift na parte superior. Não precisamos mais que
sejam formas, então vou clicar com o botão direito do mouse
e escolher rasterizar camadas. Vou até a
parte superior do documento e vou clicar
aqui para adicionar uma nova camada. Vou até a ferramenta de balde de
tinta. Vou definir minha cor de
primeiro plano para preto, e aqui na barra de ferramentas, vou me certificar de que ela esteja
definida como 100% de opacidade, a tolerância é 200. Ele precisa de um nível
de tolerância muito alto. Eu tenho anti-alias, contíguo e todas as
camadas verificadas. Novamente, isso é muito importante. Agora vou identificar essas pequenas formas de
triângulo arredondado. Vou clicar
em cada um deles. É a configuração de todas as camadas aqui que me permite identificar as formas como sendo o resultado combinado
de todas essas camadas. É muito fácil para mim
clicar para preenchê-los. Os que eu
mais me preocupo em preencher são, obviamente,
aqueles que estão onde está essa forma rosa
porque esse é o nosso padrão. Agora tudo está feito lá. Vou adicionar uma nova
camada ao documento. Vou até a ferramenta de
pincel. Desta vez, estou usando um pincel redondo
e vou definir
a cor para algo que
seja brilhante e fácil de ver. Vou ampliar. É aqui que você precisa de
seu juízo. Vamos ver
esse círculo aqui. Vou me posicionar
nessa área logo no
topo do círculo. Deixe-me pegar
meu pincel. Vou arrastar para baixo
com meu pincel. Isso está marcando essa linha
como uma a ser removida. Quando eu descer, vou
balançar para a esquerda. Isso vai ser removido. Voltando para o lugar de onde eu vim, vamos descer e
virar para a direita. Esse está pronto. Vamos dar
uma olhada nesse círculo. Estou indo para a mesma posição
inicial. Eu só vou arrastar para baixo. Essa linha será removida. Eu vou descer
e virar para a esquerda. Volte para o lugar de onde eu vim, desça e
gire para a direita. Esse círculo aqui, eu vou descer e arrastar para a esquerda
e para a direita. Agora, nenhuma dessas linhas está realmente impactando o padrão, então não precisamos fazer
nada com elas. Vamos até esse círculo aqui. Mesma posição inicial. Essa linha vai, desça
e gire para a esquerda, desça e gire
para a direita. Este está impactando
o padrão
e, potencialmente, esse também está, então vou me
certificar de removê-los. Chegando aqui onde
estaríamos nessa posição
similar, nos livraríamos dessa
linha e dessa linha, nenhuma delas está
impactando o padrão. Aqui, nos livraríamos
dessa linha e dessa linha novamente, nada está afetando
o padrão. Aqui há coisas com as precisamos nos preocupar,
então vamos até o ponto de
partida,
arrastamos para baixo e, em seguida, giramos para a
esquerda, voltemos para o lugar
de onde viemos e giramos para a direita. Vamos apenas fazer
esse último aqui. Imagine que esse é
o ponto de partida, descemos aqui e giramos para a esquerda e
não há nada à direita. Temos muitas
coisas marcadas aqui, nem todas com as quais
realmente
faremos alguma coisa; as que nos
preocupam são qualquer coisa que tenha uma linha azul, ou seja por cima desta forma rosa. Vamos
descobrir onde estamos. Estou apenas ativando e desativando essas
formas, clicando na camada
e depois ligando e desligando e percebendo se há algo
nessa camada que realmente
tem uma linha
através dela e esta tem
. Vamos até a ferramenta de borracha. Coloque
a borracha em um pincel redondo. Eu tenho um tamanho pequeno, o
meu é de 21 pixels, algo assim é perfeito. O que você precisa fazer é definir a
dureza para 100 por cento. Na verdade, é fundamental que
você tenha um pincel duro aqui. Novamente, vamos nos
concentrar no que estamos fazendo. Esse é esse círculo aqui. Vamos dar uma volta e apagar qualquer coisa que tenha
uma linha azul nela. Agora, a maneira como
fazemos isso trabalhando com
formas separadas significa que você não precisa ser
realmente preciso
com sua borracha. Você simplesmente não pode
entrar na forma do
outro lado da linha. Mas, desde que
você
esteja na linha, você poderá
apagar perfeitamente. Projete isso para que
seja fácil fazer esse apagamento. Vamos dar uma olhada aqui para
ver se há algo que precisamos conhecer
ou possivelmente essa linha,
não 100% de certeza de que está
impactando o padrão, mas vou me
certificar de que ela seja removida de qualquer maneira. Nada aqui está
afetando o padrão. Selecione a próxima forma. Nada aqui está
afetando o padrão. Tenho algumas coisas aqui
que estão afetando isso. Eu vou viajar ao
redor desse círculo, apenas apagar os pedaços que precisamos apagar,
venha aqui. Isso estaria acontecendo, mas na verdade não
faz parte do padrão, então não precisamos fazer nada. Vamos dar uma volta. Isso provavelmente não está
afetando o padrão. Eu vou removê-lo de qualquer maneira. Vamos para a próxima forma. Nada aqui tem
limites, então vou ignorar
essa. Eles aparecem aqui. Nada tem linhas. Algo aqui é importante. Eu vou aqui
e remover isso. Se você está tentando
remover algo de um círculo e
ele não está apagando, é porque você selecionou
o círculo errado, então fique atento a isso. Há potencialmente coisas
aqui que precisam ser apagadas. Vamos dar uma volta
nesse círculo, verificá-lo. Esse é muito importante. Vou
continuar e acelerar o vídeo enquanto faço isso, vou voltar assim que terminar todo o apagamento. Agora que fizemos por último, vamos desligar a camada azul e ver
como as coisas estão. Bem, posso dizer que há
um problema aqui imediatamente, essa linha não foi removida, então eu preciso localizar esse círculo
antes de prosseguir. Aqui está. Neste ponto, devemos ver nesta área o padrão geral aqui
é uma forma de y completa, aqui está uma forma de y completa, aqui está uma dessas
formas em y novamente. Está completo na medida em que aparece na parte superior
desse retângulo rosa. Acho que estamos muito bem aqui. Estou muito feliz com isso. Neste ponto, vou manter
pressionada a tecla Control e clicar no retângulo aqui. Isso está marcando
a área do padrão. Vou desativar a
visibilidade dessa camada porque não quero seja um padrão rosa e preto. Se eu não desligasse
a visibilidade, acabaria com
rosa e preto. Vou escolher Editar e
depois Definir padrão, então vamos fazer
disso um
padrão de inspiração japonesa . Vamos testá-lo. Camada, nova camada de preenchimento, padrão. Aqui está nosso padrão completo de estilo
japonês. Como eu disse, é um
pouco complicado de fazer, mas desde que você siga
as instruções e use os mesmos valores
que usei para os tamanhos, tudo deve
funcionar bem. Se você quiser dobrar o tamanho, faça com
que tudo seja duas vezes maior e faça seus
movimentos duas vezes maiores. Se nos movemos, digamos, 150 pixels, então faça o dobro do
movimento em 300 pixels. Vamos ver o que
acontece quando usamos o fundo rosa, porque esse é outro padrão possível. Se você quiser ter
um fundo colorido
, pode incluir esse retângulo em
seu ritmo padrão.
3. Padrão inspirado em japonês - salve o Swatch: Antes de terminarmos completamente com esse padrão de
inspiração japonesa, vamos limpar nosso arquivo de padrões pois isso seria útil posteriormente se quiséssemos
criar outras versões
desse padrão. Mas agora é um
pouco difícil de manobrar
e, daqui a seis meses,
será quase impossível lembrar
exatamente o que fizemos. Em primeiro lugar, vou me
livrar dessa camada azul porque estava apenas
marcando as linhas a serem removidas. Não precisamos mais disso. Vou segmentar
o retângulo rosa, porque esta é a minha
peça padrão que vou controlar
em um controle de PC, clique
nesta miniatura em um Mac, eu comande, clique e isso apenas seleciona
essa área rosa . É aqui que nossas peças
estampadas, vou escolher
Imagem e depois recortar. Isso apenas corta tudo do tamanho da minha peça padrão. A próxima coisa que
vou fazer é juntar todas
essas camadas pretas, todas as camadas que compõem a
parte preta do padrão. Vou clicar
na camada superior, rolar para baixo aqui e clicar com Shift na parte inferior
dessas camadas. Todos eles compreendem
essa área preta. Existem algumas
camadas vazias que estão bem. Eles serão
removidos nesse processo, vou clicar com o botão direito do mouse
e escolher “Mesclar camadas”. O que isso faz é
mesclar as camadas selecionadas, para que o rosa não seja
mesclado no design. Apenas as áreas pretas agora estão
em uma camada por si mesmas. Há transparência
aqui, então estamos vendo através da camada
rosa embaixo. Vou desmarcar
minha seleção com selecionar e desmarcar. Ou você pode pressionar
Control ou Command D, dependendo se
você está em um Mac ou PC. Agora, eu tenho esse
retângulo aqui. Eu gostaria de inverter
isso para que o preto se torne branco e o
rosa se torne preto. Vamos fazer com que o preto
fique branco primeiro. Vou segmentar essa camada
preta e escolher a camada, nova camada de ajuste e vou escolher inverter e clicar em “Ok”. Agora, isso transformou o
preto em branco, mas fez algo um
pouco engraçado com o rosa porque o rosa quando
invertido se torna verde. O que está acontecendo é que
esse efeito da camada de inversão está afetando tudo
no documento. Queremos limitá-la apenas
à camada imediatamente
abaixo dela. Vou direcionar essa
camada e escolher a camada e seguida, criar uma máscara de recorte. Isso apenas o corta para que
o efeito de inversão
afete apenas a camada
imediatamente abaixo , então ele está apenas transformando
preto em branco. Nós temos nossa
camada rosa ainda aqui. Se quisermos que seja preto, teremos que
desfazer algumas coisas que fizemos anteriormente. Em primeiro lugar, vou
desbloquear essa camada. Em segundo lugar, estou observando que essa camada tem opacidade reduzida. Na verdade, vou fazer o que. Há uma boa
chance de você fazer isso para poder ver o problema,
identificá-lo e corrigi-lo em um minuto. Vou clicar
duas vezes na miniatura
dessa camada para trazer
meu seletor de cores de volta. Eu quero preencher isso com preto. Preto é 0, 0, 0 nos canais vermelho, verde
e azul. Isso é preto, mas é
claro que está aparecendo na imagem como cinza. Neste momento você
provavelmente está indo, eu não tenho ideia do que está
acontecendo aqui. Bem, o problema
é que essa camada ainda tem aquela opacidade
de 57 por cento. Eu
reduzi a opacidade para que pudéssemos
ver através dela. Agora precisamos
retomá-lo novamente. Quando
retomo a opacidade para 100 por cento, acabo com o
branco e o preto verdadeiros. Claro, esse é
outro padrão. Esse é um padrão de
cores invertido. Isso
nos dará a capacidade de
usar essa peça padrão
repetidamente. Podemos recolorir isso. Eu poderia desligar
essa camada preta. Eu poderia desativar a camada de
inversão e adicionar, por exemplo, aqui, uma camada de cor. Vamos para a camada, nova camada de ajuste e
vamos escolher a saturação de matiz. Vou clicar em “Ok”. Eu vou colorir isso. Vou clicar em
colorir, para aumentar minha saturação. Vou aumentar
minha leveza. Em seguida, vou dar uma
volta na minha tonalidade para criar uma versão
de cor diferente desse padrão para que eu possa escolher a
cor que eu quiser usar. É claro que poderíamos fazer o mesmo se deixássemos
a inversão ativada e simplesmente mudássemos o
fundo para que
tivéssemos branco em
alguma outra cor. Branco sobre vermelho, branco sobre azul, branco sobre verde,
o que quiséssemos. Depois de limparmos
esse arquivo de padrões, a
vida será
muito mais fácil em termos de usá-lo para
criar padrões diferentes. Obviamente, é muito mais
fácil entender e
trabalhar com isso agora que o
reduzimos apenas aos
elementos necessários. É claro que, neste momento, é aqui que eu diria isso. Essa é outra
versão atraente do padrão, feita de forma muito simples apenas ajustando a amostra original do
padrão.
4. Faça o padrão pixelado: Para esse padrão exótico, vamos criá-lo como uma série de
objetos inteligentes para que seja fácil alterá-lo
simplesmente alterando um gradiente. Sugiro que você mantenha os valores que estou usando para meus arquivos, pois será mais fácil reproduzi-los. Estou usando um documento com tamanho de
1000 por 1000 pixels. É o modo de cor RGB e
é um fundo branco. Vou clicar em “Criar”. Se você quiser aumentar
o tamanho disso, sugiro que você dobre
tudo. Então, o que eu vou fazer
aqui é selecionar as
cores base , preto e branco,
apenas clicando neste ícone aqui. Então eu vou virá-los. Então, eu quero branco como meu primeiro plano e preto
como fundo. Vou clicar duas vezes
no branco e escolher uma cor para usar. Então, estou procurando algo
que esteja na região de cerca de 240, 239, 240. Eu só acho que essa
é uma cor muito boa. Então, eu vou
escolher algo. É relativamente leve. Provavelmente é
mais leve do que você imaginou que deveria ser pela
aparência do padrão. Então, neste momento, meus valores de cor aqui estão na
região de cerca de 239, 69 e 76, mas apenas algo nesse
azul ficará bem. Agora, a razão pela qual eu fiz disso uma
cor de primeiro plano e preto a cor de fundo
é que quando eu pego a ferramenta de gradiente aqui e
clico na lista suspensa, o primeiro gradiente é um gradiente do primeiro plano ao
plano de fundo. Então, na verdade, temos nossa cor de primeiro plano
selecionada aqui e nossa cor de
fundo selecionada aqui. Portanto, não precisamos
configurar um gradiente porque na verdade
, é um gradiente
embutido. Então, deixe-me clicar no canto
superior deste documento, clicar com a tecla Shift pressionada para arrastar para baixo, que
fique claro nesta extremidade
e escuro nesta extremidade. Abrimos o último palete. Você verá que eu tenho apenas uma única camada
preenchida com a cor. Vou clicar
aqui para desbloqueá-lo. Vou adicionar
outra camada a ela. Basta clicar no
sinal de mais aqui, basta arrastá-lo para baixo. Porque isso fará
com que o resto
desse trabalho seja um pouco melhor. Vamos transformar isso em um objeto inteligente porque estamos prestes a aplicar um filtro a ele. Então, clico com o botão direito do mouse e escolho
Converter em objeto inteligente. Em seguida, aplicaremos nosso filtro. Agora é importante converter esses dois
objetos inteligentes para que
possamos alterá-los novamente mais tarde. Filtre, pixelize e
desça até um mosaico. Essa foi uma das
razões pelas quais era importante ter um documento de tamanho
fixo. O meu é de 1.000 por 1.000
porque eu quero
que o tamanho da célula seja igual. Então, preciso selecionar
o tamanho da célula que se divide uniformemente em 1000 sem sobrar nada para que eu tenha células de bom tamanho
uniforme. Agora eu posso usar qualquer coisa
até 200 se você quiser muitas células e
você poderia usar 100, isso também funcionaria. Mas acho que 200 para isso
serão simplesmente perfeitos. Então, vou
clicar em “Ok”, vou
guardar isso para não ver
o filtro inteligente. Não adianta ver isso, só
preciso que esteja lá. Agora vou adicionar
outro objeto inteligente. Então, vou
clicar com o botão direito do mouse e escolher Converter em
objeto inteligente pela segunda vez. Se você não fizer
isso, a próxima etapa não funcionará. Vou escolher Editar
e depois Transformação Livre. Se por algum motivo essa
opção não estiver disponível, você pode pressionar
control e comandar T para entrar na transformação livre. Às vezes, isso
causa um curto-circuito, mas com a transformação livre de edição, isso nos levará a
essas opções aqui em cima. Clique na marca de seleção
aqui e verifique se o meio desses nove
quadrados está selecionado. Eu tenho o ícone
aqui entre w e h, largura e altura
clicados para que você possa ver que o meu está selecionado como preto, então você quer que seja esse o caso. Vamos selecionar
a largura e digitar apenas 707 px. Em seguida, vamos
definir uma rotação. Agora, eu quero que isso coloque
a luz desse lado. Então, na verdade, vou em uma direção negativa de 135 graus. Você pode usar qualquer
rotação que desejar desde que haja um múltiplo
de 45 graus para que você acabe com
a forma de diamante para que você acabe com
a forma de diamante
e a cor que quiser
na parte superior. Então, vou
clicar na marca de seleção, isso parece bom para mim. Agora vou fazer
uma cópia disso,
basta clicar com o botão direito do mouse e
escolher Duplicate Layer. É muito importante que
você faça isso dessa maneira, porque queremos realmente
duplicar esse objeto inteligente. Caso contrário, as próximas etapas não funcionarão quando
realmente editarmos esse padrão. Vou aplicar um filtro de
deslocamento a isso. Então, com essa camada
superior selecionada, vou escolher Filtro,
Outro e, em seguida, Deslocamento. Vou ter que fazer
isso duas vezes por causa
da forma como este
documento foi projetado. Então, vamos definir
a horizontal e vertical para metade da largura e metade da altura
do documento. Então, nesse caso, o documento é de 1000 por 1000 , então estamos
definindo-o para 500 e 500. Você tem que fazer isso
duas vezes. O primeiro será negativo e negativo. Então, basta configurá-lo para
menos 500, menos 500. Enrole e clique em “Ok”. Para esconder isso, vamos fazer uma segunda cópia
dessa camada duplicada, clicar em “Ok”, filtrar,
outra, deslocar. Desta vez, eles
vão fazer com que seja positivo 500 e positivo 500. Clique em “Ok”. Agora, por causa
das medidas, isso pode estar um pouco errado. Você pode estar vendo uma pequena linha semelhante a um pixel
ao redor da borda da sua forma. Se você estiver usando um gradiente muito
claro, provavelmente não verá isso. Isso é o que você
vai desenhar. Você vai clicar na camada
inferior que criamos e vamos preenchê-la
usando a ferramenta de balde de tinta. Basta pegar a ferramenta do
balde de tinta e enchê-la. Acho que com o preto
provavelmente vai
nos dar os melhores resultados. Vou apenas preenchê-lo com a camada de
ferramenta de balde de tinta
preta selecionada, clicar nela e preenchê-la
com preto apenas escurece as bordas e
faz com que pareça perfeita. Agora, este documento
é bem grande, então estamos falando apenas de
um pixel no máximo. Então, o
fato de ser preto lá simplesmente não vai
aparecer no resultado final. Estamos prontos para salvar isso; editar, definir padrão. Estou apenas chamando
isso de espectro azul. Vamos
testá-lo com File New. Vamos criar um
documento 3600 por 3600 Layer,
New Fill Layer Pattern. Clique em “Ok”, lista
suspensa e
escolha nosso padrão. Nesse estágio,
podemos reduzir seu tamanho. Nós o fabricamos em um tamanho bastante grande para que possa ser
facilmente reduzido. Aí está nosso design final. Se quisermos alterar o padrão, podemos voltar ao documento
original. Vamos exibir nossa paleta de
camadas aqui. Vou até um
desses objetos inteligentes. Não importa qual deles. Vou apenas clicar duas vezes
na miniatura, que abre o primeiro objeto inteligente
incorporado. Precisamos clicar duas vezes
nele novamente para obter o segundo. Vamos clarear um pouco esse
padrão. Vamos pegar uma cor um
pouco mais clara. Vou voltar para minha
Ferramenta de Degradê, que está escondida aqui. Deixe-me
pegar meu gradiente. Este vai ser
um pouco mais leve. Vamos fechar isso, clicar em “Sim” para
salvá-lo e fechar isso, clicar em “Sim” para salvá-lo. Todo esse padrão agora
está atualizado. Vamos para Editar e
depois Definir padrão. Esse é o nosso segundo. Não vou me preocupar em
nomeá-lo agora, mas vamos adicionar
outra camada de preenchimento com nosso novo padrão
para que possamos comparar a luminosidade
desses dois. Vamos reduzir isso
para 50 por cento também. Clique em “Ok” e aqui
estão os dois padrões. Então, apenas iluminando essa cor, podemos
clarear o padrão. Claro, poderíamos mudar completamente
as cores. É o caso de
clicar duas vezes nessa camada, em miniatura e
clicar duas vezes nela novamente
e, em seguida, escolher um gradiente. Então, desta vez, vamos escolher um gradiente bem
diferente. Vamos escolher um gradiente da coleção de gradientes aqui. Essa é interessante. Vamos arrastar
isso até aqui. Vamos
fechá-lo e salvá-lo, fechar este e salvá-lo. E aqui está nosso padrão. Vamos salvar nosso padrão e voltar
ao nosso documento. Para fins de comparação,
vamos adicionar outra camada de preenchimento. Vamos
reduzir isso para 50 por cento. Há outra
versão do padrão. Portanto, configurá-lo como
objetos inteligentes faz muito sentido porque significa que é
editável com muita facilidade. Você só precisa inserir outro
gradiente no design e basicamente seu padrão
pronto para você.
5. Faça o padrão de Turing: Esse padrão que
vamos criar é chamado de padrão de Turing. É baseado em alguns trabalhos do matemático inglês
Alan Turing. Está relacionado à forma como
os líquidos podem se difundir juntos, mas vamos criar isso como um padrão
bidimensional, mas é legal saber de
onde vem. Agora, para esse padrão, é muito importante que
você se atenha aos tamanhos vamos usar,
pois a forma como o filtro de nuvens
que
vamos usar é ,
na verdade, uma repetição, se o
criarmos da maneira certa. tamanho. Estou criando meu documento
em 1.024 por 1.024. Eu tenho um
fundo branco aqui, que vai
funcionar muito bem. Também estou usando as cores
padrão, preto e branco. Isso é
muito importante. Vamos aplicar
um filtro de nuvens , então vamos
filtrar e depois renderizar, e vamos
escolher nuvens. Agora, esse
filtro de nuvens nesse tamanho de 1.024 por 1.024 é uma repetição. Veja aqui, esse elemento se repetiria
sobre esse elemento aqui e isso realmente nos
ajudará nesse processo. Nesse estágio,
vou exibir minha paleta de camadas com
janela e depois camadas. Eu quero fazer três
cópias disso. Vou
clicar com o botão direito do mouse e escolher a camada duplicada ou você pode escolher uma nova camada via cópia. Estou apenas selecionando os dois e basicamente duplicando-os. Eu quero quatro cópias
desse documento. A próxima coisa que
vou fazer é aumentar a
imagem do
meu documento e depois o tamanho da tela. É importante que você use tamanho da
tela, pois isso permitirá que você altere o tamanho da
tela, mas sem afetar o tamanho real dos elementos que
temos na tela. Estou apenas digitando 2.048 e 2.048. Isso é o dobro da largura
e o dobro
da altura do documento original novamente para que possamos encaixar
quatro deles. Eles vão se
repetir sem problemas. Basta clicar nesse ponto de
ancoragem aqui para que todas essas formas
apareçam no canto superior. Agora vou até cada um deles
de cada vez, e vou
movê-los para que se alinhem. Agora eu tenho meus
guias inteligentes ativados. Se você for ver e encaixar, certifique-se de que o encaixe esteja ativado
e, em seguida, encaixe nas guias. Com esses guias inteligentes ativados, tudo vai
se posicionar. Vou
selecionar esses outros dois e movê-los para baixo. Bem, acabei de receber um, não dois, mas tudo bem. Esse é o último
deles. O que queremos fazer antes de prosseguirmos é apenas garantir que não
haja costuras,
mas elas devem se repetir
sem problemas,
porque
começamos 1.024 e 1.024. Se você quisesse aumentá-lo, você poderia fazê-lo em 2.048 e
2.048 para começar
e, em seguida, criar
um documento que seja duas vezes maior quando
você for juntá-los porque esses
são os que, quando você as preenche com nuvens
diferentes ou com nuvens, elas se
repetirão perfeitamente. De volta à nossa paleta de camadas, o que vamos fazer agora é criar uma
versão combinada disso. Vou selecionar
todas as quatro camadas, clicar com o botão direito do mouse e
escolher mesclar camadas, para que elas sejam mescladas no que
agora é um padrão de
repetição uniforme. Vamos fazer as
coisas que nos permitem
desenvolver esse
efeito de Turing e
há três etapas nesse processo. A primeira
dessas etapas é aplicar o que é chamado
de filtro passa-alto. Vamos filtrar e
depois outro e passar alto. Vamos apenas definir isso para algo como cinco ou seis. Realmente não importa
o que você usa aqui, mas cinco ou seis serão perfeitos. Em seguida, aplicaremos
um ajuste de limite. O que vai
converter isso em preto ou branco. Vamos ao limite de
ajustes de imagem. É muito importante que você use o
limite de ajustes de imagem e não o adicione como uma camada de
ajuste,
pois precisamos incorporá-lo à imagem. O valor padrão aqui é 128. Basta selecionar isso e clicar em “Ok” porque o
que está feito agora é extrair os pixels
deste documento em preto
ou branco. Agora vamos
desfocar tudo novamente. Filtre, desfoque
e, em seguida, desfoque gaussiano. Para nosso desfoque gaussiano, vamos definir um
valor em algum lugar 4, 3,
6, algo que vai
desfocar bem nossa imagem
e, em seguida, basta clicar em “Ok”. Para desenvolver esse efeito Turing, vamos repetir essas
etapas repetidamente. Caso você não queira
fazer isso manualmente, vamos fazer uma ação muito rápida. Vá para a janela e depois para as ações. Eu já tenho um grupo aqui, mas você pode clicar para criar um grupo no qual armazenar
suas ações. Depois de criar seu grupo, basta clicar para
criar a ação. Vou chamar isso de Turing
e vou clicar em gravar. Agora vou gravar essas etapas
exatas novamente. Felizmente, os filtros manterão esses valores para que não
precisemos inseri-los novamente. Filtre outros e
passa-altos e basta clicar em “Ok” e depois em Ajustes de
imagem, Limite, valor senoidal,
como antes, clicar em “Ok”. Em seguida, desfoque gaussiano, desfoque de
filtro, desfoque gaussiano e clique em “Ok”. Há três etapas
que precisamos
repetir uma e outra vez. Aqui embaixo,
clique no quadrado, pois isso impede que a
gravação aconteça. Agora podemos ir para o Turing, basta clicar na palavra e
clicar no botão play. Mas como precisamos fazer isso
repetidamente,
também podemos criar outra ação que faça isso
repetidamente. Deixe-me clicar no
sinal de mais e vou chamar essa ação de Play
Turing e gravá-la. A gravação é clicar nessa ação de Turing
e reproduzi-la uma, duas vezes e três vezes, quatro vezes e cinco vezes, por exemplo. Agora
vamos parar com isso. Esta
ação de Play Turing vai
jogar essa ação mais de
cinco vezes seguidas. É um pouco
mais rápido do que fazer isso manualmente, então vou jogar
isso algumas vezes. Como você pode ver, as coisas estão
se desenvolvendo na imagem. Estamos recebendo mais
do que vimos
no início
desse efeito Turing. Você pode fazer isso até
desenvolver algo de
que goste. Vamos dar uma olhada aqui. Mas você dirá que é
um pouco confuso. Bem, podemos desdobrar isso
adicionando uma nitidez a ela. Vou filtrar
e depois afiar. Vou escolher algo
chamado máscara não nítida, que parece
contra-intuitiva, mas
na verdade é um processo de nitidez. Para isso, vamos apenas
ajustar a quantidade
e o raio. Você definirá o
limite como zero e usará valores bastante altos para
a quantidade e o raio. Você pode ver aqui o
que está fazendo com o efeito. Apenas aumente a nitidez
para que eu clique em “Ok”. Agora, uma vez que tenhamos nosso efeito
aguçado,
precisamos extrair nosso padrão de
repetição contínuo a partir disso. A má notícia é que isso
aqui não vai se
juntar a isso aqui. Mas como juntamos quatro deles
em primeiro lugar, se tirarmos uma
fatia de 1.024 por 1.024 do meio
deste documento, isso
será uma repetição. Vamos selecionar na ferramenta
de retângulo. Vamos colocá-lo em forma. Vou definir um preenchimento para
ele e nenhum traço. Vou clicar
no documento uma vez e
vou digitar 1.024 e 1.024
e clicar em “Ok”. Enquanto eu estiver aqui, vou diminuir
a opacidade disso e podemos fazer uma verificação
muito rápida aqui. Estou dando uma olhada
aqui e você pode ver essa curva em forma de V com
um pequeno traço. Bem abaixo, logo dentro desse quadrado de 1.024 por 1.024 está exatamente
o mesmo formato. Aqui, devemos ver uma
pequena linha na borda da forma e aqui
vemos a linha correspondente. Podemos ver que
parece que temos praticamente um padrão de
repetição perfeito. Vamos controlar ou
clicar com o botão de comando
nesse retângulo para
ver as pequenas formigas marchando. Vamos simplesmente
desligar isso. Ainda temos
as formigas marchando no lugar e vamos
escolher editar definir padrão. Esse é o nosso padrão. É a seleção
aqui que temos. Vou apenas clicar em “Ok”. Agora vamos testá-lo com
arquivo e depois com novo. Vou criar um
documento de 3600 por 3600 pixels. Um padrão vai caber
aqui pelo menos três vezes. Preencha o padrão da camada, clique em “Ok” e agora
vamos encontrar nosso padrão. Vou clicar na
lista suspensa e o padrão deve ser o último na caixa de diálogo de
padrões. Vou clicar em “Ok” e,
claro, agora precisamos
verificar se
tudo está bem. O
ritmo do padrão original em 100 por cento é de 1.024 pixels e
este documento é de 3.600. Qualquer erro deve
ocorrer nessa área. Eles vão
aparecer
nesta área e por aqui. Vamos apenas ampliar. Se tivermos um problema
na repetição, vamos vê-lo. Não estou dizendo nenhum problema
nessa repetição. Tudo parece perfeitamente bom. Se quiséssemos criar esse
efeito com uma cor diferente, vamos dar uma olhada e dizer como
transformaríamos o preto em
uma cor diferente. Vamos usar um processo
diferente para isso. O que eu vou fazer é apenas
segmentar o plano de fundo aqui. Vou apenas escolher a camada, nova camada de preenchimento e a cor sólida. Vou escolher uma cor
para usar neste momento. Eu vou escolher um
belo azul turquesa. Uma das maneiras pelas quais podemos recolorir quando
temos algo que é preto e branco sólido, porque isso
que projetamos isso. Temos preto e branco. Bem, podemos examinar as áreas pretas para trazer a cor
da camada inferior. Vou direcionar nossa camada de preenchimento
padrão. Essa é a camada padrão aqui. Vou
segmentá-lo e vou até esse ícone fx e vou escolher o que é
chamado de Opções de Mesclagem. Aqui temos uma coisa
que diz mesclar se for cinza. O que vamos
dizer ao Photoshop é se houver preto nessa camada, você pode ver que diz
essa camada aqui. Se houver preto nessa camada, comece a abrir um buraco nela. Vou apenas mostrar isso e você
verá
que o que está acontecendo
é que temos um ser
inteiro enfiado em nosso padrão na forma de objetos pretos
e não brancos. Agora, se dermos uma
olhada bem de perto, você verá que
há uma leve
névoa nas bordas disso. Podemos nos livrar disso pressionando a
tecla Alt em um PC e a opção em um Mac e você pode dividir esse pequeno
indicador aqui. Ao dividi-lo, você pode arrastar um lado
dele
bem perto da extremidade branca e o outro para esta
ilustração em particular um
pouco mais perto, mas isso nos
dá um sangramento se você quiser, nas bordas da
forma há alguns pixels que não são perfeitamente
pretos. Eles são um pouco cinza. Tudo o que é preto
puro será captado aqui. Qualquer coisa entre preto
e quase branco terá essa cor aplicada a
ele em um efeito graduado. Isso vai nos dar
essa vantagem de aparência suave. As bordas estão muito mais lisas agora. Nesse ponto, se não
estivermos satisfeitos com a cor da
patente, posso simplesmente clicar duas vezes na camada de preenchimento de
cor e escolher uma cor diferente
para o próprio padrão. Obviamente, o padrão pode ser redimensionado com muita facilidade
porque ainda é um padrão. Vamos apenas clicar duas vezes nele. Para isso, vamos fazer 250% e clicar em “Ok” para que possamos ver
com um pouco mais de clareza. É
muito interessante criar esse padrão de Turing. É maravilhoso
ver isso se desenvolver. Depois de realmente
criar suas ações, elas estarão na
sua paleta de ações. É muito simples criar um documento inicial do Clouds e depois começar a aplicar as
ações de distorção nele. Toda vez que você aplica o filtro de
nuvens em um documento, você obtém um
conjunto diferente de nuvens. Você obterá uma iteração ligeiramente
diferente
desse padrão toda
vez que criá-lo. É claro que aqui ainda
temos nossas formigas marchando no lugar e elas estão acima de uma
seleção desse padrão. Se quiséssemos salvar isso como um ritmo padrão
que pudéssemos usar, novamente, eu escolheria
Imagem e depois recortaria. Estamos cortando-o para
esse tamanho de padrão. Vou excluir
minha camada de cores porque não
preciso mais dela. Se eu continuar e salvar isso, esse é o padrão de
repetição perfeita. Claro, está em nossa coleção de
padrões, mas talvez
queiramos voltar e fazer outras
coisas com ele. Podemos fazer isso porque
selecionamos o relógio padrão e salvamos como
um documento real.
6. Projeto e encerramento: Agora concluímos a
parte de treinamento em vídeo deste curso, então cabe a você. Seu projeto para
esta classe é criar um ou mais
desses padrões no Photoshop e
publicar uma imagem
do design concluído
como seu projeto de classe. Espero que você tenha gostado
desse curso e que tenha aprendido muito sobre como trabalhar
no Adobe Photoshop. Agora, se você gostou deste
curso e quando disser uma mensagem perguntando se você
recomendaria esta aula para outras pessoas,
por favor, você faria
duas coisas por mim. Em primeiro lugar, responda
que sim, que você recomenda a aula. Em segundo lugar, escreva, mesmo
em poucas palavras, por que você gostou da aula. Suas recomendações
ajudarão outros alunos a dizer que esse é um curso que
eles gostariam de fazer. Se você ver o
link Seguir na tela, clique nele e você
será alertado quando suas aulas forem lançadas. Se você quiser me
deixar um comentário ou
uma pergunta, por favor, faça isso. Eu leio e respondo a todas as
suas perguntas e comentários, e analiso
todos os seus projetos de aula. Meu nome é Helen Bradley. Muito obrigado
por se juntar a mim neste episódio de
design gráfico para o almoço. Espero
ver você em
outra aula aqui no Skillshare
em breve.