Transcrições
1. Introdução do curso: Nesta aula,
vamos nos
aprofundar na criação de padrões
geométricos Vou te contar o segredo. Quando comecei
como designer de padrões, eu estava viciada em
criar padrões intrincados, florais e puros
com muitos E eu ainda adoro um bom floral, mas também adoro uma estampa geométrica
ousada Ao criar um portfólio, sempre
há um lugar para
uma boa impressão geométrica Eles são ótimos como padrões de coordenadas
e misturadoras, mas acho que uma estampa
geométrica forte também
pode roubar a cena e
ser a heroína de qualquer coleção,
se ainda não nos conhecemos Sou Amy Service,
designer de padrões e ilustradora. E, claro, professor de
compartilhamento de habilidades. Se você me conhece de
uma das minhas aulas anteriores de compartilhamento de habilidades,
bem-vindo de volta Até agora, eu dei
aulas no iPad, mas essa aula é sobre o Adobe Illustrator
no desktop Usaremos as ferramentas de
formas e o Illustrator para criar
nossos padrões hoje, então não há
necessidade de habilidades de desenho para esta aula Vamos pegar essas
formas básicas e transformá-las em lindas estampas geométricas com muitos detalhes e complexidade Essa aula é ótima
para iniciantes que estão iniciando sua jornada de design de
padrões de superfície. Mas mesmo que você tenha
alguma experiência em design de padrões de superfície, essa aula é uma
ótima maneira de aprender novos truques e explorar
sua criatividade. Começarei com o
básico e
avançaremos até padrões mais
complexos Falaremos sobre como
criar um padrão e ilustrar os diferentes layouts
repetidos e como manipular formas
básicas
para criar formas novas e
interessantes Exploraremos
como adicionar detalhes
aos padrões básicos de vieiras
e OG E terminaremos com
um divertido padrão de blocos de cores
inspirado em uma casa de borboletas . Se esta aula parecer divertida
e você quiser se manter
atualizado sobre as discussões
publicadas sobre novas aulas, não
deixe de
me seguir no Skillshare Você também pode me encontrar no
Instagram ou no Pinterest em meus designs de EV Estou pronto para começar
imediatamente se você quiser se juntar
a mim na próxima aula.
Assim, podemos começar.
2. PROJETO DO CURSO : Para o projeto da classe,
você criará padrões
geométricos no
Adobe Illustrator Começaremos com
algumas noções básicas sobre padrões, como criar
uma repetição básica, os diferentes layouts de repetição e a alteração do
espaçamento dos Vamos abordar técnicas
para manipular formas básicas no Adobe Illustrator
usando a ferramenta de seleção direta
, a ferramenta Shape Builder e efeitos para
criar mais Vamos pegar o que
aprendemos e adicionar detalhes e complexidade aos padrões básicos de
vieiras e OG Terminaremos com um padrão de blocos de cores
inspirado na Bauhaus e revisaremos a ferramenta de
recolorir a arte No final da
aula, você terá vários padrões geométricos
prontos para serem exportados Começaremos com
várias repetições básicas e terminaremos com alguns designs
mais complexos Eu o encorajo a experimentar todos
os padrões desta aula, mas você pode escolher
seus favoritos para compartilhar como seu projeto final de
aula. Na guia Projeto e
Recursos, incluí as
paletas de cores que uso nesta classe, junto com uma lista dos atalhos de
teclado uso e
layouts de padrões comuns para referência Você pode baixar
esses arquivos do
seu navegador e
salvá-los na área de seu navegador e
salvá-los Eu adoraria ver o que você cria. Faça o upload do seu projeto
na página da galeria da turma. Você pode compartilhar qualquer parte
do seu processo e sempre
pode voltar e atualizar
seu projeto a qualquer momento. Para fazer o upload de um projeto, basta acessar a seção Projeto e
recursos da página
da aula e
tocar em Enviar projeto. Quando a página é aberta,
você pode fazer o upload de uma imagem de capa e adicionar um
título e uma descrição. A imagem da capa
será cortada automaticamente para que você também possa compartilhar
imagens adicionais em tamanho real e, em seguida, clicar em Publicar Na próxima lição, começaremos com algumas noções básicas sobre
padrões
3. Noções básicas de padrões: pontos: Vamos começar
criando um novo arquivo. Vou criar o meu usando pixels como minha
unidade de medida. Mas você tem a
opção de alterar isso usando o menu suspenso. Eu sugeriria usar pixels para
me acompanhar nesta aula Vou definir uma largura e altura de 200
pixels. E vou começar
com uma prancheta. Vou deixar o modo de cores como Y, K. Mas se eu fosse
criar quatro telas de trabalho
, eu gostaria de
mudar isso para RGB Vou deixar
o resto dessas configurações
padrão iguais
e pressionarei Criar. Para começar, quero ter certeza
de que estamos trabalhando com o
mesmo layout de espaço de trabalho Vou até a
janela, depois para a área de trabalho, e você verá que selecionei o
Essentials Classic. Se você tiver uma opção
de espaço de trabalho diferente marcada
, o layout de suas ferramentas e janelas será
diferente do meu Talvez seja mais fácil acompanhar
a aula se você estiver usando
o mesmo layout de espaço de trabalho Eu recomendo usar a opção clássica
Essentials. Também gosto de remover essas amostras de cores
padrão, porque gosto de adicionar
minhas próprias paletas de cores Vou clicar nessa pasta
e, em seguida, pressionar Shift no meu teclado e clicar
na amostra vermelha E toque no ícone da lixeira
e ele excluirá
todas as amostras Posteriormente, adicionarei algumas paletas de
cores que
já criei E eu vou te mostrar
como fazer isso também. Por enquanto,
vou trabalhar com essas amostras em preto e branco Em seguida, quero ter certeza de
que salvei meu arquivo. Eu posso ir até o
arquivo e clicar em Salvar. Ou posso usar o
comando de atalho de teclado S para salvar meu arquivo. E eu tinha
a opção de salvá-lo no meu computador ou
salvá-lo na Creative Cloud. A vantagem de salvá-lo na Creative Cloud é
que ele está disponível em todos os meus dispositivos conectados à minha conta da
Creative Cloud. Se eu quiser mudar para o meu iPad e começar a usar o
Illustrator no iPad, esse arquivo estará disponível
sem precisar exportá-lo Vou selecionar
Salvar na Creative Cloud. Vou dar um nome a ele. Vou chamá-lo de Padrões Geométricos
e, em seguida, clicarei em Salvar Você notará aqui que a extensão do
arquivo é AIC e indica que
é um arquivo da Creative Cloud Se eu o tivesse
salvo no meu computador, seria apenas
uma extensão de arquivo. Agora, a primeira coisa que vou
fazer é criar uma forma básica. Então, eu posso ir
até minha barra de ferramentas e você verá esse menu Formas Se eu clicar e segurar, tenho
várias opções de formas. Eu posso selecionar um
desses ou usar um atalho de
teclado O atalho de teclado para
a ferramenta retângulo é M e L para a ferramenta de elipse Então, vou
usar muito esses
atalhos de teclado nesta aula Por enquanto, vou
selecionar minha ferramenta de elipse. Vou até minha prancheta e clico e arrasta
para criar uma elipse Agora, se eu segurar a tecla shift, isso restringirá as
proporções a um círculo perfeito Essa é uma maneira de
criar uma forma. Vou pressionar o comando
Z para desfazer essa ação. E desta vez eu
só quero clicar e ele abrirá essa caixa de menu de
elipse Na verdade, posso selecionar a largura e a
altura
exatas que eu quero. Nesse caso, quero
criar um círculo de 100 pixels. Vou tocar em OK para
criar meu círculo. E você notará aqui
no menu Formas que você pode ver a largura
e a altura do meu círculo. E eu posso realmente restringir as proporções
da minha forma ligando e desligando essa fechadura
com ela trancada Se eu alterar minha largura
para 150 pixels, ela mudará automaticamente minha altura para ficar
proporcional à minha largura. Se eu desbloqueasse a restrição e
alterasse a altura, ela mudaria apenas a
altura e não a largura Então eu teria essa forma oval. Vou pressionar o comando Z para desfazer isso e voltar
ao meu círculo de 100 pixels A próxima coisa que
quero fazer é alterar o preenchimento e o traçado
do meu círculo. Atualmente, tenho um
preenchimento branco e um traçado preto, e quero remover o traçado e, na verdade, quero mudar
para o círculo preto. Então, a primeira coisa que vou
fazer é usar esse botão de troca, e ele trocará minhas cores de preenchimento
e traçado Em seguida, clicarei no meu traçado
e não selecionarei nenhum. E então eu
vou voltar e selecionar o preenchimento novamente. E agora eu tenho um
círculo preto preenchido sem nenhum traço. Também vou
usar as ferramentas Align para alinhar isso
ao
centro da minha prancheta, tanto vertical
quanto Agora está centralizado com
esse menu Drop Do. Você verá que eu selecionei
Align to Artboard. Se eu tivesse vários objetos
que eu quisesse alinhar, eu poderia usar a
seleção Align to para
alinhá-los uns aos Vou pressionar M no meu teclado para
selecionar a ferramenta retangular
e vou clicar uma vez,
e desta vez vou criar um quadrado de 200
pixels para corresponder ao tamanho
da minha prancheta O padrão é automaticamente o preenchimento preto que eu selecionei
anteriormente Vou até minha barra
de ferramentas e não vou preenchê-la E, claro, ele ainda
não teve nenhum derrame. Essa será a
caixa limite do meu ladrilho de padrões. Também vou
centralizá-lo vertical e horizontalmente
na E se eu abrir
o painel de camadas, você verá que tenho
o novo retângulo na frente do meu círculo Você pode ver que está no topo. Então, vou
organizar esse retângulo para ficar atrás do círculo E eu posso clicar e arrastá-lo para baixo no meu painel de camadas. Ou posso usar o suporte esquerdo
ou direito do
comando shift para enviá-lo para
trás ou para a frente Vou pressionar V no meu teclado
para poder arrastar e selecionar minha elipse
e meu retângulo de fundo Vou arrastar isso para o meu painel de amostras e ele criará uma nova amostra de
padrão Vou pressionar Z no meu teclado
para poder diminuir o zoom. E então eu vou pressionar
a barra de espaço para
abrir a ferramenta manual, e vou arrastá-la para
o Vou pressionar M no meu
teclado e clicar e arrastar para
criar um quadrado. E preencha com meu padrão. Certifique-se de que o preenchimento
esteja na parte superior para que o preenchimento contenha sua
amostra de padrão e não seu traçado E você verá que eu tenho
esse padrão básico de repetição. Agora eu quero escalar
meu padrão e vou clicar com o botão direito do mouse
e selecionar transformar. E então escale primeiro, eu quero desativar objetos de
transformação. Porque eu não quero
escalar meu quadrado, eu só quero escalar
o padrão dentro dele. Vou clicar duas vezes na balança
e, em seguida, posso reduzir isso
pressionando a seta para baixo. Também posso digitar uma
quantidade e pressionar Tab,
e isso a escalará para 50%. Se eu segurar a tecla Shift e
tocar na seta para baixo, ela será dimensionada
em incrementos de 10% Você verá agora que tenho
uma repetição de
bolinhas em escala muito menor E então eu vou tocar em “Ok”. Outra opção para
dimensionar sua forma é pressionar no teclado. Em seguida, basta clicar
do lado de fora do canto inferior da forma e arrastar diagonalmente Se eu arrastar minha boca para os
lados ou para cima e para baixo, isso vai distorcer
as proporções Se eu segurar minha tecla Shift enquanto arrasto, isso restringirá
as proporções Então, se eu segurar a tecla shift e
pressionar a tecla tilda, posso redimensionar o padrão
dentro da Isso é para escalar e
, em seguida, segure shift e segure tilda para dimensionar apenas
seu padrão Vou soltá-los e
pressionar V no meu teclado. Se eu arrastar meu quadrado, você verá que esse padrão
específico não
tem preenchimento de fundo
, apenas tem um fundo
transparente. Certo. Agora, para criar uma amostra de padrão
básica, você não precisa realmente de
uma cor de preenchimento de fundo Tudo o que você precisa é do quadrado sem preenchimento, sem limite de traçado, que informa ao ilustrador onde estão os limites do seu bloco de
padrão Se você quiser que seu padrão
tenha uma cor de fundo, basta adicionar um
quadrado preenchido ao fundo. Vou pressionar M no
meu teclado e clicar para criar um quadrado de
200 pixels. Ele é preenchido automaticamente
com o meu padrão, mas eu vou
vir aqui e mudar isso para um preenchimento branco Vou alinhá-lo no
centro da minha prancheta. E então eu vou pressionar o
comando colchete esquerdo uma vez e depois uma segunda vez e isso o
moverá para trás do meu círculo preto Agora, meu novo quadrado de campo
está logo atrás do meu círculo, mas
acima da minha caixa limite Minha forma de fundo
é a caixa delimitadora
sem preenchimento, sem traçado E então eu tenho meu
quadrado de campo branco e, em seguida, meu círculo preto. Vou pressionar V no meu
teclado e clicar e arrastar para selecionar todas
essas formas juntas. E então vou arrastar tudo isso
para o meu painel Amostras
para criar uma nova amostra E você notará
que o Swatch não parece muito diferente Mas agora, se eu selecionar minha forma e preenchê-la com
esse novo padrão, você verá que ela tem um fundo
branco. A maioria das pessoas vai
querer ter alguma cor preenchida no
fundo de seus padrões, mas você não precisa. Agora, ao adicionar uma cor de
fundo, você precisa se certificar de que o quadrado preenchido pelo
menos o
mesmo tamanho do quadrado limite Meu
quadrado de fundo branco preenchido tem 200 pixels, assim como minha caixa sem preenchimento, sem limite de traçado Se eu fosse até
o menu de formas e
reduzisse o
quadrado branco preenchido em até 123 pixels. E então eu seleciono todas as minhas formas e arrasto para criar
uma nova amostra de padrão Você notará que
tenho essas linhas em meu padrão delineando
a grade do meu padrão Se eu aumentar o zoom, você verá que isso está apenas criando
uma pequena lacuna em que esses pixels não têm cor e a transparência está
aparecendo no meu padrão. Isso porque meu quadrado de
fundo não se alinha perfeitamente
com minha caixa delimitadora. Quero ter certeza de que
meu quadrado
de fundo pelo menos 200 pixels. Mas também posso ir
além disso e torná-lo um pouco maior adicionando um ou
dois pixels extras ao tamanho. Agora, se eu criar uma
nova amostra de padrão e preencher minha forma novamente
com o novo padrão, a lacuna não estará mais lá Às vezes, apenas ter
um ou
dois pixels extras ao redor da forma
preenchida pelo plano de fundo pode ajudar a remover aquela pequena linha branca
fantasma que às vezes você vê ao
testar seu padrão É a
caixa delimitadora sem traços que está criando o
ladrilho do seu padrão E seu quadrado de
fundo preenchido pode ter o
mesmo tamanho ou ser maior. Simplesmente não pode ser menor. Aqui temos um
padrão básico de bolinhas e um layout de grade. Na próxima lição,
falaremos sobre os diferentes
layouts de padrões e mostrarei como criar meias gotas e repetições de tijolos
4. Noções básicas de padrões: layouts: Na primeira lição, criamos um padrão básico de bolinhas
em um layout de repetição de grade Nesta lição,
falaremos sobre
outros layouts para padrões,
que são os layouts de tijolo, meia gota e diamante A primeira coisa que vou
fazer é selecionar meu círculo. E eu vou para o menu
em forma e altero o tamanho para 50 pixels. Em seguida, arrastarei isso
até o canto superior esquerdo para que o centro do círculo se alinhe ao centro
do tabuleiro Lembre-se de que a caixa
limite do plano de fundo tem 200 pixels, então vou
mover o círculo para 100 pixels pressionando o comando
shift, que abre o menu de movimentação Quero começar
movendo-o 100 pixels para
a direita e zero pixels para baixo. Estou apenas deslocando a metade distância
da minha caixa delimitadora E eu quero pressionar
copiar para que eu faça uma cópia desse círculo
e retenha o original. Se eu pressionar o comando D, ele duplicará
a última ação Agora, o segundo círculo é movido mais cem
pixels para a direita, ou 200 pixels em
relação ao meu círculo original. Dessa forma, ele cai
no lado direito do meu ladrilho padrão
no
mesmo ponto do meu
círculo original à esquerda. Vou mover esse quadrado
um pouquinho. E então eu vou arrastar e selecionar tudo isso junto. Novamente, vou
pressionar Command shift M para abrir a ferramenta de movimentação. Desta vez, não quero
movê-lo horizontalmente, mas quero
movê-lo 200 pixels para Isso mudará tudo para a parte inferior da minha prancheta Se eu pressionar copiar, ele
fará uma cópia desses pontos. E eles cairão ao longo
da borda inferior
exatamente no mesmo local em que
cairão ao longo da borda superior. Essa precisão garantirá que eu não tenha nada
cortado na minha repetição. Agora, se eu fosse criar uma amostra de
padrão neste momento, seria apenas criar
uma nova repetição de grade Para criar uma repetição de tijolos, preciso pegar esses
dois elementos e
movê-los até a metade para
criar uma nova linha Vou selecionar esses pontos comando
Shift para
abrir o menu de movimentação E desta vez eu
só quero
movê-los 50 pixels horizontalmente Em vez de movê-las até
o final, quero criar uma
nova linha e movê-las 100 pixels verticalmente para baixo Se eu pressionar copiar, agora
criei uma nova linha
que é deslocada horizontalmente,
metade da distância, criando um Vou arrastar tudo isso para criar uma nova amostra de padrão Depois, basta selecionar meu quadrado e preenchê-lo com
esse novo padrão. E você verá como esse layout
padrão muda. Eu quero escalar esse padrão, para que você possa vê-lo
um pouco melhor. Eu clico com o botão direito do mouse em Transform
Scale e não quero transformar
objetos. Clique, tudo bem. Essa repetição de tijolos é apenas
compensada a cada duas linhas. A repetição de meia gota
é exatamente o oposto. Vou apagar todos esses pontos extras e voltarei para onde
comecei com meu ponto original Desta vez eu vou
selecioná-lo e deslocar comando M. E eu quero
movê-lo de zero pixels
horizontalmente, e eu quero movê-lo
100 pixels Para começar, preciso ter
certeza de que tenho os
objetos de transformação marcados. Vou pressionar a cópia. Agora eu o movi para
baixo em 100 pixels. Se eu pressionar o comando D, isso
duplicará essa ação. Agora eu movi esse novo
círculo, 100 pixels, e ele está 200 pixels abaixo
dos meus círculos originais, que é a altura
da minha caixa delimitadora Vou selecionar todos os meus pontos à esquerda, pressionar
o comando
shift M e movê-los 200
pixels para a direita Eu não quero nem um pouco
movê-los para baixo. E, novamente, vou pressionar copiar. Agora, esse conjunto de pontos
está perfeitamente alinhado ao longo da borda direita
para alinhar a Para criar o layout de meia gota, quero selecionar
esses dois círculos. Pressione o comando shift M
e, desta vez, quero movê-los
até a metade minha prancheta para
criar uma E eu quero
deslocá-los 50 pixels para baixo. Quando eu pressiono copiar, você verá que é semelhante
à repetição de tijolos, mas desta vez todas as outras
colunas são deslocadas até a metade, criando a repetição de meia gota Vou selecionar todos
esses elementos e arrastá-los para criar
uma nova amostra de padrão Quando eu preencho meu quadrado
com um novo padrão, você verá a diferença
sutil
na mudança com as bolinhas É sutil, mas a distância entre linhas e
colunas muda um pouco. Essa é a repetição do tijolo, essa é a meia gota. E então esse é o meu layout de grade
original. Agora você pode ver os padrões de diamante listados como outro tipo
de layout de repetição. Mas um layout de diamante é, na verdade ,
apenas uma combinação de
meia gota e tijolo. Se eu remover esse ponto e
esse ponto e depois esses dois. Agora vou voltar ao que
é essencialmente uma grade básica. Desta vez, vou
mover esse ponto superior 100 pixels horizontalmente
e 100 pixels verticalmente, então a mesma distância
vertical E se eu pressionar copiar, agora
tenho um layout de diamante. Portanto, cada coluna e linha são
deslocadas na mesma distância, em vez de estarem na metade da
distância de uma ou de outra Então, vou criar um novo
padrão Swatch e observar
como meu padrão de diamante tem essa forma simétrica A diferença entre
esses layouts é essencialmente a distância
entre colunas e linhas,
mas a metade diamante, a gota e o tijolo são todos linhas e colunas
deslocadas Agora que você conhece os diferentes tipos de layout de
padrões, na próxima lição, discutiremos como alterar o espaçamento entre os elementos para aumentar a complexidade
de seus padrões
5. Noções básicas de padrões: espaçamento: Nas duas últimas lições, trabalhamos em
vários layouts repetidos com nosso padrão de bolinhas Até agora,
trabalhamos com um elemento que tem bastante
espaço negativo ao seu redor, o que cria um padrão geral. Também podemos trabalhar com elementos bem espaçados,
criando novas formas
nos espaços negativos Nesta lição,
falaremos sobre padrões com formas interligadas
e sobrepostas Então, a primeira coisa que
vou fazer é apagar todos os meus pontos pretos e também
vou apagar esse quadrado de fundo
branco Mas vou deixar a caixa delimitadora de 200
pixels sem preenchimento nem traçado Vou pressionar M no meu teclado e abrir
a ferramenta retângulo E eu vou clicar uma vez
para abrir o menu. E eu quero criar
um retângulo de 100 pixels e vou
preenchê-lo com um preenchimento preto Vou pressionar V no meu
teclado e quero usar as ferramentas de alinhamento
para alinhar isso
no canto superior esquerdo
da minha Meu quadrado preto tem metade da largura e metade da
altura da minha caixa delimitadora. Vou pressionar o comando shift M e vou mover
esses 100 pixels para
a direita e 100 pixels para
baixo. Vou pressionar Copiar. E agora eu criei um padrão quadriculado
básico. Vou selecionar
o quadrado de fundo que não tem preenchimento nem traçado. E eu vou pressionar
o comando C para copiá-lo. E comande para colocar a cópia diretamente na
frente do original. E eu vou dar a ele uma cor de preenchimento
branca. Agora é um pouco difícil
ver o que acabei de fazer. Vou abrir o painel de camadas e você verá que não
tenho
caixa delimitadora de preenchimento nem traçado na parte de trás e tenho esse novo
quadrado branco diretamente acima dela E então eu tenho meus
dois quadrados pretos. Vou selecionar
todas essas formas e arrastá-las
para criar uma amostra de padrão Vou selecionar meu quadrado e
preenchê-lo com meu novo padrão. E você verá que esta é a grade de padrão único onde meus quadrados pretos se
alinham uns com Ele cria os quadrados brancos
interligados
no espaço negativo Esse é um padrão básico de verificação de
intertravamento. Podemos adicionar alguma dimensão
à verificação simples
alterando as cores. Vou selecionar este quadrado preto
superior, pressione o comando shift para movê-lo. Não quero
movê-lo horizontalmente, mas quero
movê-lo 100
pixels para baixo mas quero
movê-lo 100
pixels para baixo. Vou pressionar Copiar. Desta vez, quero mudar esses dois quadrados para uma nova cor Vou tocar duas vezes
na minha cor de preenchimento. E vou selecionar
um tom médio de cinza. Vou clicar em, ok, seleciono todas as minhas formas novamente e
crio uma nova amostra de padrão Agora tenho um cheque de guingão. Existe essa ilusão de transparência porque
eu tenho listras brancas
e depois tenho listras cinza e onde
elas
se sobrepõem eu tenho quadrados
pretos, parece que os cinzas estão
se misturando
para formar as Até agora, tenho
trabalhado em preto e branco, mas também posso adicionar um pouco de
cor ao meu cheque de guingão Agora, eu poderia criar minhas cores manualmente, como fiz
com a cor cinza, mas também posso usar a ferramenta de mesclagem para criar
um gradiente de cor Vou pressionar M no meu teclado
e desenhar um quadrado. E eu vou
preenchê-lo com uma cor clara, talvez algo redondo aqui. Toque em K, pressionarei
V no meu teclado e arrastarei uma cópia
para a direita
pressionando Opção e Shift
e arrastando-a Vou voltar ao meu preenchimento e quero mudar
esse novo quadrado para um tom um pouco mais escuro
da mesma cor. E pressione. Ok, agora eu quero
encontrar a cor que é uma mistura perfeita
desses dois tons. Vou selecionar minhas
duas formas. Vou até o menu de objetos. Vou selecionar Blend. A primeira coisa que quero fazer
é atualizar as opções de mistura. O padrão é criar transições de cores
suaves, mas eu quero usar o
menu suspenso para selecionar etapas específicas Porque tudo que eu quero é uma nova cor que combine as duas
cores originais Se eu precisasse de vários tons, poderia especificar uma
quantidade maior de cores de que preciso. Mas eu vou
escolher um e pressionar. OK. Agora que
defini minhas opções, preciso misturar minhas cores. Então, eu posso ir até
Object, blend e Make. Ou eu posso pressionar o
comando de opção B no meu teclado, comando de
opção B, e ele
criará uma nova cor. Eu tenho meu
tom claro, meu tom escuro, e esse tom é uma mistura
perfeita desses dois. A próxima coisa que preciso fazer
é ir até o menu Objeto e expandir o efeito. Vou pressionar OK. Agora eu
tenho essas três cores. Vou tocar no novo grupo de cores. E vou deixar essas configurações e
pressionar OK. Agora eu tenho essas três novas
amostras no meu painel de amostras. Vou deletar esses quadrados. E eu quero selecionar
meu quadrado preto escuro. Vou trocá-la
pela minha cor mais escura. Vou selecionar meus dois quadrados cinza
médio. E desta vez eu vou
selecionar a cor do meio-tom. Agora vou selecionar minha cor de
fundo e vou
alterá-la para minha cor mais clara Se eu selecionar tudo isso e
criar uma nova amostra de padrão, ela criará um guingão
colorido Verifique se as
cores mescladas ajudam a criar
a ilusão de listras
sobrepostas Posso alterar o espaçamento
do meu padrão alternando o tamanho dos meus quadrados com
o quadrado inferior selecionado Vou ao menu Formas e quero ter certeza de que minhas
proporções estão bloqueadas. Vou mudar isso para 50 pixels quadrados e
vou alinhá-lo
no canto inferior esquerdo Agora, para combinar minhas formas, preciso mudar
esse quadrado superior. E primeiro vou desbloquear
as proporções. E eu só preciso que a
largura seja de 50 pixels. E preciso estender
a altura para cobrir os 50 pixels que
perdi quando reduzi
o primeiro quadrado. Preciso que minha largura seja de 50
pixels e preciso adicionar
50 à minha altura e
torná-la de 150 pixels de altura. Se eu alinhar minha forma
no canto superior esquerdo, ela alinhará perfeitamente as formas superior e
inferior Preciso fazer a mesma coisa
com esse quadrado inferior, exceto que preciso ter
certeza de que ele tem
150 pixels de largura e
50 pixels de altura. E então eu vou alinhá-lo
no canto inferior direito. Isso criará
proporções
ligeiramente diferentes do meu padrão. Vou selecioná-los e arrastá-los e criar uma nova versão do meu padrão de xadrez de
guingão Você pode se divertir
brincando com o tamanho e o espaçamento dos elementos do
padrão Vou deletar
esses quadrados porque quero falar sobre padrões
com formas sobrepostas E vamos criar
um padrão básico de vieiras. Vou pressionar L no meu teclado, clicar uma vez e criar uma
elipse de
100 pixels Vou pressionar ok e depois
pressionar V no meu teclado. Para abrir a ferramenta de seleção, quero alinhar o centro do meu círculo no
canto superior esquerdo da minha prancheta Vou pressionar o comando shift
M e movê-lo 100 pixels para a esquerda
e zero pixels verticalmente, alinhados ao
lado do círculo original,
sem espaço Vou pressionar o comando D para
duplicar a última ação. Agora eu tenho um círculo no lado direito
da
minha prancheta que tem 200 pixels diretamente
em frente ao original Vou selecionar os dois primeiros e pressionar o comando shift M. E desta vez eu
quero movê-los para baixo em um layout de repetição de tijolos. Vou movê-los 50
pixels horizontalmente e
depois 50 pixels verticalmente ,
para que eles se Vou pressionar Copiar e
vou dar à nova
linha uma cor diferente. Também preciso ter certeza de que esse círculo fica na frente
do círculo na parte de trás. Vou pressionar o colchete
direito Command shift para trazer esses dois
itens para a frente Agora eu posso pressionar Shift
e arrastar para selecionar os três círculos superiores
na parte de trás para que todos os meus cinco
círculos sejam selecionados. Command shift M, e eu quero mover essas
linhas diretamente para baixo. Então, vou fazer com que a posição
horizontal seja zero. E vou mudar a vertical
para 100 pixels porque tenho duas linhas selecionadas que precisam se mover
50 pixels cada. E preciso dobrar o que
fiz da primeira vez. Vou pressionar copiar agora. Cada linha é escalonada 50 pixels para baixo e deslocada 50
pixels para o lado Por fim, preciso
criar uma linha inferior. Então, pressionarei o comando D para
duplicar a última ação. Como estou trabalhando
com bons números de tiragem, sei que essa linha
está 100 pixels abaixo e a próxima linha
está 200 pixels abaixo, que é o
tamanho total da minha prancheta A outra coisa que quero
fazer é garantir que
minhas linhas estejam organizadas
na ordem correta para criar as linhas sobrepostas Agora, como não tenho espaço
entre nenhuma das minhas formas, na verdade não
preciso do meu quadrado de
fundo preenchido para poder
excluí-lo. É claro que preciso da minha caixa delimitadora
sem preenchimento ou traçado que
designará os limites
do meu Selecionarei todos os meus círculos e minha caixa delimitadora de fundo e arrastarei isso para
criar uma nova amostra de padrão E agora eu tenho um padrão básico de
vieiras. Vou adiar isso um
pouquinho. Uma maneira de mudar a
vieira é adicionar um contorno. Selecionarei todos esses
círculos e pressionarei Shift para desmarcar minha caixa delimitadora porque não
quero alterá-la E eu vou fazer os círculos
todos da mesma cor. Agora, para delinear
entre as sombras, vou adicionar um traço Vou adicionar um traço escuro. E vou aumentar um pouco o
tamanho, e você verá que agora minha forma de vieira parece
estar espaçada Selecionarei tudo arrastarei tudo e
criarei um novo padrão. Preciso ter certeza de
que minha cor de preenchimento está selecionada e não meu traçado. Eu posso preencher meu quadrado
com esse novo padrão. Ele cria um
padrão de vieira que parece ter espaçamento
entre os elementos A tonalidade escura parece
uma cor de preenchimento de fundo e as formas de vieiras
estão espalhadas E posso aumentar ainda
mais
o espaçamento aumentando o
tamanho do meu contorno Vou mudar para selecionar minha caixa
delimitadora e
aumentarei o tamanho
do meu contorno para que o espaçamento seja Vou selecionar tudo,
arrastá-lo para o painel de amostras, criar um novo padrão e depois testar o
padrão mais uma vez Você pode brincar
variando o peso do contorno e o
espaçamento das vieiras Agora que
analisamos alguns padrões básicos intertravamento e
sobreposição,
na próxima lição
falaremos sobre repetições contínuas,
como padrões na próxima lição
falaremos sobre repetições contínuas , como
6. Noções básicas de padrões: listras: Na última lição,
falamos sobre espaçamento entre elementos com padrões interligados
e Nesta lição,
falaremos sobre padrões contínuos Em uma repetição contínua, o início e o fim dos elementos
repetidos são Vamos criar padrões de impacto
vertical, horizontal
e diagonal, incluindo padrões de treliça simétricos e
assimétricos Vou começar
acessando
meu painel de camadas e
excluindo todos esses círculos Vou deixar a
caixa delimitadora
sem preenchimento, sem traçado , que ainda tem
200 pixels quadrados Vou pressionar M no meu teclado
e clicar uma vez para criar um retângulo com 100 pixels de
largura e 200 pixels de altura Vou pressionar OK e vou
dar uma cor de preenchimento. Vamos usar uma
de nossas novas amostras de cores. Vou alinhá-la à esquerda e
à parte superior da minha prancheta. E pressionarei V no meu teclado e selecionarei meu quadrado de fundo. E pressione o comando C
para criar uma cópia. E comando para colar na frente. Vou dar uma
cor de preenchimento para o meu plano de fundo. Vou selecionar todas as minhas formas e criar uma nova amostra de padrão E vamos testar o padrão. Essa é uma faixa
simétrica básica em que as listras são Posso alterar o espaçamento
das minhas listras indo até meu quadrado e alterando
a largura para dez pixels Vou alinhá-lo para o lado esquerdo. Pressione o comando shift
M e mova-o 50 pixels para a direita e
zero pixels verticalmente E pressione copiar. Vou pressionar comando D para duplicar
esse movimento várias vezes. E vou selecionar tudo e arrastá-lo para o meu painel de amostras Agora eu tenho um padrão de
listras mais fino. Você pode brincar
com o espaçamento de
seus próprios
padrões de listras e até mesmo variar o espaçamento
entre Se eu quiser uma faixa horizontal, posso girá-las
pressionando R no meu teclado. E vou girá-los
e pressionar V no meu teclado para arrastá-los para o centro até que se
encaixem nas laterais Vou criar uma nova amostra
de padrão. Agora eu tenho uma faixa horizontal. As listras básicas
são fáceis de criar, mas e se eu quiser
criar uma faixa diagonal Vou selecionar todos
eles e apagá-los. E eu pressionarei M no meu
teclado e clicarei uma vez. Desta vez, vou criar um retângulo com
cinco pixels de largura E eu quero que a altura seja
maior do que a minha prancheta, então vou fazer com que ela tenha 400 pixels de altura Vou pressionar, ok, vou girar essa faixa e pressionar Shift como faço para
restringir o ângulo Porque eu quero que esteja
em um ângulo de 45 graus. Vou soltar, e agora tenho uma faixa perfeita em
ângulo de 45 graus Vou pressionar V no meu teclado e arrastar isso
para o canto inferior esquerdo
da minha prancheta Vou pressionar o comando shift
M. E quero começar criando uma cópia no lado
oposto da minha prancheta Então, vou movê-lo 200 pixels para
a direita e zero
pixels verticalmente E eu vou pressionar a cópia. Agora minha
faixa diagonal está cruzando a borda esquerda
exatamente no mesmo ângulo da borda direita E está cruzando
a borda inferior no
mesmo ângulo da borda superior. Vamos selecionar tudo e criar uma
amostra de padrão para testar. Agora eu tenho uma faixa diagonal perfeitamente
repetida. Agora vamos adicionar mais
listras a esse padrão. Vou selecionar o original
e pressionar o comando shift M. E vou
mover esses 25 pixels para aumentar o espaçamento Vou pressionar Copiar e, se
pressionar o comando D várias vezes, posso duplicar essa faixa na mesma distância para
preencher o espaço Agora eu preciso selecionar apenas
essas listras do meio porque eu já
copiei essas duas externas E pressionarei o
comando shift M para mover esses 200 pixels para o lado
oposto da minha prancheta, assim como fiz com
a primeira faixa Vou pressionar copiar e você
notará que eu tenho uma faixa que se cruza ao longo do canto superior esquerdo E ele precisa cruzar o canto inferior esquerdo exatamente
no mesmo local. Então eu vou selecionar este
e pressionar o comando shift M. E desta vez eu quero movê-lo, escolher 200 pixels para baixo
e pressionar copiar. Vou selecionar todos eles
e arrastá-los para o
meu painel de amostras, e tenho meu padrão de
listras atualizado Vamos escalar isso para que você possa
ver um pouco melhor. Vou escalá-lo em 200%, apenas transformar o padrão
e clicar, ok, a seguir Vamos criar um padrão de
treliça de diamante espelhando essas Vou bloquear esse
quadrado de teste para
não selecioná-lo. Em seguida, arrasto para selecionar
todas as minhas listras diagonais. Vou pressionar o comando
G para agrupá-los. Comando C para copiar e
comando para colar na frente, pressionarei meu teclado para
abrir a ferramenta de reflexão. Agora, clico e
arrasto enquanto pressiono a
tecla shift para bloquear o ângulo e ele espelhar
minhas listras com precisão
no lado oposto Vou pressionar V no meu teclado e mudar o comando para
desagrupar esse conjunto Agora preciso excluir algumas
dessas listras extras que
não cruzam minha prancheta Em seguida, preciso preencher
as listras que
faltam no canto superior esquerdo Vou selecionar esses três
e pressionar o comando shift M. Preciso
movê-los para a esquerda, que significa que preciso
fazer menos 200 e não quero
movê-los verticalmente Até agora,
movemos as formas para a direita ou para baixo, e isso requer números
positivos. Para mover um objeto para a esquerda, você precisa tornar a posição
horizontal negativa. Se você quiser movê-lo para cima, você deve tornar sua posição
vertical negativa. Lembre-se disso ao
mover objetos. Com a ferramenta de movimentação,
pressionarei copiar agora. Tenho todas as minhas listras se
repetindo em cada borda. Vou selecionar todos
eles e vamos testar esse padrão e
ter certeza de que não perdi nenhum. Vou pressionar a barra de espaço
para deslizar isso e desbloquear meu quadrado para poder preenchê-lo
com um novo Novamente, vou escalar
essa escala de transformação. E só transforme o padrão. E aperte, OK. Como você pode ver, agora
tenho um padrão simétrico de treliça de
diamante Vou pressionar a barra de espaço e deslizá-la de volta para
a minha prancha. Até agora, criamos listras
diagonais em ângulos de
45 graus e um padrão de treliça
simétrico Mas digamos que queremos tornar essa treliça assimétrica Descobrir a relação entre
o ângulo da sua faixa e
o tamanho da
caixa limite pode ser Se você quiser criar um padrão
assimétrico, a coisa mais fácil a fazer é selecionar todos os
elementos do E clique com o botão direito do mouse em transformar escala. Queremos transformar somente
os objetos. E queremos usar a seção
não uniforme. Digamos que queremos
mantê-lo em 100% na horizontal, mas queremos
escalá-lo em 150% Você pode ver que temos essa forma de diamante
esticada. Vou pressionar, ok, vou arrastar isso um pouco
para baixo. Agora, isso só funciona se você selecionar a caixa delimitadora do plano de
fundo, a forma de preenchimento do plano de fundo e todas as listras Para que tudo
em seu padrão seja dimensionado nas
mesmas proporções Vou criar uma nova amostra
e deslizá-la para o lado Vamos testar o padrão. Agora eu tenho uma treliça de diamante
assimétrica perfeitamente repetida Se eu excluir esse
grupo original de listras, na verdade
tenho uma faixa
diagonal que não está em um ângulo de 45 graus Vou criar um novo
padrão Swatch e agora tenho uma faixa diagonal que está em um ângulo diferente Esse é o básico para
trabalhar com padrões de
listras verticais, horizontais e diagonais Agora que analisamos como
criar padrões geométricos básicos, nas próximas lições, aprenderemos como transformar formas
básicas em formas
complexas E vamos
começar usando a
ferramenta de seleção direta na próxima lição.
7. Formas de edição: pontos de âncora: Nas últimas aulas, criamos vários padrões
geométricos básicos Nas próximas lições, vamos pegar
formas básicas e transformá-las em formas complexas usando as
ferramentas e o ilustrador Nesta lição,
começaremos ajustando pontos de
ancoragem e
cantos e usando as ferramentas de rotação e reflexão para
criar A primeira coisa que vou
fazer é excluir todos esses objetos porque
não preciso mais deles. Vou pressionar o comando Option para ajustar minha placa à tela
, como vimos antes. Se eu pressionar M no meu teclado, posso clicar e
arrastar um quadrado. Se eu segurar a tecla shift, isso
restringirá as proporções
a um quadrado perfeito, e eu vou preencher
isso com uma nova cor Também posso clicar e
arrastar um retângulo. Se eu pressionar L no meu teclado, posso clicar e arrastar um círculo. E se eu segurar a tecla Shift, isso
fará com que seja um círculo perfeito. Se eu clicar e arrastar
sem segurar a tecla Shift, posso criar uma forma oval
para formas adicionais. Posso clicar e segurar
a ferramenta Forma para abrir o menu suspenso e
ver as diferentes opções. Vamos selecionar nossa
ferramenta poligonal da mesma forma que antes. Eu posso clicar e arrastar
uma forma poligonal. Se eu segurar a tecla Shift, ela
bloqueará o ângulo para que
fique bem reto. Se eu pressionar a tecla de seta para baixo, posso reduzir o número de
lados e criar um triângulo. Eu posso pressionar a seta para cima para
aumentar o número de lados. Também posso clicar uma vez para
abrir o menu de polígonos, onde posso alterar o
raio para qualquer número Quanto maior o raio, maior
o tamanho
do meu polígono Também posso alterar o número
de lados e clicar em OK. Se eu clicar novamente, posso realmente aumentar isso para 25 pixels. E eu vou pressionar OK. E você pode ver que meu polígono
é muito maior Vou pressionar V para
selecioná-los e movê-los para baixo. Em seguida, vou
pressionar e segurar o Menu de Formas. E
selecione a estrela. Mais uma vez, posso clicar
e arrastar para Criar uma estrela. Se eu segurar a tecla Shift, ela a
manterá bem e em linha reta. Se eu usar a seta para baixo, ela criará um triângulo. Se eu pressionar a seta para cima, isso aumentará o número
de pontos o quanto eu quiser. Se eu clicar uma vez,
abrirei as opções de estrelas e posso definir o raio 1,2 e o
número de pontos da minha estrela Primeiro vou diminuir o
número de pontos para seis. Em seguida, vou mudar os dois raios. Quanto maiores forem esses números, maior será minha estrela, quanto maior
a diferença
entre as duas, íngremes serão as pontas
da minha estrela Vamos começar
fazendo com que a estrela tenha 15 pixels e depois 20
pixels e seis lados. Pressione ok. E
você pode ver que eu tenho essa linda estrela de pontas rasas Vou clicar novamente e, desta vez, vou aumentar
a diferença. Vamos mudar isso para 10,25 e manter o
mesmo número de pontos Se eu clicar em OK, você
pode ver que agora
tenho esses
pontos realmente íngremes na minha estrela Vou pressionar A para abrir a ferramenta de seleção
direta. Se eu clicar no meu quadrado, você poderá ver todos os meus pontos de
ancoragem da minha forma Se eu clicar e arrastar essa
pequena ferramenta de canto, posso arredondar os cantos e
ela arredonda tudo uniformemente Eu posso deslizá-los de volta
para criar meus cantos. Novamente, se eu quiser
alterar apenas um canto, posso clicar em um
ponto de ancoragem e você
notará que esse ponto de ancoragem é azul e o
resto é branco E você só vê essa
pequena ferramenta de canto Se eu clicar e arrastar, posso subir até o topo para
tocar nos outros pontos de
ancoragem ou voltar para tocar nos outros pontos de
ancoragem ou voltar baixo, se quiser arredondar
vários cantos,
posso segurar a tecla Shift e selecionar
um segundo ponto de ancoragem Você verá que esses
dois agora são azuis. E, novamente, eu posso
arredondar esses cantos. Se eu clicar duas vezes em
um desses cantos, posso alterá-lo de
um canto arredondado para
um canto invertido ou um cesto Vamos selecionar a rodada invertida. E agora eu quero
especificar um raio exato. Então, digamos que eu
queira fazer 25 pixels. E eu vou clicar em OK. E agora eu tenho esse canto arredondado
invertido. Posso selecionar qualquer
forma e clicar em um ponto de ancoragem e
simplesmente movê-lo Posso pressionar a tecla de seta
para baixo para movê-la um pixel por vez. E se eu segurar a tecla shift, enquanto pressiono a seta para baixo, ela se moverá dez
pixels por vez. Posso abrir o menu
Propriedades e tenho a opção de
converter meus pontos de ancoragem Eu posso mudar isso
para um ponto angular, ou posso mudá-lo de volta para
um ponto arredondado suave. Vamos manter o ponto angular. Em seguida, posso selecionar esse ponto de ancoragem
arredondado. E eu posso selecionar uma
das alças e
movê-la para ajustar o ângulo. Se eu segurar a tecla Shift, ela bloqueará o movimento em ângulos de
45 graus. E vou pressionar a
barra de espaço apenas para mover isso para baixo. Assim, você pode ver se eu pressiono Comando de
Opção e
, em seguida, clico na minha alça. Isso quebrará a alça para que eu possa movê-la independentemente
da primeira. Assim que eu me estabelecer em uma
posição, vou desistir. E agora eu tenho essa curva em forma de
S. Se eu clicar em uma alça
e quiser
mantê-la alinhada em vez
de balançar, posso segurar a tecla Shift para
que, ao arrastá-la ela
fique bem alinhada
com a primeira Mantenha o simétrico. Eu farei a mesma coisa
do outro lado. Vou clicar e segurar a tecla Shift enquanto a arrasto para cima para
mantê-la alinhada Neste ponto, eu
apenas encorajaria você a brincar
com essas formas, manipular os
pontos de ancoragem e os cantos e testar suas próprias
variações dessas Vou pressionar V no meu teclado e vou excluir
essas formas extras. Vamos falar sobre como usar
as ferramentas de rotação e reflexão. Vou selecionar minha forma e
movê-la pela minha prancheta. E se eu segurar a opção enquanto me
movo, ela criará uma cópia. Você notará que
há aquelas pequenas pretas e brancas e isso me diz que estou fazendo
uma cópia agora Estou segurando a opção e
posso arrastá-la. Mas se eu também segurar a tecla Shift
enquanto pressiono a opção, posso movê-la em
ângulos de 45 graus para cima e para baixo, lado para o outro, e o movimento é restringido para mantê-la alinhada
com a original Com a opção shift ainda pressionada, vou soltar o mouse e agora tenho uma cópia da minha forma. Vou pressionar R no meu teclado
para abrir a ferramenta de rotação. Posso segurar a tecla Shift para
girá-la em ângulos de 45 graus. Eu posso mudar o
ponto de rotação. Então, vou arrastar isso
para baixo para girá-lo a partir do
ponto de ancoragem inferior Agora eu posso simplesmente clicar,
arrastar e girar
em torno desse ponto Se eu segurar a tecla Shift, posso
girá-la em ângulos de 45 graus. E se eu passar o mouse sobre o
ponto de rotação e pressionar a opção, você pode ver esses pequenos
pontos que aparecem. Vou clicar e abrir
o menu Girar para poder especificar o
ângulo da rotação Digamos que eu queira
criar pétalas da flor e sei que quero cinco pétalas uniformemente
espaçadas em torno Se eu não tiver certeza de qual
ângulo inserir, posso digitar 360 graus para meu círculo completo e
depois dividir por cinco. E se eu clicar em Tab, você verá que o ângulo
precisa ser de 72 graus. Posso pressionar ok para girá-lo ou posso criar uma cópia E então eu posso
pressionar o comando D para duplicar essa ação
até completar o círculo Vou pressionar V
no meu teclado e selecionar todos eles. E
coloque-os aqui. E vou
reduzir isso para
50 pixels para que
fique fora do caminho Vou pressionar a opção no meu teclado e vou
arrastar isso até aqui. E vamos abrir
a ferramenta de reflexão. Ao pressionar,
fica
semelhante ao mesmo ponto de reflexão
no centro, posso arrastar para refletir a forma
ao redor desse ponto. Manter a tecla Shift refletirá
isso em ângulos de 45 graus. Também posso mover o ponto de
reflexão até a ponta, como fiz antes. Ou eu posso movê-lo
para o lado da minha forma para que eu possa
refleti-lo para o lado. Posso clicar e segurar a tecla Shift
e ela a refletirá para o lado diretamente oposto Se eu segurar a opção
antes de
soltá-la, ela refletirá uma cópia. Vou soltar e tenho uma cópia refletida para o outro lado. Mais uma vez, se eu segurar a opção
com esse ponto de reflexão, posso clicar e abrir
as opções da ferramenta de reflexão. Eu posso refleti-lo horizontalmente, verticalmente e posso
mudar Digamos que eu queira
refletir isso horizontalmente. E eu quero
mudar o ângulo para algo como 333 graus. Se eu pressionar copiar,
ele fará uma cópia. Se eu pressionar OK, ele
simplesmente girará essa forma. A última coisa que quero
mostrar nesta lição é como dividir
círculos em fatias Vou pressionar
L no meu teclado, clicar
e criar
um círculo de 30 pixels. E digamos que eu
só queira criar uma cunha pi perfeita que seja
um quarto do meu círculo Se eu for ao meu painel de propriedades e clicar nessas três elipses, mais opções serão exibidas E eu posso
editar manualmente os ângulos pi. Eu posso mudar o
final para 90 graus, e se eu deixar o ângulo
inicial em zero, eu tenho uma peça de um quarto de pi. Eu posso voltar e
mudar isso para 180, e agora eu tenho um semicírculo Também posso mudar meu início para 90 graus e o final para 180. E a cunha agora é
retirada do canto superior esquerdo. Se eu for 90-270, obterei um
semicírculo no lado esquerdo. Se eu começar em 60 graus
e terminar em zero, obterei um círculo
com uma pequena cunha removida no canto superior direito 060 me dá o inverso. Também posso usar a ferramenta invertida
para alternar. Vou pressionar
V no meu teclado e você notará que isso
ainda mostra que minha forma é 30 por 30 pixels porque
ainda está sendo lida como meu círculo
original. Lembre-se de que meu círculo completo
tinha 30 pixels de diâmetro, o que provavelmente
ainda não pode ter 30 por 30 pixels. Para corrigir isso, posso acessar minha
ferramenta Shape Builder na barra de ferramentas ou pressionar Shift M para usar o atalho
do teclado Eu clico uma vez dentro da minha Forma e pressiono V. Agora, se
eu for ao menu Forma, ele mostra que esse tamanho
é de 1.512,99 pixels, que mostra com precisão o
tamanho dessa nova Agora eu sei que essa forma não é mais um círculo com um
efeito aplicado a ela, mas eu tenho essa forma
totalmente nova. Agora que analisamos como
editar nossas formas básicas
ajustando pontos de ancoragem e usando as ferramentas de rotação
e reflexão, vamos nos aprofundar no uso
da ferramenta Shape Builder para dividir e combinar formas
na próxima lição
8. Edição de formas: ferramenta de construtor de formas: Além de manipular pontos de
ancoragem, você também pode criar formas
complexas usando a ferramenta de criação de formas. A primeira coisa que eu preciso
é de formas sobrepostas. Vou selecionar essa
forma que criei anteriormente. Se você se lembrar, essas ainda
são peças individuais. Vou pressionar o comando Z
para desfazer esse movimento. E vou selecionar
tudo isso e pressionar Shift para abrir a ferramenta
Shape Builder. Ao passar o mouse sobre a Forma, você verá essa grade que indica as novas formas
que posso criar Se eu clicar em qualquer uma
dessas áreas sobrepostas, dividirei essas
peças em novas formas Pressionarei V no meu teclado e clicarei fora
da forma para desmarcá-la E agora eu posso selecionar essa peça que foi recortada
do original. Vou pressionar o comando Z
para desfazer esse movimento. E se eu quiser selecionar
mais de uma peça, basta clicar e pressionar Shift
para selecionar várias peças. Então eu posso simplesmente
deslizá-los para o lado. E agora posso usar o novo conjunto de formas
que recortei ou posso usar as
peças restantes da minha forma original. Também posso usar a ferramenta de
criação de formas para mesclar formas. Novamente, vou
selecionar tudo
isso e pressionar Shift
M no meu teclado. Ao passar o mouse, posso
clicar e arrastar em qualquer área das
formas selecionadas e mesclá-las. Eu apenas clico e arrasto pelas
seções para mesclá-las. Você pode ver agora, ao passar o
mouse sobre a grade ,
que ela mostra os
limites dessas novas formas Esta é uma peça e esta é
separada, assim como esta. Novamente, pressionarei
V no meu teclado e clicarei do lado de fora. E agora eu posso mover a forma que foi cortada
do resto dela, comandar Z para desfazer isso Também posso criar formas a
partir dos
espaços negativos entre elas. Se eu pressionar shift M para abrir a ferramenta Shape
Builder novamente, posso clicar dentro dessa área recortada e criar uma nova forma
a partir do espaço negativo. Se eu selecionar uma nova cor de preenchimento, posso clicar e ela
preencherá minha nova forma
com uma nova cor. Novamente, pressionarei V no meu
teclado. Clique do lado de fora. Agora você pode ver que essa é uma nova forma e essa também. É importante saber
que você precisa ter formas
sobrepostas
para combiná-las Se eu selecionar
essas duas formas e abrir a ferramenta de criação de formas, se eu tentar mesclar essas formas, elas não serão mescladas porque não estão
conectadas Eu tenho que pressionar V
no meu teclado. Vou mover essa forma para cima para que ela se sobreponha
à forma acima Se eu selecionar esses, você verá agora que há uma área sobreposta aqui Agora eu posso pressionar Shift M e vou mesclar essas duas formas Vou pressionar V e clicar do lado de fora. E agora eu tenho uma forma. Se você estiver tendo problemas para
usar a ferramenta de formas, certifique-se de que
as duas formas você está tentando mesclar não
estejam desconectadas Eles podem parecer conectados porque estão
próximos um do outro, mas podem não estar
totalmente sobrepostos A última maneira pela qual a ferramenta Shape
Builder pode ser útil é redefinir uma forma
após a aplicação de um efeito Se eu pressionar M no
meu teclado e clicar para criar um retângulo de
50 pixels , pressionarei
V e moverei isso um
pouco Vou pressionar R para abrir
a ferramenta de rotação e
vou girá-la enquanto pressiono a tecla Shift e a opção para criar uma cópia em um ângulo de
45 graus Se eu pressionar V no meu teclado, agora
você verá que diz
que tem 50 pixels por 50 pixels. Mas esse quadrado original
tinha 50 pixels por 50 pixels. E isso obviamente está
se estendendo além do quadrado, não está fornecendo
um tamanho preciso Se eu pressionar Shift
M no meu teclado, clicar uma vez
dentro da minha forma e pressionar V novamente. Você pode ver agora que
o tamanho foi atualizado e tem
quase 71 pixels. Eu posso alterá-lo para 50 pixels. Agora eu tenho uma
forma de diamante que realmente 50 pixels por 50 pixels. Às vezes, quando você altera
uma forma girando-a ou convertendo um círculo em
uma fatia de pizza, como na última lição,
o Illustrator ainda a lê como a forma original
com Você pode usar a ferramenta
Shape Builder para redefinir essa caixa delimitadora. Ao criar
esses padrões geométricos, você quer ter
tamanhos precisos para suas formas Esses são os
elementos básicos do uso
da ferramenta Shape Builder para
dividir e combinar formas. Na próxima lição, usaremos a ferramenta de efeitos para adicionar
textura às nossas formas.
9. Edição de formas: efeitos: Até agora, lidamos
com formas lisas e limpas, mas também podemos adicionar efeitos
a elas para fazê-las parecer mais irregulares com textura
inorgânica usando ferramentas No Illustrator, a primeira
coisa que vou fazer é selecionar todas elas e
excluí-las porque não
precisamos mais delas. E pressionarei M
no meu teclado e clicarei uma vez para criar
um retângulo longo Vou fazer com que seja de cinco
pixels de largura e 200 pixels de altura.
E clique, ok. Vou pressionar V no meu teclado
e deslizar
isso para o centro com
meu objeto selecionado. Vou
subir para distorcer,
transformar e selecionar Roughen.
Vou passar isso por cima. A primeira coisa que
vou mudar é o tamanho. Posso fazer uma seta
para cima ou para baixo para alterar o tamanho, só
quero que seja
pequeno, então vou deixá-lo em 2%. Também posso alterar
a quantidade de detalhes. Se eu abaixar a seta, vou apenas reduzir os detalhes,
deixando para dois. E eu vou mudar
isso para absoluto. Vou mudar isso de cantos
afiados para lisos. Agora eu tenho uma leve onda
na minha forma retangular. Estou feliz com isso.
Vou pressionar OK. Quando estiver satisfeito com o efeito, preciso ir até
o menu Objeto e selecionar Expandir aparência. Agora eu tenho essa nova forma. Em vez de ser uma forma
com um efeito aplicado, agora
é uma forma completa e eu
posso manipular os pontos de
ancoragem Essa é uma maneira de criar uma forma orgânica
irregular. Vou clicar na opção e clicar e dirigir
para criar uma cópia. E vou adicionar mais
efeitos a este. No momento, tenho essa forma ondulada
irregular, mas talvez eu também queira
adicionar um efeito textural Então, vou voltar
ao menu Efeitos. Na parte inferior, aqui, tenho esses efeitos do Photoshop
na galeria de efeitos É importante ter em mente que, se eu usar qualquer um
desses efeitos, ele transformará minhas formas
vetoriais em pixels. E então precisarei usar
a ferramenta de rastreamento de imagem para
transformá-las novamente em vetores após
a aplicação do efeito Adicionar texturas é opcional, mas é bom
saber como fazer isso Eu posso escolher uma
dessas opções. Vou selecionar pinceladas
e respingos. E isso
abrirá esse novo menu. Você pode ver agora
que eu também posso acessar esses outros efeitos
a partir desse menu. E você pode
escolher uma
opção diferente, se quiser, ou pode acompanhar
a que estou usando. Alguns deles funcionam melhor do que outros para dar
uma boa textura, mas você só precisa
experimentá-los. Agora, vou
escolher respingos e posso ajustar o raio
dos meus respingos e a suavidade até encontrar
um bom equilíbrio que me agrade um bom equilíbrio que me agrade Vou pressionar OK. Agora eu tenho um efeito de respingo aplicado
à minha forma ondulada É bastante pixelizado em comparação com
a forma original porque não
é mais um objeto vetorial Vou subir até o objeto
e expandir a aparência primeiro, porque essa não é
mais uma forma vetorial. Se eu for ao meu painel de camadas, você verá que é uma imagem
e não é mais um caminho. Então, vou precisar
vetorizá-lo. E eu vou abrir a ferramenta em forma de
imagem. Vou apenas clicar e
garantir que minha imagem esteja selecionada. Agora eu posso ver minhas opções de ferramenta de
rastreamento de imagem. Vou começar
selecionando uma predefinição. Agora, cada um deles
funciona de forma diferente, e talvez você queira
experimentar para descobrir o que funciona melhor para sua imagem
específica. Vou selecionar uma foto de
alta fidelidade e Illustrator mostrará meus resultados vetoriais
iniciais Posso voltar ao painel de rastreamento da
imagem e fazer ajustes. Posso alterar o número de
cores e talvez queira selecionar uma paleta de cores limitada e alterá-la para duas cores Como não
tenho nenhum gradiente ou sombreamento na minha forma, posso reduzir o
número de caminhos Talvez tenha sido
demais. Vou aumentá-lo. Eu quero manter um
pouco dessa textura áspera. Eu posso mudar o método
para cortar caminhos. E então vou simplesmente ignorar a cor para remover
o fundo branco. E você notará que
a outra forma não está visível porque meu
fundo branco foi removido. Se estiver acompanhando, você
pode usar as mesmas configurações ou experimentar as opções de rastreamento de imagem até ficar satisfeito
com os resultados. Agora, toda vez que você
usar isso
, será um pouco
diferente e único. Quando estiver satisfeito com minha forma, voltarei ao
menu Objeto e clicarei em Expandir.
Vou pressionar OK. E agora eu vejo meus pontos de ancoragem, o que significa que este é
um objeto vetorial Novamente, fecharei meu painel de rastreamento de
imagem e estou pronto para criar um padrão com
essa nova faixa texturizada Em uma lição anterior, criamos um padrão de listras com
uma listra lisa Mas alinhar de forma irregular
pode ser um pouco mais complicado. Primeiro, vou mover
minha forma de textura para
que a parte inferior fique em algum lugar no meio da minha prancheta Agora minha placa R
ainda tem 200 pixels. Vou pressionar o comando shift M e vou
movê-lo zero pixels
horizontalmente e 200 pixels para baixo. Vou fazer uma cópia. E você pode ver que, onde
eles se sobrepõem, parece bom. Mas também posso fazer ajustes para suavizar ainda mais a
transição. Vou pressionar Z no meu teclado e vou ampliar um pouco
aqui para que você
possa ver isso melhor. Eu pressionarei A e
selecionarei minha faixa superior para selecionarei minha faixa superior poder gerenciar
esses pontos de ancoragem Digamos que eu queira conectar
isso aqui, para que não haja lacunas. Posso selecionar meu
ponto de ancoragem e movê-lo para baixo. Até que eu tenha essa transição
suave de uma faixa para a outra Agora, onde eles se encontram, é bom e suave e eu também posso ajustar o
outro lado. Quero ter certeza de que
estou fazendo
alterações somente na forma superior porque não quero editar
a parte inferior. Estou editando uma forma. Vou ajustar as alças
neste ponto de ancoragem até que eu tenha uma
transição mais suave neste lado Posso continuar ajustando os pontos de
ancoragem até ficar
satisfeito com as transições
de uma faixa para a outra Talvez você queira fazer ajustes
adicionais dependendo da sua forma. Vou selecionar a faixa inferior. Pressione V para abrir a ferramenta de
seleção e eu a excluirei porque
não preciso mais dela. Vou selecionar essa faixa superior. Vou pressionar o comando Shift
M e movê-lo de zero pixels na horizontal e 200 pixels
na vertical. E pressione Copiar. Agora, as duas formas são idênticas e minhas transições
são bonitas e limpas Vou pressionar o comando de opção
zero para diminuir o zoom. E agora estou pronto para criar um padrão contínuo de listras
usando essa faixa texturizada Vou mover este
para o lado. Por enquanto, selecionarei essas
duas formas e pressionarei o comando Shift M. E moverei 20
pixels para a direita, sem querer
movê-la verticalmente Vou pressionar Copiar e
, em seguida, pressionar o comando D para duplicar essa ação e repetir
a faixa
várias vezes na minha Em seguida, preciso mover
essa faixa que está ao longo dessa
borda direita para a esquerda Vou pressionar o comando shift M e quero movê-lo em menos 200 pixels para
movê-lo para a esquerda e zero pixels na vertical.
Vou pressionar a cópia. Em seguida, preciso criar
minha caixa delimitadora. Então, pressionarei M no meu
teclado e clicarei para criar uma
caixa delimitadora de 200 pixels em segundo Vou pressionar OK
e quero ter
certeza de que não há
preenchimento nem traçado. Em seguida, vou alinhá-la à
minha prancheta e pressionar o comando shift no
colchete esquerdo para enviá-la totalmente
para Se eu abrir meu painel de camadas, você verá que minha caixa
delimitadora de fundo está na parte inferior, então está totalmente na Vou pressionar a barra de
espaço e usar a mão para
arrastar isso um pouco. Em seguida, quero criar
uma cor de fundo. Vou pressionar o comando C e
o comando para colá-lo na frente. E eu vou dar a este
uma cor de preenchimento. Vou selecionar todos
eles e
arrastá-los para criar
uma amostra de padrão E então eu pressiono
Z no meu teclado para diminuir o zoom um
pouco e deslizar isso por cima. Vou pressionar para criar um quadrado e preenchê-lo
com um novo padrão. Agora eu tenho um padrão
listrado contínuo com uma faixa texturizada Se eu quiser tornar essa
repetição um pouco menos uniforme porque
todas estão alinhadas,
posso selecionar esse
primeiro conjunto e, em seguida segurar a tecla Shift para selecionar
todas as outras faixas E eu pressionarei o comando Shift M. Eu não quero
movê-los horizontalmente, mas eu só quero movê-los para cima. Então, vou movê-los em menos de
50 pixels verticalmente. E eu vou clicar, ok, vou selecionar tudo
e criar meu padrão. Agora meu padrão é
mais irregular. Eu também poderia mover cada faixa separadamente para que ficasse
em uma altura diferente, que realmente
variaria e daria uma aparência orgânica
agradável Agora que sabemos como editar formas
básicas e
dar texturas a elas, estamos prontos para começar a criar padrões
mais detalhados Na próxima lição,
começaremos
adicionando detalhes ao padrão
básico de vieiras
10. Adicionando detalhes: padrões de vieira: Nas últimas lições, revisamos os conceitos básicos da
criação de um padrão
e ilustrador e aprendemos
a editar formas básicas
para que tenham complexidade e textura Vamos usar as habilidades que
aprendemos e aplicá-las para criar padrões mais detalhados
e interessantes. Nesta lição,
vamos aumentar o nível nosso padrão de vieiras adicionando
detalhes ao formulário básico A primeira coisa
que vou fazer é selecionar todos esses
objetos e excluí-los. Em seguida, pressionarei o comando de
opção zero para ajustar minha
prancheta à tela Em seguida, quero adicionar
algumas paletas de cores para que eu as prepare
enquanto construo meus padrões Eu criei um conjunto de
paletas de cores como recurso para essa classe que você pode encontrar
na guia Projeto e Recursos Depois de baixar o
PDF, você pode abrir o arquivo. E o Illustrator e eu realmente o
abrimos aqui Agora, a maneira mais fácil de adicionar
essas paletas de cores ao seu arquivo de padrões é ir até o menu aqui no painel
Amostras Vá até o final e selecione
Salvar biblioteca de amostras como IA. Vou deixar o nome como está. E vou salvá-lo na pasta
Amostras padrão. E então eu pressionarei Salvar. Agora preciso voltar
ao meu
arquivo de padrões geométricos e descer até a
parte inferior do painel Amostras Para o menu da Biblioteca de amostras. Vou selecionar na seção
definida pelo usuário e encontrar
essa nova paleta de cores Isso
abrirá um novo painel. Vou expandir
isso um pouco, e você pode ver que tenho tudo
isso organizado em paletas de cores Eu simplesmente clico em cada uma
dessas pastas para adicioná-las ao meu
painel Amostras neste arquivo E eu tenho um conjunto principal de
cores na primeira paleta. E então eu os agrupei em várias combinações de
cores harmoniosas que você pode usar Mas você também pode se sentir à vontade para criar suas próprias paletas Agora que temos nossas
paletas de cores prontas, podemos começar a criar
nosso padrão Vamos expandir
o
padrão básico de vieiras que
aprendemos em uma lição anterior
adicionando alguns detalhes Começarei pressionando
L no meu teclado e clicando uma vez para criar
uma elipse de 100 pixels E pressione OK, vou dar uma nova cor de preenchimento
das minhas paletas de cores Vou clicar para criar
outro círculo. E eu vou fazer isso com 110 pixels. E aperte ok, vou preencher este com
uma cor diferente. Vou pressionar V no meu teclado
, selecionar
esses dois círculos e usar as ferramentas Align para
centralizá-los na parte superior Se eu clicar nesse menu suspenso, você verá que tenho
essa opção Alinhar à seleção Em vez de me alinhar
à minha prancheta, estou alinhando meus Vou clicar para desmarcá-los. E então eu vou
selecionar o pequeno círculo. Quero posicionar o pequeno
círculo logo dentro da borda. Então, pressionarei o comando Shift M e o moverei cinco pixels para baixo. E pressione, ok,
eu quero criar uma borda desses pequenos
pontos ao redor do meu círculo Vou pressionar R no meu teclado. Vou selecionar o ponto de
rotação e arrastá-lo até o centro
do meu círculo amarelo. Lá vamos nós. E eu pressionarei
Option e clicarei uma vez. E, novamente, para
abrir o menu de rotação, vou girar
esses 20 graus Pressione Copiar. Então, antes
de fazer qualquer outra coisa, pressionarei o comando D várias vezes até copiar
esses círculos por toda parte Vou pressionar V no meu
teclado e quero
criar um pouco outro conjunto de
círculos no set. Vou selecionar este,
pressione o comando Shift. Desta vez, vou movê-lo para baixo em
15 pixels e pressionar Copiar. Eu quero alongar esse círculo. Vou pressionar A no meu teclado e selecionar o ponto de ancoragem
inferior Vou manter pressionada a tecla Shift e
pressionar a tecla de seta uma vez. E isso vai deslocar esse ponto de ancoragem
para baixo em dez pixels E agora eu tenho essa forma de pétala
alongada. Vou pressionar V no meu teclado
para selecionar minha forma. Novamente, semelhante
aos últimos círculos. Eu quero girar isso a partir
do centro do meu círculo amarelo Vou pressionar R no meu
teclado e arrastar esse ponto de rotação para o
centro. Vou pressionar Opção. Em seguida, clique uma vez e depois novamente para abrir o menu Girar Você pode ver que 20
graus mal gira este
porque está mais perto do centro, eu quero girá-lo um pouco Vou fazer isso em 40 graus
e pressionar copiar mais uma vez. Antes de fazer qualquer
outra coisa, pressionarei o comando D para
finalizar esse círculo. Vou pressionar V no meu teclado. Quero terminar com um
ponto bem no centro. Então, vou selecionar essa parte superior novamente e pressionar Command shift M. E vou mover isso 40 pixels para
baixo e pressionar Copiar. Agora eu tenho esse design
simétrico que posso usar para
meu padrão de vieiras Mas alguns desses
elementos serão
cortados pelos círculos
sobrepostos Para verificar as áreas
que serão ocultadas, selecionarei meu círculo de fundo e pressionarei o comando shift M, e o moverei 50 pixels
para a direita e 50 pixels para baixo e pressionarei Copiar. Em seguida, preciso de um
do outro lado. Preciso colocar 100 pixels negativos e zero pixels na vertical.
E pressione Copiar. Se eu selecionar tudo isso, você pode ver onde esses
círculos
se sobreporão e eles criarão
aquela forma de vieira Essa metade inferior dos círculos e a metade inferior das
pétalas ficarão escondidas
pelo padrão Clicarei do lado de fora
para desmarcar e , em seguida, pressionarei a tecla Shift enquanto seleciono cada uma delas
e, em seguida, posso excluí-las. Se eu deixá-los,
eles vão
interromper meu fluxo de padrões Agora, fico com
apenas as formas que ficarão visíveis. Eu tenho esse espaço em branco
aqui que eu quero preencher. Vou desmarcar e selecionar
esse comando de um turno. E eu não quero
movê-lo horizontalmente, mas vou movê-lo para baixo 40
pixels. E pressione copiar. Vamos verificar isso. Sim, isso
se encaixa perfeitamente nesse espaço e não será
interrompido pela repetição Eu não preciso mais desses dois círculos
inferiores. Vou selecionar todos eles e agrupá-los
pressionando o comando G. Agora eu posso
movê-los como um grupo. Em seguida, preciso criar minha caixa delimitadora de
fundo. Então eu pressiono M no meu
teclado e clico, e vou criar
um quadrado de 100 pixels. vou dar uma nova cor de preenchimento enquanto, vou dar uma nova cor de preenchimento
para que você possa
ver o que estou fazendo. E vou
centralizar isso bem no meio do meu círculo. Vou pressionar o colchete
esquerdo do comando shift para
enviá-lo para trás E eu vou selecionar o grupo. E vou começar a
construir meu padrão. Vou pressionar o comando shift M e quero movê-lo
100 pixels para a direita e zero pixels para baixo.
E pressione Copiar. E você pode ver que eles se
alinham perfeitamente um ao lado do
outro para criar
aquela fileira inicial de vieiras Em seguida, seleciono o canto superior esquerdo e pressiono o
comando shift M. E desta vez, quero
movê-lo 50 pixels para
a direita e 50 pixels para baixo para criar aquela
repetição de vieiras e pressionar copiar E eu preciso
trazê-lo para a frente
com o suporte
direito do comando shift Se eu selecionar tudo, posso verificar se
isso está alinhado. Não preciso fazer
uma cópia em nenhum dos lados porque ela não está caindo
pela borda. Em seguida, selecionarei os dois primeiros, pressione o comando Shift M. E não quero
movê-lo horizontalmente, mas quero
movê-lo para os 100
pixels inferiores e pressionar o comando
copy shift O suporte direito o
levará para a frente. Agora, a linha inferior
está na frente, a linha do meio está atrás dela
e, em seguida, a
linha superior está na parte de trás. Vou arrastar para selecionar
tudo e ter certeza de que está alinhado. Tudo o
que cruza uma borda é copiado para
o lado oposto Meu padrão está pronto. A última coisa que preciso
fazer é ir até meu painel de camadas e
selecionar minha caixa de fundo. Lembre-se de que eu
o preenchi com uma cor para que você possa ver meu quadrado. E agora eu preciso ter
certeza de que ele não
tem preenchimento nem traçado, para que ele crie
meu ladrilho padrão. Vou selecionar todos e arrastá-los até
o painel de amostras Vou pressionar meu
teclado para diminuir
um pouco o zoom e usar a barra de espaço para pegar a ferramenta
manual e movê-la, pressionar M e desenhar um quadrado, e então posso
preenchê-lo com meu padrão. Você pode ver que eu tenho essa
bela vieira simétrica. Ao contrário do anterior,
em que os
próprios círculos criavam
a forma de vieira, desta vez o desenho que criei
é fazer a Meus círculos amarelos criam
uma moldura que ajuda a espaçar o design e a se tornar
uma cor de fundo sólida. É por isso que
não precisei adicionar um quadrado preenchido
no fundo. Essa é uma forma de aprimorar
nosso design de vieiras. Eu encorajo você a
experimentar seus próprios designs. Você pode tentar um
multicolorido em
que adiciona cores diferentes
aos detalhes pontilhados Ou você pode criar
dois designs diferentes e alterná-los para
criar alguma variação. Apenas se divirta
com isso. Em seguida, vamos criar uma vieira com linhas
concêntricas Vou pressionar V no meu teclado selecionar tudo
e excluí-lo. Vou pressionar a
opção de comando zero e encaixar a prancheta na
tela. Feche isso Vou pressionar L no meu teclado
e desenhar outra elipse. Desta vez, serão 110 pixels. Vou pressionar, ok,
vou preenchê-lo com
essa cor creme. Vou pressionar V no meu teclado e arrastá-lo um pouco
até aqui. E eu quero criar um
semicírculo a partir disso. Vou abrir o painel de propriedades. Vou clicar em Mais opções. Vou criar um
semicírculo alterando o ângulo final pi para Agora, para ter certeza de
que é do tamanho certo, preciso transformar isso em uma mudança de
forma M e clicar uma vez. E agora está mostrando uma
altura de 55 pixels, o que é correto
porque eu cortei meu círculo de
110 pixels ao meio. Vou pressionar M no meu teclado para criar um quadrado de 110 pixels. Imprensa. Ok, pressione
V no meu teclado e eu o arrastarei logo abaixo do semicírculo para que ele
se alinhe perfeitamente Se eu selecionar as duas formas, você verá que esse
quadrado fica logo abaixo do semicírculo e
está alinhado Vou pressionar shift M e arrastar para mesclá-los em uma forma Vou prolongar isso um
pouquinho. Agora eu tenho essa
bela forma arqueada. Agora, para esse design,
quero criar um conjunto de arcos arredondados concêntricos
que se movem para dentro Vou até o menu do meu objeto, Choose Path Offset Path Isso compensará a forma
para que ela se alinhe corretamente. No momento, ele está
deslocado em dez pixels, está
se expandindo para fora e
tornando a forma maior O que eu quero fazer é reduzi-lo. Eu quero fazer esses dez pixels
negativos. Agora, ele
criará uma duplicata que está diminuindo para
dez pixels por vez E eu vou pressionar OK. Ele cria uma nova forma de arco que eu
posso preencher com uma nova cor. Se eu for até meu painel de camadas, você verá que
tenho duas formas. Agora vou
repetir essas etapas para criar mais arcos. Caminho do objeto, deslocamento, caminho. Vou manter os mesmos parâmetros,
então vou clicar em OK. E então vou dar a
ele um novo caminho de
objeto colorido , caminho deslocado Clique em OK e preencha-o com um novo caminho de objeto colorido,
caminho deslocado Clique. Ok, vamos
fazer isso amarelo. Por fim, o caminho de
deslocamento do objeto. Clique. Ok, vamos finalizar com
aquela cor creme original. Agora meus arcos estão deslocados uniformemente e
permanecem proporcionais Em seguida, quero que eles se
alinhem na parte inferior, mas não quero
esticar o. Se eu selecionasse
todas essas formas e, em seguida, selecionasse uma
linha na parte inferior, você veria que agora ela muda o espaçamento entre a parte superior Essa não é a aparência que estou procurando neste caso em
particular, pressionarei o comando
Z para desfazer isso Em vez disso, pressionarei A e selecionarei todos os pontos de ancoragem
inferiores e os
alinharei na Agora minhas linhas estão estendidas, mas meus arcos permanecem Vou selecionar tudo
isso e pressionar V
no meu teclado. E então eu
os agruparei com o comando G. Vou subir e
fechar meu painel de camadas. Pressione M no meu teclado para criar um quadrado de fundo de 100 pixels. Ok, vou preenchê-lo com uma cor de fundo para que você
possa ver o que estou fazendo. Pressione V e, em seguida,
arrastarei isso um pouco para cima e selecionarei meu quadrado. E vou alinhá-lo de
forma que o canto superior do meu quadrado seja aproximadamente o centro do
pequeno arco interno A forma está caindo na borda inferior
da minha caixa delimitadora. Mas como meus elementos
se sobrepõem, os elementos frontais cobrirão a parte inferior e ela
não ficará visível Eu deveria estar bem. Vou pressionar Command shift no colchete esquerdo para enviar minha
caixa de fundo para trás E selecionarei
meu grupo Arch e pressionarei o comando shift M para
movê-lo 100 pixels horizontalmente
e zero pixels Agora, lembre-se de que minha forma
tem 110 pixels de largura, mas minha
caixa delimitadora de fundo tem 100 pixels É isso que eu quero usar agora, porque meus arcos são dez pixels maiores que a altura do
meu padrão, eles se sobrepõem um pouco Eu fiz isso intencionalmente
porque, onde eles se sobrepõem, isso mantém o espaçamento
entre Conforme você passa de
uma cor para a outra, tudo
permanece consistente. Minha cor creme vai
funcionar como uma cor de
fundo. Agora vou selecionar
o arco superior esquerdo, pressionar o comando shift
M e movê-lo 50 pixels para a direita
e 50 pixels para baixo. Pressione o colchete direito do
comando Copiar e Shift para
trazê-lo para a frente Vou selecionar tudo porque minha forma é mais larga do que
a caixa de fundo. O arco externo está
cruzando esses lados, mas você pode ver que tudo que cruza a borda
é de cor creme. Não preciso fazer nenhuma cópia , pois tudo vai
se misturar. Também se sobrepõe à borda superior
por causa
do meu arco estendido Preciso ter
certeza de que isso seja copiado para a borda inferior Vou selecionar a
linha superior, essa linha do meio, e pressionar o comando shift M. Não quero
movê-la para a esquerda ou para a direita, mas quero
movê-la 100 pixels para a parte inferior
da minha
caixa delimitadora e pressionar Já está
na frente. Se eu for ao meu painel de camadas, você verá que tenho minha parte inferior
na frente e, em seguida,
minha segunda linha, e depois a terceira, e
a linha superior está na parte de trás. Ainda tenho minha caixa de
fundo preenchida. Preciso ter certeza de que
não tem preenchimento nem traçado para criar meu padrão. Vou
selecionar tudo. Vou arrastá-lo para
criar um novo padrão. Mais uma vez,
pressionarei Z para diminuir o zoom, pressionarei a barra de espaço
para mover isso, pressionarei M no meu teclado e criarei um quadrado Vou fechar meu painel de camadas. Vou preencher isso com
meu novo padrão. Você pode ver que meu
padrão está se
repetindo bem e nada
está sendo interrompido Antes de concluirmos, vamos
fazer uma modificação nossos arcos para ver uma
pequena variação E eu vou deletar
todos esses extras. E, tomando minha forma original, quero adicionar um efeito como
fizemos na última lição. Vou abrir o menu de efeitos. Vou usar Distort e transformar. E então Roughen,
isso é um pouco louco. Vou diminuir um pouco o tom, talvez 1% eu forneça os detalhes. Vamos ver, três.
Sim, eu gosto disso. Vou selecionar suave
e experimentar o absoluto. Acho que vou deixar isso
como parente e clicar. Ok, vamos ver o
que isso parece. Sim, eu tenho esse efeito de tinta
gotejante e gosto da
aparência orgânica dessas linhas Vou selecioná-lo e ir até o
objeto e expandir a aparência. Agora esse efeito é permanente e minha forma vetorial
foi atualizada. Estamos prontos para
criar o padrão. Eu ainda guardo minha caixa delimitadora. Vou seguir
as mesmas etapas. Desloque o comando M
100 pixels para a direita, zero pixels para baixo, copie. Vou selecionar este.
Comando Shift M, 50 pixels, 50 pixels. Copie o suporte direito do comando shift para
trazê-lo para a frente E eu quero segurar a tecla shift
para selecionar tudo isso. Comando Shift M, zero
pixels, cópia de 100 pixels. Vou selecionar tudo e
criar a nova barra de espaço da
amostra de padrão para movê-la
e testar o padrão Agora eu tenho essa aparência irregular desenhada
à mão nos meus arcos. Mais uma variação que posso
fazer com esse padrão é alterar o
espaçamento das minhas vieiras Vou deletar todos
esses arcos inferiores. Vou até o painel de camadas
e seleciono minha caixa de fundo. Eu quero torná-lo mais alto. Vou fazer com que a altura seja de 150 pixels. Agora eu tenho um ladrilho de
padrão retangular. Vou apenas
arrastar isso um
pouco para baixo para recentrá-lo Eu ainda tenho a largura de
100 pixels, mas agora tenho 150
pixels para a altura. Se eu pressionar o comando shift M, ainda
vou me mover 50
pixels para a direita,
mas na metade são 75 Então eu vou pressionar copiar. Se eu selecionar tudo isso, você verá que a parte superior do meu arco central não
cruza a borda superior. Tudo que eu preciso para me mover
são os dois primeiros. Vou pressionar o comando shift M, zero pixels na horizontal,
150 E pressione Copiar. Eu também preciso organizá-los
na ordem certa. Desloque o suporte direito do comando para mover este para a frente E então eu preciso selecionar os dois inferiores e mudar
o colchete direito do
comando Agora, eles são empilhados
na ordem apropriada. Vou selecionar tudo.
Arraste-o para o meu painel de amostras e vamos testar este. Agora eu tenho uma
versão alongada da vieira. Vou clicar com o botão direito do mouse em
Transformar Escala, e vou escalá-la para 50%. E eu só quero transformar os
padrões. E clique em OK. Essa é outra maneira
de variar nossas vieiras. Você pode brincar com o
espaçamento de suas linhas e colunas para criar
uma vieira assimétrica Agora que praticamos a adição detalhes e variações
ao padrão de vieiras, na próxima lição,
vamos nos divertir
adicionando detalhes ao padrão OG
básico
11. Adicionando detalhes: padrões Ogee: Na última lição, adicionamos alguns enfeites ao padrão
básico de vieiras Nesta lição, criaremos um padrão G básico e, em seguida,
adicionaremos alguns detalhes divertidos a ele. Vou pressionar L no meu
teclado e vou clicar e criar
uma elipse de 100 pixels Vou pressionar V no meu teclado e vou movê-lo
direto para o topo
da minha prancheta Vou pressionar Shift Command. E eu não quero
movê-lo para a esquerda ou para a direita, mas quero movê-lo
100 pixels para baixo. Vou pressionar Copiar. Vou pressionar Shift e selecionar esses
dois círculos. Vou pressionar R no meu
teclado para girá-los,
e eles começarão a
girar automaticamente a partir do centro Se eu segurar a tecla Shift, ela bloqueará a rotação. E também pressionarei a
opção para criar uma cópia. Eu girei isso para um ângulo
perfeito de 90 graus. Vou pressionar V no meu teclado
e selecionar tudo, e agora tenho esses círculos
sobrepostos Com o selecionado,
pressionarei Shift M e clicarei para cortar essas seções
sobrepostas Pressione no meu teclado,
clique do lado de fora. Em seguida, selecione essas
peças e exclua-as. Eu fico com essas formas
recortadas. Se você notar,
é o mesmo formato básico de vieira com o
qual trabalhamos
na primeira lição Para criar a forma G básica, quero girar as formas superior e
inferior em 180 graus. Começaremos com a parte superior
e eu a selecionarei, pressionarei R e começarei a
girar a partir do centro,
segurando a tecla Shift para travá-la
em 180 graus e soltá-la Vou dar
uma cor diferente que você possa ver
um pouco melhor. Vou colorir
o de baixo também. Pressione R para
girá-la enquanto segura tecla Shift, gire-a 180
graus e solte-a Criamos a forma OG
básica, que tem essa curva S. Você pode ver que são apenas quatro vieiras
entrelaçadas. Também posso girar os lados
em vez da parte superior e inferior para criar a mesma
forma girada em 90 graus. Vou apenas pressionar o comando
Z para desfazer essas etapas. Se eu selecionar o lado direito, pressionarei R e girarei Segurando a tecla shift, selecione
o lado esquerdo, pressione R e gire-o Segurando a tecla Shift para bloqueá-la. Também posso usar essa versão
do OG porque ela cria
um padrão interligado Então, eles são intercambiáveis. Vou selecionar esses dois lados e preenchê-los com uma nova cor. E começaremos a criar
o padrão OG básico. Vou selecionar tudo e
pressionar o comando G para agrupá-los. Quero arrastá-lo para cima para centralizá-lo no
canto superior esquerdo da minha prancheta Vou pressionar Z para diminuir um pouco
o zoom. Vou mudar isso. Vou pressionar o comando Shift
para movê-lo em 200 pixels, que é a largura
da minha prancheta E vou pressionar copiar
esses alinhamentos perfeitamente. Vou pressionar Shift para
selecionar os dois. E pressione o comando shift
M para movê-lo
200 pixels para baixo e pressione
Copiar. Para finalizar, eu só preciso mover os 1100
pixels superiores para a direita e
100 pixels para baixo E pressione Copiar. E você pode ver a
forma interligada que ela cria. Se eu pressionar M no meu teclado, criarei um quadrado de 200 pixels. Vou alinhá-lo no
centro da minha prancheta. Não preencha nem traça. E pressione o
suporte esquerdo do comando shift para enviá-lo para trás Vou abrir meu
painel de camadas e você pode ver que eu o enviei até
a parte de trás. Vou clicar no grupo de camadas
para selecionar tudo. Pressione V no meu teclado e eu o arrastarei para
criar um novo padrão. Pressione a barra de espaço da ferramenta
manual para movê-la para criar um retângulo e, em seguida, eu a
preencherei com o padrão Vou fechar meu painel de camadas. Você pode ver que as formas
interligadas criam essa curva S. E você pode ver que a forma OG
original é criada pelo padrão de
intertravamento Não importa com
qual orientação você começa, porque ela é intercambiável com
essa forma básica em mente Vamos adicionar alguns
enfeites. Vou selecionar meu
quadrado. Exclua-o. E também selecionarei todas
essas formas e
as excluirei. Economize um pouco de tempo.
Vou selecionar o primeiro padrão de vieira que
criei e arrastá-lo
para a Porque a forma básica de OG é criada com a
mesma forma de vieira Eu posso usar esses
enfeites que eu
já criei neste padrão Vou pressionar o comando shift G
para desagrupar tudo isso. Vou deletar todos os extras
porque só preciso de um. Vou centralizá-lo na parte superior e pressionar
o comando
shift G para desagrupá-los também Começarei recolorindo
cada um dos elementos, apenas para dar
uma pequena variação a esse padrão Vou selecionar meu círculo
de fundo. Vou dar uma nova
cor de preenchimento, talvez essa. Vou selecionar essa forma
e dar uma nova cor. Vou segurar a tecla shift para
selecionar cada um deles. Vou fazer com que sejam azuis claros. Também farei com que o círculo central tenha
uma nova cor.
Isso é bom. Vou selecionar tudo e pressionar o comando G para
agrupá-los novamente. Em seguida, pressionarei o comando Shift M. Não quero
movê-lo horizontalmente, mas lembre-se de que quero mover 100
pixels
para baixo e pressionar copiar Vou pressionar R para poder girar essa tecla de 180 graus mantendo a
tecla Shift pressionada para que ela a bloqueie Vou selecionar os dois. Pressione R no meu teclado e gire-os mantendo a
tecla Shift pressionada para
ter certeza de que está exatamente 90 graus
e, em seguida, opte por copiá-la Agora tenho meus projetos
orientados para a próxima etapa. Se eu pressionar Shift, posso
selecionar todos esses grupos pressionar Shift M e clicar dentro das seções
sobrepostas Pressione no meu teclado e
clique fora do grupo. Em seguida, clico duas vezes
para entrar no modo de isolamento, para que eu possa excluir cada seção. E eles estão agrupados, então eu tenho que clicar duas vezes
novamente para sair do modo de isolamento A mesma coisa do outro lado. Clique duas vezes, selecione-os
e exclua os dois. Em seguida, clique duas vezes para
sair do modo de isolamento. Agora eu preciso girar os lados. Vou selecionar o correto. Pressione R no meu teclado
para girar, pressione V,
selecione este grupo, pressione R e gire-o segurando a tecla Shift
para que ele fique no lugar Você pode ver que esses
enfeites criaram um padrão interessante
dentro Vou selecionar todos eles e pressionar o comando
G para agrupá-los. Vou movê-los para
o canto superior. Posso começar a criar meu comando
padrão shift M, movê-lo em 200 pixels, zero pixels e pressionar copiar. Selecione meu outro grupo, mude M, zero pixels, 200
pixels e pressione Copiar. Por fim, pressionarei o
comando M e moverei 100 pixels para a direita e 100
pixels para baixo e pressionarei Copiar Pressione M e crie uma caixa
delimitadora de 200 pixels e pressione ok. Vou alinhá-lo ao centro
vertical e horizontalmente. Não preencha nem
traçe e pressione o comando Shift colchete
esquerdo para
enviá-lo para trás Mais uma vez, vou abrir
meu painel de camadas e você pode ver que eu o
enviei até a parte de trás. Vou arrastar para selecionar tudo e fazer a
nova amostra de padrão Mova isso e pressione M para criar um quadrado e preenchê-lo
com esse novo padrão. Pronto, vou escalar isso, pressionar V e clicar com o
botão direito do mouse em transformar escala. E escale o padrão apenas
em 50%. E vamos fechar isso. Eu posso ver que tenho uma forma
OG realmente interessante,
criada a partir do
mesmo enfeite que criada a partir do
mesmo enfeite usamos para criar nossas vieiras, as
peças entrelaçadas,
elas quase
parecem elos peças entrelaçadas,
elas quase de corrente Agora, por uma questão de simplicidade, estou usando o mesmo design que uso para meu padrão de vieiras Mas você pode realmente brincar e explorar qualquer design que
quiser com isso e
se divertir muito criando alguns
padrões complexos Você também pode criar uma variação em que as formas laterais
tenham cores diferentes. Vou clicar duas vezes para entrar no modo de
isolamento com esse grupo. Vou selecionar o plano de fundo para esse grupo e mudar a cor. Acho que vou selecionar esse verde. Vou clicar duas vezes para sair e farei o mesmo
do outro lado. Clique duas vezes para entrar no modo de
isolamento, selecione o plano de fundo
e altere-o para verde. Clique duas vezes para sair. Agora eu posso criar um padrão com
essa variação de cor. Vou deletar esses. Pressione o comando shift M. Eu quero
movê-lo para a esquerda, então menos 100
e menos 100. Preciso ter certeza de que a opção
Transformar objetos está marcada e pressionar copiar. Em seguida, copiarei para
os cantos o comando de deslocamento M 2000, pressionarei copiar, pressionarei
a tecla Shift para selecionar o outro. Comando Shift M02. Centenas e cópias. Eu ainda deveria ter
meu plano de fundo quadrado. Vamos abrir o painel de camadas. Sim, ainda está lá. Vou
arrastar para criar meus padrões. Assista. E fecharei meu painel de
camadas, selecionarei meu quadrado e o preencherei
com esse novo padrão. E agora eu tenho uma nova variação. Eu encorajo você a dedicar
um pouco de tempo agora e explorar maneiras diferentes de
embelezar o padrão OG É uma das minhas formas favoritas. Espero que você se divirta
muito com isso. Quando estiver pronto, junte-se a mim
na próxima lição, onde começaremos a trabalhar em nosso padrão final da aula, um padrão de bloqueio de cores.
12. Padrão de bloco de cores: construindo formas: Até agora, embelezamos os padrões de
vieiras e OG. Espero que você tenha se divertido
explorando isso sozinho. O padrão geométrico final que
vamos fazer
nesta aula é inspirado nos designs
clássicos de casas em arco Usaremos uma estrutura de grade
para combinar várias formas, como peças de quebra-cabeças para criar novas formas
interessantes. Nesta lição,
começaremos fazendo variações de nossas formas que
podemos usar para criar nossos padrões. Na próxima lição,
começaremos fazendo variações de um círculo. Vou pressionar L no meu teclado e clicar para criar uma elipse de
100 pixels Vou pressionar V. Vou começar transformando isso
em um semicírculo Vou até meu
painel de propriedades e selecionarei mais opções. Vou fazer isso em 180 graus, depois selecionarei meu círculo e pressionarei Shift M
e clicarei uma vez. E agora eu tenho esse semicírculo. Vou fechar meu painel de
propriedades. Quero manter
tudo o que fazemos 100 pixels por 100 pixels. Vamos mover uma cópia
disso pressionando comando
shift M e
movendo-a 50 pixels para baixo. Em seguida, pressionarei Copiar. Agora eu tenho dois semicírculos
empilhados pixels Quando combinados, pressiono Option e Shift e arrasto para
criar uma cópia desse conjunto. E agora podemos criar
uma nova variação. Vou selecionar a de cima, pressionar R e girá-la, segurando a tecla Shift para bloqueá-la
em 180 graus e soltá-la Agora tenho uma
orientação diferente que posso usar. Vou selecionar os dois. Pressione a opção e a tecla shift
e arraste outra cópia. Vou selecionar a parte superior
novamente e pressionar R. Desta vez, vou
girar a 90 graus. Vou pressionar V e selecionar as duas formas e
alinhá-las à direita
e à parte inferior Com o selecionado, pressionarei Shift M e clicarei no
centro para recortá-lo. Em seguida, pressione V. Clique à direita do lado de fora com o
recorte selecionado Vou pressionar o comando Shift
M e movê-lo menos 50 pixels para a esquerda e
menos 50 pixels para movê-lo para cima e pressionar ok, agora tenho uma nova variação
desses mesmos semicírculos A partir daqui, posso selecionar
esta peça superior, pressionar opção e Shift
para arrastá-la, pressionarei o
comando Shift, moverei 50 pixels e 50 pixels
e farei uma cópia. Em seguida, vou
selecionar os dois. Pressione R no meu teclado e
gire a partir do centro, então eu pressiono
a tecla Shift para bloqueá-la e pressiono a opção para fazer
uma cópia e soltar E agora eu tenho essa forma de X
arredondado. Vou selecionar os dois, pressionar a opção e fazer uma cópia. E então
vou selecionar
a parte inferior,
pressionar R e girar. E agora eu tenho uma
variação diferente da forma. Mais uma vez, selecionarei
essa primeira opção de pressionar
e pressionar a tecla Shift para arrastar uma cópia. E então, com
os dois selecionados, pressionarei R no meu teclado. Vou girar
segurando a tecla Shift e a
opção de fazer uma cópia Isso cria uma forma floral
simples, mas tem mais de 100 pixels. Com o tamanho bloqueado, vou diminuí-lo para
100 pixels por 100 pixels. E agora é do mesmo tamanho do
resto dos meus conjuntos. Vou selecionar todos esses. Pressione opção para arrastar uma cópia e pressione Shift para
criar alguns recortes Clicarei dentro de cada uma
dessas formas maiores de pétalas
, pressionarei V no
meu teclado e pressionarei tecla Shift para selecionar cada uma
dessas peças externas Segure a tecla Shift, vou
arrastá-la para o lado. Agora eu tenho uma nova
versão da flor. Também tenho o que sobrou, então posso usar as duas peças. Se eu selecionar este, também
posso redimensioná-lo para 100
pixels quadrados Agora eu tenho duas novas
formas de flores do meu original. Este é apenas um exemplo
das várias formas que você pode
criar a partir de um círculo simples. Agora vamos trabalhar com quadrados. Vou pressionar M no meu teclado
e fazer um quadrado de 100 pixels. Vou pressionar o sinal de menos para excluir
a ferramenta Anchor Point
e excluirei esse canto Vou pressionar V e você pode ver que agora
tenho um triângulo retângulo. Vou pressionar
a opção para fazer uma cópia. Vou subir e mudar o tamanho. E com ele bloqueado,
vou fazer com que seja de 50 pixels. Agora tem metade do tamanho. A partir daqui, pressionarei o comando
Shift M, moverei 50 pixels para a
direita e pressionarei Copiar. Vou selecionar os dois, pressionar o comando shift M
e, desta vez, só
quero movê-los 50 pixels para
cima e pressionar copiar. Agora tenho um conjunto de quatro
triângulos retos, espaçados uniformemente. Eu posso criar muitas
variações com esse conjunto. Vou pressionar a opção para fazer uma cópia e comandar D para
duplicá-la algumas vezes Para este primeiro,
selecionarei o canto inferior esquerdo, pressionarei R e girarei Manter o turno, e isso
cria uma nova formação. Eu poderia fazer a mesma coisa
pressionando R shift, girar e selecionar
a que está acima dela Pressione R, segure a tecla shift e gire. Aqui está uma segunda variação. Se eu selecionar os dois inferiores, pressione R e gire. Vou comprar algo
um pouco diferente. Eu posso continuar fazendo várias combinações
desses triângulos, mas
você entendeu Vou começar de novo
com um novo quadrado. Desta vez, pressionarei
A no meu teclado, selecionarei esse ponto de ancoragem superior
e o arredondarei até o fim Agora eu criei um
quarto de pedaço de torta. Mais uma vez, vou fazer
outro quadrado de 100 pixels. Pressione A no meu teclado e
selecione o canto superior, mas clique duas vezes no canto
redondo e selecione a opção de rodada
invertida Vou fazer o raio de 100 pixels e o Illustrator o
alterará para 99,99, mas pressionarei OK Agora tenho o inverso do primeiro Eu posso jogar com os
cantos dos meus quadrados. Por fim, pressionarei M no meu teclado e criarei
outro quadrado de 100 pixels Desta vez, pressionarei
R e girarei, bloqueando a 45 graus Se eu pressionar V no meu teclado, você verá que ele
ainda mostra seu deslocamento quadrado de
100 pixels. Clique com M uma vez e agora está
mostrando o tamanho correto. Com a proporção bloqueada, vou alterá-la para 100 pixels. Agora eu tenho 100 pixels de diamante. Por fim, farei uma cópia
pressionando a opção e arrastando, pressionarei símbolo de menos
da ferramenta
Excluir ponto de ancoragem Pressione V e eu tenho meio diamante para
mantê-lo com 100 pixels quadrados. Vou pressionar o
comando Shift e movê-lo 50 pixels para a direita e
pressionar copiar juntos. São 100 pixels quadrados. Esses são vários
exemplos do que eu posso criar a partir de
um quadrado básico. Depois de criar minhas
combinações de formas, quero selecionar cada uma
delas e pressionar o comando
G para agrupá-las. Preciso que eles permaneçam em 100
pixels para usar no meu padrão. Não quero que nenhuma das
peças se mova nem
mesmo em um único pixel, porque isso estragará tudo
no meu padrão. A precisão é crucial para o padrão que
construiremos na próxima lição. Uma última coisa que
quero fazer é modificar os arcos concêntricos que
criamos na aula sobre vieiras Vou até meu painel de
amostras e arrasto a amostra do padrão
para minha prancheta Vou pressionar Command shift
G para desagrupar isso, para que eu possa selecionar todos esses
extras e excluí-los. Selecionarei a forma original e pressionarei Command
Shift G para desagrupar esse conjunto e também com
todos selecionados Pressione Shift M para abrir
a ferramenta Shape Builder. Vou separar os arcos
clicando em todos os outros. Para cortar isso,
pressionarei V no meu teclado. Clique fora do grupo e agora posso selecionar todos os
outros e excluí-los. Vou selecionar tudo novamente, comandar G para agrupá-lo e vou
dar a ele uma cor sólida. Eu tenho esse
arco concêntrico que fiz anteriormente, mas ele não tem tamanho de 100 pixels, então preciso redimensioná-lo para
se ajustar aos parâmetros
do Vou mudar a largura para 100, certificando-me de que esteja bloqueada
para que permaneça proporcional. Agora tem 100 por 150 pixels. Então, pressionarei A no meu teclado, selecionarei
os pontos de ancoragem inferiores e pressionarei o comando Shift E eu não quero
movê-los horizontalmente, mas quero reduzir o comprimento e movê-los até 50 pixels E pressione, ok, agora meu arco tem 100 pixels por 100 pixels
e permanece proporcional Esses são apenas
alguns exemplos das várias formas que você pode criar para seu padrão de
bloqueio de cores Eu o encorajo a dedicar um minuto e criar
algumas formas, e você pode criar essas formas
exatas para praticar. Mas eu também encorajo você a explorar novas variações
por conta própria. E depois de criar um conjunto
de formas para si mesmo, junte-se a mim na próxima lição para que possamos transformá-las em um padrão.
13. Padrão de bloco de cores: criando o padrão: Na última lição, criamos
várias variações
de forma 100 pixels de
largura e 100 pixels de altura. Espero que você tenha dedicado algum tempo para trabalhar sozinho e
explorar novas formas. Nesta lição,
vamos pegar essas formas quadradas de
100 pixels e colocá-las em uma grade para criar
novas combinações e formações
interessantes nos espaços
negativos entre elas. Agora precisamos começar
criando nossa prancheta. Você pode usar o mesmo tamanho que eu, mas também pode expandir
o tamanho que preferir, desde que seja
divisível por 100 pixels Vou pressionar Shift para
abrir a ferramenta de prancheta, e você também pode
encontrá-la aqui na barra de ferramentas Vou digitar 500 pixels e pressionar V no meu teclado. Para voltar
à ferramenta de seleção, a próxima coisa que
preciso fazer é criar guias que funcionarão como dicas
visuais para o meu padrão Preciso abrir minhas réguas. Eu posso subir
para ver réguas,
mostrar réguas ou posso usar comando de atalho de
teclado
R para abrir E você os verá
na lateral e na parte superior aqui. A primeira coisa que preciso
fazer é clicar na minha régua e arrastar uma
guia para a minha prancheta Você quer ter certeza de que
seus guias estão desbloqueados. E você pode ver agora
que não consigo mover este guia. Vou pressionar ponto e vírgula do
Comando de Opção. E agora eu posso selecionar
meu guia e movê-lo. Você também pode acessar Exibir guias e
bloquear e desbloquear guias a partir daqui. Com a opção selecionada, vou alinhá-la no
lado esquerdo da minha prancheta E eu quero mover isso
em incrementos de 100 pixels. Vou pressionar o comando shift M e movê-lo 100
pixels para a direita, sem precisar
movê-lo verticalmente E eu vou pressionar a cópia. Vou pressionar o comando D para
duplicar essa ação. Agora, meus guias dividem visualmente minha prancheta em colunas
de 100 pixels Vou repetir as mesmas etapas para criar minhas guias horizontais. Vou clicar e arrastar
um da parte superior, alinhá-lo com o comando de deslocamento
superior M zero e depois 100
pixels. E pressione Copiar. Em seguida, pressione imediatamente
o comando D para Duplicar. E eu não quero mover essas
guias para fora do alinhamento, então vou bloqueá-las pressionando a
opção de comando ponto e vírgula Agora, se eu tentar selecionar qualquer um
deles, eles estão todos bloqueados. Para desligar minhas guias, posso
pressionar o comando ponto e vírgula. E o mesmo comando
ponto e vírgula os ativa novamente. Embora
os usemos como dicas visuais, suas formas também
se encaixarão nesses guias Com nossos guias configurados, é
hora de começar a
criar nosso padrão. Vou usar a barra de espaço para
deslizar isso um pouco porque já
selecionei algumas formas para usar nesse aqui, você pode me
acompanhar Por aqui, você pode me
acompanhar
para fazer esse padrão. Ou você pode selecionar
um conjunto diferente de formas para criar
seu próprio padrão. Vou selecionar uma das minhas formas e arrastá-la para minha prancheta
e, em seguida,
alinhá-la no canto superior esquerdo Posso pressionar R no meu teclado e girá-lo a partir do centro, certificando-me de segurar a tecla Shift para
bloqueá-la em 9.100 ou 270 graus para que ela permaneça alinhada na grade quadrada de 100
pixels Vou selecionar uma nova forma
e arrastá-la. Vou alinhá-lo na
parte superior e na esquerda. E então pressione o comando shift. Eu quero movê-lo para o espaço da
grade à direita, que é de 100 pixels. E eu não quero
movê-lo verticalmente. Eu sei a distância que preciso porque é um
espaço de grade à direita. Se eu quiser movê-lo aqui, precisaria
movê-lo em 200 pixels. Essa grade ajuda você a visualizar o espaçamento e manter
as coisas Vou pressionar OK desta vez porque não quero
fazer uma cópia. Vou pressionar R para girá-lo. O posicionamento dessas
duas formas uma ao lado outra cria uma nova
forma na minha linha de grade. Ao construir meu padrão, quero explorar a interação
das minhas formas em relação umas
às outras Com ele ainda selecionado,
pressionarei o comando shift M e quero
movê-lo para esse espaço e criar algo semelhante. Vou movê-lo para a esquerda, 100 pixels
negativos
e 100 pixels para baixo, e quero fazer
uma cópia dessa vez. Vou pressionar R no meu teclado
e girá-lo para
alinhá-lo em relação à alinhá-lo em relação à primeira forma,
de modo que ele
espelhe a E vou continuar
com essas outras formas para criar um padrão. Vou pensar em como
as formas se diferenciam enquanto
as posiciono uma ao lado da outra. Vou pegar este desta vez vou alinhá-lo no canto
inferior esquerdo Desde que você comece
alinhando-o a um canto, você pode selecionar qualquer
canto que desejar Vou pressionar Shift Command. E eu quero mover isso
logo abaixo do último. Vou precisar
movê-la para cima em dois espaços ou menos 200 pixels
e pressionar OK Ao colocar uma
forma pela primeira vez na prancheta e alinhá-la em um canto,
você pode movê-la e Ok, se você
decidir movê-lo para um novo local e quiser
fazer uma cópia, certifique-se de pressionar copiar para deixar o
original no lugar. Vou acelerar isso.
À medida que continuo colocando minhas formas em um padrão, tenho um bom começo para
colocar minhas formas em um padrão. E eu vejo algumas coisas
que eu gosto até agora. Eu gosto de como essas formas
se fundem e essas também, e a curva desta é espelhada por esta aqui Aqui está outra nova
forma que se forma
e, quando ela cruza minhas guias, ela dividirá as colunas
e linhas dessa grade Também posso ver áreas
de melhoria. Por exemplo, eu não gosto do tamanho desse espaço negativo. Vou selecionar essa
forma e modificá-la. Vou pressionar R no meu teclado
e girá-lo do centro segurando a tecla Shift e também
pressionarei
a opção para fazer uma cópia dele E eu vou trancá-lo a 180
graus e soltá-lo. Agora eu dividi o espaço
negativo e isso vai desenhar o olho em uma
linha diagonal abaixo do padrão. Ainda reflete a curva, mas o espaço não é tão
vazio para esta Vou girá-lo segurando a
opção para fazer uma cópia. Desta vez, vou
deixá-lo em 90 graus. Eu não quero que seja
exatamente igual a este porque eles estão
muito próximos um do outro. Estou usando os mesmos elementos
, mas os alterando. Também gosto de como essa curva
dessa forma flui para o próximo espaço e o espaço negativo
preenche uma nova forma Ao continuar essa linha, vou dividir o
espaço negativo aqui também. Vou girar 180 graus e segurar a opção para
fazer uma cópia novamente. Não quero que tenha
exatamente o mesmo formato. Vou deslizar os dois
e pressionar R, girar os dois
novamente e fazer cópias Agora eu tenho uma nova variação
que parece diferente, mas ainda continua com essa
forma no espaço da grade. Eu farei a mesma coisa
com esta última peça. Vou girá-lo 90 graus, segurando a opção e a tecla shift E então eu vou girá-lo novamente 180 graus segurando a
opção e deslocando Esta versão flui
para a versão acima e divide o espaço negativo
e cruza minha linha de grade É semelhante à forma
que foi criada aqui, mas não é exatamente a mesma. Outra coisa que
considero é repetir elementos. Por exemplo, eu uso essa
forma aqui e aqui, e ambas estão espaçadas
dentro do meu padrão, mas os elementos repetidos ajudam seu olho a se mover
ao redor do padrão Também posso recombinar formas para preencher um espaço e
alterar essa forma Vou clicar duas vezes nesse grupo para poder selecionar a
metade superior e excluí-la. Clicarei duas vezes para sair
e, em seguida,
clicarei duas vezes nesse grupo, selecionarei os dois
primeiros e pressionarei o comando C. E, em seguida,
clicarei em Command para
colá-lo na frente para que seja colado exatamente
na mesma posição E para mover isso para baixo,
pressionarei o comando shift M, zero pixels horizontalmente
e 100 pixels E pressione ok, agora essa
é uma nova combinação, mas ainda tem 100 pixels. Acho que vou repetir essa
nova variação aqui em cima. Vou excluir essa
forma porque há muitas
cores sólidas nessa área. Vou selecionar meu novo conjunto e
pressionar o comando G para agrupá-lo. Mude o comando M,
e eu o moverei para a esquerda 100 pixels
e 300 pixels para cima, certificando-me de que sejam números
negativos. E pressione Copiar.
Gosto da maneira como divide as cores sólidas e adiciona uma
nova combinação interessante. Depois de colocar
todas as minhas formas em um layout que
me agrade, adicionarei cores para
definir determinadas áreas. Vou usar cerca de três
ou quatro cores mais uma cor de fundo, e você pode usar
quantas quiser. Mas eu recomendaria limitar sua paleta para
criar alguma harmonia Vou começar no
canto superior, e isso está agrupado. Para selecionar uma dessas formas, preciso clicar duas vezes
para entrar no modo de isolamento. E agora eu posso selecionar
este e recolorir. Acho que vou selecionar um
verde para este. Vou fazer disso uma cor creme. Eu quero manter
esta da mesma cor porque eu quero que ela se
misture com a próxima. Mas eu posso clicar duas vezes e selecionar este
e recolorir Essa nova cor
redefine essas formas. Eu vou fazer a mesma coisa aqui. Vou fazer com que este seja verde. Vou adicionar uma quarta
cor a esta. Vamos adicionar um tom mais escuro
da cor pêssego. Essas são as quatro
cores que vou usar. Vou continuar a
recolorir minhas formas. Vou cortar duas vezes esse grupo. Vou mudar isso para
corresponder ao que está acima. Vou fazer disso uma cor creme. E acho que quero que esteja no colchete
direito do comando Shift
dianteiro
para movê-lo para a frente, porque quero
continuar a curva
dessa forma acima dela Você pode usar suas
cores para criar novas formas e desenvolver
as linhas de suas formas. Vou mudar este para
a mesma cor creme para
continuar com a forma acima dele. Vou fazer este com uma cor mais escura e
este verde à medida
que recolori minhas formas Também
vou tentar
distribuir uniformemente minhas cores
por todo o padrão Não quero uma grande seção de uma cor
que chame sua atenção. Vou continuar a recolorir meus elementos e vou acelerar
isso um pouco Recolori todos esses elementos. E você pode ver que eu dispersei as cores em todo
o
meu padrão Enquanto adicionava cores, pensei no
fato de que qualquer coisa
na linha superior se repetiria ao
lado da linha inferior. Essa
cor de pêssego mais escura
ficará ao lado desta na parte inferior Da mesma forma que esses
dois se misturam, essa cor verde une essas formas separadas
em uma forma Eu fiz todos da mesma cor para que aparecessem
como uma forma. E eu reorganizei a ordem
dessas formas para colocar
a parte inferior esquerda na frente , para que ela não
quebrasse essa linha Essas formas se misturam
em uma aqui, semelhante às bordas superior
e inferior. Qualquer coisa no lado esquerdo ficará ao lado das
formas à direita. Portanto, lembre-se disso
ao adicionar cores. Depois de ter meu
padrão em um ponto, gosto de poder testá-lo. Você pode ver que eu não usei essa última coluna porque eu não precisava dela.
E tudo bem. Eu posso ver que meu padrão se encaixa nessa grade em 400 por 500. Então, pressionarei M no
meu teclado e
clicarei para criar um
quadrado de fundo desse tamanho. Não vou
alinhá-lo ao centro, quero alinhá-lo à esquerda e ao topo
para que ele se encaixe na área do meu padrão Vou pressionar o colchete
esquerdo do Shift Command e
enviá-lo para trás Vou precisar dar
uma nova cor. Vou escolher uma cor mais escura porque todas as minhas outras
cores são bem claras E isso adicionará uma boa
quantidade de contraste. A última coisa que preciso fazer é criar a caixa
delimitadora de fundo, comandar C para copiar o
comando B e colar novamente,
sem traçar nem Se eu for até meu painel de camadas, você verá que
tenho a caixa delimitadora sem preenchimento, sem traçado,
que é de 400 por 500 E então meu
quadrado de fundo preenchido está logo acima dele. E, claro, em todas as minhas formas, pressionarei V no meu
teclado e desligo essas guias com o
comando ponto e vírgula e você poderá ver o
padrão com mais clareza Vou selecionar tudo e
arrastá-lo para criar a amostra
do padrão Vou diminuir o zoom um
pouco e deslizar isso por cima. E pressione M e crie um
quadrado. Vamos testar isso. Posso dar uma olhada na repetição e depois fazer minha avaliação. Isso combina muito bem. Gosto da forma que
essas peças criam. Embora eu tenha colocado
isso em uma grade, parte da forma da grade é
dividida pelos elementos que se unem para formar uma forma maior que cruza essas linhas da grade Também existem elementos
que se espelham. A curva dessa forma é espelhada aqui sem
ser A mesma coisa com essa forma, que é espelhada
nesta seção Estou criando essas formas realmente
interessantes
colocando um conjunto básico de formas próximas umas das outras
em pares diferentes Eu poderia ficar aqui o dia todo e brincar com combinações
diferentes. Você pode ter escolhido formas
diferentes para usar. E eu encorajaria
você a experimentar outras formas e
combiná-las de maneiras interessantes. Lembre-se de que
quanto maior o espaço da grade, maior
a variedade que você pode
obter dentro do seu padrão. Quanto menor for
a grade, mais apertada será a
repetição Vou parar por aqui, mas quero que você brinque com
seu próprio layout de grade. Quando estiver pronto, junte-se a
mim na próxima lição onde falaremos sobre como fazer alguns ajustes, incluindo ocultar
pequenas linhas finas e converter seu layout em uma repetição
de meia gota
14. Padrão de bloco de cores: fazendo ajustes: Na última lição, construímos
nosso padrão de blocos de cores. Nesta lição,
falaremos sobre como avaliar nosso trabalho
e fazer ajustes. Incluindo como converter o layout da grade em
um layout de meia gota. Também falaremos sobre como
limpar e finalizar o padrão
para uma repetição perfeita Fiz alguns ajustes no
meu padrão para corrigir
áreas de que não gostei. Por exemplo, não
gostei de como eram duas cores diferentes e
queria separar
o creme e o pêssego Eu mudei essa forma para verde. Eu também queria
separar o creme e verde nesta seção e
o bloco sólido de cores. Fiz um ajuste nas cores e substituí
algumas das formas. Você pode continuar fazendo
ajustes conforme necessário até ficar
satisfeito com seu padrão. Outra coisa que
podemos fazer para dividir o layout da grade é
criar uma repetição de meia gota. Vou deletar isso e deslizar isso um
pouco. Pressione Z e eu aumentarei o zoom
para criar uma meia gota. Precisamos acomodar uma segunda coluna que esteja
deslocada até a metade Vou ao meu
painel de camadas e seleciono as duas formas do meu plano de fundo,
que têm uma largura de 400 pixels. Então, preciso dobrar isso para 800, certificando-me de que tenho uma
linha para prancheta selecionada Vou alinhá-lo no lado esquerdo para
que ele se alinhe com
minha grade de padrões Agora tenho espaço para
criar minha nova coluna. Vou bloquear minhas
formas de fundo por enquanto. Em seguida, arrasto para
selecionar tudo e pressionar o comando G
para agrupá-lo dessa forma, tudo se moverá
como uma unidade e
não preciso me preocupar em perder nenhuma peça. Eu pressionarei o comando shift
M. E eu quero mover uma coluna para a
direita ou 400 pixels. E então eu quero movê-lo até a
metade ou 250 pixels. Vou pressionar Copiar e tenho o início da minha meia gota com o grupo ainda selecionado. Vou pressionar Shift
Command M novamente. E eu não quero
movê-lo horizontalmente, mas quero
movê-lo para a altura total, volta até os
500 pixels negativos superiores. E pressione copiar. Agora eu tenho uma coluna totalmente
nova que está deslocada até a metade
da primeira Vou desbloquear minhas duas formas de
fundo e depois
fechar meu painel de camadas. Vou selecionar tudo e
criar uma nova amostra de padrão. Vou deslizar isso aqui
e diminuir o zoom um pouco. E basta criar meu quadrado
para testar o padrão. Agora você pode ver como essa forma se repete repetidamente na metade
, em vez de em uma grade Gosto muito do layout de
meia gota. Você pode tentar isso em seu padrão ou tentar repetir tijolos. Para repetir o tijolo,
basta dobrar a altura em vez da largura e deslocar
o padrão para a direita Você pode achar que
também deseja recolorir alguns elementos depois de mudar para meia gota ou repetição de tijolos Todas essas são coisas que você pode
explorar em seu próprio padrão. Uma coisa que você pode notar
é uma fenda fina, onde duas formas se
encontram em uma linha de grade, ou especialmente nas
bordas do seu padrão Agora, se você estiver tendo esse problema, poderá mesclar suas formas E vou voltar
a esse padrão e pressionar o comando Shift
G para desagrupar tudo Digamos que eu queira mesclar essa forma com sua
contraparte na parte inferior Vou selecioná-lo e
pressionar Shift Command. E eu quero movê-lo
até o final
e fazer uma cópia. Vou desagrupar esse conjunto com comando
shift G para poder
selecionar a metade superior Vou segurar a tecla shift e
selecionar as que estão acima dela. E então pressione Shift M. E eu arrasto para
mesclar minhas formas Vou pressionar V no meu teclado e você verá que ele
mudou para trás Então, vou pressionar o suporte
direito do comando shift para
trazê-lo para a frente Agora, se eu mover isso aqui, você pode ver que é uma forma. Vou pressionar o comando
Z para desfazer isso, e posso realmente excluir esta peça porque não
preciso dela Em seguida, quero mover uma
cópia de volta para o topo. Vou pressionar o
comando shift M, movê-lo para menos 500 pixels
e fazer uma cópia. Agora ele cruza as duas fronteiras
como uma forma perfeita. Vou testar novamente o padrão. Se eu tiver algum problema na linha do cabelo, isso deve garantir que não
haja mais problemas Você pode pegar todas
as formas que cruzam uma borda ou até mesmo formas como essa que formam uma
nova forma e mesclá-las. Agora você quer ter
certeza de que finalizou seu padrão
antes de dar esse passo, mas isso ajudará a
limpar qualquer linha de cabelo que duas formas se encontrem, se
você estiver tendo esse problema Esse é apenas um exemplo de um padrão que eu criei
com essas formas. Vou mostrar
alguns padrões adicionais que
criei para que você possa ver algumas combinações
diferentes. Primeiro, eu tenho esse padrão, é um design mais simples Vou passar isso por cima. Se eu arrastar a amostra para fora, você pode ver a estrutura
dessa repetição Existem três formas,
essa mesma peça inicial,
min, dois semicírculos
e a forma de X, eu
apenas a espelhei e girei para criar o padrão,
e
ela e Eu também tenho esse padrão
que tem uma aparência fraturada. É feito de um monte de pequenas combinações de triângulos retângulos e diamantes que eu
girei repetidamente em Decidi manter as cores limitadas para esconder a repetição da grade. Eu usei os arcos para
criar esse padrão. Ao contrário do último, joquei com cantos e curvas arredondados Para esse padrão, você pode ver
sua estrutura aqui. Também fiz uma variação
dessa pequena versão de 100 pixels estendendo as linhas usando
a ferramenta de seleção direta Eu movi os pontos de ancoragem para outros 100 pixels para
dobrar o comprimento Você pode criar algumas
formas que vão além do quadrado de
100 por 100 pixels. Contanto que você esteja em incrementos
de 100, deve funcionar. Em seguida, tenho esse padrão. Vou arrastar o Swatch
para que você possa vê-lo. Este era outro padrão
retangular. Você pode manter seus padrões
completamente abstratos, mas ao construir o padrão,
você pode descobrir que as formas começam a
se parecer com coisas reais Eu tenho essas formas que são semelhantes às do
meu outro padrão, mas elas me lembram frutas. Os arcos que se encontram
até os semicírculos me
lembram raízes
ou riachos de água Agora, os elementos
ainda são bastante abstratos, mas a inspiração dos temas da natureza me ajudou a
pensar nesse padrão. Por fim, criei
esse padrão que
realmente se inspira
no floral Motise Eu criei várias versões
de flores abstratas e depois as escalonei
em um layout de diamante Agora você pode ver as
mesmas formas usadas aqui, formando caules, folhas e pétalas. Eu criei três combinações
diferentes. Novamente, elas ainda são muito
geométricas e abstratas, mas são lidas como flores Em seu próprio padrão, você pode escolher algo puramente abstrato ou criar um padrão
botânico geométrico que tenha Na verdade, você está limitado apenas
pela sua criatividade e eu adoraria ver você explorar muitas maneiras diferentes
de
usar suas formas. E esse método de
construir padrões. Se você explorar layouts de grade
maiores, eu recomendaria que você se limitasse a números
arredondados divisíveis Por exemplo, se você
quiser trabalhar com um bloco de padrão de
1.000 pixels, isso permite trabalhar
com elementos com tamanhos 25510020250 ou até Com essas opções,
você pode realmente brincar com o
tamanho dos seus elementos. Desde que o tamanho do ladrilho
padrão seja divisível pelo tamanho das formas
que você está criando, essa técnica funcionará Divirta-se explorando esses ajustes de
padrões e junte-se a mim na
próxima lição para aprender como recolorir e
exportar seu trabalho
15. Recolorir e exportar: Nesse ponto, você
deve ter concluído o
padrão de bloqueio de cores junto com as repetições de vieiras
e OG Nesta lição, discutiremos algumas
dicas finais, incluindo como usar a ferramenta de
recolorir ilustrações e como salvar seu
arquivo para exportação Uma das minhas partes favoritas
do processo de criação de é ver meu padrão em
diferentes cores. Adoro usar a ferramenta de
recolorir arte para
percorrer rapidamente as opções Selecionarei meu
quadrado preenchido com padrões e clicarei na ferramenta de
recoloração da arte, que abrirá esse painel Há algumas
opções e ferramentas que você pode usar no painel de
recolorir ilustrações Mas vou
dar uma visão geral das ferramentas que eu mais uso. Eu me aprofundei nas opções da ferramenta de recolorir arte
na minha última aula Se você estiver interessado em
saber mais, confira
a classe chamada Service Pattern Workflow, Adobe Fresco para o
Adobe Illustrator Vou até
as opções avançadas e isso abrirá um novo painel. Agora, essas são as
ferramentas que eu costumo usar. Na maioria das vezes, você verá
as cores atuais
nesta seção e poderá
reorganizar a ordem das cores Com esse botão, ele altera
aleatoriamente a ordem
das cores em seu padrão Você pode trocar as cores manualmente arrastando uma
cor para outra E você pode reordenar
as cores que você já tem ou escolher uma paleta de cores totalmente
nova Então, vou selecionar
essa paleta e ela tem o mesmo número de cores
da minha paleta atual Ele troca uma cor
para cada uma na minha lista. Mais uma vez, posso reordenar
aleatoriamente as cores ou
arrastá-las para trocá-las Se eu escolher uma paleta de cores que tenha mais cores do que
minha paleta atual, ela selecionará aleatoriamente
cinco cores para E então eu posso clicar para
reordenar as cores. Mas também gira em cinco combinações de cores
diferentes Portanto, este tem seis cores e uma será deixada de fora enquanto eu
percorro as opções. Também posso escolher uma
paleta de cores com menos cores, como essa com
apenas quatro cores Se eu selecionar essa
, ela combinará duas cores na minha paleta de cores para recolorir com uma única cor Ele escolheu minhas cores de pêssego escuro e
claro para combinar e
substituir por essa cor azul marinho Ele os recolora com tons
diferentes para corresponder
aos valores atuais Também posso alterar
as cores a combinar arrastando o
pêssego claro até a cor creme Agora, todas as formas com essas
duas cores serão substituídas por valores diferentes
da mesma cor na minha
nova paleta de cores Se você não quiser usar
uma paleta de cores limitada, você pode usar uma paleta de cores
com muitas Como neste primeiro grupo,
vou voltar e me
certificar de que estou usando
todas as minhas cores da minha paleta original E então eu posso
percorrer aleatoriamente várias combinações de cores
para encontrar algo que eu goste Você pode usar uma paleta de
cores predefinida ou pegar um grupo de cores de sua preferência e ver quais combinações
resultam dela Depois de encontrar uma paleta de cores de
sua preferência, basta cozinhar. OK. E eu não quero
salvar as alterações. Agora eu tenho meu padrão
em uma nova paleta de cores. Ele adiciona uma nova amostra de padrão
ao painel de amostras e também mantém a amostra
original Posso continuar usando
a ferramenta de recolorir arte para
recolorir meu padrão o
quanto Em seguida, quero falar sobre as
diferentes opções para
salvar seu arquivo. Uma coisa que você pode fazer é acessar o painel de amostras e usar a biblioteca de salvamento de amostras como IA, assim como mostrei como salvar paletas de cores
da classe
em Desta vez, ele incluirá todas as amostras de padrões
que criamos nesta classe, junto com todas as paletas
de
cores salvas como
uma biblioteca Você pode abrir todas
essas amostras de padrões e paletas de
cores em
outro arquivo Essa é uma opção.
Outra opção seria salvá-lo em
suas bibliotecas da Adobe. Se eu for até Janela
e Abrir bibliotecas, isso abrirá o menu da
biblioteca. Vou clicar em Criar
uma nova biblioteca e vou
chamá-la de Padrões Geométricos Em seguida, clique em Criar. Agora eu posso simplesmente pegar esse quadrado
e arrastá-lo aqui. Agora, meu Patterns Watch está
salvo em minhas bibliotecas. Também posso salvar outros elementos. Selecionarei essa forma e arrastarei para adicioná-la
às minhas bibliotecas. Eu poderia fazer o mesmo com
todas as outras formas que criei neste arquivo. Com ele salvo em minhas bibliotecas, ele pode ser acessado em
outros dispositivos nos quais estou conectado à minha conta da
Creative Cloud. Se eu quiser usar
isso em um novo arquivo, basta arrastá-lo para o meu
espaço de trabalho para usá-lo. Novamente, você pode coletar
todos os ativos relacionados ao seu padrão em um só lugar e tê-los
acessíveis para uso novamente mais tarde Vou fechar esse painel
e excluir essa forma. Você também pode exportar seu arquivo em formatos
diferentes se quiser compartilhar seu projeto
para essa classe Você pode exportá-lo como Jpeg e enviá-lo para a página
do projeto Também pode ser necessário salvá-lo como PDF ou outro formato para
impressão e compartilhamento. Para exportá-lo em qualquer um
desses formatos, você precisa criar uma prancheta no tamanho necessário para exportar Até agora, tenho
trabalhado em pixels, mas talvez precise exportar em uma unidade de
medida diferente, como polegadas. Eu posso ir
até o arquivo Configuração do documento ou pressionar o comando de
opção P. Para abrir o menu de configuração do
documento. Vou usar esse
menu suspenso para alterar a
unidade de medidas. Vou selecionar polegadas
e clicar em OK. Vou deslizar isso
e pressionar Shift
e, em seguida, desenhar uma prancheta Eu posso ir até aqui e redefinir
o tamanho que eu preciso. Talvez eu queira oito, dois por 11. Pressionarei V para voltar
à ferramenta de seleção e arrastarei meu padrão
até minha prancheta Eu posso posicioná-lo para capturar a parte
do padrão que eu quero. Também posso escrever em
Transform Scale. E eu posso reduzi-lo e transformar
apenas os objetos. Agora eu tenho uma versão
em pequena escala para compartilhar. E eu também posso
aumentar a escala. E quando eu o tiver onde eu
quiser, clicarei em OK. Depois de posicioná-lo e redimensioná-lo em nossa prancheta,
podemos exportá-lo Vou até File Export. Pois eu posso lhe dar um novo nome. Posso selecionar o local do arquivo e também posso selecionar um
formato como P e G ou Jpeg Vou escolher Jpeg e
quero verificar o uso do Artboard. Ele captura a área
dentro da minha prancheta. Somente eu posso selecionar todas as
minhas pranchas de arte ou gama. Nesse caso,
quero selecionar o Artboard two, que é o que acabei de configurar, e clicar em Exportar Em seguida, minhas opções de Jpeg aparecem. Agora, se eu estiver exportando
isso para impressão, quero deixá-lo como CMYK Se eu estivesse exportando isso para telas como postagens em redes sociais, eu poderia selecionar RGB Vou definir a resolução. Se eu estivesse salvando
isso para impressão, gostaria de escolher 300 PPI. Mas se eu estiver apenas exportando para uso em mídias sociais
ou na web, talvez
eu queira selecionar 72 PPI Em vez disso, quero ter certeza de que o Art Optimize também esteja
selecionado. E eu vou clicar em OK.
E isso salvará meu JP. Se eu quiser exportá-lo como PDF, pressionarei o Ship Command S e optarei por
salvá-lo no meu computador. Desta vez,
mudarei o formato para Adobe PDF e posso
renomeá-lo, se necessário, e clicar em Salvar Tenho a opção de preservar os recursos de edição
do Illustrator Se eu marcar essa caixa, meu PDF poderá ser aberto
no Illustrator com todas as camadas, em vez de como
uma imagem achatada em Portanto,
lembre-se disso ao escolher essa opção e se você deseja que alguém tenha acesso a todos os elementos e camadas
do seu padrão. Quando eu estiver pronto,
clicarei em Salvar PDF. Há diferentes
opções de exportação para diferentes usos,
mas, para essa classe, tudo o
que você precisa é de um Jpeg para fazer o upload na seção
de projetos e recursos da classe Eu realmente adoraria ver todos os padrões que você
criou, então, por favor, compartilhe-os. Vou encerrar a aula com algumas reflexões finais
na próxima lição.
16. Considerações finais: Espero que você tenha se divertido fazendo
esta aula e tenha criado vários padrões
geométricos lindos Continue pegando o que você aprendeu e explorando mais, porque as possibilidades
são infinitas. E não se esqueça, eu adoraria
ver o que você criou. Então, por favor, compartilhe seu projeto
na galeria da turma. Você pode compartilhar suas
ideias e fazer qualquer pergunta na seção de
discussão da classe. Eu também adoraria que você
deixasse um comentário. As avaliações ajudam outros
alunos
a descobrir a turma e decidir se
ela é adequada para eles. Agradeço por dedicar seu
tempo para deixar um comentário. Se você gosta desta aula e quer
aprender mais comigo, confira minhas outras
aulas aqui no Skill Share, clique no botão Foll up
se quiser se manter atualizado e ser o primeiro a saber no
que vou trabalhar a seguir Como sempre, foi
uma honra ensinar você e espero ver
você na minha próxima aula.