Transcrições
1. Boas-vindas ao curso!: Você já se perguntou como criar aqueles belos designs OG que você vê em todas as mídias sociais. Talvez você queira adicionar
OGs ao seu portfólio de design, mas achou que
seria muito complicado criar um designer Mina Não é tão difícil
quanto você imagina. Na verdade, nesta aula,
vou mostrar três maneiras de
criar padrões e
designers OG que não são nem um pouco
difíceis. Oi pessoal. Sou Tracy, ilustradora e designer
da região de Chicago E bem-vindo à próxima aula minha série de kits de ferramentas de padrões, onde nos concentramos em
um padrão específico ou tema de padrões em uma
variedade de aplicações. cada aula,
você sairá da aula com um novo design
para seu portfólio, além de experiência e
ferramentas que podem expandir sua criatividade e design de
padrões de superfície e muito mais. O Designer está
repleto de ferramentas incríveis,
mas nesta aula, precisamos nos
concentrar apenas em algumas
delas para criar lindas formas OG para nossos designs Ao longo desta
aula, veremos como dividir uma elipse em várias curvas e juntá-la novamente como uma
única Em seguida, transformaremos uma
única linha reta em uma classe OG versátil que se estende de cima para baixo e pode ser facilmente amarrada
na tela seguida, aproveitaremos
o poder da ferramenta de criação de
formas para
criar OG de qualquer tamanho a partir de uma
série de seis elipses simples Com todas as três formas, falaremos sobre como o
tamanho da forma com a qual você começa ajuda
a determinar o tamanho final. Além de como configurar seu Canvas e sua
forma inicial para maior eficiência. Porque quando você pensa
no que deseja que seja
seu resultado final e configura tudo
com isso em mente, você pode
criar de forma rápida e fácil vários padrões OG em qualquer escala para suas necessidades de impressão sob demanda e portfólio de
design. Agora, vou usar a versão desktop
da versão dois do
Designer. A maioria das ferramentas da
classe está disponível nas versões para iPad e
desktop com exceção do recurso de entrada de dados de
movimentação. Mas para aqueles que usam
o iPad, não se preocupem, ainda podem
acompanhar e usar o método tradicional de
duplicação de energia Eu quero saber. Embora esta
aula seja para iniciantes, ela pressupõe alguma familiaridade
com a
segunda versão do designer e com o processo geral de design de
padrões de superfície Não vamos revisar
a interface desta aula, então é muito
importante que você saiba onde as ferramentas estão
localizadas e se
sinta confortável com os conceitos básicos de como o designer trabalha para que você tenha
sucesso com a Então, você está pronto para adicionar ODs
ao seu kit de ferramentas de padrões? Se sim, venha se juntar a mim na aula e vamos começar.
2. O projeto do curso: O projeto desta
aula é criar seu próprio design de OG usando os
métodos ensinados em sala de aula. Experimente uma ou todas as opções a seguir para criar seu próprio motivo OG Dividindo a elipse única, criando um único
traçado e uma grade OG ou usando a ferramenta de criação de formas. Seja qual for o método que você decidir, divirta-se com ele e personalize
seu design A maneira mais fácil de compartilhar
seu projeto é fazer uma captura de tela e
carregá-la aqui
na seção de projetos e
recursos. Eu compartilhei uma
instrução passo a passo sobre como
compartilhar seu projeto, bem
como algumas informações
adicionais no guia
fornecido com a aula Eu adoraria ver o que você cria. E compartilhar seu
projeto não só ajuda os
futuros alunos a ver o que
aprender ao frequentar a aula. Além de deixar uma avaliação, ajuda mais alunos a
encontrar a turma. seguir, vamos nos aprofundar na
criação de nosso primeiro padrão, dando uma olhada em
como separar uma única elipse e juntá-la
novamente como um motivo OG Te vejo lá.
3. Forma de Ogee 1: usando uma única elipse: Nesta lição, criaremos uma forma OG usando
uma única elipse Vamos começar dando
uma olhada em como o tamanho
dessa elipse inicial determina a escala geral
do dessa elipse inicial determina seu design
e, em seguida, passaremos a criar
um motivo OG ladrilhável
dividindo a elipse em um motivo OG ladrilhável
dividindo a elipse dividindo Vamos começar.
Vou começar com um Canvas de
4.000 pixels
definido para 300 DPI Isso me permitirá versatilidade quando se trata de usar
meu design final, pois me dá opções
quando se trata exportação e dos vários sites de
impressão sob demanda em
que eu o uso Agora, todos os meus sites
pedem arquivos RGB, então vou deixar
o espaço de cores como está Se eu precisar, sempre posso
criar uma cópia que seja CMYK. E, finalmente, quero ter certeza de que tenho uma
prancheta no lugar, então vou
marcar isso e clicar em Criar Com a configuração do Canvas, vamos falar sobre a elipse
com a qual queremos começar Uma das razões pelas quais escolhi uma tela de
4.000 pixels é porque ela me
dá várias opções
para o tamanho do meu motivo OG, que acabará por determinar a escala do meu Quero criar uma
forma que se divida facilmente na minha tela. Isso significa que eu poderia
trabalhar com um motivo de 250 ,
501.000 ou 2.000 pixels Se eu começar com uma forma G de
250 pixels, a escala do meu design final
será relativamente pequena. Se eu começar com uma forma de
2000 pixels na prancheta do mesmo tamanho, ela será muito maior Agora, eu quero criar um design que esteja em algum lugar no
meio desses dois, então vou usar
um motivo de 1.000 pixels Assim como o tamanho
da sua forma OG determina a escala
do seu design final, o tamanho da
elipse com a qual você começa determinará a escala
do seu motivo OG final Uma elipse de 250 pixels criará um
motivo OG de 500 pixels Uma elipse de 500 pixels
cria um OG de 1.000 pixels. E, finalmente, uma
elipse de 1.000 pixels cria um OG de 2.000 pixels Então, como eu quero criar
um og Motif de 1.000 pixels, vou começar com
uma elipse de 500 pixels Eu criei uma elipse de 500 pixels sem preenchimento e
com um traçado de
dez pontos Em última análise, a cor e a largura
não importam porque posso alterá-las depois
de criar minha forma final. Preciso dividir essa
elipse em três partes, um semicírculo e
dois quartos de círculo, e vou usar minha ferramenta
Node para fazer isso Para poder acessar os nós, vou selecionar minha forma e converter em curvas
no menu contextual Agora posso usar minha
ferramenta de nó para clicar e arrastar para selecionar o nó superior
e direito. Vou clicar com o botão direito do mouse em um
dos nós selecionados e
escolher a curva de quebra. Eu também poderia selecioná-lo no
meu menu contextual na parte superior Então, vou
clicar e arrastar para selecionar o nó inferior
e direito. E desta vez vou até o menu contextual e
escolho a curva de quebra Agora, se você olhar
meu painel de camadas, tenho três formas, um semicírculo à esquerda e dois quartos de
círculo à direita. Então, crie minha forma OG, a primeira coisa que
quero fazer é ter certeza de que o encaixe está
na parte superior aqui Isso tornará a
próxima etapa muito mais fácil. A próxima coisa que
vou fazer é selecionar um dos meus
quartos de círculo. Vou manter pressionada a tecla Shift no meu teclado para manter a posição
correta enquanto a arrasto. E vou
arrastá-lo até o topo até que se encaixe no topo
do semicírculo Vou fazer a mesma coisa
com a outra forma,
desta vez
movendo-a para baixo até que ela se
encaixe na parte inferior
do semicírculo E agora eu tenho metade
da minha forma OG. Agora, eu não preciso
repetir tudo isso. Tudo o que preciso fazer é
selecionar todas as minhas formas. Vou comandar
G para agrupá-los
e, em seguida, comandar J
para duplicá-los. Vou até o menu
contextual na parte superior
e, nas opções de transformação, escolho virar na Então, agora tudo que eu preciso
fazer é, novamente, com minha tecla pressionada
para manter a posição reta, vou arrastá-la
até que ela se encaixe no meio, e eu tenha minha forma OG completa Agora, a partir daqui, eu poderia
conectar todos esses traços, usando
apenas o inverso do que fiz para quebrar a elipse Eu poderia selecionar todos
os nós e ir para o menu contextual ou usar
o menu suspenso para unir
todos os meus nós Em vez disso, o que
vou fazer é selecionar todas as minhas camadas. Vou selecionar a ferramenta de preenchimento vetorial por
inundação e quero escolher
um dos meus preenchimentos Eu vou usar
essa cor esbranquiçada. É importante selecionar
o preenchimento antes de usar a
ferramenta de preenchimento de inundação vetorial, pois ela
sempre lembrará
a última cor usada
ou, na primeira
vez que
for usada, fornecerá
um vermelho muito brilhante Então, com o selecionado, quando eu tenho a ferramenta de preenchimento de
inundação vetorial, você pode ver que ela está acendendo E isso significa que
tenho uma zona de entrega onde posso colocar meus preenchimentos. Vou clicar e adicionar isso. Agora, eu não preciso mais deles. Se eu quiser, posso
agrupá-los e
colocá-los em meus ativos. Eu já tenho um
salvo em meus ativos. Então, vou apenas
excluí-los. E agora eu tenho minha forma e posso começar a
preenchê-la antes de ladrilhar. Quero adicionar um traço
verde de dez pontos à minha forma. Então, vou
selecionar meu traço. Use essa amostra verde, e eu vou para o meu painel de traços e altero isso para dez pontos Também vou ativar a
escala com o objeto, caso
eu decida aumentar ou diminuir a
escala. Vou me certificar de que o
traço escale com ele. E, finalmente,
eu prefiro ter uma junção de esquadria na minha forma OD,
então vou mudar isso Não é necessário
porque, em última análise, isso acabará
empatado. É só preferência. O que eu quero fazer com
essa forma é criar uma
espécie de agrupamento de cores de
penas de pavão que seja
recortado Então, vou deixar essa
forma de lado por enquanto. Vou selecionar
a elipse,
desligar meu traçado e pegar esse preenchimento cinza escuro Eu quero arrastar
uma forma oval alta. Agora, novamente, isso é uma forma. Não é uma curva, e eu quero
ser capaz de fazer com que a parte superior fique pontiaguda, então vou
convertê-la em uma curva. Vou selecionar o nó mais alto e clicar em Converter para nítido. Então, eu não preciso
continuar fazendo isso. Vou apenas duplicar
essa forma e usar ferramenta de
contorno para
continuar a fazer a forma de pena de
pavão Então, selecionarei minha forma com
minha ferramenta de movimentação e
comandarei J para duplicar. Vou selecionar
essa cor verde e depois minha ferramenta de contorno E eu vou clicar e
arrastar para a esquerda. Até eu reduzir isso
para cerca de -50 pixels. Também posso digitar -50
aqui no menu contextual. Agora, quero ter certeza assar a aparência
dessa forma. Isso basicamente definirá
as curvas ou
os nós dessa forma de forma
que, se eu escalar
isso para cima e para baixo, o contorno fique preso no lugar Então, vou até o topo aqui
e escolho a aparência do forno. Eu vou continuar fazendo isso. Vou apenas comandar
J e duplicar. Desta vez, vou
escolher a cor esbranquiçada. E, novamente, basta
arrastar isso para -50. Asse minha aparência. E então, pela última vez, vou comandar J e selecionar esse tipo de cor roxa
acinzentada E, novamente, vou
reduzir isso. Agora, quero que todas as
minhas formas estejam na parte inferior
dessa primeira forma. Então, vou selecionar todas as curvas em minhas camadas
e selecionar minha ferramenta
de movimentação. Vou para minhas opções
de alinhamento aqui na parte superior e vou escolher
alinhar verticalmente à Isso vai derrubar
tudo e eu clicarei em Aplicar. Agora, eu sinto que essa forma
é um pouco pequena demais. Meio que
se perdendo no resto. Eu vou torná-lo
um pouco mais alto. Tudo bem. Vou
agrupar tudo isso selecionando-os e pressionando o
comando G. Vou trazê-lo
até a borda aqui e
depois colocá-lo dentro. E eu sinto que a coisa toda poderia ser um pouco maior. Há uma grande quantidade de
esbranquiçado no fundo Então, vou manter minha tecla de comando pressionada e arrastar para fora, e então
vou trazer isso à tona. E aí está minha forma final de OG. Então, estou pronto para colocar isso ao longo e abaixo da minha tela
para criar meu padrão final. Agora, antes de colocar isso lado a lado, quero observar
que você pode pegar esse motivo final e
transformá-lo em um símbolo, abrindo o painel de
símbolos ou indo
até as opções de camada e
escolhendo criar Isso permitiria que você criasse várias cores
rapidamente Também tem a opção de usar as mesmas funções selecionadas depois de criar
seu padrão. Agora, eu não vou fazer
isso aqui nesta aula, mas eu queria
mencionar isso porque é uma opção a ser considerada ao criar qualquer um desses padrões. Quero criar
minhas duas primeiras linhas. Minha fileira superior terá
um total de cinco formas, com o primeiro e o último motivo pendurados
nas laterais da tela Isso
evitará que haja lacunas nessas curvas aqui enquanto eu passo a
lado a tela Vou usar as formas
que eu
crio na primeira linha para
criar a segunda. Quero colocar essa forma em zero grau
nos eixos x e y. Então, neste canto superior, e eu quero que ele seja colocado
no meio da minha forma. Então, vou selecionar a forma e ir para o meu painel de transformação. Vou clicar
no centro
desse
agrupamento de pontos de ancoragem para
ter certeza de que esse do meio
é o maior Aquele designer
malvado fará tudo do
centro da minha forma Agora, enquanto estou no estúdio de
transformação, a maneira mais fácil de mover
isso exatamente para onde eu preciso é digitar zero,
zero, o x e o y.
Você também pode arrastá-lo,
mas isso é mais preciso
e, em Você também pode arrastá-lo,
mas isso é mais preciso
e, última análise, mais rápido Agora, estou na versão para desktop, o que significa que posso usar a caixa de diálogo de
mover duplicatas Mas para aqueles que estão
no iPad, é claro, você pode fazer a mesma coisa que
estou prestes a fazer com o painel Transform
e a cópia digital Vou selecionar minha
forma e pressionar Enter. E eu quero mover esses 1.000
pixels na horizontal, a largura exata da minha forma. Então, vou digitar 1.000. Vou clicar em Duplicar. E eu posso
clicar e arrastar para completar a linha ou posso digitar o número
de cópias que preciso. Então, eu tenho um total de cinco
formas. Vou clicar. E vou usar quatro
delas para criar a segunda linha. Minha segunda fila não vai
ficar pendurada na tela. Na verdade, ele
se esconderá nesses espaços vazios deixados pelas curvas
dos OGs Então, selecionarei as
quatro primeiras formas na minha primeira linha. Eu poderia selecionar todos os cinco, mas acabaria com um motivo completamente fora do Canvas,
então não adianta Eu só vou clicar em Enter. E desta vez, quero usar metade da largura da
minha forma, então 500. E então eu quero cair 500. Então, novamente, metade da altura. Vou clicar em Duplicar, e você pode ver que está
escondido sozinho. Agora, eu não quero
continuar indo aqui. Não quero criar
mais cópias. Eu só vou clicar. Se eu continuasse com
o que fiz lá, continuaria a
compensá-lo na horizontal Não preciso mais deslocar
essas formas horizontalmente. Eu tenho tudo preenchido. Então, vou selecionar
todas as minhas formas, agrupá-las e
agora posso
colocá-las lado a lado verticalmente
para completar meu padrão Então, mais uma vez, pressionarei Enter. E desta vez, vou digitar uma e uma cópia do Hip. E, novamente, precisarei de quatro cópias para completar meu
padrão. E estou pronto. Se você fez as outras
aulas da minha série de padrões, já me viu fazer a
próxima etapa antes. Para aqueles que
são novos na série,
falaremos sobre o uso da ferramenta de gradiente para testar nossos padrões
aqui mesmo no designer A primeira coisa que eu quero
fazer é, com minha ferramenta de movimentação, selecionar a camada da prancheta É muito importante
que você esteja na camada
da prancheta e não
nas camadas secundárias abaixo Vou até meus ativos e tenho uma
configuração de categoria chamada Pattern Hub, onde tenho todos os meus padrões
vetoriais colocados. E eu tenho subcategorias
abaixo disso, incluindo uma para padrões OG Então, com isso selecionado, vou clicar
na
subcategoria em Padrões OG e
escolher o anúncio da seleção Pode levar uma batida
ou duas para adicioná-lo, mas vou adicioná-lo aqui embaixo. A próxima coisa que
quero fazer é adicionar uma nova prancheta que se tornará minha prancheta de teste Então, vou para minha ferramenta de prancheta. E eu tenho o tamanho definido para o documento, e vou
clicar em Inserir rdboard Isso é adicionado o número
dois aqui. Vou pegar minha ferramenta de gradiente e clicar para ter
certeza de que selecionei o
cartão 2 Deixe-me ir para que
você possa ver o que estou fazendo. E com minha
ferramenta de gradiente selecionada, vou clicar no
ativo que acabei de adicionar Agora, o que isso
fez foi criar uma versão bitmap desse ativo Colocado aqui no
meu painel de ativos,
esse é, na verdade, o arquivo vetorial
original. Se eu fosse colocar
isso, teria todas
as camadas originais. Mas quando eu coloco assim
usando a ferramenta de gradiente, é um mapa de bits, o que significa
que são pixels e não vetores Então, eu só vou usar
isso para testar meu design, especialmente porque estou prestes a
escalá-lo para cima e para baixo
e movê-lo de um lado para o outro, e ele pode não ser colocado corretamente se eu não o colocar de volta
onde deveria estar. Então, vou
pegar essas alças e vou
escalar para ver se vejo algum
problema. Vou aumentar a escala. Vou pegar essa alça
e arrastá-la. E esse é o principal motivo pelo qual eu não quero
exportar isso. Isso não será mais exibido
corretamente porque não é perfeito Você pode ver que essa forma, por exemplo, é muito
maior que essa. Isso não
completa essa forma. Então, eu quero descartar esse. Eu terminei. Eu posso
excluí-lo ou simplesmente ignorá-lo. Quando vou exportá-la, quero ter certeza de que
estou exportando uma prancheta Então, vamos dar uma
olhada em como exportar isso a seguir. Como mencionei anteriormente, você poderia criar várias formas de
cores a partir disso
se tivesse transformado sua forma em um símbolo ou se quisesse
usar select same. Você pode fazer isso
na mesma tela simplesmente adicionando pranchetas
adicionais Agora, para os propósitos
desta aula, vou continuar
com esta. Então, vou subir para o arquivo
e descer para exportar. E a primeira coisa
que quero observar é
que ela é selecionada automaticamente como Artboard two, porque essa foi a
última em que eu estive Verifique essa opção
sempre que exportar e selecione ativamente a prancheta
que você deseja exportar Lembre-se, eu mudei
este e o escalei. Portanto, se eu
exportar este arquivo acidentalmente, ele não funcionará
perfeitamente Portanto, preciso ter
certeza de escolher o Artboard one e
exportar o original O formato
escolhido dependerá
dos requisitos do site em que você o está usando. Por exemplo, meu site de impressão sob
demanda permite vetores planos, então eu poderia
exportá-los como SPG,
mas a flor de colher requer arquivos JPEGs ou TIF da
P&G Se você trabalha em sites
diferentes com requisitos
diferentes, sempre
pode exportar
mais de uma vez. Apenas certifique-se de saber
o que cada site exige. Agora, a partir daqui, eu
poderia mudar o tamanho. Vou deixar a
predefinição com a melhor qualidade e posso simplesmente clicar em exportar e escolher onde
quero salvá-la Agora, eu já
salvei esta, então vou cancelá-la e podemos passar
para a próxima lição. Na próxima lição,
veremos como podemos
pegar um único traço criado com a
ferramenta caneta e
transformá-lo em um design OG.
Te vejo lá.
4. Ogee Lesson 2 Single stroke 1080HD: Nesta lição,
usaremos a ferramenta caneta para criar
uma única linha reta
que, junto com
a ajuda da ferramenta Não, transformará em um design Oz bonito
e versátil. Até que vamos começar. Eu criei o mesmo tamanho de
tela da última lição, 4.000 pixels por 4.000
pixels a 300 DPI Também quero configurar uma grade, o que facilitará
muito a criação dos
nós adicionais
necessários para criar minha forma OG. Vou até o topo e escolho a
visualização e depois a grade e o eixo. E eu vou clicar para mostrar a grade. Agora, isso vai me
dar automaticamente o modo automático, que significa que se eu aumentar
e diminuir o zoom na minha tela, isso mudará
o espaçamento na minha grade, e eu realmente não
quero que isso aconteça Costumo aumentar e diminuir muito o zoom. O que vou fazer é clicar em básico. E vou inserir 500 pixels nisso para que
fique bloqueado no lugar. Agora, à medida que eu amplio e diminuo o zoom, isso não vai mudar. Agora, a escala da sua grade ajudará
a determinar quantos nós você pode adicionar e finalmente, o tamanho da
sua forma OG final. Eu queria criar um
que tivesse espaçamento de 500 pixels porque vou criar nós que eu possa puxar para o lado
e criar uma forma OG Isso tem 1.000 pixels de altura, então 500 mais 500. Se você criar uma grade
muito mais estreita, em outras palavras, o espaçamento
for muito menor, digamos 250, isso lhe dará
mais oportunidades de
adicionar mais nós, que significa que você pode criar
uma escala muito menor Depende totalmente de você
o que você deseja criar. Você pode
acompanhar o que estou fazendo ou se divertir
e brincar com diferentes configurações
que se
dividem facilmente em 4.000 e criam
o tamanho que você quiser Com minha grade no lugar, vou selecionar minha ferramenta de caneta. Também quero ter certeza de
que o encaixe está ativado
e que, nas configurações, eu tenho o encaixe na grade Isso tornará as coisas muito mais fáceis quando eu for
adicionar meus nós. Agora, se você pegar a classe de
padrão linear desta série, abordaremos isso da mesma forma que fizemos
com a linha ondulada. Vou levar minha
caneta até o topo aqui. E como o encaixe está ativado, quando chego à interseção entre o x e
o y na parte superior, recebo esse ponto amarelo Então, vou clicar
e adicionar um nó lá. Vou até o fundo
mantendo pressionada a tecla Shift, o
que me
dará uma
linha perfeitamente reta e farei a mesma coisa. Assim que eu conseguir
aquele ponto amarelo, colocarei o nó inferior. Agora, minha
linha reta está estabelecida e eu não preciso mais do penal. Isso é muito fácil, certo? Então, vou mudar
para a ferramenta node agora. Vou continuar e
adicionar um traço a isso. Eu não preciso preencher.
Vou escolher essa cor cinza. A cor realmente não importa. Você sempre pode
mudar isso. E eu vou definir os pontos para dez. Novamente, isso é algo
que eu posso mudar, mas quero que você possa
ver o que estou fazendo. Agora, com minha ferramenta de nós, quero adicionar nós ao meu traçado para
poder retirá-los horizontalmente para criar a
primeira metade da minha forma G, que
parecerá uma linha ondulada Vou adicionar um nó em cada interseção entre
os nós superior e inferior E mais uma vez, o Snapping
vai tornar isso muito mais fácil porque
na versão para desktop, ele vai me mostrar o mesmo ponto
amarelo, só que muito menor Agora, admito que, no iPad, isso é um
pouco mais difícil porque não é tão
óbvio,
mas, novamente, o Snapping pode ser
útil aqui Você também pode acessar suas configurações e alterar a tolerância
da tela. Quanto maior a tolerância da tela, mais facilmente ela se encaixará Você só quer
ter certeza de alterá-lo novamente para que ele não
continue fazendo isso. Então, vou passar o mouse sobre cada cruzamento até
obter aquele ponto amarelo Vou clicar e continuar adicionando até chegar
ao final. Tudo bem, agora eu tenho vários nós
afiados no lugar
e, na verdade, preciso
alterá-los de nítidos para lisos Caso contrário, se eu os arrastar para fora, vou pegar
mais um ziguezague
e, na verdade, quero
uma onda suave Então, com minha ferramenta de nó, vou clicar
fora da tela e segurar o botão para
arrastar e selecionar todas elas. Vou até o
menu de contexto e escolho suave. Agora eu tenho nós lisos, o que significa que se eu os arrastar para fora, obtenho uma boa linha suave. Agora, porque eu quero
1.000 pixels, forme aqui. Vou selecionar todos os outros nós entre o topo e o fundo,
começando com este segundo. Então, vou clicar e depois mudar, clicar para selecionar todos os outros. E a quantidade que
eu arrastar isso determinará a largura
do MOG Então, se eu arrastar até esses 500 pontos, vou acabar
com uma
forma de 1.000 pixels de largura .
Na verdade, eu
não quero isso. Vou seguir em frente e
ordenar que Z traga isso de volta. Em vez disso, o que vou fazer é ir
até meu estúdio de transformação
e, no eixo X clicar
e adicionar mais 250. Isso moverá todos os
meus nós selecionados até a metade dessa célula para que
eles se movam 250 pixels O que isso significa é
que minha forma
final terá 500 pixels de largura. Você pode fazer o seu do tamanho que quiser. Agora, eu tenho minha primeira
linha pronta e não preciso repetir isso. Vou fazer a mesma coisa que fiz na última lição e vou ordenar que J
a duplique Vou até o menu
contextual e escolho virar na horizontal e, em seguida, manter pressionada a tecla
Shift e arrastá-la até que ela se
encaixe e eu tenha minha forma OG
completa Agora, eu poderia deixar o
Sazz e simplesmente agrupá-lo, mas na verdade vou pegar essas duas curvas e criar
uma grande forma a partir delas Então, vou selecionar os dois. Pegue minha ferramenta de nó e eu quero conectar os
nós superiores e os inferiores. Agora, é muito importante
que você não clique apenas
no nó superior, pois ele
selecionará apenas o nó mais alto. Na verdade, eu quero os dois
neste caso. Então, vou clicar fora
do campus e arrastar, e isso selecionará as duas porque eu tenho as duas
camadas selecionadas. Vou até o topo
aqui e junto curvas, e farei a mesma
coisa na parte inferior Quando você clica e
arrasta para selecionar os dois e depois unir as curvas E agora eu tenho uma forma
em vez de duas camadas. Algo a ter em mente
é que você não
precisa usar esse traçado
no design final. Você também pode usá-lo como um
guia para criar um design OG, mas removê-lo
do padrão final. Um exemplo disso seria esse
design floral escasso que criei Você não vê o traço
original, mas eu o usei para ter certeza de que minhas flores estavam dimensionadas
e espaçadas corretamente Portanto, mesmo sem o traço, você ainda pode ver um padrão OG muito
distinto por toda parte. Então, tudo isso a dizer é que
é uma forma muito versátil. Você pode usá-lo como
quiser. Para esta aula, vou usar
formas geométricas, mas queria mostrar que
você não
precisa usar o traçado
quando o criamos Ele só pode ser
usado como um guia. A primeira coisa que
quero fazer com essa nova forma é
alterar a cor e a largura do traçado. Eu quero que seja mais fino,
então vou fazer meu traço e
mudá-lo para cinco pontos Também vou me certificar que a escala com o objeto esteja
ativada para o
caso de eu alterar a escala por algum motivo. Agora eu quero mudar a cor. Vou mudar para
esbranquiçado e sei que é difícil de ver, mas também vou
adicionar um preenchimento. Vou usar apenas essa cor verde. Agora, o que vou
fazer é criar uma
espécie de
formato de cebola com isso. Vou
duplicar essa curva. E vá para o meu painel de transformação. Quero ter certeza de que
a largura e a altura estão desbloqueadas porque não quero
alterar a altura,
apenas a largura Deixe-me ampliar aqui para que você
possa ver o que está acontecendo. Vou aumentar minha largura
e vou
mudar meus pixels para 400, e isso está aumentando até mesmo
nos dois lados. Vou duplicá-lo novamente. Agora, ele fez isso automaticamente
por causa da duplicação de energia. Mas uma coisa sobre a duplicação de
energia é que ela começa a
depreciar Está mostrando 400 aqui. Na verdade, eu quero
mudar às 2300, e você pode ver que isso
trará um pouco mais Vou seguir em frente e ordenar que J duplique e
altere isso para 200 E vou continuar fazendo
isso até chegar a 100, e então vou parar. A razão pela qual estou
parando é porque o próximo número seria
tecnicamente zero, e ele não vai me
permitir ter uma forma largura zero e
4.000 pixels Então, o que eu vou fazer
é simplesmente sair disso. E não quero mais
duplicar essa forma. Vou pegar o orifício da caneta e tocar na
parte superior para adicionar um nó, manter pressionada a tecla Shift e adicionar uma linha reta
logo no meio. Agora que tudo está no lugar, acho que o traço está
um pouco grosso demais. Você não consegue ver muito do preenchimento. Então, o que vou fazer é
selecionar todas essas formas
e, em vez disso, vou tentar
três pontos. Na verdade, acho que
parece muito melhor. Vamos ver a aparência de
dois. Tudo bem, eu vou
escolher em vez disso. Gosto do traço fino com
aquele preenchimento verde por trás. Com tudo
selecionado, vou
comandar G para agrupar isso, e esse é o
motivo final que vou colocar horizontalmente
no
meu Quero começar trazendo
minha forma para a marca zero
no eixo x, mantendo-a no lugar y ou verticalmente Então, vou até meu painel de
transformação
e, novamente, tenho minha
âncora colocada no meio Vou digitar zero no eixo x, então ele traz
a borda esquerda. Agora, ao contrário da última lição, não
estamos lidando
com uma única forma que tenha exatamente a mesma
altura e largura. Estamos trabalhando com
um que tem 500 pixels de largura por 4.000 pixels de altura E a natureza dessa forma ser We V significa que
haverá várias lacunas na tela, a
menos que ela seja revestida de uma certa maneira Vou usar a caixa de
mover duplicata novamente, então pressionarei Enter E, assim como da última vez, vou
ladrilhar ou deslocar
horizontalmente a metade do tamanho
da largura, ou seja , 250 Vou ativar a duplicação que você possa ver o que está acontecendo Então, há quatro ondas aqui, mas há cinco lacunas aqui
que precisam ser preenchidas, que significa que vou precisar criar duas delas
para completar isso. Então, para este primeiro, a maneira de determinar o quanto
eu preciso compensar isso é pegar o tamanho de uma
dessas formas e metade dela Então, se você se lembra, eu
usei uma grade de 500 pixels, e essas formas abrangem dois
desses espaços de 500 pixels. Então, esses têm 1.000 pixels de altura. Então, eu quero usar metade disso. Na vertical, vou
digitar -500 e aperto. Vou selecionar essa forma. E desta vez,
quero duplicá-lo e compensá-lo para
preencher este último Bem, agora eu quero escolher o valor total ou o tamanho
total disso. Então eu vou apertar Enter. Não preciso
compensá-lo na horizontal. Na vertical,
vou apenas compensar 1.000. E isso vai movê-lo para baixo apenas para que ele
preencha esse espaço Agora, na verdade, há dois aqui que
se sobrepõem, mas não estou
preocupado com isso neste caso Não vou
alterar nenhum modo de mesclagem ou opacidade ou qualquer coisa que mostre
que
há uma A coisa mais importante
nesse caso é que eu preenchi o
espaço final e pronto. Essa matemática que
acabamos de usar será
aplicada independentemente da
forma que você criar. Então, se eu tivesse criado uma forma de 2000 pixels, eu a teria deslocado para cima de 1.000
e para menos 2.000 Portanto, sempre leve em
consideração o tamanho de uma de suas formas
individuais de OG. E isso
lhe dirá exatamente quanto
compensá-lo para cima e para baixo para
preencher todas essas formas Agora que tenho minhas
duas primeiras colunas preenchidas, vou selecionar todas as
minhas camadas e agrupá-las. E agora eu posso ir em frente e colocar os
ladrilhos até o outro lado, e só preciso me
mover horizontalmente Não preciso mover nada verticalmente. Então, vou pressionar Enter. E eu quero digitar
500 na horizontal. Novamente, essa é a
largura original da minha forma. Vou clicar em Duplicar e agora posso simplesmente
alterar o número de cópias até que fique totalmente lado a lado
e clicarei Agora, parece que eu
adicionei mais um, então vou excluí-lo. Às vezes, a caixa de diálogo de mover duplicatas
fica fora de controle Vá em frente e remova-o. Mas neste momento, meu
padrão está completo. Então, eu só quero testá-lo, assim como fiz
na última aula. Então, selecionarei a prancheta
e acessarei meus ativos. Vou para
minha subcategoria OG. Adicionar da seleção. E eu quero adicionar uma
prancheta para que eu possa usar meu gradiente para testar isso
quando estiver no lugar Então, eu ainda tenho isso selecionado. Vou até a
ferramenta de prancheta Inserir prancheta e quero acessar
minha ferramenta de gradiente Clique nesse quadro de anúncios
e, em meus ativos, adicionarei essa forma. Vamos ver como fica. Eu posso escalar. Não estou vendo nenhum
problema. Vamos ver. Às vezes, você pode
ter pequenas anomalias com algumas linhas brancas aparecendo Não se preocupe com isso,
porque se você aumentar o zoom, verá que isso
não é realmente um problema. Eu posso aumentar a escala e
ver como fica lá. E, claro,
mova-o e veja se há algo concertando. Quando eu coloco isso,
parece que está tudo ótimo. Portanto, a menos que eu queira fazer
alterações nos preenchimentos ou traçados ou criar cores
diferentes ou designs
totalmente diferentes, talvez alterando a largura ou a cor do
traçado, estou pronto para exportar
isso e passar para o próximo Na lição final, veremos como
criar
um motivo OG usando
uma série de elipses e
a ferramenta de veremos como
criar
um motivo OG usando
uma série de elipses e
a ferramenta de criação de formas.
Te vejo lá.
5. Ogee Shape 3: ferramenta Construtor de formas: Na primeira lição,
pegamos uma única elipse, separamos com a ferramenta Node e a montamos novamente em
uma forma totalmente diferente Nesta lição, mais
uma vez vamos nos apoiar na elipse para
criar nosso motivo final Mas, em vez de
dividir uma única forma, usaremos uma
série delas junto com o construtor de formas para criar nosso motivo OG. Vamos dar uma olhada. Mais uma vez,
criei uma tela de 4.000 por 4.000 pixels
definida para 300 Vou começar
criando uma série de elipses. E, assim como nas outras lições, o tamanho com o qual você começa
determinará o tamanho do
motivo com o qual você terminará Eu quero uma forma OG de 1.000 pixels, então preciso começar com elipses de
500 pixels Especificamente, seis deles. Vou pegar um traço, então tenho
um traço de cinco pontos aqui, e vou configurá-lo
para esse cinza escuro novamente. Eu sempre posso mudar
tudo isso mais tarde. Quero ter certeza de
que meu traçado está definido como uma linha centralizada. Caso contrário, isso não
funcionará corretamente. Agora, preciso
repetir a elipse em uma coluna
e três linhas abaixo, então tenho um total
de seis Eu farei isso com minha ferramenta de duplicação
movida. Então, vou seguir em frente e
escolher a forma da minha elipse. Clique com o comando e crie
a forma de 500 por 500 pixels. E então, com ele
selecionado, pressionarei Enter. E vou manter 500 na
horizontal e clicar em duplicar.
Em seguida, clicarei em OK. Vou selecionar essas duas formas
e, mais uma vez, pressionar Enter. E na vertical,
novamente, eu vou para 500. E desta vez, preciso de
duas cópias e clique. Ok. E agora eu sou meu total de seis elipses que estão todas se
encontrando no centro
do traçado alinhado Agora, talvez você
já consiga
identificar a forma OD que
vamos criar a partir disso. Então, vamos pegar o construtor de formas e
criar o motivo final Vou selecionar todas as
minhas formas e escolher
minha ferramenta de criação de formas. Agora, não vou
entrar em todos os detalhes sobre como
a ferramenta Shape Builder
funciona aqui nessas aulas Já falei sobre isso várias
vezes em aulas anteriores. E, infelizmente, vou me concentrar
nas configurações específicas de
que preciso para este. Então, eu tenho algumas abordagens que
posso adotar com isso. Se eu quiser manter
essas seis formas de elipse, posso ir até o topo aqui
e escolher a ação, criar uma nova forma a
partir de uma área selecionada Quando eu faço isso, clico e arrasto por essas
formas para criar meu OG, ele cria uma camada
separada com
essa nova forma, mas mantém todas as
elipses que eu criei Eu não preciso disso. Na verdade, não
preciso mantê-los, então vou
comandar Z e fazer backup. Em vez disso, vou
escolher essa primeira ação, que é criar uma nova forma e basicamente remover todas
as áreas não utilizadas Agora, para que eu não precise limpar nada depois. Também vou
limpar aqui no menu contextual e alterar isso para toda a geometria não utilizada Agora, quando faço o
mesmo movimento em
que clico e arrasto pelas
quatro formas, fico com minha forma OG de
1.000 pixels e todo o resto é excluído
automaticamente. Então, assim como
na primeira lição, posso ir em frente e preencher isso e,
em seguida, colocá-lo lado a lado. Vou usar
isso como um guia para uma ilustração floral
que está dentro. A primeira coisa
que eu quero fazer é mudar a cor do traçado. Então, agora eu tenho
essa cor cinza escuro. Vou
mudá-lo para esse verde e quero transformá-lo
em folhas. E vou
mudar meu traço para algo como 25 pontos. Eu sempre posso mudar
para algo maior, se eu quiser, mas
vou começar com isso. A próxima coisa que quero fazer é algo semelhante
ao que fizemos
na primeira aula, em que
separei a forma. Vou pegar minha ferramenta Node e quero dividi-la
em quatro segmentos. Um aqui, um aqui,
aqui e depois aqui. Então, vou
selecionar essa forma,
desculpe, esse nó,
e escolher a curva de quebra. Eu vou fazer a mesma coisa aqui. Vou quebrar
essa de baixo e depois quebrar essa lateral. E agora eu tenho quatro camadas aqui que são esses
quatro segmentos, e vou
transformá-las em formas de folhas. Então, a maneira de fazer
isso é selecionar um deles. Vou selecionar esse aqui mesmo. E vou usar a nova
ferramenta de largura
do traçado para fazer isso. Então, vou selecionar isso.
E se eu ampliar aqui, você pode ver que eu fico com esse
pequeno vermelho nessa linha aqui. Vou começar a me arrastar. Estou clicando e arrastando para fora, e então vou
puxá-lo para o centro Isso fará com que essa folha pontiaguda
tenha a forma de uma folha. E eu vou colocar
esse até o fim também. Agora, eu
já tenho esse nó aqui
por causa dessa curva, então vou até aqui, clique e arraste para fora. Vou fazer
isso bem e largo. Agora, não preciso repetir isso com as outras
três formas. Em vez disso, o que
vou fazer é selecionar minha ferramenta de seleção de estilos
aqui e simplesmente escolher esse
estilo e adicioná-lo a eles Então, a maneira de
fazer isso é selecionar uma
das outras curvas e vou até o topo aqui Agora, o que eu quero fazer é definir meu traçado para coincidir com este. Então, vou
clicar em nenhum
e, em seguida, escolher traçado. Com isso selecionado, você
verá essa caixa azul ao redor dela. Vou clicar na forma e ela automaticamente a
mudará para combinar com
a outra. Agora, eu posso fazer isso
com os outros dois, mas antes de fazer isso, entre cada um, eu
preciso primeiro selecionar a camada. Em seguida, clique em Descarregar. Você verá o formulário da caixa. E, novamente, posso clicar
no que eu quero imitar. E eu posso continuar fazendo isso
até que todos estejam prontos. Então, agora eu tenho minhas formas de folhas. E o que vai
acabar acontecendo aqui é que eu vou
adicionar uma flor aqui, e essas serão
as folhas dessa flor. Esses dois aqui em cima
vão se
unir e formar as
formas OG à medida que eu passo a lado. Deixe-me mostrar o que
quero dizer. selecionar minha ferramenta
de caneta e quero fazer com que isso
provavelmente tenha cerca de cinco pontos. Eu sempre posso torná-lo
maior se eu quiser. Vou começar aqui. Mantenha minha tecla Shift pressionada. E eu vou clicar aqui para me
dar uma linha reta. Vou manter isso
muito básico porque última análise, não se trata do
que estou adicionando aqui. É mais sobre como criar
a forma geral. Mas o que vou fazer é pegar minha ferramenta de nuvem aqui em minhas formas. Vou escapar para
desmarcar esse. E eu vou pegar essa cor roxa. Não preciso de um derrame, mas quero que isso seja preenchido. E vou começar aqui
, manter pressionado o comando e a tecla shift e
arrastar a forma floral. Agora, eu já estou pensando que esses traços podem ser um
pouco grandes demais para minha licença, então eu posso mudar isso, mas veremos. Tudo bem Acho que vou mudar o
número de bolhas ou pétalas, se você quiser chamar isso E então eu
vou seguir em frente e converter isso em uma curva. Não preciso fazer nenhuma
outra alteração nele. Acho que o que também vou
fazer é comandar J para
duplicar isso e alterar a duplicata para essa cor
esbranquiçada E vou usar minha
ferramenta de movimentação para ampliar isso. Tudo bem. E então eu também
quero adicionar um meio aqui, então vou pegar minha
elipse e encontrar o E acho que vou fazer
essa operação laranja. Certifique-se de desmarcar
a última forma. Vou trocar minha laranja recheada. Mantenha pressionada a
tecla de comando e simplesmente arraste para cima. E eu quero adicionar um
traço pontilhado ao redor disso. Então,
vou usar o traço e acho que vou
torná-lo dessa cor marrom acinzentada escura . Eu quero um pouco de contraste aqui.
Tudo é meio leve. Então, vou para minhas configurações de
traçado
e, em baixo estilo, vou
alterá-las para o estilo traço de leão E então eu vou trazer essas
caixinhas aqui embaixo. A primeira coisa que quero
fazer é garantir que minha tampa esteja ajustada para uma tampa redonda. É assim que eu vou
pegar os pontos. Agora, você pode ver que eles
têm mais formato de pílula aqui. E isso é porque essa caixa
aqui está configurada para um. Se eu clicar e arrastar
até zero, vai ficar arredondado. Essa caixa em particular
mudará o espaçamento entre elas, então vou manter
isso em cerca de uma E acho que vou fazer
isso um
pouco , talvez 6,5 pontos E vou clicar
em Dimensionar com
objeto apenas para
ter certeza de que, se eu
aumentar ou diminuir isso por qualquer motivo, isso
não mudará isso. Na verdade, quero ter certeza de
fazer isso com todos os meus golpes Então, vou selecioná-los
e alterá-los. Tudo bem, estou pensando em
adicionar um pouco de
algo a essas folhas Acho que o tamanho pode ser bom. Deixe-me ver o que acontece se eu os reduzir com apenas um toque. O que eu quero fazer é comandar
J e duplicá-las, e vou até
minhas amostras e alterarei
o traçado dessas
duplicatas para esbranquiçado o traçado dessas
duplicatas para Vou voltar ao meu painel de traços e vou criar um
centro para essas formas de folhas. E basta trazê-lo para
lá. Agora, você pode ver que minha haste
está em cima dela. Então, eu quero ter certeza de que
isso está por baixo. Então é isso. Isso é o que vou criar como minha forma. Então, vou
agrupar tudo aqui, fazer um comando G e estou pronto para
começar a colocar isso lado a lado Então, isso vai
funcionar exatamente da mesma forma que funcionou na primeira aula. Eu tenho uma forma aqui que tem exatamente a mesma
largura que a altura. E nesse caso, é 1.000,
então ele se divide uniformemente na
minha tela de 4.000 pixels Eu tenho minha âncora
colocada no meio, então vou pegar 00
e colocá-la na E depois vou seguir o mesmo processo que
fiz na primeira aula. Vou criar a
primeira linha. Vou pressionar Enter e quero
enviar esses 1.000 pixels
na horizontal. Vou clicar em Duplicar e acabará
sendo quatro cópias Eu criei a primeira linha, e agora preciso de quatro delas
para criar a segunda, e elas vão
se encaixar aqui Então, vou pressionar Enter novamente. Desta vez, quero
ir 500 na horizontal e depois 500 na
descida. Vou clicar em duplicado. E você pode ver
que essas folhas se sobrepõem umas às outras, criando
uma
forma completa Vou clicar em frente e
clicar, e então posso agrupar tudo e
completar o Canvas inteiro. Então, com esse grupo
selecionado, pressionarei Enter. E na vertical, eu quero escolher 1.000. Vou clicar em duplicado. E, novamente, vou adicionar quatro cópias para
completar minha tela. Você quer ter
certeza de
que tem a última peça lá, porque isso completa a flor,
se esse for o desenho que
você está criando E eu vou clicar em OK.
Agora, neste momento, não
tenho nada em
segundo plano. Se eu exportar isso como PNG, acabaria
sendo transparente. Vou seguir em frente e adicionar um retângulo no plano de
fundo aqui Então, eu quero tirar o derrame
. Eu não preciso disso. Vou fazer com que seja
da cor esbranquiçada. E eu vou movê-lo para
baixo. Acho que
também posso fazer
isso um pouco mais tarde, para que não
combine muito com os outros brancos Vou seguir em frente e
escolher minha cor e
sob a luminosidade Eu só vou falar sobre
isso, só um toque. É uma pequena diferença, mas basta que
você veja a diferença. Tudo bem, então esse é
meu padrão final, e estou pronto para testá-lo Então, assim como os outros, vou pegar a prancheta e
adicioná-la aos meus ativos E quando um conjunto estiver pronto, adicionarei outra prancheta e usarei a
ferramenta de gradiente para testá-la Tudo bem, meu ativo está pronto. Eu tenho uma nova prancha de arte. Vou clicar para
ter certeza de que está selecionado. E com minha ferramenta de gradiente, vou
clicar nesse ativo Mova-se para que você possa ver. E vou reduzir a escala e garantir que não haja problemas. Não estou vendo nenhum problema, não
estou vendo nada cortado. E eu vou
aumentar a escala e ver como fica. Eu gosto de como isso parece. Então, eu vou dizer que isso está concluído. E neste momento, estou pronto para
exportar meu bloco original. No próximo vídeo, encerraremos
a aula com algumas
considerações finais. Te vejo lá.
6. Considerações finais: Estamos no final da aula e agradeço por confiar mim com seu tempo
e criatividade Espero que você tenha gostado
desta edição
da série Pattern Tool Kit e tenha se divertido criando
seus próprios designs OG Eu adoraria ouvir sua
opinião sobre a aula. Portanto, considere deixar
seu comentário, pois ele me permite saber o que estou fazendo bem e onde
posso precisar melhorar. E deixar uma avaliação e
compartilhar seu projeto não só ajuda os futuros alunos ver
o que eles verão quando
assistirem à aula, mas também ajuda mais alunos a
encontrarem a turma. Se você compartilhar seu
projeto no Instagram, não se esqueça de me marcar
na alça da tela. Além do meu canal
Skillshare, também
tenho um canal no YouTube, onde compartilho tutoriais
curtos que complementam meu Você pode encontrar o link para ele no meu perfil e no
guia fornecido com a aula. Falando do meu perfil, tenho muitas aulas em
andamento aqui no Skillshare, incluindo muitas outras na série de kits de ferramentas de
padrões Então, se você ainda não está, se esqueça de clicar no
botão Seguir no meu perfil, para que você esteja sempre informado sobre o que está
por vir e quando novas
aulas serão publicadas. Por fim, convido você a se juntar à minha comunidade gratuita para
criadores digitais, a criadora Cage Somos um grupo de criativos
de todos os níveis de habilidade com experiência em uma ampla
variedade de aplicativos digitais Você pode fazer perguntas,
compartilhar seu trabalho, aprender novas dicas
ou compartilhar
as suas em um ambiente amigável e sem
julgamentos Você pode descobrir
mais no link no perfil
M ou no Guia da turma. Se você tiver alguma dúvida sobre o que aprendeu
nesta aula, não
hesite em
entrar em contato comigo, seja na discussão abaixo
ou no e-mail fornecido. Novamente, muito obrigado por se juntar
a mim aqui na aula e ter sido feliz em criar.