Transcrições
1. Design gráfico para almoço para o almoço de: Olá, sou Helen Bradley. Bem-vindo a este design gráfico para a aula de almoço criando anéis HUD de alta tecnologia no Adobe Illustrator. Design gráfico para almoço é uma série de aulas que ensinam uma variedade de dicas e técnicas para criar designs e trabalhar em aplicativos como Illustrator, Photoshop e Procreate. Hoje estamos criando anéis HUD de alta tecnologia. Estes são anéis que você pode ver em um display head-up, é por isso
que eles chamaram anéis HUD. Ao criar os anéis HUD, vou mostrar-lhe como fazer pincéis que você pode usar para os anéis. Você também vai ver algumas dicas e truques para espaçamento objetos dentro de uma área finita e também como criar alguns efeitos realmente interessantes que eu acho que você vai realmente gostar e que têm muita aplicação em outros projetos também. Agora, enquanto você está assistindo a esses vídeos, você verá um aviso que pergunta se você recomendaria esta aula a outras pessoas. Por favor, se está gostando da aula e aprendendo com ela, faria duas coisas para mim? Em primeiro lugar, responda sim, ao fato de que você recomendaria a aula e, em segundo lugar, escreva apenas algumas palavras sobre por que você está gostando da aula. Essas recomendações ajudam outros alunos a dizer que esta é uma aula da qual eles também podem desfrutar e aprender. Agora, se você quiser me deixar um comentário ou uma pergunta, por favor faça. Eu leio e respondo a todos os seus comentários e perguntas, e olho e respondo a todos os seus projetos de classe. Se você está pronto agora, vamos começar a fazer anéis HUD no Illustrator.
2. Pt 1 - comece o design: Para começar com nossos desenhos, vamos precisar de um novo documento. Eu só vou criar um documento 1920 por 1080 pixels, que é um tamanho de imagem HD, modo de cor RGB. Se você estiver trabalhando com versões anteriores do Illustrator, essa será a aparência do seu diálogo. Os modos de cor RGB serão muito importantes para esses anéis por causa de alguns dos efeitos que estamos criando. Eu quero alguns guias, então eu vou escolher Exibir réguas e, em seguida, mostrar as réguas. Vou arrastar e guiá-lo para esta posição 500 aqui. Posso verificá-lo novamente clicando
neste ponto de referência aqui e apenas certificando-me de que está escrito 500. Se não acontecer, vou fazer com que seja 500. Vou trazer outro guia às 13:00. Mais uma vez, vou certificar-me de que está escrito 1300. Agora, guias no Illustrator são apenas objetos. Vou abrir a última palete aqui, e vou bloquear estes dois guias,
para que eles não possam se mover. Agora vamos criar um retângulo como uma forma inicial. Vou clicar na ferramenta de retângulo. Vou dar-lhe um preenchimento, mas sem derrame, e vou levá-lo de um guia para o outro. Vai ser um retângulo muito estreito. Vamos dar um zoom aqui. Podemos verificar se ele se estende por todo o caminho clicando no retângulo
com a ferramenta de seleção e apenas verificando se o ponto de referência mais à esquerda está em 500. Quando eu clico no ponto de referência mais à direita, é às 13:00. É dimensionado perfeitamente. Enquanto eu estiver aqui, eu só vou arrastar algumas cópias disto para fora do caminho para
que eu as tenha em um minuto e eu não tenha que recriá-las todas as vezes. Vamos pegar este e torná-lo um pouco mais magro. Agora vou adicionar alguns retângulos preenchidos aqui. Vou começar a desenhar alguns retângulos de tamanhos variados. Agora, não muito rápido sobre espaçamento ou tamanho porque estou tentando tornar isso interessante. Eu só vou atravessar todo o caminho por aqui, apenas criando alguns, apenas clicando e arrastando. O que eu preciso ter certeza é que se eu tiver um retângulo aqui sentado nesta borda, que eu não tenho um sentado nesta borda porque caso contrário eles serão unidos mais tarde. O que quer que esteja nesta borda vai se envolver e se juntar aqui. Você tem que estar continuamente olhando para ambas as bordas do seu documento e apenas certificando-se de que tudo está equilibrado e que as coisas não vão acabar ligados um ao outro que você não quer ser anexado um ao outro. Vou selecionar sobre todas essas formas. Vou até o painel de alinhamento e certifique-se mostrar as opções e escolher alinhar à seleção. Eu só vou clicar aqui no topo alinhado vertical porque que alinha os topos de todas essas formas. Agora eu só vou movê-los para cima para que eles estejam apenas acima do topo da linha que eu criei há um minuto. Vamos selecionar tudo aqui. Podemos criar uma única forma com isso abrindo a paleta Pathfinder e clicando em Unir. Se você não vir nenhum desses paletes, você pode escolher Janela e, em seguida, Pathfinder apenas para mostrá-lo. Eu tenho um par de formas iniciais aqui. Vamos no próximo vídeo e vamos
olhar para algumas das opções que temos para criar formas uniformemente espaçadas entre essas linhas de régua.
3. Pt 2 - crie objetos de espaçamento em: Vamos agora dar uma olhada em uma maneira de criar objetos
uniformemente espaçados em todo o caminho de uma dessas linhas de rolo para a outra. Há algumas maneiras de fazê-lo. Vou mostrar-vos os dois. Vamos começar com a ferramenta de elipse. Eu vou arrastar um círculo aqui, e eu vou ter certeza que é um círculo cheio sem derrame. Vou aplicar isso em posição, para que ele se cruze com a linha da régua. Se eu não tiver certeza, eu posso vir aqui e apenas clicar em um
desses pontos de referência mais à esquerda e apenas verificar se o valor x é 500. Isso está alinhado perfeitamente ao nosso guia. Agora acho que quero diminuir um pouco, então vou fazer isso antes de começar. Agora vamos fazer uma Distorção e Transformação. Com as formas selecionadas, escolho Efeito, Distorcer e Transformar e, em seguida, Transformar. Vou ligar a pré-visualização e quero 40 cópias ou 40 destes círculos, que significa que preciso de 39 mais o original. Agora, se eu dividir 40 em 800, que é a distância entre essas duas linhas, vai 20 vezes. Eu só vou digitar 20 pixels aqui, e isso vai criar uma linha
desses pontos que vai de uma das linhas de régua para a outra. Se eu subir para 40, você pode ver que o último aqui está sentado exatamente na mesma posição que o primeiro. Estes vão se alinhar perfeitamente como nosso pincel padrão, mas eu só preciso de 39, então eu vou apenas clicar em Ok. Agora eles estão todos ligados a esta forma aqui. Eu só vou movê-lo um pouco para baixo. Na verdade, acho que vou levar até o topo por enquanto. Neste ponto, eu posso expandi-lo com Objeto, Expandir Aparência. Vou escolher o objeto Desagrupar até que desagrupe não seja mais uma opção. Então eu vou apenas selecionar Grupo. Estes agora são agrupados em um único grupo para todos esses objetos circulares específicos. Essa é uma maneira de criar uma série de objetos que abrangem toda a largura do que será nosso pincel padrão. Mas isso não precisa ser feito matematicamente, então vamos dar uma olhada agora e ver como faríamos isso de uma forma não matemática.
4. Pt 3 - objetos de espaçamento em uniform, outro método: A segunda opção para fazer o efeito de espaçamento é aquela que não depende de nenhuma matemática. Primeiro de tudo, vou fazer um pequeno retângulo aqui. Eu vou aproximar um pouco mais, e eu vou fazer duas cópias adicionais dele segurando a tecla Alt ou Option enquanto eu arrasto duas cópias de distância. Eu quero ter certeza de que estes estão alinhados no topo aqui e que seus centros horizontais são distribuídos uniformemente. Tendo feito isso, eu vou agrupar estes com grupo de objetos. Agora, vou criar um espaçador. Meu espaçador vai ser um retângulo que tem um traço, mas sem preenchimento. Podemos até dar um golpe colorido, se quisermos. Só vou arrastar um retângulo que será o meu espaçador. O espaço entre esses conjuntos de objetos vai ser um pouco mais do que isso, mas eu estou usando isso como um buffer. Vou selecionar sobre todas as formas e escolher Grupo de Objetos. Agora, eu tenho essas três formas agrupadas e, em seguida, esse grupo, agrupado com este. Eles vão todos viajar juntos. Vou alinhá-los para que a vantagem deles aqui seja bem no guia. Novamente, vou checar isso e não está certo, então vou me certificar de que é perfeito. Agora, eu vou diminuir o zoom porque eu preciso ser capaz de
ver a distância total entre esses dois guias. Vou selecionar esta forma e efeito distorcer e transformar e depois transformar. Vou ativar a pré-visualização. Vou definir minhas cópias para duas só para começar. Vou começar a movê-los horizontalmente. Só quero descobrir o espaçamento que vou procurar. O que eu quero é que a borda desta forma vermelha, minha forma espaçadora, seja apenas sobre o próximo grupo de três objetos. Tendo conseguido isso, vou começar a aumentar o número de cópias até conseguir isso. Eu não quero passar do limite aqui, eu quero estar dentro desses limites. Vou clicar em “Ok”. Agora, eu vou expandir essas formas. Selecionarei e escolherei Objeto Expandir Aparência. Na última palete, você verá que temos uma série de grupos aqui. Vamos estourar esses grupos em um nível, então eu escolherei Objeto, Desagrupar. Agora, eu tenho um grupo que é este conjunto de três e este espaçador está lá também. Bem, eu vou fazer mais um assalto, escolher Objeto, Desagrupar. Mas eu quero manter meu conjunto de três formas como um grupo, isso é realmente importante. Eu não desmarquei tudo. Tudo ainda está selecionado neste ponto. Agora, eu vou clicar longe dele e eu vou tomar esta forma aqui, apenas esta forma no final e eu vou movê-lo através para que esteja perfeitamente alinhado aqui com este guia. Aqui eu vou apenas verificar seu ponto mais direito e deve ser às 13:00. Agora, vou selecionar tudo nesta linha. Vou para o painel Alinhar. Vou me certificar de que nas opções aqui está definido para alinhar à seleção. Agora, vou clicar aqui no Centro de Distribuição Horizontal. O que isso faz é pegar cada um desses objetos, esse grupo, essa forma aqui, esse grupo, essa forma aqui, e garante que haja um espaço no forno entre todos eles todo o caminho através do documento. Isso vai significar que estes vão ser perfeitamente espaçados quando viermos para criar o nosso pincel a partir deles. Mas não precisamos mais dessas formas vermelhas porque elas só estavam lá como espaçador. Vou selecionar um deles, mas preciso selecionar todos eles para excluí-los. Eu escolherei, Selecionar, Mesmo preenchimento e traçado. Isso seleciona todas as formas que têm o mesmo preenchimento e traçado. Em outras palavras, todos os nossos espaçadores, e eu vou apenas pressionar delete. Agora, eu tenho grupos de grupos e eu vou apenas selecionar todos eles e apenas colocá-los em um único grupo. Agora, o espaçamento deles vai ser limitado. Eles não vão se mover e eu posso movê-los para uma posição diferente, mas eles não vão mudar de posição em relação um ao outro. Isso significa que eles vão estar perfeitamente espaçados para o meu pincel. Eu vou trazer esta forma aqui agora e dimensioná-la um pouco para baixo. Agora, eu posso pegar meu grupo e movê-lo um pouco mais perto.
5. Pt 4 - adicione mais elementos: Um dos outros elementos que parece muito bom
nestes pincéis é uma forma que tem pedaços cortados fora dele. Então o que eu vou fazer é ir e fazer uma série de pequenos retângulos aqui. Vou certificar-me de que de novo eles estão perfeitamente alinhados. Então este está alinhado. Vou usar efeito distorcer e transformar e depois transformar. Agora com este, eu quero 20 destes através, então isso significa 19 cópias mais o meu original. Se eu dividir 20 em 800, que é o espaço entre esses dois guias, eles vão em 40 vezes. Então eu vou mover este 40 pixels ao longo, e isso é bem espaçado para fora. Se você quiser testá-lo, basta levá-lo mais um e você deve descobrir que esta forma extra é apenas o outro lado deste guia, deve ser empurrado contra ele. Não precisamos disso, então vou parar às 19 e clicar bem. Vou expandir isso e desagrupá-lo, até que desagrupe não seja mais uma opção. Em seguida, vou pegar uma cópia emprestada desta linha. Então eu vou alt, arrastar uma cópia desta linha. Como ele foi criado anteriormente, ele está bem na extremidade inferior do último palete. Ia dimensioná-lo para cima, eu vou movê-lo. Então é apenas sobre essas outras formas, e então eu vou selecionar todas as formas. A partir do diálogo Pathfinder aqui, eu vou clicar menos frente porque isso irá subtrair todas essas formas frontais da parte de trás. Agora eu tenho esse tipo de dentes aqui, então eu vou apenas encolher o tamanho aqui e usar este elemento no meu design. Outra forma que parece muito boa é uma elipse alongada. Eu vou para a ferramenta Elipse e arrastar para fora uma forma alongada. Porque isso será puxado mais para ser um círculo quando ele aparece no lado de fora do pincel padrão em breve. Então vamos colocar isso em posição. Acho que quero que o meu seja um pouco menor e um pouco mais magro aqui. Verificando o quão longe ele precisa ir provavelmente, cerca de oito pixels será perfeito. Se eu estiver usando oito pixels de movimento, e se eu dividir oito em 800, que é o espaço entre essas duas linhas, então eu teria 100. Então, se eu fizer 99 cópias, como ele vai arranhar perfeitamente entre esses dois guias, e eu vou clicar ok. Novamente, eu vou expandir isso, desagrupá-lo até desagrupar não é mais uma opção, e então apenas agrupá-lo apenas para ter certeza de que minha paleta de camadas está ficando realmente, realmente precisa. Agora, os últimos elementos que vou criar serão algumas linhas incompletas. Então eu vou criar algumas linhas muito finas aqui, selecioná-las e fazer duplicatas delas. Eles vão estar espaçados de forma desigual e alinhados de forma desigual também. Mas só para ter a certeza, vou certificar-me de que todos têm exactamente a mesma altura. Então eu vou usar 2,5 pixels para a altura, e isso me permitirá criar algumas formas adicionais, ou pelo menos verificar as formas para ter certeza de que cada uma delas tem a mesma altura. Eu sou capaz de selecionar neles e apenas Alt ou Option Arraste uma duplicata de distância. Para torná-los menores, você pode achar que é mais fácil digitar um valor aqui, do que tentar arrastar sobre eles para torná-los menores. Se você fizer isso, certifique-se de que este ícone aqui está desbloqueado porque você deseja manter a profundidade de 2,5 pixels, mas você pode querer alterar o comprimento da linha. O que eu faria aqui é ir e criar alguns
desses arranjos interessantes de linhas aqui apenas para terminar a forma. Agora, uma vez que eu tenha feito isso, vamos voltar no próximo vídeo e vamos começar a trabalhar na criação do pincel padrão para o nosso anel duro.
6. Pt 5 - aplique o pincel: Estamos praticamente prontos para seguir em frente e criar nosso pincel padrão. Eu só vou mover esta última forma para a posição e apenas torná-la um pouco mais estreita do que é. Eu vou fazer uma verificação final para ter certeza de que tudo está bem alinhado nesta borda e se não estiver, eu vou ter certeza de que ele está alinhado corretamente. Tudo parece bem aqui. Vou selecionar todas as formas e vamos para a paleta de pincéis, clicar no menu “Submenu”, escolher “Novo pincel”
e, em seguida, escolher “Pincel padrão” e “Ok”. Agora você não precisa dos blocos de canto sobre isso,
portanto, se você estiver trabalhando em uma versão anterior do Illustrator que não fornece blocos de canto automáticos, tudo bem. Você não vai usá-los de qualquer maneira. A coisa que vamos mudar aqui é, queremos mudar o método de coloração para matizes, e vamos clicar em “Ok”. Vou testar este pincel para fora neste ponto criando uma elipse. Eu vou segurar a tecla “Shift” como eu faço para que ela seja restrita a um círculo perfeito. Eu vou aplicar a cor ao traçado e não tenho preenchimento nesta forma, e eu vou clicar uma vez no meu pincel. Este é o anel rígido que criamos usando este design básico como nosso pincel padrão, mas isso pode ser alterado. Com o círculo selecionado, eu posso ir para as opções do objeto selecionado aqui, ativar a visualização, e eu posso reduzir o tamanho do pincel e quando eu escolher fazer isso, você vai descobrir que todo o padrão se torna tanto menor e você pode achar que mais interessante. Você também pode usar a opção flip across aqui e se você clicar em “Flip Across”, o que acontece é que o que estava do lado de fora está agora no interior. Você verá que essas linhas estão aqui agora do lado de fora e esses pontos estão no interior. Se eu virar, então o oposto vai acontecer. Estas linhas de traço estão no interior e os pontos estão no exterior, mas isso também significa que você tem dois pincéis pelo preço de um. Vou deixar esta como está e clicar em “Ok”. Vou escolher “Editar”, “Copiar”, “Editar”, “Colar no lugar”, e vou tornar a segunda cópia menor do que a primeira segurando a caixa “Shift” e “Alt” enquanto arrasto as alças para criar uma forma interna menor. Agora, se eu clicar sobre isso e virar, eu vou obter um pincel totalmente invertido na segunda forma. Nós temos um design realmente complexo criado a partir de apenas este design simples e o que nós fizemos é apenas jogá-lo no segundo. Neste ponto, você pode querer ir em frente e criar um ou dois
desses conjuntos de pincéis apenas para que você tenha um pouco de variedade para escolher. Nós vamos voltar no próximo vídeo e ver algumas idéias para juntá-los, e também aprender a fazer uma forma circular realmente interessante que eu sei que você vai realmente gostar.
7. Pt 6 - comece a colocar a imagem: Eu fui em frente e criei um segundo conjunto de objetos para usar como um pincel padrão. Neste caso, eu intercalei alguns pontos cheios com alguns ocos. Eu também uso alguns pontos aqui juntamente com alguns retângulos que têm um traço e nenhum preenchimento. Tudo está esticado e alinhado para esses dois guias, com uma exceção e eu só quero mostrar-lhe o problema aqui. Eu tenho um retângulo aqui que não tem preenchimento, mas tem um derrame. O problema é que o traçado está aparecendo sobre essa linha. Se eu quiser colocar isso na área dentro desses dois guias, eu vou precisar selecionar a forma e ir para o traçado e certificar-se de que o traçado está no interior da forma e não no exterior da forma. Isso vai garantir que ele vai chegar até esta linha muito bem. Porque todas essas outras formas foram criadas usando cópias da forma original, eu vou apenas certificar-me de que todos eles têm seu traço no interior, bem como para que todos eles vão olhar o mesmo. Embora isso vai ser um pouco difícil de dizer sobre estas pequenas formas se eles
não estão corretos porque eles são tão pequenos no arranjo. Mas você quer ter certeza de que eles estão apenas sentados
nesta linha e que os traços não estão sobre a linha. Vou selecionar sobre este conjunto de objetos e fazer um segundo pincel padrão. Vou escolher pincel novo, pincel padrão, OK. Eu não quero a tarefa de canto, porque nós não estamos usando-os de qualquer maneira, mas eu quero que o método de colorização seja matizes e eu vou clicar em OK. Vamos ver como este parece um pincel de padrão. Estou desenhando um círculo e vou aplicar meu pincel nele. Eu estou indo para clicar aqui em Opções de objeto
selecionado e vamos apenas reduzir o tamanho dele. Esta é uma instância do pincel, mas vamos dar uma olhada e ver como ele fica quando ele é virado para o outro lado. Bem, é um pincel totalmente diferente. É apenas realmente interessante como um pincel diferente você pode obter
neste caso apenas jogá-lo através da linha que você tenha dois efeitos muito diferentes aqui, paraque você tenha dois efeitos muito diferentes aqui,
e você só precisa girá-lo para obter o que você quer. Agora, neste ponto, eu posso não querer montar minha imagem final neste documento em particular, mas eu certamente quero salvar esses pincéis. O que eu vou fazer é selecionar Todos os pincéis não utilizados aqui e com eles selecionados, eu vou apenas arrastá-los para a lata de lixo. Agora, eu vou salvar este conjunto de pincel. Eu vou escolher Salvar biblioteca de pincel e eu vou chamar esses anéis hud e eu vou clicar em Salvar. Isso garante que esses pincéis vão agora ser salvos onde eu possa ter acesso a eles no futuro para usar em qualquer documento em tudo. Vamos avançar agora e criar um documento no qual podemos usar essas formas. Vou escolher Arquivo e, em seguida, Novo. Vou criar o mesmo tamanho do documento em que estava trabalhando antes. Novamente, modo de cor RGB. Vou adicionar um retângulo que é o tamanho deste documento. Vai ser preenchido com preto e não vai ter nenhum derrame. A partir das opções do painel de alinhamento, vou certificar-me de que estou alinhado ao quadro de arte desta vez para que eu possa centralizar esta forma na placa de arte. Eu estou indo para o último palete e eu quero bloquear o fundo para que eu não possa chegar a ele de modo que vai impedi-lo de se mover inesperadamente. Agora podemos ir buscar os nossos pincéis. Vou abrir o painel do pincel. Você verá que os pincéis não estão neste painel porque eles não são carregados automaticamente pelo ilustrador, então eu vou clicar no menu Voar para fora,
abrir a biblioteca de pincel, definido pelo usuário e vou selecionar os pincéis de anéis do Hud. Agora eu posso pegar esses dois pincéis e apenas arrastá-los para o painel de pincel e eu posso apenas fechar o painel de anéis de hud porque eu não preciso mais disso. Agora vamos criar um círculo para o nosso primeiro anel de hud. Agora vou dar-lhe um derrame e não preencher, mas o acidente vascular cerebral, eu quero ser branco. Em seguida, a partir do painel de pincel eu vou clicar em um dos meus pincéis de anel Hud. Como definimos o método de coloração do pincel para matizar, o pincel agora está sendo colorido da cor do traçado. Eu posso clicar aqui e eu posso redimensioná-lo se eu quiser e eu também posso girá-lo através. Depende do que eu quero, da aparência do meu pincel. Vou duplicar isso com editar Copiar, editar Colar no lugar. Vou redimensionar esta segurando Shift e Alt, e para este eu vou virar o pincel. Em seguida, eu quero colocar uma forma no meio aqui então eu vou
fazer um segundo quadro de arte só para me permitir criar essa forma. Eu só vou arrastar um segundo quadro de arte
, não precisa ser particularmente grande. Neste quadro de arte vou colocar uma elipse. Eu só vou arrastar uma elipse de tamanho razoável e eu vou dar-lhe um preenchimento preto e nenhum derrame. Em seguida, eu vou usar uma ferramenta para enrugar a borda dela, mas eu não vou usar a ferramenta enrugada, desta vez eu vou usar a ferramenta cristalizada. Com a ferramenta cristalizada selecionada, basta clicar duas vezes na ferramenta para ver quais são as opções. Eu tenho uma largura e uma altura de 100, um ângulo de 0, intensidade de 50%, complexidade 1 e detalhe 2. Temos o tamanho do pincel mostrado, isso é apenas uma configuração padrão salva. O que você vai fazer com este pincel é, você vai sentar dentro desta forma e você vai apenas puxar sobre a borda. À medida que você encosta a borda, coisas interessantes acontecem. Você pode puxar mais ou menos. Você pode repuxar algo se ele não for longe o suficiente na primeira vez, você pode puxá-lo novamente. Se você não gostar do resultado, basta pressionar Control ou Command z para desfazê-lo. O que você está procurando é algo que é uma forma interessante, mas não algo muito complexo porque você vai
ter que tomar essa forma com seu design. Eu tenho uma forma razoável aqui. Eu só vou selecioná-lo e o que eu vou fazer antes de fazer qualquer coisa mais é apenas simplificá-lo um pouco, para me livrar de alguns dos pontos que eu não preciso. Com ela selecionada, escolherei Objeto para Caminho e simplificarei. Um ilustrador vai me dizer quantos pontos eles foram. Bem, no original havia 361 pontos, mas eu posso baixá-lo para 334 e se eu diminuir a precisão da curva, eu posso baixá-lo um pouco mais baixo. Isso é apenas remover um pouco da complexidade para esta forma e sua complexidade que eu realmente não preciso porque esta é apenas uma forma orgânica. Eu só vou enrolar um pouco e clicar em OK. Agora eu quero colocar um círculo no meio dessa forma. Isso vai me ajudar se eu mudar a cor de preenchimento apenas temporariamente. Eu só vou fazer isso como um rosa, eu vou arrastar um círculo e colocá-lo no meio desta forma. Agora, movê-lo como eu estou desenhando mantendo pressionada a barra de espaço porque isso me permite mover a forma enquanto eu estou desenhando. Basicamente, o que eu quero é que esta forma rosa esteja dentro do preto, porque o próximo passo é cortar a forma rosa fora do preto. Eu só vou selecionar sobre tudo ir para
a paleta Pathfinder e eu vou clicar em Menos frente, porque o que vai fazer é tirar a forma rosa do preto. Acabamos com um buraco no meio da nossa forma. Agora podemos ir e preenchê-lo com um pouco de cor e podemos trazê-lo para o nosso design.
8. Pt 7 - pincel para padrão: Agora, no último vídeo, criamos este pequeno elemento interessante para o meio do nosso anel de cubo, mas também podemos criá-lo como um pincel de padrão e isso pode nos dar um pouco mais de flexibilidade. Eu só vou te mostrar como você faz isso como um pincel padrão. Vou selecionar um preenchimento preto aqui e nenhum derrame. Vou arrastar um retângulo grande e agradável. Estou indo para a ferramenta cristalizada e vou
puxar para cima as bordas superiores deste retângulo. Eu não quero puxar para a forma tanto quanto ter coisas que estão saindo dela. Eu vou arrastar para fora outro retângulo, mas vamos apenas mudar a cor para que você possa ver o que está acontecendo um pouco mais facilmente. O que eu quero fazer é descobrir o quanto dessa forma eu vou deixar para trás. Isso vai mover isso para cima. Isso é o que eu quero para o meu pincel. Vou selecionar a forma da borda enrugada mais o meu retângulo, ir para o localizador e clicar em menos frente. Isso me dá essa parte. Se eu tentar fazer um pincel padrão fora disso embora, ele não vai se alinhar corretamente em qualquer extremidade, porque esses dois não vão se juntar em torno de um círculo. Para resolver esse problema, vou ampliar este lado do pincel. O que posso fazer é cortá-lo aqui. Eu só vou cortar esta peça do meu pincel e selecionar os dois pacers e clicar em menos frente. Agora, se isso acontecer com você, basta desfazê-lo, escolha Editar, Desfazer ou pressione Control Z. Agora, em vez de escolher menos frente, porque obviamente isso está destruindo minha forma inteira, podemos selecionar corte e que irá cortar esse fim Desligado. Vou clicar duas vezes sobre esta forma aqui e removê-lo e você pode ver que o fim foi cortado. Vou pressionar “escape”. Vamos dar uma olhada nesse final. Eu vou desenhar um retângulo sobre um ritmo que eu possa facilmente me livrar. Eu só vou esculpir por aqui, selecionar ambas as formas e tentar menos frente novamente, e isso é falha. Eu só vou desfazer isso e eu vou clicar em aparar. Vou me livrar dessa forma aqui e pressionar escape. Agora, eu quero que isso se envolva e crie um pincel de padrão muito bonito. Neste momento, este fim e este fim são diferentes em tamanho. O que vou fazer é dividir isto em passos. Eu só vou fazer um segmento de linha para correr pelo meio da minha forma aqui. Vou selecionar todas essas peças e clicar em dividir. Isso dividiu isso em duas partes. Vou escolher o objeto desagrupar. Agora eu tenho um pedaço esquerdo e um pedaço direito, e eu tenho alguns pedaços extras que estão sendo deixados para trás. Eu só vou me livrar deles. Eles teriam sido aqueles que estavam causando problemas com minha parte de frente menos. Agora tenho a minha esquerda e direita e acabei de invertê-las. Trouxe uma peça aqui e outra aqui. Vou manobrá-los para que fiquem juntos. Vou começar a remodelar isto. Eu não vou ter que remodelá-lo muito. Tudo o que tenho que fazer é puxar esta forma para que ela se misture aqui. Você não quer gastar muito tempo nisso, mas você vai querer ter certeza de que você tem mesmo mesclando entre essas duas formas que temos agora. É realmente uma mistura perfeita. Agora selecione sobre ambas as formas com a ferramenta de seleção e clique no comando unite para criar uma única linha novamente. Agora porque eu cortei a forma ao meio e reverter os pacers esta peça e esta peça, eu tenho que combinar perfeitamente porque eles vieram um do outro. Eles foram divididos naquele ponto, em primeiro lugar. Agora vamos selecionar isso e fazer o nosso padrão pincel fora dele. Pincel novo, pincel padrão. Não precisamos de uma telha de canto. Não se preocupe se não tiver um. Queremos ser capazes de recolorir isso, então escolha “Tons” e clique em “OK”. Vamos tentar isso em um círculo. Estamos esperando que isso se junte perfeitamente para que não possamos ver onde está o mesmo. Temos um pincel perfeito aqui que você não pode ver onde está a junção e você não deve ser capaz de ver. Mas como este é um pincel padrão, temos uma coisa que podemos fazer com isso que não poderíamos fazer com o anterior. Isso é que podemos virá-lo. Podemos ter esta forma ondulada no interior ou no exterior. Você pode querer gastar um pouco de tempo extra criando um pincel padrão aqui em vez de apenas um círculo, para que você possa realmente fazer algo com ele. Claro, o que você quer fazer é garantir que você salve esse pincel padrão como fizemos anteriormente, para que você sempre tenha isso disponível também.
9. Pt 8 - outra pincel à mão: Há outro pincel que é bastante útil para esses efeitos de amontoamento. Vou mostrar-lhe como criá-lo. Vou para o retângulo também. Eu tenho um traço preto selecionado. Vou criar um retângulo que é 150 pixels por 150 pixels, então é um quadrado. Vou fazer duas cópias disto. Vou arrastar duas cópias de distância. Vou selecionar qualquer um desses. Vou para o painel de alinhamento. Vou certificar-me de que tenho a opção selecionada. Agora, o meu está visível, mas se ele diz Mostrar Opções aqui, você vai clicar sobre isso. Vou escolher alinhar a objetos
chave porque isso me permitirá ajustar o espaçamento. Vou colocar 50 pixels de espaçamento entre cada uma dessas formas. Estou digitando 50 aqui, e então vamos clicar aqui na horizontal distribui espaço e do que apenas adiciona 50 pixels de espaço. Eu tenho uma forma que é um intervalo de 150 pixels ou 50 pixels e outros 150, 50,150. O que eu quero fazer é que eu quero uniformemente espaçados estes. O que eu quero é uma forma que seja a soma total de todos esses bits mais um extra desses 50. O que eu preciso é essencialmente essa quantidade de espaço três vezes, e essa quantidade de espaços é 200 pixels, então eu quero 600 pixels. Vou fazer um retângulo com 600 pixels de largura. Isso vai me dar um espaçamento perfeito. A altura não importa. Só vou fazer 50 pixels. Isso vai ser perfeito. e clique em Ok. Agora, vou posicioná-lo sobre as minhas formas. Vai ser a caixa delimitadora para o meu pincel padrão. Com ele selecionado, eu preciso escolher objeto, organizar, centro de volta porque eles não preenchem,
sem traçado retângulo caixa delimitadora para o nosso pincel padrão deve estar atrás de tudo. Mais uma vez, vou fazer com que não preencha, nem derrame. Agora, se você está curioso sobre caixas delimitadoras e pincéis padrão, e se isso é um pouco estranho para você, então eu tenho uma classe sobre caixas delimitadoras e pincéis padrão. Vai explicar tudo. Vou colocar um link para isso na área do projeto da classe para você. Vamos para o novo pincel. Vamos clicar em Novo pincel. Pincel padrão. Clique em OK. Não quero a esquina. Eu só quero os pedaços de borda aqui e eu quero que eles sejam tons e eu vou clicar, ok. Neste ponto, você pode estar um pouco curioso sobre o que exatamente pincel padrão estamos indo para obter fora disso. Parece que vai ser uma série de caixas. Bem, não é, é um pincel muito interessante. Vamos passar pela ferramenta Elipse e arrastar uma elipse. Vamos dar uma cor de traço. Vamos nos contentar com preto agora e vamos aplicar um pincel padrão a este objeto. O que temos é uma série de quadrados. Mas porque eles são um pincel padrão e porque eles são aplicados a um círculo, eles realmente descobriram para que eles se parecem com esses arcos de um círculo. Se eu clicar no peso do
traço, vou ter menos deles e é isso que eu quero. Eu quero menos deles e um pouco mais grossos golpes. Na verdade, quero três. Isto é perfeito. Vou expandir isto porque neste momento isto é um pincel aplicado às formas. Vou escolher objeto, expandir, aparência. Agora eu vou pegar isso. Vamos levar isto aos nossos desenhos. Vou pressionar o Controle X, Comando X na Marca para cortá-la. Então pressionarei o Controle ou o Comando V para colocá-lo em posição. Enquanto estiver selecionado, eu só vou fazer a cor
do traço branco e eu vou aumentar o traço. Isso não é mais um pincel padrão, então eu posso aumentar o traçado sem alterar o número de segmentos. Só vou fazer isso um pouco maior. Vamos posicioná-lo praticamente no centro do nosso círculo. Se o peso do curso for demais, posso diminuir meu peso do curso. Se você não quer todas essas formas, você pode ir para a última palete aqui abrir este grupo e você verá que cada uma dessas formas é apenas um caminho aqui, então você pode simplesmente excluir a que você não quer. Eu tenho este caminho selecionado, eu vou apenas pressionar backspace para me livrar dele. Mas agora eu tenho duas dessas formas em torno do meu anel HUD.
10. Pt 9 - Gradient e textura de padrão: Neste ponto, você só vai estar olhando para os retoques finais para o seu design e há muitas coisas que você poderia fazer. Vou mostrar-lhe algumas das possibilidades neste vídeo. Vou começar com uma elipse. Eu vou arrastar para fora segurando a tecla shift, eu razoavelmente decente tamanho elipse. Eu vou segurar a barra de espaço enquanto eu apenas movê-lo para a posição. É basicamente centrado sobre o topo deste objeto. Agora eu vou preenchê-lo com um gradiente aqui, e eu estou apenas usando um gradiente que é enviado com ilustrador. É um gradiente chamado Summer, mas você pode usar qualquer gradiente que você gosta. Se você precisar de mais gradientes, clique no menu de bibliotecas de amostras e vá para gradientes e, em seguida, você pode ver uma pilha inteira de gradientes que você pode usar. Agora com minhas formas ainda selecionadas, você pode dizer que está acima de tudo. Então eu vou arrastá-lo para baixo para sentar logo acima do retângulo preto cheio. O retângulo preto está fornecendo o fundo aqui para meus quadros de arte. Eu quero isso logo acima. Vamos abrir o painel de gradiente. Vou trabalhar neste gradiente. Primeiro de tudo, eu estou indo para este fim do gradiente e eu quero que ele seja zero opacidade nesse final, que vai bloqueá-lo. Está apenas diminuindo muito bem. Vou clicar duas vezes sobre este fim porque eu quero escolher uma cor diferente para ele. Você tem algumas maneiras de selecionar a cor aqui. Eu só vou selecionar este tipo de cor azul. Quero adicionar outra parada aqui para meus gradientes. Eu só vou clicar aqui embaixo da barra de gradiente e eu vou clicar duas vezes sobre isso para ter certeza de que eu tenho uma cor selecionada que eu gostei. Eu estou indo para este tipo de olhar azul laranja. Com isso selecionado, este gradiente é tópico, e ver que ele vai receber uma opacidade, que vai estar em algum lugar entre 100 e zero, porque é nisso que este slide de gradiente está trabalhando. Mas eu quero que seja um pouco menos transparente, então eu vou levá-lo para 50. Vamos verificar este aqui. Isto é 100 por cento. Isso agora é 50 porque eu coloquei lá, mas você pode colocar o valor que quiser e isso é zero, então não há nenhum gradiente em tudo, nenhuma cor na borda dessa forma. Agora você pode manipular essas marcas de parada para descobrir exatamente onde você quer que a transição ocorra. Então, se você quiser um pouco mais azul, você pode fazer isso. Se você não quer isso tão opaco, então você pode vir aqui e diminuir a opacidade um pouco. Agora eu também quero adicionar uma espécie de padrão por trás disso. Vou mostrar-vos um padrão que criei na minha aula de Galatea. Se você quiser ver como criar alguns desses padrões, você pode ir para essa classe, mas eu vou fazer rapidamente um padrão aqui. Vou traçar uma linha e vou dar a isso um golpe negro. Vou escolher efeito, distorcer e transformar em ziguezague. Quero que seja suave e quero que este fim e este fim estejam ambos acima da linha ou ambos abaixo da linha, mas não um para cada. Isso parece bom agora e pode torná-lo um pouco mais íngreme se eu quiser. Vou clicar em “ok”. Eu vou Alt, arrastar uma duplicata desta linha e se eu adicionar a tecla Shift, ela será colocada imediatamente abaixo do original. Vou selecionar sobre ambos e fazer uma mistura deles objeto, mesclar, fazer. Agora a minha mistura parece muito boa. O seu pode não parecer tão bom, dependendo de como você tem suas configurações configuradas. O que eu sugiro que você faça é clicar duas vezes na ferramenta de mesclagem, ir para etapas especificadas e, em seguida, basta ajustar o número de etapas até que você tenha algo que você gosta. Vou clicar em “Ok”. Agora neste ponto eu quero selecionar sobre esta forma e eu quero ler suas dimensões. São números muito grandes e
confusos, então o que vou fazer é torná-los menos confusos. Só vou fazer o número redondo. Isto é 450 e este foi 305 e mudança. Eu só vou fazer 300. Esta seleção aqui é de 450 por 300. Vou fazer um retângulo do mesmo tamanho, 450 por 300. Esta vai ser a caixa delimitadora para o meu padrão. Se você não tem certeza sobre por que padrões precisam de caixas delimitadoras, novamente, eu tenho uma classe sobre caixas delimitadoras e isso é na área do projeto da classe. Provavelmente quero dar uma olhada nisso. Em seguida, selecione ambas as formas. Vou me certificar de que eles estão centrados. Vou alinhar à seleção e apenas acertar as opções centrais verticais e horizontais. Este retângulo está na frente de tudo agora e tem um golpe, nenhum dos quais deveria ter. Eu vou selecionar apenas o retângulo, eu vou dar-lhe nenhum golpe. Vou arrastá-lo para baixo da mistura. Isso é importante porque caso contrário isso não vai funcionar como um padrão. Quero que o meu padrão seja uma cor mais clara. Enquanto estou aqui, vamos pegar essa mistura e vamos torná-la uma cor cinza neutra mais leve . Bem, eu acho que provavelmente algo assim. Agora eu vou pegar a mesclagem, e então eu vou preencher nenhum retângulo de traçado e com a ferramenta de seleção vai arrastá-los para o painel de amostras para criar um padrão deles. Agora, eu posso apenas duplicar meu retângulo aqui. Vamos pegar esse retângulo preto e fazer uma duplicata dele porque é exatamente o tamanho certo. Agora, desbloqueie, alveje-o, vá e selecione seu preenchimento e preencha com meu novo padrão. Agora, isso é um pouco intenso, mas vai ser fácil de resolver porque eu vou para o painel de aparência e com o preenchimento selecionado, eu posso apenas discar a opacidade do preenchimento, então eu apenas misturá-lo para a camada preta por baixo. Isso só nos dá um pouco de textura através do design. Se eu não quiser que isso se mexa, posso fechar isso também.
11. Pt 10 - texto Glowing: O próximo toque final que vou adicionar a este design é um texto e vamos fazer isso em um caminho. Então eu vou selecionar a ferramenta de elipse, ela tem um traço preto, mas sem preenchimento. Vou segurar a tecla Shift enquanto arrasto uma elipse. Então eu vou posicioná-lo usando a barra de espaço para mover a forma enquanto eu estou desenhando. Então eu não quero que ele seja muito grande, eu quero que ele seja apenas fora desta maior forma no meu design agora. Então, agora, eu vou para a ferramenta Tipo, mas se você estiver trabalhando com ilustradores, CSA, qualquer uma das versões CSA, você pode querer verificar essa configuração primeiro. Escolherei Editar Preferências e, em seguida, digitarei em um Mac que seja Illustrator, Tipo de Preferências. Pretende certificar-se de que este filme novo tipo de objectos com texto de espaço reservado opção está desactivada. Caso contrário, algum texto de espaço reservado vai ser inserido
automaticamente em seu documento e aqueles apenas realmente irritante. Então desative isso e clique em OK. Agora, vamos para o tipo em uma ferramenta de caminho e vamos passar o mouse sobre o caminho e quando eu fizer isso, você verá que eles preenchem e traçado invertem e estamos agora no modo de texto. Então, se você quiser escolher uma cor para o seu tipo neste momento, você pode fazê-lo. Vou selecionar as mesmas cores azuis que estou usando no centro do documento. Agora, eu só vou digitar lixo e ter digitado lixo, eu quero que ele seja lixo irreconhecível. Então eu vou selecionar mais em, eu provavelmente vou aumentar o tamanho da minha fonte apenas um pouco. Então eu vou levá-lo para cerca de 14. Agora você deseja selecionar um tipo de fonte de lixo para usar. Então o que eu vou fazer é rolar até o topo da minha lista de fontes e dar uma olhada e dizer o tipo de fonte que eu poderia usar. Bem, bizarro, eu poderia usar porque parece ser apenas símbolos matemáticos. Eu também poderia usar símbolo de prateleira porque novamente, que matemática e eu vou realmente selecionar isso, mas você pode ter um olhar através de sua lista de fontes e você provavelmente vai encontrar fontes que são apenas números ou símbolos matemáticos ou algo que tenha a sugestão de ser interessante, mas totalmente ilegível, então você nem está inclinado a tentar descobrir o que é. Então eu tenho esse símbolo de estante selecionado aqui. Agora, o que eu quero fazer é dar um brilho a isso e o que eu descobri com Illustrator é que alguns dos brilhos não funcionam exatamente como você espera que eles funcionem. Então eu vou te mostrar um truque com isso. Estou selecionando o objeto que é o texto em um caminho. Eu vou escolher Efeito estilizar um brilho porque isso me permite adicionar um brilho ao meu texto. Eu vou fazer minha cor brilhante um pouco semelhante à cor do texto, apenas um pouco mais leve. Eu vou configurá-lo para Screen, e eu vou ativar a visualização, e você vai dizer que você pode ver a menor dica de um brilho, mas não muito em tudo. Faça com que cerca de três pixels desfoque, e eu vou clicar em OK. O que eu vou fazer é, eu vou imediatamente ir e fazer a mesma coisa novamente, fazer efeito, estilizar, pós-brilho, e eu vou aplicar um novo efeito. Vou ativar a pré-visualização e você começa a ver seu brilho. Agora, isso é um brilho demais, claro, mas nos permite ver um brilho realista. Então eu vou levá-lo para baixo para cerca de 10% e, em seguida
, desfocado para cerca de dois pixels, e eu vou clicar em OK. Então isso me deu algum tipo com um efeito de brilho, mas eu descobri que ter que aplicar o brilho duas vezes, me
dá um resultado muito melhor do que até mesmo implicar um brilho em um nível muito alto uma vez. Então apenas ofereça isso para você, brilha duas vezes em vez de apenas uma vez parecia funcionar muito melhor.
12. Efeito de mistura e Pt: Outra maneira de adicionar algum interesse visual ao fundo, por trás dessa forma, é usar uma mistura. Antes de fazer isso, vou bloquear tudo, não a própria camada, mas apenas tudo o que está na camada. Indo para a ferramenta Lápis, vou definir nenhum preenchimento. Para o meu derrame, vou escolher uma cor. Vou usar o azul claro que temos usado antes de tudo. Só vou desenhar uma linha de lápis. Então eu vou mudar a cor. Vou usar esta laranja que temos usado também. Com isso, vou desenhar uma linha que intersecta a que já criei. Então, finalmente, escolherei outra cor. Na verdade, vou usar um amarelo aqui, e vou desenhar uma terceira linha. As configurações da ferramenta de lápis que eu tenho são bastante suaves, então eu tenho este seletor preciso para suave, muito difícil para a extremidade lisa, de modo que minhas linhas estão ficando suaves como eu desenhá-los. Você pode querer fazer isso com sua ferramenta também. Agora, eu vou selecionar sobre estas três linhas. Porque bloqueei tudo o resto, são as únicas coisas que posso escolher. Vou ao Blend Tool. Vou clicar em cada uma das três linhas por sua vez e isso cria uma mistura interessante. Agora, você pode tomar como está ou você pode ir e ajustá-lo. O que vou fazer é clicar duas vezes na “Ferramenta de mesclagem”, clicar em “Visualizar”. Eu estou indo para ir para etapas
especificadas e eu vou apenas para reduzir o número de etapas um pouco. Não quero que seja tão intenso como é. Vou clicar em “Está bem”. Agora, isso tem uma caixa de seleção ao redor. Se eu quiser girá-lo, eu posso fazê-lo selecionando-o e apenas girando esta mistura. Eu também posso dimensioná-lo um pouco maior se eu quiser. Você também pode deformar este objeto. Então, com ele selecionado, você pode escolher Objeto, Distorção de
Envelope, Criar com Malha. Por exemplo, usarei uma malha de quatro por quatro e clique em “Ok”. Em seguida, com a malha eu posso ir e selecionar pontos de malha
individuais e eu posso deformar a forma por baixo. Ele me permite fazer coisas como apenas reorganizar a forma se eu quiser, e torná-la mais fina em alguns lugares, mais espessa em outros. Há muitas coisas que você pode fazer com esta mistura uma vez que você fez isso. Eu só vou trazer o meu através do documento um pouco. Quando eu estou feliz, eu posso apenas clicar longe dele. Agora, esta Distorção de envelope aqui está no meu painel Camadas. A Distorção de Envelope tem a mistura dentro dela. O que eu vou fazer é, eu vou movê-lo para baixo sobre o topo das formas preenchidas gradiente. Eu só vou levá-lo aqui para baixo. Apenas em cima do meu gradiente preenchido forma. Mas isso está por trás do anel HUD real. As cores estão atrás do anel HUD e se eu
fechá-lo, não vai piscar toda vez que eu chegar perto dele. Daqui vou deixar para você. Há um zilhão de coisas que você pode fazer com essas formas. Eu só quero jogar algumas idéias sobre as coisas que você pode fazer para criar um fundo interessante para o seu anel HUD. Você poderia, claro, adicionar alguns anéis HUD adicionais. Se você quisesse, você poderia adicionar brilho ao seu anel HUD, todas as coisas. Tenho certeza que você vai se divertir muito com isso. Tenho certeza de que você vai criar alguns projetos realmente incríveis também. Então eu estou realmente ansioso para vê-los. Seu projeto de classe é, claro, para ir e criar um anel HUD. Vá e crie alguns projetos interessantes e crie algumas coisas interessantes e divertidas para fundos. Eu vou dar-lhe alguns links para outras classes que têm esses efeitos de fundo e
os efeitos Galatia para você para que você possa estar familiarizado com aqueles se você quiser aprender um pouco mais sobre eles. Além disso, tem uma classe sobre texto em um caminho que você pode querer olhar também. Publique uma imagem do seu projeto concluído na área do projeto da classe. Espero que tenham gostado desta aula e tenham aprendido muitas coisas sobre o Illustrator que ainda não sabiam. Como você está assistindo a esta aula, você terá sido perguntado se você recomendaria a outras pessoas. Por favor, se você está gostando e aprendendo com a aula, faça duas coisas para mim. Em primeiro lugar, diga sim que você recomendaria aos outros. Em segundo lugar, escreva apenas algumas palavras sobre por que você gostou da aula. Essas recomendações ajudam outros alunos a dizer que esta é a classe que eles também podem desfrutar e aprender. 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 Almoço, e estou ansioso para vê-lo em um próximo episódio em breve.
13. Embellishments de bônus: Neste vídeo, vou acelerar o que estou fazendo e
passar por algumas adições extras para este projeto. Vou adicionar alguns brilhos a algumas das formas aqui no anel duro. Vou adicionar outra mistura. Eu vou fazer um pincel de dispersão e usá-lo para adicionar algumas pequenas estrelas ao fundo, e eu também vou ir em frente e adicionar um gradiente como um fundo em vez do preto. Então, vou acelerar o vídeo. Eu não vou falar enquanto eu passar por isso, mas eu vou apenas adicionar esses elementos adicionais, e eu apenas pensei que você poderia gostar de vê-lo como está sendo feito.
Helen Bradley, Graphic Design for Lunch™
