Transcrições
1. Introdução: [MÚSICA] Sempre quis ser
capaz de usar suas lindas texturas
pintadas à mão em seus padrões de superfície,
mas achou que
não havia uma maneira fácil de
torná-las perfeitas? Ou talvez você tenha
tentado fazer isso no Photoshop e nunca ficou
muito feliz com os resultados. E se eu dissesse, você poderia transformá-los em fundo
sem costura com
apenas um clique de um mouse? [RUÍDO] Ok, talvez
não esse mouse. [MÚSICA] Sou Bekki Flaherty, um ilustrador do Reino Unido, e minha especialidade
é o design de padrões. Esta é a minha terceira aula de
Skillshare e estou tão animada por
ensinar aqui porque foi aqui que aprendi
o básico que me fez começar na minha carreira
como designer de superfície. Venho vendendo e
licenciando minha arte quase sete
anos e, nesse tempo, tenho constantemente ajustado
e refinado meu fluxo de trabalho, criando novas ideias
e técnicas para criar o meu próprio métodos para criar
padrões e ilustrações. Meus amigos me dizem que produtividade e fluxo de trabalho
são meus superpoderes secretos. Inicialmente comecei a
vender meus projetos através de
sites de impressão sob demanda, como Redbubble, Society6 e Spoonflower, flower Agora licencio
meu trabalho através uma ampla gama de empresas
como Etsy e Mixtiles, além de trabalhar com pequenas e grandes empresas
ou comissões freelance. Nesta aula do Skillshare, você aprenderá
a fazer texturas lindas e
sem costura para usar como plano de fundo em seus designs de padrões de
superfície. Impressões e padrões com uma sensação texturizada
desenhada à mão estão muito
na moda no momento. Apenas olhando através
dos best-sellers em um site como Spoonflower, você pode ver que muitos
desses padrões têm essas belas
texturas usadas neles. Adicionar um
fundo texturizado pode realmente dar um toque final que
faz com que seu design pareça polido e
profissional e eles realmente adicionam profundidade e
dimensão a um design. Vou usar uma textura pintada como exemplo nesta classe. Mas essa técnica é ótima
para fazer texturas perfeitas. Tenho todos os tipos de
mídias diferentes, como lápis de cera, colagem, pastel e
até fotografias. Basicamente, desde que você possa digitalizar ou fotografar sua textura
, você pode torná-la perfeita. Esta é uma classe intermediária para alunos que
estão familiarizados com o básico
do design de padrões e já estão usando o Photoshop, mas também é uma ótima classe para designers
mais avançados como as habilidades que você aprenderá se aplicam a uma gama muito maior de técnicas do que apenas criar texturas de
fundo perfeitas. Por exemplo, fazer texturas
perfeitas para aplicar aos seus motivos usando diferentes modos de mesclagem
ou aplicando texturas sobre formas para criar designs de estilo de
corte de papel. Além de ensiná-lo
a fazer telhas sem costura, também
vou mostrar
todas as minhas dicas,
truques e atalhos à medida
que avançamos, por exemplo, como verificar as costuras
em um ladrilho padrão, bem
como como como para redimensionar e exportar ladrilhos sem
obter essa lacuna
temida nas costuras e como usar fundos em ladrilhos padrão
com diferentes dimensões. Existem muitas
dicas, truques e atalhos que você escolherá
no caminho para
acelerar seu fluxo de trabalho. Depois de fazer esta aula, você poderá criar belos fundos de
textura sem costura que se encaixam perfeitamente com o resto dos motivos em
seu padrão e
você não precisará usar planos chatos
fundos nunca mais. Mal posso esperar para
vê-lo na aula. [MÚSICA]
2. Projeto do curso: [MÚSICA] Como você provavelmente adivinhou, seu projeto de classe
será criar sua própria textura perfeita
usando qualquer meio que você gosta. Você pode usar qualquer tinta que você tenha como aquarela, acrílico ou guache, ou se você trabalha
com lápis de cera ou pastéis, elas também serão perfeitas. Só precisa ser uma textura
que você possa fazer uma digitalização mas a fotografia de alta resolução também
pode funcionar bem. Você pode apresentar o
padrão como está, com um plano de fundo ou um padrão mais complicado que você fez. Você pode compartilhar uma imagem
do bloco padrão ou até
apresentá-la em uma maquete. Mal posso esperar para ver
o que você inventou. Vamos começar
Na próxima lição.
3. Como criar sua textura: [MÚSICA] Vamos começar
com alguma pintura. Esse método funcionará
para praticamente qualquer mídia,
desde que você consiga
digitalizá-lo depois de fazê-lo. Eu usei essa técnica
para aquarela, guache e acrílico, que é o que
vou usar
neste lapso de tempo. As tintas ou pincéis reais
que você usa, todos são importantes. Portanto, você deve usar
as ferramentas e suprimentos com os quais
já esteja trabalhando para sua
arte e design de pan. A ideia básica é preencher
uma página com um fundo
pintado ou desenhado que você
gostaria de usar com
seus motivos padrão. Aqui estou usando
tinta acrílica e criando um fundo pintado sutil com algumas pinceladas grossas. A coisa mais importante
a lembrar quando você está
pintando é que ela é
uma camada de fundo
e, portanto, não deve
estar muito ocupada ou detalhada. Há dois motivos para isso. Em primeiro lugar, eu diria que uma
camada de fundo não deveria estar competindo pela atenção com os principais motivos do seu padrão. É apenas uma camada de textura
simples,
apenas uma ou duas etapas acima sendo um plano de fundo de
cor simples. Qualquer detalhe extra deve ser trabalhado nesses motivos
e no seu padrão principal. A segunda razão pela qual
não queremos ser muito detalhados aqui e
por que você não
acabaria usando esse método
no atalho que ensinarei
a criar um padrão inteiro, é que isso resultará
na fusão e corrigindo juntos de algumas
áreas do padrão. Se usarmos uma textura realmente
detalhada, isso seria realmente óbvio e pareceria
borrado em alguns lugares. Mas, mantendo toda essa textura
pintada bastante sutil, ela parecerá perfeita
e natural. Outra coisa a ter em mente, que anda de mãos dadas
com ele não estar muito ocupado é manter as cores que você usa bastante próximas umas das outras. Estou usando três tons semelhantes de verde para essa textura e dois tons rosa pêssego com quantidades
muito pequenas de um
marrom mais escuro para o outro. Novamente, isso ocorre porque se usarmos três cores muito diferentes, será muito ocupado
para a camada de fundo A, e B não vai se
misturar muito bem quando chegarmos a encaixá-la
para torná-la perfeita. Estou fazendo duas texturas
aqui amostras de cabelo. O primeiro era um quadrado e este segundo é um retângulo. Como vou te ensinar
em uma lição posterior, há maneiras de usar um azulejo de textura quadrada em um padrão retangular
e vice-versa. Não é um grande
negócio pintar
na mesma proporção que seu
padrão será. Mas é isso. Se você souber
antecipadamente para qual padrão você está pintando o
fundo, então faz sentido pintar um quadrado se for para padrão
quadrado, etc Mas se você apenas criar
texturas para adicionar sua biblioteca de padrões para
usar em padrões futuros, então saiba por
enquanto que há uma maneira de contornar
as diferentes proporções. Se você quer um mergulho mais profundo na criação de texturas para
usar em seu trabalho, e eu recomendo muito dar uma
olhada na aula
SU Gibbons sobre motivos de
texturização onde ela ensina algumas maneiras realmente divertidas de fazendo
texturas diferentes, o que será perfeito para eles, tornando perfeita com este método,
vou mostrar a você a seguir. Vou colocar um link para essa classe
na seção de recursos. Depois de pintar suas
texturas, o próximo passo é digitalizá-las, e eu mostrarei como
fazer isso no próximo vídeo.
4. Digitalização: [MÚSICA] Vamos passar por algumas dicas de melhores práticas
ao digitalizar sua arte. Depois de abrir o software, ele
iniciará imediatamente uma verificação de visão geral. Você quer ter certeza de
que está digitalizando em cores e tem sua
resolução tão alta quanto ela for. O meu vai até 1200 dpi, o que significa que posso
usar essa arte em uma escala muito maior do que a
criei. Se você planeja
imprimir sua arte, o mínimo que você deseja
digitalizar é de 300 dpi. Vou deixar essas
outras partes como estão, e vou definir
a área
de seleção, arrastando para criar uma caixa de encadernação. Você notará aqui que há
alguns pedaços extras de papel por trás do
que estou digitalizando. Quando estou digitalizando obras de arte
pintadas e o papel ficou um pouco
fivela e enrugado, adiciono algumas
folhas extras atrás dele para aumentar a espessura do
que está na cama do scanner, e isso faz com que a
tampa um pouco mais apertado e ferra tudo muito mais liso
enquanto estou digitalizando. Vou definir o local
do arquivo
neste momento porque gosto de
manter meu trabalho organizado à medida que vou. Vou salvar isso na
minha pasta Skillshare aqui. Então vou
mudar o nome do arquivo para algo que
reconhecerei depois. Vou deixá-lo como PNG e vou fazer um
pouco de correção de imagem aqui. Vamos arrastar isso para
que possamos ver um pouco
melhor o que está acontecendo. Acho que vou
mover o brilho, talvez um pouco para baixo. Vamos levar a temperatura de
volta desta forma, então trazemos os verdes. Acho que a temperatura, provavelmente
deixa onde está. Defina essa saturação para saber. Você pode ver que é
muito bom, e também aceitaremos
isso um pouco também. Então eu vou clicar em “Digitalizar”
enquanto
pressiono a parte superior da cama do scanner para ajudar a resolver qualquer
enrugamento lá dentro. Se você não pressionar para baixo
, você pode encontrar, ou pelo menos eu acho que no meu
scanner eu fico com algumas partes ligeiramente fora de foco da
varredura onde, como eu disse, pode ser um pouco curvada e dobrada se você tiver
pintou algo, e mesmo com essas folhas
extras por trás, você ainda pode obter pequenos pedaços que estão ligeiramente fora de foco, então pressione para baixo e deve passar tudo bem
e suave para você. Mas tente manter sua mão destilada como
puder enquanto estiver fazendo isso para evitar qualquer
agitação do scanner. Depois que você tiver todas as suas
texturas digitalizadas, junte-se a mim no próximo
vídeo e
veremos como
torná-las perfeitas.
5. Abertura em Gimp: A primeira coisa que precisamos
fazer para começar a processar nosso bloco é baixar o GIMP se você
ainda não o tiver. Se você fizer uma pesquisa
pelo download do GIMP
e, em seguida, vá para gimp.org. Você verá aqui uma página onde ela terá todos os downloads. Vou baixar o
GIMP para macOS, mas eles também fazem versões Windows
e Linux. Escolha um download direto em
vez de usar o BitTorrent
e, em seguida, basta seguir as
instruções regulares para instalar um aplicativo
no seu dispositivo. Uma vez que você tiver o GIMP instalado, você precisa abrir
seu arquivo nele. Eu clicaria com o botão direito no
arquivo e depois iria para “Abrir com” e depois escolheria GIMP e que será
aberto no programa. Lá você verá seu
bloco na tela. Agora, não se preocupe muito com todas essas ferramentas
aqui na lateral, só
vamos usar essa ferramenta de seleção de retângulo aqui. Antes de começarmos, você precisa
ter certeza de que você tem uma proporção fixa ativada
se quiser fazer um quadrado e você pode selecionar a
proporção lá se isso não aparecer para você
e queremos um quadrado total de 1:1 . Além disso, verifique se você
tem bordas de penas desmarcadas, pois não
queremos nenhuma pena [inaudível] ao
criar um bloco de padrão, então eu só clique
para arrastar um quadrado. Você quer ter certeza de
que todas as bordas
do quadrado tenham
tinta dentro delas. Você não quer bordas
não pintadas. Por exemplo, se eu
arrastar isso aqui, você pode ver na esquerda,
há uma área
que não está pintada. Queremos que toda a
praça seja pintada. Depois de fazer isso
e definir a área, vamos
subir aqui para Image. Vamos
cortar para seleção. Isso é cortado
todo o excesso. O próximo trabalho é subir para filtros,
mapear e, em seguida, mosaico sem emenda. Isso então realizará alguma transformação mágica
onde está virando as coisas e mesclando-as e seu azulejo agora é perfeito. Se você digitalizar para uma
resolução mais baixa, como 300 dpi, você pode notar que a
mudança acontece tão rapidamente, você não a vê, então não
se preocupe se você não vê as linhas atravessando a tela,
pois ela muda como com meu. Uma vez feito isso, você
precisa clicar em “Ok”. Agora vamos exportar
esse bloco padrão. Vamos para o arquivo. Vou para Exportar como estou na pasta certa aqui. Mas você pode escolher qualquer
outro local em
que você queira salvá-lo e eu
vou adicionar algo extra a esse nome de arquivo para que ele o
salve como uma nova versão. Basta clicar em “Exportar”
novamente na tela. Você não precisa alterar
nenhum desses detalhes. Então esta parte aqui pode demorar um
bom tempo, então eu
acelerei essa parte para você. Agora temos uma
versão quadrada do bloco salva. Quero salvar uma versão
retangular. Vou clicar em “Command Z” para desfazer as duas últimas
coisas que fiz, que foi o
corte sem emenda para seleção. Vou voltar aqui
para a ferramenta de seleção de retângulo e, como você pode ver, ela ainda está em
proporção fixa. Precisamos desligar isso
e desmarcar essa caixa. Então eu vou arrastar uma forma de retângulo desta vez. Como antes, certificando-se de
que a tinta saia das
bordas do retângulo. Então, como antes,
vamos até Imagem, Corte para seleção. Em seguida, até filtros, mapas e azulejos, sem emenda. Então, uma vez feito isso,
podemos clicar em “Ok”. Então, da mesma forma que antes, vamos para Exportar Como e depois salvá-lo
como um arquivo separado. Vou apenas adicionar
retângulo ao nome lá e clicar
em “Exportar”. Podemos deixar tudo isso como está e basta clicar em
“Exportar” novamente. Esses são nossos dois blocos salvos. Temos nossa versão quadrada
e uma versão retangular. Quando você sair do GIMP, ele perguntará se você
deseja salvar as alterações, sempre clique em
“descartar alterações”. Temos nossos dois blocos salvos e não queremos
salvar o corte e o padrão contínuo no arquivo original,
porque podemos querer usá-lo em uma
data posterior para outras coisas. Aqui estão todos os nossos arquivos
em nossa pasta. No próximo vídeo, vamos
abri-los no Photoshop. Faça pequenas edições ou correções nos arquivos
que precisamos para verificar se seus ladrilhos
perfeitamente e
veja como aplicá-los
aos nossos padrões. Basta terminar este
vídeo com um rápido passo a passo de todas as coisas
que você precisa fazer no GIMP. Se você quiser tirar
uma captura de disso para se referir
a mais tarde.
6. Testando a telha: [MÚSICA] Agora, em nossa pasta podemos ver que temos quatro versões diferentes
dessas texturas contínuas salvas. Vou clicar com o botão direito do mouse sobre este e escolher
abrir com o Photoshop. Agora, a primeira
coisa que eu sempre faço é testar que o ladrilho está definitivamente arrumado corretamente
e não tem costuras nele. Há várias maneiras de fazer isso, mas acho que a maneira mais rápida
é usar o filtro offset. O que isso faz é deslocar cada pixel
e para baixo ou para a esquerda, direita, para cima, para baixo por quantidade
que você diz. Onde os pixels saem
da borda do seu bloco, eles serão trazidos de
volta para este lado. Você pode chegar a isso
indo para filtrar, outros e deslocar. Eu sempre tenho o meu pronto para
mudar 100 para a direita e 100 vezes, então a costura que estava aqui em cima, a borda está agora aqui e aqui. Vou clicar em OK. Se eu aumentar o zoom
e depois desfazer isso, você pode ver se eu desfazer.
Comprei qual era a vantagem aqui, e o que isso está lá? Quando eu refazer isso, você pode
ver que a borda está aqui. Se aumentarmos o zoom, podemos
simplesmente mover o topo aqui e verificar se não há
erros nesse bloco. Isso está parecendo
bom nesse lado. Então a outra borda são as verticais que precisamos
verificar para que possamos mover para
cima e para baixo aqui. Veja que tudo
parece correto. Vou pressionar
Command 0 para voltar à visualização em tela
cheia,
ampliar e editar. Desfaça isso novamente e
vou mostrar como seria
se
algo tivesse dado errado. Estou nesta camada aqui. Vamos pegar minha
ferramenta de pincel pressionando B. Vamos desenhar uma bolha
preta lá. Não tenho certeza se este é
um atalho que eu mesmo
configurei ou se
é um macron padrão, acho que pode ser um que
eu mesmo configurei. Eu uso o atalho Command
Shift O para deslocamento. Você pode ver que, se
houver um problema na borda, você verá que ele
não está em mosaico corretamente. Essas são as coisas a serem
observadas quando você está
planejando essas coisas sem parecer bem. Usar este filtro offset é
como testo todos os meus padrões antes de exportar para
garantir que não haja nenhum erro que eu não tenha detectado. Não é útil apenas para
essas texturas perfeitas. Isso é algo que uso para
cada padrão
que faço, sempre
farei essa verificação de deslocamento para digitalizar ao longo da borda
horizontal, na borda vertical. Agora, este é um azulejo de
textura sem costura. Nós o pintamos, fizemos
isso sem problemas usando o GIMP e o trouxemos
para o Photoshop para verificar se está
a lado corretamente. Agora vou
adicioná-lo como um padrão. Você pode ver por que eu
tenho isso aqui, por que eu estava fazendo alguns testes
antes, apenas excluí-los. Este é o painel do padrão. Se você não tiver
isso na tela, você pode ir para Janela e
garantir que você tenha padrões verificados e isso o
trará à tona. Na sua camada padrão, você pode pressionar o
pequeno ícone de Plus aqui no painel do padrão. Basta clicar em OK, e isso salvará isso
como um relógio de padrão. Agora você pode adicionar uma camada e clicar para
adicionar esse padrão a ela. Para começar, não pareceria
diferente porque
acabou de adicionar o padrão sobre o padrão
e é o mesmo. Você pode ver que eu uso a ferramenta de movimentação. Você pode fazer o mesmo teste de deslocamento clicando e arrastando
esse padrão. Essa é outra opção para verificar se seus
blocos padrão estão funcionando perfeitamente. Só vou desfazer isso para
mantê-lo no lugar certo. Vou definir a escala
disto um pouco diferente, então clique duas vezes nesse
pequeno ícone lá. Vou mudar a
escala para 50%. Você pode ver que agora
diminuiu a escala. É assim que ele está
parecendo repetidamente. Agora, o rápido
olhar para este, eu não sei se você pode
perceber, mas meus olhos, estou achando-os realmente atraídos essa mancha branca aqui
que está sendo repetida. Eu vou
limpar isso, eu acho. Vamos esconder essa camada.
Volte para este. Há algumas
maneiras de fazer isso. É este pequeno
alojamento aqui e aqui. Você pode consertar pequenas áreas como essa com a ferramenta
Spot cure. Acho que perderemos nossa boa
textura se fizermos isso. Você pode ver que isso não é realmente
feito um ótimo trabalho disso, que funciona em
alguns casos. Por exemplo, essa
pequena mancha aqui, eu só faço esse
pincel um pouco menor. Acho que, provavelmente, se
eu clicar nisso, ele vai se livrar disso. Se você quer uma textura realmente
suave, você não quer essas imperfeições
pintadas à mão nas
outras pequenas manchas, com as
quais estou bem
porque acho que elas fazem parecer real. Eu não vou ir em frente e livrar de mais desses, mas se você quiser, esse pincel de cura
local é
ótimo para isso. O que eu realmente
vou usar é o, como é realmente chamado? Espero que isso aqui,
o atalho Clone Stamp Tool seja S para isso. Vou pressionar
Option ou segurar Option e clicar em uma
área semelhante a esta, então o verde,
vou clicar aqui, e então isso copiará
esta área para aqui. Acho que isso vai fazer um trabalho
muito melhor de
limpar aquele pequeno porão branco lá. Havia outro aqui, então vamos fazer a mesma coisa lá. Pressione Command 0 para ver
a tela cheia novamente. Vamos fazer
a mesma coisa novamente no painel do nosso padrão. Pressione o pequeno
ícone Plus. Basta clicar em OK. Você verá esta uma segunda
cópia adicionada lá,
então, quando
voltarmos para esta camada aqui e depois
clicarmos nesta nova, você deve ver essas agora desaparecerem e olhando para a
diferença entre o dois, isso é muito menos óbvio agora. Acho que isso fez
um bom trabalho ao consertar isso e estou feliz com
esse design de fundo. Depois de fazer
seu padrão em bloco e você tiver no Photoshop, e você o colocar em repetição, faça a escala 50%. Basta olhar para ele com o zoom baixo e você
poderá ver se há algum erro evidente
que usa o pincel de
cura local ou o pincel de selo
clone para apenas suavizar e
retirá-los. O que precisamos fazer agora
é que vou excluir essa camada porque
fizemos uma alteração nisso e corrigimos essas duas áreas, vou pressionar
Command S para salvar. Aqui vamos nós. Vamos agora abrir a
versão retangular desta. Como antes,
vamos fazer filtro, outro deslocamento, e apenas fazer os 100 pixels à
direita e 100 pixels para baixo. Vou ampliar
aqui apenas para verificar. Agora está parecendo bem. Estou percebendo isso aqui novamente, então estou prevendo que provavelmente
teremos que
consertar essa pequena coisa quando colocarmos isso em
uma escala menor. Vamos fazer isso agora.
Vou desfazer o deslocamento e isso como um arquivo padrão lá em cima. Em seguida, adicionaremos uma nova camada
e adicionaremos esse padrão a ela. Novamente, você não pode ver
nada imediatamente porque acabou de adicionar uma cópia
exata por cima. Vou voltar
para minha ferramenta de movimentação, mas você pode ver que isso
é padrão, desfazer isso. Novamente, mude a escala para 50% e você pode ver que eles estão realmente se
destacando para mim,
aqueles remendos brancos. Entraremos aqui com
nossa ferramenta de carimbo de clone S. Mantenha pressionada Z para ampliar e definir essa área lá
com Opção e clique. Basta passar por cima disso. Lá vamos nós. Mais uma vez, clique na
opção. Isso deve estar tudo bem, então fazemos o Command 0 para
entregá-lo em tela cheia. Eu acho que aquele pequeno blob
lá eu poderia realmente usar o pincel de cura local para consertar isso porque parece um
pouco mais perceptível nesta versão menor. Vou manter
pressionada Z e arrastar para ampliar e corrigir isso um pouco. Comando Z, desculpe
Command 0 para diminuir o zoom. Eu só tenho uma rápida olhada para a
minha solução lá em cima. Isso pode ser o
mesmo pouco repetido lá em cima, não
tenho certeza. Vamos
consertar isso de qualquer maneira. Agora vamos adicionar
isso como um padrão. Mostre essa camada novamente e
adicione essa nova a ela. Adoro esse sentimento
de atualizá-lo com o novo padrão e você
vê a diferença do antes e depois vindo
para trás e para frente. Essa é uma das minhas coisas favoritas sobre o
design de pintura [RISOS]. De qualquer forma, vamos excluir essa camada. Vamos fazer testes, salvar para atualizar um arquivo
com as correções. Em seguida, no próximo vídeo, veremos como adicionar o plano de fundo em
um de nossos padrões.
7. Como usar a telha em um padrão: [MÚSICA] Agora que temos
nossos azulejos de textura sem costura, vamos dar uma olhada em como
usá-los como plano de fundo. Eu tenho esse arquivo de
mosaico padrão aqui. Temos uma camada
de fundo dessa cor plana aqui, tenho folhas como uma camada. Tenho flores
como outra camada. Você pode usar seu
bloco de textura em um padrão,
desde que o bloco de textura
seja do mesmo tamanho ou maior que o padrão em que
você deseja colocá-lo. Este bloco aqui, vou para a Opção de Comando, posso ver o tamanho da imagem. Você pode ver que isso é 4.100 pixels quadrados com uma resolução
de 300 pixels por polegada. Se formos para essa
textura quadrada sem costura aqui, você pode ver que isso é
12.000 pixels por polegada. Este arquivo é muito grande. Vai se encaixar
neste, sem problema. Vamos seguir em frente e fazer isso. Vou esconder
essas duas camadas enquanto trabalhamos
acima desta. Vou fazer File,
Place Embedded. Novamente, não tenho certeza se este é um atalho do Photoshop em
[inaudível], eu mesmo. Este comando Shift P, mas é isso que você quer usar. Vou colocar, qual deles foi?
Textura quadrada sem costura. Vou me certificar de
que tenho o encaixe ativado. Vou manter pressionada a tecla Shift enquanto arraste porque
quero
arrastar isso corretamente para os
cantos e encaixá-lo nos cantos porque se eu fizer isso um momento
ele não está se encaixando. Se eu segurar Shift e arrastar, você pode ver que ele se
encaixará nos cantos. Para redimensioná-lo,
você pode fazer o check-in dessa pequena caixa lá à direita
do cursor. A largura é 4167 como
deveria ser. Só precisa de algum padrão. saiba que está feito e, em seguida, pressione Enter para definir
essa transformação. Agora, como
redimensionamos essa imagem, precisamos usar a ferramenta de deslocamento novamente para verificar as costuras novamente. Vou adicionar uma camada
mais escura por baixo. Vou pressionar Command J para
duplicar essa camada de cores. Basta clicar duas vezes sobre
isso e torná-lo preto. Você vai ver por que estou fazendo
isso em apenas um momento. Como reduzimos o número de pixels nessa imagem, Photoshop criou uma nova
versão desse nome de mosaico. Precisamos verificar,
mas ainda é perfeito. Vamos fazer
o Command Shift. Vou fazer isso
porque não tenho certeza se Command Shift O é um
atalho que inventei ou não. Vamos filtrar outro Offset
e temos 100 pixels. Vamos aumentar o zoom aqui. Não sei se você pode
ver. Vejo bem dentro. Há os 100
pixels na marca de corante, temos essa linha fraca aqui. Isso ocorre porque, onde diminuímos
a imagem, reduzimos o
número de pixels. O Photoshop precisa usar seu aprendizado de máquina inteligente para criar uma nova versão
dessa imagem. Se estivéssemos apenas redimensionando algo não é
um bloco repetitivo, isso não seria um
problema com isso, mas porque quando você está
repetindo um bloco, cada pixel precisa corresponder exatamente com cada pixel
na outra borda. Você não pode deixar isso
adivinhando para que
o Photoshop torne esse pixel perfeito. Você terá o mesmo aqui. Mas há uma
maneira super fácil de corrigi-lo. A razão pela qual eu coloquei
esse preto para trás, se eu fosse tirar isso, você não notaria e é
porque esses pixels aqui
eles são semitransparentes. Você pode ver o preto
através dele, enquanto que com este verde
é da mesma cor, então você não o vê. É por isso que eu sempre coloco uma cor
muito contrastante atrás de qualquer azulejo padrão
que estou fazendo quando faço isso para verificar. Vamos
voltar a um segundo. Havia uma
maneira super fácil de corrigir isso. Só vou garantir que eu tenha minha camada perfeita selecionada. Vou pressionar
Command J algumas vezes, o que duplicará essa camada. Você pode ver que ele
se livra de uma linha. Porque essas camadas de
semi-transparência ficaram presas e tornam-se não transparentes e , em seguida, o problema desaparece. Vamos rastrear isso
um pouco porque eu
tenho um pouco mais de
espaço. Lá vamos nós. Vou manter
pressionada a tecla Shift e
clicar nesta camada inferior. Então eu vou
pressionar Command M, que os mesclará. Você pode chegar a isso
clicando com o botão direito e é uma opção aqui em baixo. Precisamos ter duas
camadas selecionadas. Vamos desfazer isso. Clique com o botão direito e mescle camadas. Se você não tem o
Command M ativo, eu mantenho o controle dos atalhos de
teclado
que configurei para coisas que uso
com frequência e aqueles que são realmente atalhos oficiais. Vou dar-lhe as duas
opções à medida que passarmos. Agora temos essa
telha sem problemas. Vamos diminuir um pouco. Podemos simplesmente passar
para nos certificar de que está tudo bem e desça. Se você quiser colocá-lo de volta
em sua posição original, você pode [NOISE] Offset novamente,
Filtrar Outro Deslocamento. Se você alterar isso para menos 100, isso o colocará de volta onde estava antes de usarmos
o filtro offset. Com telhas de fundo, ficaria
feliz em deixar
aquilo onde estava. Eu não precisaria
colocá-lo de volta onde estava. Mas se você quisesse
fazer seu teste e , em seguida, você fez
muito para desfazê-lo, você pode simplesmente voltar
e alterá-lo para números
negativos e ele o
colocará de volta onde estava antes. Assim como uma nota paralela aqui que está relacionada ao
que estávamos apenas fazendo. Uma dica rápida para quem
faz upload para Spoonflower. Se você estiver redimensionando um bloco de
padrão para carregar para Spoonflower ou em qualquer lugar
, faça esse teste
sempre. O deslocamento com uma
prenda mais escura aquela camada muito mais clara atrás para testar se as bordas ainda são perfeitas
depois que você a redimensionou. Porque quando você está
reduzindo o tamanho de uma imagem e o Photoshop está compilando e reconstruindo as bordas desse padrão
no tamanho menor. Nove em
cada dez, você terá essa costura de transparência. Sempre verifique. Agora temos um bom motivo pintado como fundo sem costura. Vamos diminuir o zoom, Comando 0. Diminua um pouco mais. Agora vamos colocar essa camada de
folhas de volta. Como você pode ver, ter esse belo
fundo pintado parece muito melhor ao lado dessas duas camadas
do que apenas a cor plana. Parece mais autêntico. Tem uma sensação mais agradável. Você pode mudar a cor
disso, se quiser. Tenha sua camada selecionada, vá para Ajustes e
podemos escolher Matiz, Saturação. Você pode brincar com cores se quiser mais verde. Se você tem muitas
cores diferentes em sua imagem, você descobrirá isso
à medida que você se arrasta. Essas áreas aqui, em particular, estão se transformando a uma taxa
ligeiramente diferente. Se eu trazer a saturação para cima, você pode ver que há um
pouco de estranheza acontecendo. Tenha cuidado quando estiver
brincando com a cor que você não está empurrando muito longe. Se você quiser alterá-lo para uma
cor completamente diferente,
sugeriria usar a
opção colorizar aqui e usá-la. Porque então você
terá uma cor plana. Vamos para algo
assim. Esta cor azul. Tem um bom
contraste lá. Lá vai você. É assim que usar um único bloco no plano de fundo de um arquivo padrão que
você já criou.
8. Alterando a escala: [MÚSICA] Agora vamos abordar como você pode
usar seu bloco em um padrão maior do que
o seu bloco de textura sem costura. Bem, como é perfeito, você pode colocar qualquer número
desses blocos de textura em um design e alinhá-los para
se ajustar à largura e à altura do padrão em
que você deseja usá-los. Vamos ocultá-los novamente e
vamos colocar o arquivo novamente. Só vou clicar em “
Enter” por enquanto. Vamos fingir que este é
um arquivo muito menor, digamos que este tenha cerca de
2.000 pixels de largura. Vamos precisar colocar dois desses
para que
ele se
estenda para 4.000 pixels. Como estes são blocos de
fundo, eles não são as imagens nítidas
detalhadas do seu padrão principal, os motivos, você tem um
pouco de espaço de manobra, então não há problema em ampliar
o azulejo um pouco. Por exemplo, esta imagem tem 4.100
pixels de largura. Se eu tivesse, digamos que esse
bloco de padrão tinha 2.000 pixels de largura, não há problema em
torná-lo 2.050-ish pixels de largura
para esticar até a metade. Porque é um plano de fundo, tudo bem se você ver um pouco de
suavização da imagem, mas eu não iria empurrá-la demais. Para ter certeza de que estamos
colocando-os nos lugares certos, vou arrastar
algumas diretrizes aqui. Se você não tiver suas
réguas em sua tela, você pode ir para Exibir [RISOS] e ter certeza de que
tem as réguas verificadas lá. Em seguida, basta clicar em
qualquer lugar aqui em cima. Se você puxá-lo para baixo
na metade do caminho, verá que ele simplesmente se
encaixará no lugar e nós
também
vamos arrastar. Lá vamos nós. Agora temos essas
quatro seções marcadas. Vou arrastar
isso até que ele se encaixe no canto,
aquelas linhas cor-de-rosa. Vou pressionar Command T para transformar e
segurar Shift pressionado, então isso me permite
transformá-lo e encaixá-lo. Vou
trazê-lo e encaixar
lá, e pressionar “Enter”. Agora, temos esse azulejo aqui. Vamos repetir
isso nessas seções. Vou segurar o Comando. Você pode fazer isso
pressionando Command J, duplicá-lo e
arrastá-lo. Mas eu prefiro fazê-lo mantendo
pressionada com a
Ferramenta Mover selecionada, Comando, Opção e Shift,
tudo ao mesmo tempo. Em seguida, basta arrastar isso. Ele se encaixa no lugar. Em seguida, faça o mesmo novamente com isso e o mesmo
novamente dessa maneira, mantendo Comando, Opção e Shift pressionados. Como redimensionamos o bloco arrastando-o para se adequar a
essas diretrizes, provavelmente não é garantido porque nós apenas
redimensionamos um pouco, mas é provável que
veremos esse semi -linha transparente aparece onde redimensionamos o bloco. Vou esconder as diretrizes segurando Comando e dois pontos. Vou ampliar,
certificando-se de que temos essa camada preta aqui
por trás das diretrizes. Na verdade, acho que isso provavelmente
está bem, porque não o
redimensionamos demais, mas principalmente quando estou fazendo isso, vejo a
linha semitransparente aparecendo aqui. Vou mesclar essas
camadas, essas quatro coisas. Vou clicar com o botão direito do mouse
e ir para Mesclar camadas. Então vamos fazer esse
deslocamento novamente apenas para verificar, então filtre outro deslocamento, e ele muda de volta para 100 pixels positivos
em vez de menos 100. Como esperado,
temos essa linha lá, então vamos
duplicar essa camada pressionando o Comando J
três ou quatro vezes. Vamos
selecioná-los e vamos
mesclar camadas. Agora, quando você fizer seu bloco, se você achar que
tem uma costura mostrando de cima para baixo
e da esquerda para a direita, toque em Comando J, duplicar
e, em seguida, mesclar. Isso teria se livrado disso. Podemos ver isso acontecer na
próxima coisa com meus azulejos. Mas se você se
livrou dele lá em cima, você pode ter certeza de que você terá se livrado dele
lá se você tivesse um. Esse agora é nosso padrão repetido. É assim que usar um
bloco menor várias vezes dentro do mesmo padrão. Se você precisasse,
digamos que
só tivesse um bloco de padrão com 1.000 pixels de largura, você poderia configurar diretrizes para repeti-lo quatro vezes
em todo o padrão. Agora você pode ver que
temos essas duas opções para repetições de escala diferentes
dentro do nosso padrão. Arraste esta camada de
ajuste de cor, para que tenhamos a
escala menor que acabamos criar repetindo
o bloco quatro vezes. Então temos o ladrilho maior. Tenha uma brincadeira e veja
qual fica melhor se você prefere a escala maior ou a menor escala,
sempre vale a pena fazer. Agora que
vimos como duplicar um bloco quadrado várias vezes
dentro do mesmo padrão, no próximo vídeo,
veremos o redimensionamento um bloco para caber em um bloco de padrão
quadrado.
9. Como usar uma telha com uma proporção diferente: [MÚSICA] Então, vamos dar
uma olhada agora em como
você pode usar para título
retangular como plano de
fundo em um padrão quadrado. Vamos para Place Embedded. Vou colocar minha textura
retangular na versão perfeita. Vou girar
isso em 90 graus. Vamos apenas apertar Enter lá. Vamos trazer nossos guias novamente. Vou me
livrar, não deste. Vou me
livrar desse. Então vou para a textura do
meu retângulo. Vou pressionar
Command T. Na verdade, vamos esconder essas
camadas, torná-lo mais fácil. Vamos apertar Command T. Vamos tentar subir
até o canto aqui. Mantendo pressionado Shift, vamos redimensioná-lo aqui. Acabamos de ajustar a proporção. Dê um globo ocular se
ele ainda olhar dentro dos reinos do que é
realista para ele parecer, como se estivéssemos
redimensionando-o assim. Obviamente, não parece mais bom. Ou se
estivéssemos redimensionando assim. Mas sim, você pode mudar
a proporção desde que esteja consciente de que você está mudando e
mantenha o que parece estar bem. Se você notou alguma perda de qualidade de imagem em que a
estendeu demais, então você teria que voltar e
olhar
para o tamanho que cortou para esse padrão e tentar
algo diferente. Parece bom. Vou trazer essa camada
preta para baixo, vamos usar o Comando J desta vez. Vamos duplicar essa camada aqui. Duplicamos essa camada. Vamos arrastá-lo para baixo e
encaixá-lo no lugar lá. Vamos esconder nossas diretrizes. Acho que nesta ocasião
vamos
ver essa linha lá, talvez não. Acho que isso pode ser
um problema de renderização. Porque quando você amplia
ainda mais, ele desaparece. Mas vamos mesclar essas
duas camadas juntas. Sim, veja que tem
uma linha sobre a mesclagem,
mas se você visse uma linha
definida lá, novamente, essa duplicação,
emergindo ou consertá-la. Se formos para Filtro, Outro, Deslocamento e aumentarmos o zoom. Você verá que só
temos uma linha lá, eu acho, porque nós a
redimensionamos mais nesse eixo. Vamos duplicar essa
camada quatro vezes, selecioná-las todas, Mesclar
camadas. Lá vamos nós. Agora temos essa
camada mesclada com novas costuras nela. É assim que você usaria um ladrilho retangular para
preencher um espaço quadrado. Obviamente, essa cor
não funciona
tão bem, então gostaríamos de mudar a cor desta
ligeiramente roxa. Agora, abordamos algumas opções
diferentes para usar as texturas perfeitas como fundo em seus padrões
existentes. Analisamos o uso do modelo
quadrado para preencher um padrão por conta
própria, desde a textura seja maior do que a
que você está colocando. Analisamos como duplicar esse bloco dentro de um padrão
se você quiser fazer mais cópias dele ou
tiver uma escala menor e vimos como
fazer um bloco retangular,
preencher um bloco de padrão quadrado. Espero que agora você tenha
muitas ideias próprias e mal posso esperar para ver quais
criações você inventou.
10. Considerações finais: [MÚSICA] Muito obrigado
por fazer esta aula. Eu realmente espero que você tenha
gostado e tenha achado útil. Agora que você sabe
como é fácil
criar planos de fundo sem costura a partir de suas próprias criações desenhadas à mão e aplicá-las aos seus padrões, você nunca mais precisará usar um fundo chato flop novamente. Sempre que eu tiver
tinta restante para usar, gosto de pintar uma
página rápida dela e digitalizá-la para
minha biblioteca de textura perfeita pronta para usar no meu próximo padrão. Não se esqueça de carregar
seus padrões finalizados para
a galeria do projeto ou qualquer foto de
trabalho em andamento. Se você quiser que
o feedback ajude de mim
e de seus
colegas. Estou disponível aqui
na guia Discussões para responder a quaisquer perguntas
que você possa ter. Se você estiver feliz por eu compartilhar suas fotos no meu Instagram, tudo bem, então deixe uma nota do
seu nome de usuário para
que eu possa marcar você. Se você quiser saber mais
sobre mim e meu trabalho, então você pode me encontrar no Instagram @beckyflaherty
e no meu site, rebeccaflaherty.com. Se você achasse essa aula útil, eu realmente agradeceria se você pudesse deixar uma revisão curta
e rápida, pois isso realmente me ajuda
a ser mais visível
na plataforma e ajuda outros alunos a encontrar
esta classe também. Claro, não
se esqueça de me seguir aqui no Skillshare para ser notificado
quando eu publicar novas aulas. Muito obrigado por assistir. Mantenha-se criativo.
Vejo você na próxima vez.
Rebecca Flaherty, Surface Pattern Artist & Content Creator
