Transcrições
1. Trailer do curso: Oi, meu nome é Cory Kensinger. Nesta aula, vou mostrar a vocês como criar designs de forma
complexa usando o Adobe Illustrator. Nesta aula, você aprenderá tudo o que precisa saber para criar obras de arte hipnotizantes, tomar formas básicas e transformá-las em designs
autônomos que você pode colocar em produtos do mundo real. De arte de parede a vestuário ou qualquer produto físico que você queira. Você vai estar construindo e projetando sua própria forma personalizada e aprender um efeito especial dentro ilustrador, Eu uso o termo minhas próprias formas vetoriais em ilustrações complexas em nenhum momento. Esta é realmente uma aula rápida, mais fácil de levar em uma configuração e é perfeita para qualquer um, mesmo que você esteja apenas começando. Vou guiá-lo passo a passo e mostrar-lhe como crio designs de formas complexas. Aprender o truque que vou mostrar nesta aula é certamente
uma técnica que economiza tempo para produzir desenhos atraentes em questão de minutos. Se você estiver pronto, vamos começar o nosso projeto e pular dentro do ilustrador.
2. Como configurar as pranchas: A primeira coisa que vamos fazer é abrir o Adobe Illustrator. Se a tela de abertura do meu ilustrador for diferente da sua, isso é porque eu o personalizei para que, quando eu abrir, ele só mostre um espaço de trabalho aqui em vez de mostrar como eu criei um novo espaço de documento. Mas tudo bem, porque vamos estar na mesma página. Tudo o que precisamos fazer é ir para “Arquivo”, “Novo”, e vamos criar três quadros de arte, 1000 por 1000 pixels cada. Vamos para “Largura e Altura”, aqui estou colocando 1000 por 1000. Então vamos até a guia de quadros de arte aqui e clique em até três. A última coisa que precisamos fazer é ir para mais configurações. Precisamos ter certeza de que o espaçamento entre cada quadro de arte é de 100 pixels para que tenhamos espaço suficiente para manter tudo com boa aparência. Então queremos ter certeza de que temos três colunas, para que todas se alinhem lado a lado. Só vamos dar um nome a isto. Podemos clicar em “Criar Documento” agora. Agora temos três placas de arte alinhadas lado a lado. O que vamos fazer primeiro é ir para o painel “Camadas” aqui. Na verdade, devo mencionar também, se o seu espaço de trabalho parece diferente do meu, basta ir até “Essentials” e, em seguida, redefinir o essencial aqui. Então isso vai levá-lo de volta para onde você precisa estar. O que vamos fazer primeiro, é ir para Layers. Vamos nomear esta primeira camada, Guias. Queremos criar guias primeiro. Vamos apenas clicar duas vezes neste quadrado aqui e torná-lo azul médio. Eu mantenho todos os meus como camadas padrão básicas médio azul, é apenas uma coisa de preferência. Agora, para trazer guias, queremos fazer o Comando R e
vamos arrastar o primeiro aqui e soltá-lo em qualquer lugar. Agora, o que precisamos é dos painéis alinhados. Vamos para “Janela” e depois “Alinhar”. Vai abrir o fundo aqui. Nós só vamos arrastá-lo para fora. Tudo o que precisamos deste painel é Alinhar painel, então vamos arrastar esse painel para fora e depois fechar os outros painéis. Agora podemos encaixar este painel Alinhar bem aqui na parte inferior. Nós só vamos para “Opções de menu”, “Mostrar opções”. Para alinhar nosso guia, o que precisamos fazer é ter certeza de que primeiro nossos guias estão desbloqueados, então vamos até “Ver” e depois “Guias”. Parece que eles estão bloqueados porque você tem a opção de desbloqueá-los. Só vamos tocar em “Desbloquear”. Como você viu aqui em cima, o atalho de teclado que eu uso o
tempo todo é opção comando, ponto-e-vírgula. Com nossos guias desbloqueados, vamos tocar uma vez em nossos quadros de arte para que Illustrator saiba que esse é o documento com o qual estamos trabalhando primeiro. Em seguida, vamos tocar no próprio “Guia” e, em seguida, passar para o painel Alinhar. Certifique-se de que está definido para o quadro de arte alinhado. Em seguida, podemos selecionar “Horizontal Alinhar Centro”. Perfeito. Eu só vou clicar neste “Guia” e manter pressionada a opção e arrastar. Vai dar-nos uma cópia aqui. Em seguida, vamos tocar uma vez neste quadro de arte, tocar novamente na linha guia e “Horizontal Align Center”. Faça isso mais uma vez. Opção, arrastar, soltá-lo em qualquer lugar. Toque uma vez no quadro de arte
e, em seguida, uma vez no guia e em “Horizontal Alinhar Center”. Agora só precisamos criar mais duas linhas de guia que
saibamos o espaçamento para cada uma de nossas formas. Vamos apenas arrastar uma linha de guia para baixo a partir do topo, arrastar novamente para aproximadamente o marcador 200 aqui, e vamos segurar “Shift” para contê-la para que ele apareça no eixo y de 200 pixels. Parece muito bom, mas vou checar novamente. Eu vou para o “painel Propriedades”. O painel Propriedades é onde você pode verificar todas as suas dimensões e dimensionamento, preenchimento e traçado e todas essas coisas diferentes. Mas vamos apenas olhar para o eixo y agora. Podemos ver que a linha guia está perfeitamente em 200 pixels. O que vamos fazer é arrastar mais uma linha de guia para fora, segurar “Shift” e tentar colocá-la em torno do marcador 800 aqui. Como você pode ver no eixo y, é onde ele caiu em 100 pixels. O que podemos fazer agora é apenas bloquear nossas linhas de guia e lembrar atalho de teclado é
o comando de opção, ponto-e-vírgula. Agora, se tentarmos mover qualquer um desses guias, não
podemos, está trancado. Legal. Vamos voltar para o “painel Camadas” e vamos bloquear isso porque essa é a nossa camada guia. Podemos ligar e desligar isto como quisermos. Além disso, para o atalho de teclado para ocultá-los é o comando ponto-e-vírgula. Você pode rapidamente se livrar deles ou trazê-los de backup para referência. Nossa camada guia está definida, então vamos para o botão criar nova camada aqui. Vamos dar um nome a isto, Background. Clique duas vezes porque esta é uma de nossas camadas padrão, vamos torná-la azul médio. Agora, vamos para a “Ferramenta Retangular”, e este é M no seu teclado. Agora precisamos ter certeza de que guias inteligentes são configurados para que possamos ver a indicação de interseção e obter um quadrado perfeito. Se você não estiver vendo a indicação de interseção no canto superior esquerdo do seu primeiro quadro de arte, basta ir para Exibir e, em seguida , Guias
inteligentes aqui no painel Exibir e isso é apenas comandar você. Esse é o atalho rápido do teclado que vou usar. Podemos clicar em “Away” e uma vez que vemos a indicação do cruzamento, podemos apenas clicar, arrastar para fora. Então, quando vemos o Intersect no canto inferior aqui e podemos deixar ir. Temos um retângulo feito, e a cor que vamos fazer este retângulo é uma cor cinza e é apenas 202020. Super fácil, e aperte “Ok”. Agora, eu vou voltar para a ferramenta de seleção direta, que é V no seu teclado. Vamos clicar no “Quadrado”. Em seguida, arraste a opção e, em seguida, mantenha a tecla shift para restringi-lo para que possamos adicioná-lo ao nosso segundo quadro de arte e, em seguida, solte. Faça isso mais uma vez. Opção arrastar, shift, para restringi-lo. Então, quando virmos o Intersect, deixe-o ir. Ótima. Vamos em frente e esconder nossas linhas de guia agora basta comandar ponto e vírgula. Vou voltar ao painel Camadas, bloquear essa camada. Então, vamos criar mais três camadas. Nós vamos apenas nomeá-los as formas que nós vamos fazer para eles. A primeira forma que faremos é um pentágono. A segunda forma que faremos é um decágono. Então a terceira e última forma que vamos fazer é um triângulo. Vamos clicar duas vezes nessas camadas para colorí-las. Eu só vou ir em frente e colorir essas cores diferentes para que possamos distinguir as três delas. Então eu vou fazer este um azul claro, eu vou fazer este decágono uma cor laranja, e então eu vou fazer o triângulo uma cor rosa. Parece ótimo. Nossos documentos estão prontos agora.
3. Como fazer as formas: Nós vamos em frente e selecionar este primeiro quadro de arte e apenas comandar zero. Isso só nos leva a encaixar aquele quadro de arte em toda a nossa tela. Eu só quero trazer uma nota que eu fiz no meu Mac aqui com nossas cores do projeto porque nós vamos fazer nossa primeira forma agora. Nossa primeira forma vai ser um pentágono e a cor principal vai ser azul, então o que vamos fazer é mudar nosso preenchimento para um traço aqui. Então eu vou trazer isso de volta aqui também. Na cor azul que estamos usando está este azul claro brilhante. Eu vou copiar este código hexadecimal Comando C, então eu vou clicar no “Traçado”, clique duas vezes sobre ele e colar isso no seletor de cores, então Comando V então Ok. Legal, agora vamos trazer nossos guias, então Comandos ponto-e-vírgula. Como eu disse, a primeira forma que vamos fazer é o pentágono. Vou clicar neste painel de formas aqui e ir para a ferramenta polígono. Agora, se eu começar do centro como guias inteligentes está nos
dizendo agora e eu clicar e arrastar para fora, você verá que eu tenho um hexágono. Para torná-lo um pentágono, tudo o que você faz é apertar a seta para baixo no seu teclado. Mantenha a tecla Shift pressionada para mantê-la restrita e reta. Então eu vou arrastar até chegar ao ponto superior do guia bem ali. Então eu vou deixar ir. Precisamos de um tamanho este para fora um pouco, então eu vou saltar de volta para a ferramenta de seta, que é V. Eu só vou clicar e arrastar enquanto mantém pressionado Shift e Alt, então ele permanece centrado e esperar que a parte inferior para bater o diretriz inferior lá e, em seguida, deixe ir. Só vou fechar este painel de cores. Na verdade, eu vou encaixá-lo aqui, caso contrário, ele vai continuar aparecendo quando escolhermos nossas cores. Vamos deixá-lo ali e fechar os outros painéis. Agora eu vou clicar para baixo na borda aqui, Shift até que ele apareça no lugar. O meu está trancado com essa diretriz, então eu vou deixar ir. A forma é o tamanho exato que precisávamos. Eu só vou aumentar o derrame aqui um pouco para talvez quatro ou cinco pontos. Agora, com o pentágono selecionado ainda, vamos para o nosso painel Alinhar novamente, alinhamento
horizontal centro e a nossa primeira forma é feita. Vamos comandar menos para diminuir o zoom aqui e depois passar para o próximo quadro de arte. Basta selecionar a placa de arte comandos zero para caber na janela, então a próxima cor para o nosso pentágono será esta cor laranja brilhante. Copie esta cor. Volte para o seletor de cores, clique duas vezes em “Traçado” e cole esse código lá. Para a forma de decágono, vamos voltar para a mesma ferramenta. Vá para o centro do nosso documento, clique em arrastar para fora e, em seguida, pressione a tecla de seta para obtê-lo para cima. Então manteremos a tecla Shift para restringi-lo, e depois esperamos até que ele se alinhe com nossas diretrizes aqui. Então solte. Eu só quero ir para a ferramenta de seta, seu V no teclado para arrastar isso para cima e ter certeza de que ele está bloqueado em um lugar com nossas diretrizes, então basta segurar Shift e arrastar para fora nos cantos. Sim, aparece no lugar, bom. Agora que está definido, vamos para o centro de alinhamento horizontal, este. Só se moveu um pouco. Vamos passar para o nosso último e último aeroporto aqui. Nossa última forma será um triângulo. A cor principal que estamos usando para isso é uma cor verde brilhante. Vou copiar este código hexadecimal. Então vamos voltar para a ferramenta polígono e ir para o centro do nosso último quadro de arte. Clique e arraste para fora, então você vê que ele diz que decágono que fizemos, então nós vamos bater a seta para baixo até obter o triângulo. Mantenha Shift pressionado para manter o caminho certo para que ele atinja a linha principal aqui. Deixe ir. Volte para a ferramenta de seta. Clique e arraste no canto inferior, Shift para mantê-lo reto. Espere até que é um pop para a linha de orientação inferior lá. Centro alinhado horizontalmente, bom. Vamos diminuir o zoom e dar uma olhada nas nossas formas. Agora que temos nossas formas básicas criadas, vamos seguir em frente e seguir em frente para aplicar a loja no efeito de transformação.
4. Como aplicar o efeito especial: Agora, que temos nossas formas básicas criadas, vamos apenas ir em frente e esconder nossas diretrizes. Comando, e vamos ampliar nosso primeiro quadro de arte. Basta selecioná-lo e o comando zero, e este efeito é legal. É fácil e muito divertido. Vamos apenas começar selecionando o pentágono e vamos realmente voltar para o painel de camadas. Porque eu percebi que eu não coloquei essas formas individuais em suas próprias camadas. Mas parece que o Pentágono acabou sozinho lá. Mas eu vou rapidamente passar e apenas colocar essas outras formas em sua própria camada. Vou selecionar este decágono aqui e colocá-lo em sua camada de decágono, e então fazer a mesma coisa com o último. Selecione a forma do triângulo aqui
e, em seguida, coloque-a em sua própria camada. Vamos apenas selecionar os outros por enquanto, e vamos voltar para o Pentágono. É o comando zero, selecione essa camada. Para aplicar esse efeito, o que você faz é selecionar a forma e ir para o painel de efeitos aqui em cima, e então é distorcer e transformar,
e, em seguida, abaixo disso, o que você seleciona é transformar. Nós temos esse painel de efeito de transformação, e realmente há quatro valores que você precisa
prestar atenção para obter esse efeito perfeitamente correto. Esses valores são o valor horizontal, o valor vertical, o valor de rotação, o ângulo em que você coloca o efeito
e, em seguida, quantas cópias do efeito que você replica para que ele possa obter isso realmente espiralado olhar efeito. A primeira coisa que vamos fazer é ajustar este pentágono para um valor definido de 92 por cento. Quando eu guia para baixo para a entrada de valor vertical em 92 também. Para o ângulo desta forma, vamos colocá-lo em um grau de cinco para obter o olhar que estamos indo para. A última coisa foi, vamos fazer 32 cópias. Agora, que todos os quatro valores da nossa forma estão definidos, vamos apenas acertar este pequeno ícone de pré-visualização para ver o que ele faz com a nossa forma. Voilá, aí está o nosso efeito de distorção e transformação. Agora, algumas coisas para saber sobre este efeito. Você pode ajustar a aparência da espiral se você brincar com este ângulo, e vamos apenas deixá-lo em torno de nove graus. Você verá que à medida que você vai mais alto em valor, ele vai realmente colocar a espiral fora de sua forma. Realmente você quer mantê-lo em algum lugar entre dois a cinco graus com esta forma em particular. Porque como você vê se você fizer isso muito alto, você tem apenas um efeito direto, que pode parecer legal se é isso que você quer ir em frente. Mas porque isso é mais um efeito espiral que estamos indo para, nós vamos apenas jogar com alguns valores aqui. Quero colocar dois graus e ver o que isso nos dá, e isso nos dá uma pequena espiral. Então, se fizermos três graus, é ainda mais. Se formos até seis, você verá que começa a empurrar os limites e quase colocar o efeito espiral fora da forma, então eu deixei em cinco. Mas você pode realmente personalizar isso como quiser. Agora, se você fizer algo realmente louco, como vamos fazer, eu não sei, vamos fazer 50 graus e ver o que isso nos dá. Você verá que você obtém esse efeito realmente errático e isso pode ser bom para texturização se você quiser
adicioná-lo a uma de suas peças e colocá-lo em segundo plano e duplicá-lo e girá-lo. Mas se você quiser que ele seja um design autônomo, eu recomendo mantê-lo em um valor menor. Vou colocar isso de volta para cinco e nosso afeto é criado para o Pentágono. Vamos apenas dizer, ok, sobre esse efeito para salvar essas alterações e desmarcar. Parece bom. Vamos passar para o decágono agora. Basta comandar zero para trazer tudo isso para a Janela. A primeira coisa que precisamos fazer é trancar nosso pentágono lá e abrir nosso decágono lá. Vamos selecionar a forma e fazer a mesma coisa de novo. Vamos para o painel de efeitos, a loja e
a transformação, e depois transformar. Para os valores desta forma,
os valores vertical e horizontal são exatamente os mesmos, eles estão em 92 por cento. Então, para o ângulo, eu descobri que seis por cento funciona apenas direita e eu deixei as cópias é o mesmo também. 32 cópias, clique no “Botão de visualização”
e, em seguida, há o nosso efeito. Só vou bater bem nessa forma. Parece bom. Vamos passar para a nossa forma final aqui, que é o triângulo. Indo para bloquear a camada de decágono e desbloquear a camada de triângulo, comando zero para encaixá-la. Agora, eu queria mostrar a vocês este exemplo porque eu quero mostrar que vocês não precisam
ter tantos lados para completar esse efeito. Você pode fazer isso mesmo com um círculo se você quiser. Não tem que ter nenhum lado. Mas só para mostrar que você pode fazer com menos ângulos ou menos lados, eu vou te mostrar como fazer em um triângulo. Vou selecionar o triângulo aqui, voltar ao efeito, distorcer e transformar, e depois transformar. Agora, porque com este triângulo, há muito menos lados, os valores serão um pouco diferentes. Para os valores horizontais e verticais, vou colocar 88 por cento. Para o ângulo, vai ser um pouco menos. Vai ser ajustado para três. Para cópias vamos fazer um pouco menos também, vai ser 24. Vamos clicar no botão “Pré-visualização” aqui e lá vamos nós, temos o efeito de distorção e transformação no triângulo. Nós só vamos acertar ok para salvar essas mudanças, bloquear essa camada. Vamos ampliar aqui. Este é o efeito de distorção e transformação aplicado a todas as nossas formas básicas. Como eles estão agora, eles parecem muito bons. Você poderia aplicar isso a arte de parede, um design de camiseta, um design de pôster, o que quiser. Talvez adicionar alguma textura na parte de trás ou outras coisas à sua ilustração. Mas como eles estão, eles parecem muito bons. Este efeito é apenas, é hipnotizante, tem um olhar geométrico,
é muito afiado e tem essa complexidade que é atraente para ele. Mas podemos levar isso ainda mais longe. Eu vou em frente e mostrar-lhe alguns efeitos legais que você pode fazer para essas formas.
5. Efeitos de respingas e bônus: Para aplicar um pouco de estilo a essas formas, o que vamos fazer é desbloquear a camada do pentágono primeiro e selecioná-la. Agora, você perceberá se deseja voltar a personalizar o efeito de transformação, se voltar ao menu Efeito, Distorcer e Transformar e depois Transformar. Se você puxá-lo para cima novamente, ele vai aplicá-lo como se fosse um novo efeito porque você vê que todos os valores para o nosso pentágono não estão mais lá. O que você precisa fazer é simplesmente cancelar, e a maneira de voltar para o primeiro efeito que você aplicou a todas as
suas formas é ir para Janela, Aparência. Basta puxar este painel para encaixá-lo no lado, e então você pode entrar no efeito Transformar selecionando a forma e , em seguida, ele aparece aqui no lado direito em Transformar. Se você clicar nisso, verá todas as configurações que você fez para esse efeito e poderá ajustá-lo a partir daí. Agora, a primeira coisa que eu quero mostrar a vocês como aplicar a cada uma
dessas formas é a escala, traços e efeitos. Agora o que isso vai fazer, ele vai dar um olhar em cascata porque à medida que
desce a espiral você vai ver que a largura do traçado muda. Se apertarmos Preview aqui, ele lhe dá uma aparência totalmente diferente em dimensão de estilos. Nós só vamos acertar Ok e ampliar um pouco aqui para que possamos ver melhor. O que é feito é que ele tomou esse efeito e para cada cópia ele fez o traço um pouco menor, dando-lhe um olhar cada vez maior para ele. Parece tão bom. Traz muita profundidade e dimensão à nossa forma original. Iremos em frente e aplicaremos isso a todos os outros. Vamos para este segundo quadro de arte aqui, prender o Pentágono, destravar o decágono, e selecionar a forma. Coloque uma transformação aqui e, em seguida, basta marcar a caixa de seleção a escala, traços e efeitos. Em seguida, pré-visualização, lá vamos nós. Passe para nossa última forma aqui,
selecione-a, entre no efeito Transformar, escala, traços e efeitos, visualização. Parece muito melhor. Vamos ampliar aqui. Agora que nosso efeito é refinado, o que nós vamos fazer é realmente adicionar um pouco mais de pizzazz a ele adicionando cor e na forma de um gradiente linear. Vamos selecionar a primeira forma aqui novamente, o pentágono, e para aplicar esse estilo, o que precisamos fazer é selecionar a ferramenta de gradiente. Vamos clicar duas vezes sobre isso. Vamos puxá-lo aqui um pouco, e para aplicar um gradiente, tudo o que eu tenho que fazer é clicar na escala de gradiente aqui. Você vai notar que ele tirou nossas cores e tudo bem, porque ainda temos nossas cores do projeto salvas em nossa nota aqui. O que vamos fazer é pegar este azul,
copiá-lo, voltar para o Illustrator. Se você tentar e clicar duas vezes sobre isso e mudar a cor, você vai notar que ele só tem preto e branco e, em seguida, todas essas opções cinza. O que precisamos fazer é ir para as opções de menu dentro do controle deslizante gradiente aqui
e, em seguida, alterá-lo para RGB. Então podemos colar esse código de volta em nosso gradiente linear, e então nosso azul aparece de volta lá e então a outra cor que vamos
usar é um rosa brilhante. Clique duas vezes nesta amostra de gradiente e, em seguida, o RGB da opção de menu. Selecioná-lo, colá-lo e, em seguida, temos o nosso rosa. Agora você também pode personalizar a quantidade de uma mistura de gradiente que você obtém com este controle deslizante superior aqui
e, ao ajustá-lo, você perceberá onde a cor cai um pouco diferente, arrastando-a para frente e para trás. Você também pode arrastar essas amostras individuais para dentro, também. Se você quiser ver mais rosa e, em seguida, ajustar o controle deslizante, você verá que ele está dominando mais a forma agora e você pode até ajustar este controle deslizante superior aqui para mostrar a mistura. Acho que vou arrastar isto um pouco para trás. Vou brincar com isso até achar algo que eu goste. Eu gosto disso. Parece bom. Vou deixá-la lá. Legal. O que vamos fazer é encaixar este painel aqui ao lado do painel de aparência, e vamos trabalhar na próxima forma. Eu selecionei a forma da camada e então eu posso ir para linear, e como você pode vê-lo aplicar o mesmo esquema de coloração que o último, mas tudo bem. Nós só vamos puxar as cores do projeto de volta aqui, e para isso precisamos é laranja brilhante e rosa brilhante. Realmente tudo o que precisamos fazer é ajustar a cor azul para laranja, clicar duas vezes nesse gradiente, e ele já tem o RGB salvo. Vamos colar isso aí. Clique de distância, e agora que a cor laranja está lá. Agora esta parece um pouco fina, não
é tão grossa quanto o nosso pentágono porque há mais lados nas nossas formas. O que eu vou fazer é que eu vou realmente aumentar o golpe um pouco e fazer isso um ponto mais alto. Vamos lá, cinco parece muito bom. Acho que vou deixar às seis. Eu gosto de seis lá. Em seguida, se selecionarmos a forma novamente, volte para o painel de gradiente que encaixamos. Podemos ajustar ainda mais a mistura do nosso efeito de gradiente. Eu só vou brincar com esses controles deslizantes até eu encontrar algo que eu gosto, e eu acho que parece bom direito sobre lá. Para a última e última forma, o triângulo, eu vou selecioná-lo, o painel de camadas, voltar para o gradiente e, em seguida, sob o tipo, nós vamos apenas ter certeza que ele está definido em linear. Vamos voltar ao nosso bilhete e obter a cor final aqui, que é verde. Clique duas vezes na amostra, cole-a no seletor de cores, e como fiz com a última, acho que vou aumentar o traço aqui um pouco. Vou selecionar a forma e mudar o ponto. Isso parece muito bom. Vamos voltar ao gradiente agora e apenas ajustar essas cores um pouco. Na verdade, acho que quero que o verde fique do outro lado. Você vai notar se você arrastar este controle deslizante superior muito perto de uma das amostras, você obtém essa linha definida, que realmente torna a mistura menos de uma mistura e torna-a mais de um contraste gritante. Eu realmente não gosto disso, então eu vou puxar este controle deslizante superior para trás um pouco para que ele começa a se misturar mais. Acho que gosto das configurações. Sim, isso parece muito bom. Vamos desmarcar tudo e lá vamos nós. Este é o efeito totalmente aplicado. Vamos ampliar aqui só para ver nossas formas de perto. Eu realmente gostei de como o Pentágono acabou. Adoro aquele azul brilhante e rosa brilhante. Decagon parece muito legal também, e então é claro que temos nosso triângulo. Aqui temos. Temos o efeito de distorção e transformação realizado em todo o seu potencial. Há muito mais que você pode realmente fazer com isso. Eu só vou abrir outro documento aqui para mostrar as outras possibilidades do que você pode fazer, e aqui estão apenas alguns outros exemplos de coisas que você pode fazer. Como eu estava dizendo antes, você pode realmente aplicar esse efeito a formas que nem sequer têm lados, como um círculo aqui. Isso quase tem como um olhar hippie salva-vidas para ele. É fixe olhar. Você pode até aplicá-lo a formas mais comuns, como estrelas, e dar-lhe uma aparência de borda 3D para ele. Eu realmente gostei de como este acabou, e então nós também temos essa forma hexágono muito legal que quase parece uma formação concha. Quase tem essa relação de aspecto divino olhar para ele. Só parece muito legal. Como você pode ver, há tantas maneiras de aplicar esse efeito e realmente, você pode aplicá-lo a qualquer forma que quiser. Se você quiser ver apenas um exemplo de algo que eu fiz com a minha forma de pentágono, porque era a forma que eu realmente gostei mais fazendo este projeto. Eu só fui em frente e jogou um par de texturas no fundo aqui, e ele apenas deu a ele este olhar realmente refinado e corajoso que eu amo incorporar em minhas ilustrações. Colocar o rosa eo azul como uma textura no fundo realmente apenas trouxe este efeito em sua forma completa nesta forma. Parece muito bom e eu adoro como acabou. Agora a última coisa é, se você quiser exportar qualquer uma de suas formas, você pode simplesmente selecionar o quadro de arte Comando 0 e agora vamos para Arquivo, Exportar e Salvar para Web. Agora aqui, assim como qualquer configuração de exportação, você pode alterar a largura e a escala, e como é uma forma vetorial, ele pode simplesmente aumentar a escala sem qualquer distorção, que é algo que eu amo no Illustrator. Você pode fazer deste um documento enorme. Faça o tamanho que quiser. Eu só vou deixá-lo em 1000 por 1000 e geralmente para exportação eu escolho PNG-24 porque é um tipo de arquivo sem perdas, você não vai ter qualquer degradação de sua qualidade. Então vou guardar isto na minha área de trabalho e vou dar o nome a este Pentágono Complexo. Basta clicar em “Salvar”. Agora esse documento está na minha área de trabalho. Então, se clicarmos duas vezes em nossa ilustração, há nossa forma completa em sua glória e forma.
6. Como colocar sua arte no produto de trabalho no produto de de: Para completar esta aula eu realmente queria mostrar a vocês como pegar sua arte digital que você fez dentro do ilustrador e aplicá-la a produtos físicos. O que eu tenho aqui é uma forma que eu fiz usando o truque que
eu mostrei nesta classe e eu acabei de adicionar alguma textura, estas são apenas texturas vetoriais que eu encontrei online e eu realmente comprei algumas por conta própria. Você tem que dar uma olhada e adicioná-los você mesmo. Tudo o resto que fiz neste desenho, este hexágono foi feito com as técnicas que mostrei nesta aula. Então o que vamos fazer é eu realmente encontrei este modelo online. Eu acho que foi [inaudível]. Eu entrei e mexi um pouco, então é só esta caixa de CD de jóia aqui. Vou abrir agora mesmo e mostrar-lhe o produto físico. Isto é o que parece por si só. É uma capa muito chata e então o CD-R dentro é tão chato quanto. O que vamos fazer é pegar arte digital que eu fiz dentro do ilustrador, este formato hexágono, e também este padrão azul que eu fiz dentro do Illustrator e vamos aplicá-lo diretamente a este modelo de produto físico. Isso é realmente apenas para dar a você uma sensação de como é pegar seu trabalho artístico vetorial e aplicá-lo a um caso de uso do mundo real. O que vamos fazer primeiro é abrir este modelo. Mesmo que o caso do CD pareça super chato agora, estamos prestes a dar vida a ele. O que vamos fazer primeiro é dar uma olhada neste arquivo e apenas dar uma olhada neste arquivo e a maneira como eles têm configurado nas camadas aqui, é realmente muito brilhante a maneira como eles construíram. Eles têm a camada superior aqui, que é diretamente para o seu design e mostrarei como
adicionar sua arte do Illustrator a ela em um segundo. Mas eu só queria mostrar esses filtros de fotos que eles
incluíram para personalizar e editar rapidamente sua imagem. Basta adicionar alguns toques diferentes à sua maquete. Eu não costumo usar esses filtros, mas eles estão lá se você precisar deles quando finalmente for usado para eles. Em seguida, eles também têm todos esses controles para iluminação. Estamos falando de reflexão na capa do CD, apenas os destaques, a sombra que você vê no chão aqui. Você realmente pode ter muito controle sobre essa maquete. É um bem feito. Nós vamos adicionar nossa arte ilustradora a
ele e a maneira como você faz é clicar com o botão direito do mouse na camada de edição de CD e, em seguida, você também faz a mesma coisa para a camada de capa. Vamos fazer este CD primeiro e adicionar aquela textura azul a ele, aquele padrão azul. Vamos clicar com o botão direito do mouse nisso, editar minha camada
e, em seguida, ir para editar o conteúdo, bem aqui. Ele vai nos colocar nesta outra janela e nós vamos apenas basicamente sobrepor nossa arte ilustradora neste documento. Vamos voltar para o ilustrador, e vamos apenas passar para a camada aqui e, em seguida,
selecionar o [inaudível] para essa camada para selecionar todos os elementos nele
e, em seguida, comandar C para copiar. Em seguida, vamos voltar para o Photoshop e, em seguida, comando V para colá-lo. Então vamos colar isso como objetos inteligentes para que se precisarmos redimensioná-lo dentro do Photoshop, possamos e, em seguida, manter todas as nossas linhas realmente agradáveis e nítidas. Vai acabar muito bem lá. Eu não acho que precisamos fazer nenhuma mudança nele. Nós só vamos acertar esta marca de verificação na barra de menu aqui. Então vamos comandar S para salvar isso e depois acertar tudo bem. Agora, se voltarmos ao modelo, você verá que o CD foi atualizado com nossa arte digital que fizemos no Illustrator, o que é incrível. Vamos fazer a mesma coisa para a capa do CD. Basta clicar com o botão direito do mouse, editar o conteúdo e então faremos a mesma coisa aqui. Vamos voltar para o ilustrador agora. Vá para o documento hexágono laranja. Vou apenas clicar e arrastar todas essas coisas em vez disso. Comando C. Volte para o Photoshop. Comando V. Acerte bem. Vamos ter que redimensionar um pouco. Vamos apenas clicar em um canto e, em seguida, manter o shift para restringir. Em seguida, faça o mesmo para o outro canto, mude para restringir. Parece muito amarelo [inaudível] a marca de verificação lá. Na verdade, isso não funcionou perfeitamente. Vou desfazer esse passo. Basta ir um passo para trás no menu de edição. Então nós vamos apenas recolar, comando V. [inaudível] isso um pouco melhor desta vez. Isso parece bom. Marca de verificação. Sim, assim é melhor. Agora vamos salvar este e vamos voltar para o modelo de caso de CD. [ inaudível], olhe para isso. Este é um uso do mundo real para o seu trabalho de arte digital. Há tantas maneiras que você pode pegar o que você faz dentro do ilustrador e aplicá-lo a produtos físicos e apenas coisas que
as pessoas que realmente queremos comprar e para não mencionar tanto trabalho do cliente que você pode fazer com uma arte digital que você faz dentro ilustrador. De qualquer forma, rapazes, obrigado por fazerem esta aula. Espero que você obtenha um monte de dicas úteis e truques sobre a criação sua própria arte digital e apenas veja todas as possibilidades que você pode tomar com a criação de arte digital dentro Illustrator e aplicá-lo em seu próprio trabalho artístico, para o trabalho do cliente, para empresas em geral, artistas, e apenas todas as possibilidades de fazer seus próprios projetos e, em seguida, aplicá-lo a produtos e uso do mundo real.
Cory Posts
