Transcrições
1. Design gráfico para almoço como trabalhar com simetria Introdução: Olá, sou Helen Bradley. Bem-vindo a este episódio de design gráfico para design de almoço com simetria no Adobe Illustrator. Design gráfico para almoço é uma série de aulas que ensina uma variedade de dicas e técnicas para criar designs e trabalhar em aplicativos como Illustrator, Photoshop e Procreate. Hoje estamos olhando para trabalhar com simetria no Illustrator. Vamos criar formas usando objetos simétricos. Você aprenderá a fazer metade de um objeto e, em seguida, criá-lo como um objeto simétrico. Também veremos alguma simetria de reflexão que podemos criar como um efeito ao vivo. Vamos olhar para simetria de duas vias e simetria de quatro vias também. No final desta classe, você deve ser capaz de criar objetos simétricos com facilidade no Illustrator. Agora, enquanto você está assistindo a esses vídeos, você verá um aviso que pergunta se você recomendaria esta classe para outras pessoas. Por favor, se está gostando da aula, faça duas coisas para mim. Em primeiro lugar, responda sim que você recomendaria esta aula, e em segundo lugar, escreva mesmo em apenas algumas palavras, por que você está curtindo a aula. Essas recomendações ajudam outros alunos a dizer que esta é uma aula que eles também podem desfrutar e aprender. Agora, se você vir o link a seguir na tela, clique nele para se manter atualizado com as novas classes conforme elas são lançadas. Agora, se você quiser me deixar um comentário ou uma pergunta, por favor, faça isso, eu leio e respondo a todos os seus comentários e perguntas, e eu olho e respondo a todos os seus projetos de classe. Agora vamos começar a trabalhar com simetria no Illustrator.
2. Pt 1 Desenhe uma forma simétrica: Vamos começar nosso olhar sobre a criação de objetos simétricos criando uma forma de coração aqui no Illustrator. Eu tenho um documento de 1920 por 1080 pixels de tamanho, mas realmente não importa o tamanho do seu documento. Vamos desenhar isso usando a ferramenta caneta e este é um exercício muito bom para aprender a usar a ferramenta caneta. Agora, eu quero aplicar um Traçado, mas sem Preenchimento, vou direcionar o Preenchimento e desativá-lo,
e tudo o que estamos trabalhando é com um traço. Agora, para o meu coração, vou começar no meio do coração. Nós vamos apenas tirar metade dele,
e, em seguida, invertê-lo no entanto para criar a segunda metade. Vou clicar e arrastar porque eu queria decolar nesta direção aqui. É melhor não colocar pontos em uma curva, então não colocá-lo no topo da curva, por mais tentador que possa ser. Eu tento melhor colocá-lo do outro lado da curva. Eu vou clicar e arrastar para baixo, para que eu
possa fazer esta curva forma. Então eu vou descer aqui para a base, e eu quero dar um pouco de torção para que isso é o que eu vou fazer. Eu vou clicar, e arrastar um pouco para fora. Há uma pequena reviravolta no fundo do meu coração. Agora eu terminei de desenhar, mas o elástico ainda está ligado a isso. Eu só vou pressionar a tecla “Escape”, e isso termina o desenho. Para que possamos virar isso e fazer uma única forma simétrica preenchida, preciso ter certeza de que este ponto aqui e este ponto aqui estão na mesma linha vertical. Eles não são. Eu fiz isso deliberadamente para que eles não estivessem para que pudéssemos falar sobre como vamos consertar isso. Vamos para a Ferramenta Seleção Direta, e eu vou selecionar esses dois pontos. Você pode ver que eles são preenchimento azul. Este é oco. A ferramenta que podemos usar para alinhar esses dois é a ferramenta média. Vamos escolher Objeto e, em seguida, Caminho e, em seguida, Média. Podemos medir horizontalmente, verticalmente ou ambos. O que queremos fazer, é alinhar esses dois pontos para que eles estejam na mesma linha vertical, e se você falar com você mesmo nesses termos, eu quero que esses dois pontos sejam alinhados à mesma linha vertical, então isso diz você que você deseja selecionar vertical. O que vai acontecer é que o posicionamento vertical vai ser ajustado para uma média dos dois. Este vai vir nesta direção, este vai vir nesta direção, porque é assim que eles estão fora de alinhamento. Este é muito longe para a direita, este é muito longe para a esquerda. Vou clicar em “Ok”. Agora eles se moveram para que eles estejam no mesmo alinhamento vertical. Agora, antes de escolher o próximo comando, você precisa ter certeza de que você não está ainda em uma posição onde você tem esses dois pontos de ancoragem selecionados
e este é o motivo. Vou escolher Objeto, Transformar e Refletir, e isso vai acontecer. Estamos refletindo os dois pontos selecionados, mas não o que não foi selecionado, e isso não é o que queremos fazer, então eu vou cancelar daqui. Eu vou para a Ferramenta de Seleção, e eu vou certificar-me de que eu apenas clique fora das formas e nada selecionado
e, em seguida, clique sobre ela para ter certeza de que tudo está selecionado. Agora, quando escolho Objeto, Transformar e Refletir, ele se comporta de forma muito diferente. Está refletindo corretamente. Agora eu quero o original que estava apontando na outra direção, bem como este, então eu vou apenas clicar em “Copiar”. Agora eu tenho duas formas que quando eu movê-los e posicioná-los, eu vou fazer uma única forma. Agora, eu vou assumir que é um pouco difícil para você colocar isso em alinhamento exato. Vamos falar sobre como vamos alinhá-los. Novamente com a Ferramenta de Seleção, selecione no entanto ambas as metades. Precisamos ter certeza de que eles estão alinhados horizontalmente, mas também que esses dois pontos de ancoragem estão diretamente em cima um do outro. Vamos para as ferramentas Alinhar, e você pode chegar a elas também escolhendo Janela e, em seguida, Alinhar. Vamos abrir o menu de submenu e escolher Mostrar opções. Nesta fase, eu quero alinhá-los para que o meio de cada forma esteja no mesmo plano. Este seria no Vertical Align Center e que apenas realinhá-los para que os topos e os fundos e os centros sejam todos alinhamento imperfeito. Agora, eu acho que esses pontos de ancoragem estão acima um
do outro, mas se eles não estão ou se você precisa verificar duas vezes, é
assim que você vai fazer isso. Você clicará aqui em “Alinhar ao Objeto Chave”, e uma ou outra dessas formas de meio coração será selecionada, e não importa qual delas, e você pode invertê-la selecionando a que você quiser que ela comece. Não importa qual destes neste caso está selecionado. O que queremos fazer é definir o valor Distribuir espaçamento como 0 pixels. Em outras palavras, queremos espaçar essas duas peças uniformemente com 0 espaço entre elas. Vamos clicar aqui em “Horizontal Distribuir Espaço”. Agora, o objeto chave avalia para ilustrar que quando você estiver fazendo esse ajuste, se você precisar mover uma dessas formas, não mova a que é o objeto chave, a azul realçada. Você pode mover este, mas não este. No nosso caso, não importava. Em outros casos, isso pode importar, e é assim que você vai usar as ferramentas Alinhar. Agora temos ambas as formas criadas e alinhadas perfeitamente. Podemos selecionar sobre eles e juntá-los para fazer uma única forma, Objeto, Caminho, Junte-se. Se formos para a última parte, vamos dizer que agora em vez de duas partes individuais, temos apenas uma parte, que é esta forma de coração preenchida, e podemos preenchê-lo com uma cor muito facilmente por apenas selecionando uma cor no Seletor de Cores. Vamos selecionar isso agora mesmo. No próximo vídeo, vamos olhar e ver como podemos editar uma forma assimétrica,
mantendo a forma simétrica conforme editamos.
3. Edite uma forma simétrica: Agora que desenhamos nosso objeto básico, vamos dar uma olhada e dizer como podemos editá-lo. Agora, em termos práticos, em algum momento você poderia dizer, bem, seria melhor desenhar isso desde o início. Mas o que eu quero mostrar aqui são algumas técnicas para editar um objeto simétrico que irá ampliar seu conhecimento de ilustrador e irá ajudá-lo talvez em outros projetos em outros momentos, simetria ou de outra forma. Vamos abordar esta tarefa nessa base. O que temos aqui nesta forma é que temos um número de pontos de ancoragem, temos um ponto de ancoragem aqui, um aqui, e um aqui, e um aqui. Agora, se eu quisesse ajustar este ponto de ancoragem, quando eu selecionar sobre ele, você vai dizer que ele tem duas alças nele. Mas essas alças não estão juntas, então elas não vão se mover juntas. Mas há uma maneira que poderíamos impor alças para se moverem juntas e você poderia fazer isso com outros pontos que têm alças que não estão mais presas juntas. O que você vai fazer é apenas selecionar este ponto com a ferramenta de seleção direta para que apenas ele seja destacado, os outros são todos vazios dizendo que eles não estão destacados. Vamos para a ferramenta de escala aqui e quando eu clicar
na ferramenta de escala e agora ajustar esta mão ou uma delas, você pode dizer que ambas as alças estão se ajustando juntas. Quando eu puxo um para fora, o outro está puxando para fora também. Nós somos capazes de ajustar este ponto aqui usando essa técnica. Nós também podemos ajustar esses dois pontos e ele vai arrastar por lá e ver se eu posso pegar esses dois pontos aqui, que eu posso ir para a ferramenta de escala e agora se
eu ajustar um deles, eu vou ajustar ambos. Usando essa ferramenta de escala, posso remodelar minha forma e ela mantém esse comportamento simétrico. Agora há outra maneira que você pode censurar reformular essas formas simétricas. Vou para a ferramenta de seleção direta. Eu vou mirar este ponto de ancoragem e eu vou apenas remodelar apenas este ponto de ancoragem e eu vou remodelar também este ponto de âncora em particular. Efetivamente, estou destruindo um lado do coração, este lado não é mais válido. Este lado é o lado que eu quero, mas eu tenho a minha forma completa. O que eu vou fazer é virar o preenchimento e traço que
não teve traços e agora ele tem um preenchimento e eu vou colorir. Eu só vou colorir laranja e agora eu
vou virar como estávamos lançando anteriormente, transformar
objeto e eu vou escolher refletir. Eu vou refletir sobre si mesma verticalmente. Eu vou fazer uma cópia, então eu vou clicar em Copiar e eu vou recolorir a cópia então eu tenho duas formas, uma é laranja e outra é verde. Agora eles estão fora do centro agora eles não estão alinhados perfeitamente. Há uma maneira de fazermos isso muito facilmente no Illustrator. Vou ampliar aqui e entrar na visão de contorno. Vou escolher Exibir e, em seguida, Contorno. É apenas uma maneira muito fácil de dizer suas formas sem nada mais no caminho. Vou até a ferramenta Seleção. Eu só vou arrastar uma dessas formas para
cima do outro e você verá que as
âncoras para o meio na superior e o meio na parte inferior agora estão perfeitamente alinhadas. Vou escolher Ver e voltar à pré-visualização. Agora, dependendo do que você disser neste momento, você pode fazer uma de duas coisas. Deixe-me apenas reverter, colocar duas formas. Agora a forma laranja no lado esquerdo aqui é o que nós gostamos. Eu só estou indo por aqui e vendo se há algum verde aparecendo. Agora há um pouco de verde. Isso me diz que eu não poderia unir essas formas se eu não visse nenhum verde e tudo, eu poderia dizer, “Ok, bem, esta é a forma que eu quero e então eu poderia selecionar qualquer um destes e eu poderia uni-los.” Indo para a paleta Pathfinder, eu iria clicar em Unir, e isso faria uma forma. Mas tem um pouco de verde e não era o que eu queria, só vou desfazer isso. Mas há uma maneira de extrair apenas os pedaços que queremos. Queremos este pedaço de laranja e queremos este pedaço de verde, mas não queremos este pedaço. O que eu vou fazer é selecionar o sobre a forma e em vez de usar unir, eu vou usar dividir e então eu vou
desagrupá-lo porque eu sei que tudo está em grupos aqui, então eu vou escolher objeto desagrupar até desagrupar é não mais uma opção e então eu vou escolher os lugares que eu não quero. Eu não quero este pedaço verde aqui, então eu estou apenas removendo. Eu quero este pedaço verde aqui, e eu quero este pedaço verde aqui, mas eu não quero o pedaço de laranja correspondente aqui, então eu vou remover isso. Eu me livrei dos pedaços que eram excesso para o design básico que eu quero. Um deve ser verde, outro deve ser laranja. Agora, eu tenho todos os lugares que eu quero e eu posso apenas ir em frente e uni-los em uma única forma editada. Se você está fazendo sua forma muito maior, se todo esse lado fosse feito muito
maior do que você poderia simplesmente virar sua forma sobre a linha vertical, tudo para cima e ir e uní-lo. Mas onde você tem bits maiores e bits que tem um pouco menor então você pode usar a opção de divisão, apenas certifique-se de que qualquer coisa que você tirar deste lado, você também removido deste lado, ele vai ser a cor oposta. Então pegue tudo o resto e apenas uni-los e você tem uma única forma e é uma forma simétrica. É simétrico porque foi assim que fizemos. Agora, como eu disse, provavelmente seria muito mais fácil redesenhar este coração desde o início. Mas ao olhar para uma maneira alternativa de fazer isso, aprendemos muitas técnicas
apropriadas para todos os projetos no Illustrator.
4. Simetria Pt 3 com um efeito ao vivo: Se tudo o que você quer fazer é criar algo como a forma do coração, uma forma fechada que é simétrica, mas algo que é bastante simples, então há outra maneira de fazê-lo. Vamos guardar isso agora. Eu estou indo para a ferramenta caneta, eu vou novamente criar esta forma de coração. Eu vou alinhar este ponto mais baixo desta vez usando um guias inteligentes, sobre os guias inteligentes habilitados e eu estou apenas pairando até eu ver essa linha que está indicando que eu estou imediatamente abaixo deste ponto e aqueles dois pontos devem estar na mesma vertical e basta clicar uma vez, Vou pressionar escape, agora vamos selecionar a forma e você vai ver que é uma forma preenchida agora. Eu não quero que ele tenha um preenchimento, eu só quero que ele tenha um derrame. É mais fácil colocar o preenchimento mais tarde do que é agora. É melhor trabalhar apenas com uma única linha. Agora o que vamos fazer com isso é refleti-lo através deste eixo aqui, e vamos fazer isso com um efeito ao vivo, “Efeito”, “Distorcer” e “Transformar” e depois “Transformar”. Vou ativar a pré-visualização e quero refleti-la através deste ponto aqui,
então, a partir dessas nove caixas, vou selecionar a do meio no lado direito, e esse será o meu ponto de reflexão. Vou reflectir através do eixo X e isso dá-me a forma do meu coração. Você vai ver que este lado do coração é azul e este lado é preto e nós tivemos preto como nosso golpe. O que isso nos diz é que agora só
temos metade de um coração visível porque ele vai virar. Se queremos o coração inteiro, vamos precisar de uma cópia extra. Temos um original aqui mais uma cópia, e eu vou clicar em “OK”. Agora, na cara,
parece que isto é uma forma de coração e se olharmos no último painel também parece que é uma forma de coração, aqui está um caminho e parece um coração, mas não é. O que é, é metade de um coração que tem um reflexo aplicado a ele porque Y nos mantém selecionados no painel de aparência aqui para esta forma. Eu posso desligar a transformação e você pode dizer que isso é apenas um efeito, não
é realmente metade do nosso coração. Se quisermos tirar o nosso meio coração e juntar isto para fazer uma forma completa, vamos precisar expandir isso. Mas é claro que antes de fazermos isso, se quisermos fazer alguma mudança nesse coração ou sempre devemos fazê-lo. Estou usando a ferramenta de seleção direta e posso entrar e alterar o lado esquerdo do coração. Não podemos alterar o lado direito do coração porque o lado direito do coração é apenas um reflexo. É um reflexo do lado esquerdo, então qualquer alteração tem que ser feita no lado esquerdo ali imediatamente espelhada aqui para a direita. Agora eu tenho uma forma que eu estou feliz com Vou selecionar sobre ele para criar a segunda metade do coração, então é mais do que apenas uma transformação. Precisamos expandir essas formas com as formas objeto
selecionado e, em seguida, Expandir Aparência. Agora este é o ponto em que foi sábio ter uma forma não preenchida, porque como resultado, nós temos apenas dois meios-corações, caso contrário teríamos algumas formas preenchidas também, então teríamos uma linha e um preenchimento e é apenas vai ser uma bagunça extremamente grande. Como estamos agora, vamos começar a desagrupar esses objetos [inaudível] e depois desagrupar e desagrupar novamente, então agora temos caminhos e quando selecionamos em um caminho você pode ver que isso é apenas uma linha de traçado, então não é como se tivéssemos um caminho preenchido aqui é apenas uma linha de traço. Vamos selecionar ambas as peças e queremos juntá-las, escolheremos o caminho do objeto e juntaremos. Eles agora podem ser unidos e desta vez temos uma forma de coração cheio. Não é mais uma forma transformada, não
há transformação nesta forma aqui e no painel de aparência, é apenas uma forma de traçado preto, e a partir daqui podemos ir em frente e aplicar um traçado de cor diferente a ela, para exemplo, podemos ajustar o peso do traçado e podemos aplicar um preenchimento diferente a ele também. Agora aqui estamos vendo alguns problemas com as junções,
os problemas com as junções são a ver com as configurações de traçado, então vamos para o traçado e poderíamos selecionar um tipo diferente de tampa, por exemplo, uma tampa redonda. Poderíamos também selecionar diferentes tipos de cantos que podem ou não nos dar melhor resultado,
bem, obviamente, isso está nos dando um resultado muito mais bonito.
5. Formas refletidas de vida mais complexas: Como um aluno de Compartilhamento de Habilidades, você pode estar ciente de uma aula que eu lancei recentemente chamada Elegante Doodles To Make & Sell. Alguns dos rabiscos que criamos nesta classe tinham simetria embutida neles. Mas nós os desenhamos como formas individuais e apenas alinhamos tudo em vez de realmente criá-los simetricamente. Vamos voltar a este tipo de forma e vamos ver como poderíamos criá-lo como uma forma simétrica em ilustrado usando as técnicas que já desenvolvemos. Eu vou para a “Ferramenta Lápis” porque as formas que tínhamos desenhado com uma ferramenta de lápis, eu só tenho um documento normal criado aqui. Não importa o tamanho do seu documento. Importa que sua ferramenta de lápis seja bastante suave, então você deseja clicar duas vezes na “Ferramenta de lápis” e apenas certifique-se de que a configuração é suave. Eu não quero que ele tenha um preenchimento, então eu vou desligar o “Preencher” para que minha forma tenha apenas um traço. Vamos desenhar uma forma encaracolada simples. Estou apenas desenhando metade da forma porque a outra metade pode ser criada usando o “Efeito de transformação”. Então, com ela selecionada, escolho “Efeito” e depois “Distorcer e Transformar”, e depois “Transformar”. Vou ligar “Preview”. Nós já sabemos que precisamos de uma cópia mais o original. Vamos refletir sobre este ponto aqui. Vamos selecionar o meio dessas nove caixas no lado direito e usar “Refletir X” para que as formas sejam refletidas no eixo x e clique em “OK”. Agora, as formas são vivas e simétricas. Se você vir algo que você acha que precisa de alteração, você pode simplesmente alterar a forma do lado esquerdo e o lado direito será atualizado imediatamente. Agora que temos essa forma, vamos dar uma olhada em desenhar uma forma de coração. Eu vou para a “Caneta Ferramenta”, eu vou localizar este ponto médio aqui só para tornar a vida um pouco mais fácil para mim e vamos desenhar esta forma metade do coração. Agora você pode estar um pouco surpreso com o que aconteceu aqui porque esta forma meio coração refletiu exatamente da mesma forma que a forma anterior. Agora, ele pode não fazer isso em seu computador, o que pode adicionar alguma confusão adicional ao assunto. Vamos dar uma olhada e dizer o que está acontecendo aqui. Estou apenas voltando para as configurações padrão aqui. Estou clicando neste ícone aqui para configurar os padrões. Eu vou desenhar um retângulo, forma quadrada
simples e eu vou formatá-lo com um traço azul e eu vou acabar
o traço de um jeito bastante e vamos dar-lhe um preenchimento de cor diferente. Agora, se eu for em frente e criar uma forma oval, você vai dizer que ela herda exatamente a
mesma aparência que a forma anterior e é a aparência que ela está herdando, não apenas essas cores aqui, mas qualquer coisa que foi no painel de aparência. Foi o que aconteceu aqui. Esta forma de meio coração aqui herdou a transformação que esta forma tem, mas é uma transformação totalmente separada. Cada uma dessas duas formas recebeu uma transformação separada que é totalmente removível. Vamos voltar tendo selecionado essas formas e desenhar um círculo. Vou colocar um pequeno círculo aqui. Você pode dizer que também herdou esse efeito de transformação. É que o efeito de transformação desta vez não
funcionou nem perto como queríamos. O ponto de reflexão é através do centro destes dois círculos, não por aqui. Só vai funcionar se movermos este círculo em algum lugar sobre esta linha aqui. Está alinhado com esta linha de simetria com a qual estávamos trabalhando. Em qualquer outro lugar, ele só vai quebrar e não vai parecer certo. Vamos dar uma olhada e dizer como podemos fazer com que pareça certo. Sabemos que essas formas têm um reflexo sobre ele e essas formas têm um reflexo sobre, e assim para este. Mas sabemos algo sobre grupos no Illustrator e sabemos que, se você agrupar um grupo de objetos, eles podem ser tratados como um único objeto. Vamos para todas essas formas por sua vez, e vamos remover a transformação delas. Desta vez vamos selecionar estes três moldados e agrupá-los com “Objeto” e depois “Grupo”. Agora, podemos pegar nosso grupo, vamos para o último painel que eu pareço ter perdido. Deixe-me pegar meu painel de camadas de volta. Eu vou para o grupo aqui. Vou me certificar de que o próprio grupo é selecionado e vamos tentar refletir isso. “ Efeito”, “Distorcer e Transformar” e depois “Transformar”. Vamos ativar “Pré-visualização”, vamos refleti-lo através deste eixo aqui, que é o lado direito da combinação de objetos. Vamos escolher “Reflect X”, e vamos fazer uma cópia e clicar em “OK” e desta vez temos mais do reflexo que esperávamos obter. Cada uma dessas formas foi refletida como parte de um grupo de formas. Agora podemos alterar as formas indo para a “Ferramenta de Seleção de Grupo”. Eu estou pensando que eu quero separar essas duas formas um pouco. Deixe-me ir e mirar este caminho em particular. Com ele direcionado, vou agora clicar em “Ferramentas de Seleção”. Eu o tenho selecionado e se eu agora movê-lo para fora do caminho um pouco para a esquerda, o elemento correspondente à direita também está se movendo para fora do caminho. Agora isso vai funcionar até certo ponto e depois vai cair e queimar. Vai funcionar onde eu mover as coisas deixando esta forma aqui ao longo da linha para segurar o lado direito. Mas se eu mover esta forma para cá, vou perder o meu coração. Deixa-me mostrar-te o que vai acontecer aqui. Você pode dizer que quando eu mover a forma para a direita, o coração está quebrando. Ele funcionará quando eu mover a forma para a esquerda, mas falhará quando eu mover a forma para a direita. Mas é uma solução potencial e é uma maneira de obter
um objeto de estilo simétrico no Illustrator e desde que não perturbem essa linha do meio aqui, esses objetos aqui e aqui são totalmente editáveis e podemos adicionar objetos adicionais Aqui. Eu só vou arrastar um pequeno círculo aqui. Você pode ver que está indo acima do grupo, mas podemos colocá-lo no grupo em apenas um minuto. Deixe-me encher com preto. Eu vou arrastá-lo para baixo para que agora seja parte
do grupo e quando ele é parte do grupo, ele se reflete. Agora eu poderia movê-lo para uma posição, por exemplo, eu poderia querer que ele estivesse aqui e então eu poderia “Alt” ou “Option Drag” uma duplicata de distância. Se você assistir a essa classe anterior, você saberá que quando você “Alt” ou “Option Drag” uma forma longe do original para criar uma duplicata se estiver dentro de um grupo, a duplicata estará dentro do grupo. Isso realmente vai funcionar muito bem para nós aqui porque isso nos
permite fazer duplicatas dessa forma e cada um deles vai ser perfeitamente refletido porque ele está sentado dentro do grupo. Se criarmos uma forma fora do grupo, vamos fazer uma pequena estrela. Eu só vou fazer isso como um esboço. Você pode dizer que porque ele apareceu fora do grupo, não
está sendo refletido. Mas podemos facilmente colocá-lo dentro do grupo apenas arrastando-o para cá. Se você estiver criando este efeito, você provavelmente vai querer ter seu painel de camadas visível porque você vai querer ser capaz de dizer o que você está fazendo como você está fazendo e também estar ciente de que há uma tentação quando você vai e seleciona algo com a “Ferramenta de Seleção” para que tudo seja selecionado. E se você realmente quer apenas selecionar um elemento dentro do grupo, você vai precisar da ferramenta de seleção de grupo. Clique na “Ferramenta de Seleção de Grupo”, clique para desmarcar tudo e agora você pode entrar aqui e apenas selecionar um objeto dentro de um grupo. Vou selecionar e apagar este. Com algumas reservas quanto ao posicionamento, em outras palavras, você quer algo para manter a linha entre esses objetos e você não quer mover nada de volta através dessa linha uma vez que você criou este aqui. Então você poderia criar objetos que são simétricos. Agora, uma vez que você criou esses objetos, você pode querer extraí-los em linhas individuais e para fazer isso, você precisará selecionar seu grupo e, em seguida, expandir o conteúdo com “Object Expandir Aparência”. Então você vai acabar com dois grupos, cada um dos quais contém metade dos objetos que vão juntos para criar esse design. Tendo feito isso, tendo expandido sua forma, você provavelmente vai querer desagrupar tudo com “Object Ungroup” e continuar fazendo isso até desagrupar não é mais uma opção e que
lhe dará todos os formas expandidas se você quiser. Neste ponto, você poderia ir para suas duas formas de coração. Você pode dizer aqui está um deles, e aqui está a outra metade da metade, eu vou “Shift + click” sobre ele e nós poderíamos juntar aqueles com “Object Path” e depois “Join”. As outras formas não precisam ser unidas porque são apenas linhas e pontos. Mas você pode querer juntar a forma do seu coração porque é algo que logicamente seria uma forma fechada.
6. Pt 5 Converter o design em um vetor vendido: Desde que fiz o último vídeo, eu fui em frente e coloquei esses elementos. Eu também suavizei esta linha um pouco. Agora estamos em posição de dar uma olhada no que vamos fazer com essa forma? Há duas maneiras de irmos aqui. A primeira é se você vai entregá-la como uma imagem bitmap como um JPEG, por exemplo, ou uma imagem PNG com alguma transparência, então agora você não precisa fazer nada exceto que se você queria colocar um traço em torno deste coração, o que eu quero fazer, você faria isso agora. Porque se você está enviando como um PNG ou um JPEG, então você quer que o traço esteja em torno do coração
neste momento porque você não pode adicioná-lo mais tarde. Eu só vou fazer um final circular para que ele tenha um bom olhar para ele. Se isso fosse sair como um PNG ou como um JPEG, você poderia ir em frente e escolher Arquivo e depois Exportar e salvar para Web Legacy, por exemplo. Você pode enviá-lo como um JPEG apenas selecionando JPEG aqui em cima, e se você queria PNG com transparência, então você poderia, por exemplo, selecionar PNG 24 e isso será salvo em seguida como uma imagem transparente. Você pode ver que você não está vendo nenhuma estrutura subjacente
do arquivo vetorial porque ele está saindo como um bitmap. Agora, se você planeja entregá-lo a alguém como um vetor, então você não pode fazê-lo neste formato. Este não é o formato em que alguém comprando vetores de ações, por exemplo, esperaria que o arquivo
fosse entregue, é um arquivo muito confuso. O que você quer fazer é quebrar todas essas peças para dar a eles algo que parece melhor e que vai ser mais fácil para eles trabalharem. Agora você deve ter notado que o retângulo que está fornecendo as máscaras de recorte para este lado
do documento apareceu de repente na parte superior do documento. Você deve se lembrar que colocamos no fundo. Assim que a usamos para criar a máscara de recorte para a camada, nós a filmamos para a parte inferior do documento. Bem, é movido por si só até o topo do documento. Ele fez isso porque eu salvei o arquivo e depois o reabri. Sempre que salvar e reabrir este arquivo, você descobrirá que a forma da máscara de recorte foi movida para a parte superior do documento. Se você quiser enviá-lo para o fundo, você terá que desbloqueá-lo,
selecioná-lo, escolher Objeto, Organizar, Enviar para Voltar para enviá-lo diretamente para a parte de trás do documento onde ele estava em primeiro lugar e apenas bloqueá-lo para baixo para que ele não se mova. Apenas esteja ciente de que esse é o caso. Se vamos enviar isso como uma imagem vetorial, vamos ter que limpar muito isso. A primeira coisa que eu sugiro que você faça é selecionar tudo e simplesmente expandi-lo. Então, escolhemos Objeto, Expandir Aparência, e o que isso faz é criar duas metades do documento, um lado esquerdo e um lado direito. Porque nós vamos estar fazendo um monte de trabalho para desempacotar estes, na verdade
é mais fácil se livrar do lado direito. Nós só vamos relembrar isso completamente porque assim que tivermos o lado esquerdo limpo, nós sabemos como fazer um lado direito com isso. Nós apenas viramos. Vamos nos concentrar em apenas metade do documento. Você pode dizer que as coisas estão dentro de grupos, dentro de camadas. Bem, ele não tem que estar dentro de uma camada, então nós vamos apenas limpar isso apenas movendo para cima. Aqui está um grupo e o processo de expandir esse design que
tivemos é que tudo apareceu em grupos e há grupos recortes e todos os caminhos de recorte e tudo mais. Tudo é multiplicado por um fator de cerca de três aqui. Nesta fase, o que vamos fazer é encontrar todos
esses grupos de recortes que têm apenas um caminho de recorte neles. Eu só vou desligar isso, você pode ver que são apenas esses dois lugares e desligá-lo não tem impacto no documento. Vou deletar. Vou arrastá-lo para o caixote do lixo e apagar isso. Agora tenho um grupo de recortes. Novamente, eu vou apenas tirar isso do outro grupo para que tudo fique limpo e arrumado. Agora eu tenho um grupo com um grupo de recortes e um caminho de recorte, este lote também pode ir. Só estou fazendo uma grande limpeza. O que eu quero que aconteça é que eu quero ver todos os elementos aqui sem ser cortado porque eu vou cortá-los. Vou usar este caminho de recorte aqui para cortá-los. Mas agora ele está operando como um caminho de corte de camada, então vamos apenas selecionar nada e vamos voltar para a camada superior aqui, e vamos fazer o inverso do que fizemos quando
criamos esta máscara de recorte é que vamos fazer certeza de que nada está selecionado, vamos direcionar a camada superior aqui, ir para o menu suspenso e você deve ver Liberar máscara de recorte. Se você não vir Liberar máscara de recorte, provavelmente
é porque você tem algo selecionado. Isto não está disponível se alguma coisa estiver selecionada, tudo o que você pode ter é esta camada segmentada, mas nada selecionado aqui ou não funcionará. Vamos apenas liberá-lo. Isso, não inesperadamente, acabou de nos mostrar a outra parte
do documento que foi colocada sobre aquela linha de recorte. Isto é perfeito. Isso é exatamente o que queremos. Este caminho de recorte não está mais sublinhado, não está sendo usado como um caminho de recorte, mas é realmente útil para nós porque pode fornecer um guia de corte. Vou movê-lo para o topo Object,
Organize, Traga para a Frente. Porque quando vamos usar a ferramenta de corte, a forma que está no topo vai ser
a forma que é usada para cortar coisas com. Vamos dar uma olhada nisso, só
temos um único grupo aqui. Vou selecionar tudo e vou usar a ferramenta de corte. Vamos ver o que acontece quando usamos a ferramenta de corte para usar esse caminho para cortar tudo abaixo dela. Bem, conseguimos o que queremos, mas não temos muito bem. Verá que esta greve desapareceu do coração. Agora, nós poderíamos pegar essa de volta mais tarde, então isso não é uma quebra de negócio, por exemplo. Mas o problema é que perdemos nossos pedaços encaracolados. Vou desfazer isso com o Controle Z, que seria o Comando Z em um Mac, e vamos ver qual é a causa. Bem, a razão para o desaparecimento da linha foi que ela estava alinhada, então eu acabei de arrastá-la para fora de seu grupo. Não precisava estar em um grupo sozinho. Mas este é um caminho, então é uma linha que você pode ver que é traçada. Como uma linha com pontos de ancoragem ao longo de sua única linha, sempre que você bater nela com a ferramenta de corte aqui, ela simplesmente desaparece. O Illustrator não consegue lidar com isso. Por isso, limpa-o completamente. Se queremos proteger esta linha para que ela não seja excluída, vamos ter que transformá-la de uma linha em uma forma preenchida. Vamos lá e mirar aqui. Vamos escolher Objeto e depois Expandir. Agora, como uma linha, ele tem um traço, mas não tem preenchimento em tudo, então não precisamos expandir o preenchimento porque ele não tem um, vamos expandir apenas o traço, eu vou clicar em “Ok”. Agora está expandido, então não vai ser nocauteado quando usarmos a ferramenta de corte nele. Agora podemos fazer a mesma coisa com este coração. Se quisermos manter esse golpe, você verá que ele é realmente um caminho. Então ele vai ter um conjunto de pontos de ancoragem ao longo dele. Vai ser igual a esta linha, é por isso que está desaparecendo. Se quiséssemos salvar esse também, então podemos direcionar apenas este caminho e podemos expandi-lo Objeto, Expandir exatamente a mesma coisa. Não tem preenchimento porque o preenchimento está aqui em baixo. É uma forma totalmente separada, só tem um derrame. Vamos clicar em “Ok”. Ao fazer isso, transformamos isso também em uma forma preenchida. Então, quando for cortada, vai ser cortada e isso vai ser perfeito. Não vai desaparecer como antes. Vamos voltar e tentar aquela colheita novamente, agora que expandimos as duas formas aqui que eram linhas. Vou selecionar tudo. O caminho de corte é aqui no topo. Tem que estar no topo porque é usado para cortar a forma. Tudo o que está fora desta forma aqui será excluído. Vamos clicar em “Cortar”, e desta vez temos um resultado muito melhor. O coração ainda tem a sua fronteira em torno dele. A linha não desapareceu porque não é mais uma linha, é na verdade uma forma preenchida e tudo o resto ainda está intacto. Vamos dar uma olhada nesse grupo e ver o que temos. É muito importante manter um olho
na paleta Camadas porque ela pode dizer muito sobre seu documento. Ele também pode dar-lhe as ferramentas que você precisa para colocar tudo de volta juntos novamente e para excluir coisas que você realmente simplesmente não precisa. Vamos dar uma olhada nisso, porque este é o caminho ao redor da borda da forma, e não precisamos disso. Vamos nos livrar disso porque não faz parte do nosso projeto. Isto é outra coisa que podemos nos livrar, este é um caminho composto. É um caminho que está em torno de tudo. Também não precisamos disso porque não tem preenchimento nem traço, então vamos arrastar isso para a lata de lixo também. Estamos apenas limpando essa paleta de camadas para garantir que tudo esteja limpo e arrumado e tudo esteja dentro de um único grupo. Quando eu seleciono o grupo, isso é o que vemos. Bem, nós sabemos como fazer isso uma forma refletida porque temos feito isso o tempo todo, Effect, Distorcer e Transformar, Transformar ,
ativar Visualização, queremos uma cópia dela. Queremos que ele seja refletido sobre o eixo x, e queremos refleti-lo sobre esta linha vertical. Então nós vamos apenas clicar aqui no meio, e eu vou clicar em “Ok”. Este é basicamente o nosso design novamente, mas agora estamos trabalhando para criá-lo em um formato que seria entregável. Precisamos expandir isso porque agora isso é apenas um reflexo. Você verá que, no painel de aparência, quando selecionarmos o grupo aqui, ele tem uma transformação nele, então ele está transformando o grupo. Mas precisamos expandir isso. Vamos voltar ao grupo
e escolher Objeto, Expandir Aparência. Agora temos dois grupos, um para cada lado do documento, e dentro desses grupos são apenas as formas que combinam para criar este documento. O que eu faria neste momento é juntar essas coisas, aquelas que estão acima da linha do meio aqui. Eu vou para a ferramenta de seleção de grupos porque tudo está dentro de grupos. Vou precisar fazer isso. Eu vou pegar essa forma rosa, e eu vou Shift, clique sobre essas formas rosa. Tenho estas duas formas cor-de-rosa seleccionadas. Vou ao Pathfinder e unir esses dois. Então eu vou para esta forma vermelha aqui que foi um derrame. É agora estão cheios de forma. Vou clicar nele com a ferramenta de seleção de grupos, Shift, clicar do outro lado para que esteja tudo selecionado, clique em “Unir”, para tornar isso em uma única forma. Vou selecionar sobre estes dois, unir aqueles, selecionar sobre estes dois, unir aqueles. Agora, para arrumar isso, você pode simplesmente deixá-lo como está, ou você pode optar por desagrupá-lo e apenas reagrupá-lo. você pode optar por ir Objeto, Desagrupar até desagrupar não é mais uma opção. Em seguida, com tudo selecionado, basta agrupá-lo para que você tenha um único grupo com todos os objetos nesse grupo que compõem essa forma. Agora, este foi um exemplo muito simples e você provavelmente não
teria todo esse trabalho por algo tão simples como este design. Mas se você tem um design muito mais complexo que você quer desenhar com simetria ao vivo, então isso é o que você faria. Se ele está saindo como um JPEG ou um PNG, basta ignorar tudo isso porque você realmente não precisa dele. Se ele está saindo como vetores, então é assim que você desmontá-lo e colocá-lo novamente juntos novamente. Você tem que ter cuidado com qualquer coisa que tenha um derrame em torno dele e qualquer coisa que seja uma linha, porque você vai querer expandi-los antes de fazer este trabalho para que você não os perca no processo. Agora eu entendo que isso é um pouco complexo e certamente um exagero para esta forma particular. Mas se você estivesse trabalhando com formas que eram muito mais complexas do que isso, que eram formas simétricas, é
assim que você poderia colocá-las de volta como vetores sólidos uma vez que você usou sua configuração de desenho simétrico para realmente criar o design.
7. Simetria de canto Pt 6: Vamos olhar agora para a criação de um elemento simétrico de canto. Neste caso, algo que é vertical será virado para que seja horizontal. Vamos ver como fazemos isso, Eu vou começar com uma linha, Eu vou linha segmento ferramenta. Vou segurar a tecla Shift enquanto arrasto uma linha, agora isso tem um traçado de 10 pixels, sem preenchimento, e da lista de traçados aqui você pode dizer que eu tenho a tampa redonda selecionada, então é apenas herdá-la de algumas outras coisas que eu tenho tem trabalhado neste documento em particular. Eu só vou colocá-lo para mais ou menos onde eu quero que ele esteja. A próxima coisa que vamos criar é uma espiral, eu vou aqui para a ferramenta espiral. Se eu pressionar a letra D, então eu vou redefinir os padrões para a forma, e isso irá garantir que ele tem apenas um padrão padrão. Ir para desligar o site de preenchimento apenas tem um traço. Vou clicar uma vez no documento e minha espiral agora terá um raio de 40 pixels, um decaimento de 80 por cento e 10 segmentos, e tem esse tipo de estilo. Vou clicar em “Ok”. Agora isso é um pouco pequeno, então eu vou selecioná-lo e apenas aumentá-lo. Indo para aumentar um pouco a largura do traçado e, em seguida, aplicar um perfil de pincel a ele, então, a partir desta lista suspensa aqui, vou selecionar um perfil de pincel. Vou selecionar este aqui, agora, está sendo aplicado mais pesado no interior
da forma e mais leve no exterior da forma. Aqui no painel de aparência, podemos ir para traçado e clicar neste botão, e isso irá virar o perfil do pincel, então agora é aplicado de forma diferente a esta forma. Em outras palavras, ao contrário. Agora vou tomar esta forma e vamos colocar onde queremos que seja. Agora, até agora nós obviamente não temos nenhum reflexo, tudo bem, nós vamos começar a reflexão em apenas um minuto. Vou adicionar mais um desses, e vou clicar em “Ok”. Agora, neste caso, vou diminuir a largura do traço, tenho uma forma semelhante aqui. Ele herdou as propriedades do anterior, isso é muito bom, e eu vou colocá-lo em posição. Acho que vou colocar um terceiro aqui. Eu vou fazê-lo no meio do tamanho. Agora eu quero colocar alguns pontos aqui, então eu vou para a elipse, eu vou arrastar para fora uma pequena elipse e eu vou virar os slots de preenchimento e traçado preenchidos, mas ele não tem traçado. Agora eu quero uma série de pontos que eu possa colocar em qualquer um aqui, então eu vou selecionar minha forma aqui, e certificar-me de que o caminho está selecionado, não apenas o traçado. Vou aplicar um efeito de transformação distorcida com efeito distorcer e transformar, e depois transformar. Vou ativar a pré-visualização, eu quero provavelmente mais quatro destes e eu quero que cada um deles seja menor do que da última vez. Colocando aqui 75 por cento como a escala, e vamos começar a movê-los em uma direção vertical. Agora, se você achar que isso não funciona, provavelmente
é porque você tem algo como o acidente vascular cerebral selecionado. Isso já aconteceu comigo antes, e por mais que eu tente fazer ajustes nesse diálogo, nada parece acontecer. Bem, você precisa ter certeza de que o caminho está selecionado, não o traçado que não tem preenchimento nele de qualquer maneira, então eu vou apenas clicar em “Ok”. Agora, este é um efeito de transformação distorcido, então eu posso apenas arrastar a primeira forma para a posição e todos os outros virão com ela. Se eu quiser, eu posso Alt ou Opção Arraste essa forma para esta outra posição, eu vou ampliar aqui porque eu quero iniciá-lo em um tamanho menor. Vou manter a tecla Shift pressionada enquanto a arrasto para baixo para tornar a forma inicial menor. Agora o espaçamento entre essas formas sucessivas é demais, mas com a forma inicial selecionada, posso clicar na opção de transformação aqui
no painel de aparência que me permite editar essa transformação. Neste caso, vou reduzir a quantidade de movimento que coloquei. Parece ter perdido tudo isso, vamos refazer isso. Eu só estou olhando para uma quantidade de movimento que
será uma espécie de combinar com este tipo de olhar. Vou pressionar “Control” ou “Comando zero” para diminuir o zoom, e vou fazer isso uma terceira vez. A mesma coisa aqui, basta diminuir o tamanho do objeto inicial, colocá-lo na posição áspera em que eu quero que ele esteja. Em seguida, com ele selecionado, vá para a sua transformação e apenas reduza a quantidade de movimento vertical que temos. É claro que você deseja que a visualização seja ativada, pois caso contrário, você não poderá ver o que está fazendo. Apenas procurando algo de uma combinação aqui, que parece muito bom, eu vou clicar em “Ok”, eu vou diminuir o zoom de volta. Agora já sabemos algumas das bases do que vamos fazer aqui para obter nossa transformação, a primeira coisa que vamos fazer é colocar tudo o que temos aqui em um grupo. Deixe-me ir e abrir isso na última paleta, eu vou selecionar todas as formas, e eu vou escolher objeto e, em seguida, grupo. Colocá-los dentro de um grupo, significa que agora posso refleti-los para que eu possa ter um de cabeça para baixo posicionado aqui. Com o grupo selecionado, vamos aplicar a transformação, o efeito, distorcer e transformar, e depois transformar. Vou ativar a visualização,
eu quero girar isso em 90 graus, então eu vou digitar 90 graus aqui, então isso vai me dar minha rotação. Mas está na posição errada, e também está virado para o lado errado, então eu vou clicar em refletir X, e isso reflete sobre isso. Você pode ver que temos o começo do que precisamos, aumentando o número de cópias para que tenhamos um original e uma cópia. Agora eu vou começar a movê-lo horizontalmente, eu vou movê-lo para onde eu acho que ele precisa ser para tipo de juntar-se aqui, e então nós vamos ajustar a vertical. Neste caso, estamos indo em uma direção vertical negativa, porque isso está movendo novamente o documento. Você provavelmente descobrirá que os valores de movimento horizontal e vertical serão os mesmos. Se você se mover a 140 pixels horizontalmente, então você estará se movendo a 140 pixels verticalmente, mas em uma direção negativa porque você está subindo. Quando estiver satisfeito com o que está a ver no ecrã, clique em “OK”. Você pode ver que o efeito de distorção e transformação está sendo preso aqui, então o movimento está correto, tudo parece bem, e se você quiser movê-lo para uma posição diferente no canto, você pode fazê-lo . qualquer momento você poderia expandir esta forma, você poderia ir para o grupo se você está feliz com o que você vê aqui e, em seguida, escolher o objeto,
Expandir aparência e, em seguida, você vai escolher o objeto Desagrupar, até que desagrupar não é mais uma opção. Então, se desejar, você pode selecionar tudo ou simplesmente deixá-los selecionados e escolher o grupo de objetos, e isso lhe dará este elemento de canto como um único grupo dentro do documento. É assim que você pode criar efeitos de canto interessantes desta vez usando um processo reflexivo ligeiramente diferente, mas essas formas ainda são simétricas.
8. Projeto e envolvimento e: Seu projeto para esta classe será criar algo simétrico no Illustrator usando uma ou mais das técnicas que eu mostrei aqui. Agora, para torná-lo um pouco mais fácil para você, se você quiser ser capaz de quebrar as coisas fora
do design mais complicado que nós criamos, eu criei um arquivo PDF com apenas uma lista de instruções e algumas notas de coisas que você deve estar ciente. Você pode encontrar isso na área do projeto da classe e você pode baixá-lo lá. Depois de concluir seu projeto, publique uma imagem dele na área do projeto da classe. Espero que tenha gostado desta aula. Espero que você tenha aprendido coisas sobre o Illustrator que você já não tinha conhecimento. Agora, enquanto você está assistindo a aula, você teria visto um aviso que perguntou se você recomendaria esta aula para outros, por favor, se você gostou da aula, você
faria duas coisas para mim. Em primeiro lugar, responda sim que você recomendaria, e em segundo lugar, escreva mesmo em apenas algumas palavras, por que você está curtindo a aula. Essas recomendações realmente ajudam outros alunos a dizer que esta é uma aula que eles também podem desfrutar e aprender com. Agora, se você vir o link a seguir na tela, clique nele e você será mantido atualizado com minhas novas aulas como eles são lançados. Se você gostaria de me deixar um comentário ou uma pergunta, por favor faça-o. Eu leio e respondo a todos os seus comentários e perguntas, e olho e respondo a todos os seus projetos de classe. Meu nome é Helen Bradley. Muito obrigado por se juntar a mim para este episódio de design gráfico para o almoço. Estou ansioso para vê-lo em um próximo episódio em breve.
Helen Bradley, Graphic Design for Lunch™
