Transcrições
1. Introdução: Oi caras. Bem-vindo à classe Série Ilustrada de Ícones ou Emblemas em skillshare.com. Esta é a palestra de introdução e eu sou seu professor anfitrião e instrutor, Dominic. Estou super animado por estar aqui hoje e realmente inspirado para ver quantas pessoas já se
inscreveram para a aula e quem está interessado no conhecimento que tenho que compartilhar com vocês. Quero começar apenas agradecendo por se inscrever e por se juntar à turma. Quando o Skillshare me pediu para dar este curso, pensei que talvez 50 pessoas se inscrevessem e a partir de hoje, que é na verdade uma semana antes do início da aula, já
temos três vezes esse valor. Acho que com esse tamanho de classe, devemos ter muito potencial para interação e colaboração. Então, estou ansioso para ver vocês darem feedback e conversarem uns com os outros, e aprenderem juntos para melhorar todos os seus projetos. Esta é a primeira aula que lecionei com o Skillshare e a primeira turma online que lecionei durante o período. Espero que vocês perdoem quaisquer erros, erros ou nervosismo que eu tenha. Eu não estou acostumado a ser filmado, mas porque eu simplesmente não podia dizer não para Skillshare e porque eu amo vocês todos muito, fazendo isso por vocês de qualquer maneira. Tenho algumas coisas que quero rever neste primeiro vídeo. Vamos mudar para isto aqui. Eu quero apenas primeiro rever a estrutura do curso e falar sobre como ele vai quebrar nas próximas duas semanas. Então eu quero falar sobre maneiras que você pode usar o ambiente de sala de aula aqui no Skillshare, para não apenas construir seu próprio projeto, mas realmente aproveitar ao máximo a interação com seus colegas alunos. O curso é dividido em três seções diferentes. Eu os rotulei, construindo idéias, construindo consistência, e construindo uma série. Cada uma delas se traduz em uma unidade diferente dentro do currículo que você pode ver em seu currículo. A primeira seção é sobre gerar ideias, é sobre esboçar, é sobre pesquisa, é sobre descobrir o potencial com essas idéias. Você provavelmente terá um monte de idéias ruins e por isso é sobre como eliminar
as más idéias para encontrar algumas boas idéias que ajudarão a tornar o seu projeto um sucesso. A segunda seção, já que estamos falando de ícones e emblemas aqui, vamos falar sobre alguns dos princípios básicos de design, sobre como eu posso pegar apenas formas realmente básicas, mas fazer algo bonito, e interativo, e agradável de olhar sem ter que
recorrer a cobri-lo com pelúcias supérfluas como sombras, texturas, e todas as outras coisas. Não me entenda mal, eu acho que há um momento certo para texturas, sombras
e padrões e todas essas coisas, mas o que eu realmente quero focar é projetar algo usando apenas formas básicas. Junto com isso também cobrir um monte de minhas técnicas de fluxo de trabalho, algumas dicas e truques dentro do Adobe Illustrator e como você pode usar apenas esses círculos e quadrados dentro do software para desenhar quase qualquer coisa que seu coração deseja. Algumas pessoas já me perguntaram : “Que software é necessário para este curso?” A resposta curta é, nenhuma. A melhor resposta é algum software no qual você pode gerar vetores. Você pode usar software livre como o Inkscape. Eles ainda fazem o CorelDRAW? Eu acho que você poderia usar isso se você quisesse. Você pode até usar o Photoshop e usar suas ferramentas de desenho vetorial que moldam as ferramentas dentro de lá, se você quiser. Mas o que vou focar é o Adobe Illustrator. É a carne e as batatas, o pão e a manteiga da indústria de ilustração e design e é um dos mais fluentes. Depois de analisarmos e construirmos algumas dessas ideias, começamos a dar vida a essas ideias por meio do design usando o Adobe Illustrator, falaremos sobre, na terceira seção, como podemos criar uma série de coisas a partir dessas Idéias. [ inaudível] vamos falar ainda mais sobre [inaudível] paleta de cores, vamos falar sobre usar os princípios de unidade e variedade, usando a idéia de trazer algo novo para cada um, mas mantê-lo parte do todo maior, e, em seguida, apenas finalizar os minúsculos pequenos detalhes de cada peça para realmente torná-lo uma série de ícones ou emblemas. Então essa é a divisão básica da classe. Tenho estas três secções. Cada um é desbloqueado após uma determinada data. Cada um contém vídeos e tutoriais que vou postar. Há também links para referências, inspiração e pesquisa, coisas como livros e outros tutoriais que você pode estar olhando. Há também um prazo associado cada seção para nos manter no caminho certo com o projeto. Então, na segunda e terceira seções, eu também estarei postando algumas horas de trabalho ao vivo durante o qual eu vou responder suas perguntas. Uma das coisas legais que eu amo sobre o ambiente de sala de aula aqui no Skillshare é que, você tem a oportunidade de, basicamente, correr selvagem e fazer o que quiser. Quero encorajá-lo a fazer algumas coisas durante o seu tempo aqui na aula. O primeiro é apenas explorar. Acho que, pelo menos para mim, muitas vezes é fácil ficar preso a fazer o que faço e depois fazer de novo. Mas sem a presença de um cliente, ou um chefe, ou um diretor de arte, alguém dizendo o que fazer, eu acho que você deveria aproveitar a oportunidade para tentar algo que você
estava pensando em tentar e talvez não teve a oportunidade de ainda. Eu também acho que à medida que você avança com seus projetos, você deve aproveitar a oportunidade para ser criativo. Essa é uma afirmação bastante ampla e não tem um monte de parâmetros sobre isso, mas eu só queria dizer que mesmo que eu vou estar mostrando a vocês minha abordagem para as coisas e como eu desenho usando essas formas geométricas básicas, eu esperaria que pegassem partes e pedaços disso e criassem seu próprio estilo ou explorassem o que podem fazer com ele de maneiras diferentes do que lhes estou mostrando. A última parte que eu acho que vai realmente ajudar vocês a tirar o máximo partido desta classe é, se vocês se envolverem com os outros alunos aqui. Como eu mencionei antes, temos uma grande participação nas aulas e você tem o potencial interagir com um monte de pessoas que você não veria diariamente. Vou comentar, enviar e-mails, falar com o máximo de vocês que eu
puder, sempre que eu puder. Mas, além disso, você realmente terá muito benefício ao contribuir para os projetos de outras pessoas, deixando feedback e ouvindo o que outras pessoas têm a dizer também. Há algumas maneiras diferentes de fazer isso dentro do Skillshare. Você pode criar grupos, que é uma maneira muito legal de trabalhar em clusters menores dentro da classe. Neste momento, temos cerca de 150 pessoas inscritas e isso pode rapidamente tornar-se esmagador. Mas se você criar um grupo, você pode interagir com apenas 20 pessoas, ou na verdade, eu acho que isso é o máximo, 20 pessoas ou menos. Então você pode ter um pouco mais
dessas discussões individuais com pessoas dentro desses grupos. A principal coisa que você provavelmente vai fazer é deixar feedback sobre os projetos das pessoas e obter feedback deixado em seu próprio projeto. Esse é realmente o momento em que você vai obter a melhor crítica, o melhor feedback, as melhores contribuições para o seu projeto de outras pessoas. O pior lugar para um designer ou artista estar é dentro de sua própria cabeça e, assim, para ajudar a sair disso,
a melhor maneira de fazer isso é ouvir o que as outras pessoas pensam sobre seu trabalho. A última coisa que você pode fazer é postar discussões. Há uma seção de perguntas e respostas e um dos principais objetivos dessa seção é,
é um lugar para vocês deixarem perguntas diretamente para mim. Se você estiver tendo problemas com o Skillshare, se estiver tendo problemas com o software, se estiver tendo dúvidas sobre como fazer algo, publique um tópico de discussão e eu responderei lá,
ou vou categorizá-lo mais tarde para as perguntas e respostas ao vivo. No entanto, isso não é a única coisa que você pode fazer nas seções de discussão. É um tipo de quadro de avisos aberto e assim você pode postar recursos para outras pessoas encontrarem, você pode postar perguntas que você quer ouvir de outras pessoas, você pode perguntar às pessoas como foi seu dia se você realmente queria ou talvez mais apropriadamente como, como eles abordaram seus projetos? Você pode aproveitar oportunidades dentro desses fóruns de discussão para interagir na sala de aula também. Isso é sobre isso para esta palestra de introdução. Quero dizer, obrigado novamente por se inscrever para a aula. Estou ansioso para seguir em frente, e espero que logo depois disso, vocês assistam ao primeiro vídeo sobre esboços e construção de ideias.
2. Como criar ideias: Ei, caras. Bem-vinda de volta. Esta é a primeira palestra real e a primeira seção, a seção de idéias de construção do criar uma série de ícones ou emblemas classe Skillshare. Espero que agora você já tenha assistido a palestra de introdução. Se você ainda não assistiu isso eu recomendo voltar e
verificar isso primeiro e depois voltar e assistir este vídeo. O que vou cobrir hoje é como começar o seu projeto. Como construir ideias, como fazer alguns esboços e como se manter livre do bloco criativo que pode ser associado ao início de um projeto. Eu tenho algumas dicas e truques para compartilhar com vocês e tenho um projeto de amostra que eu criei que eu vou mostrar a vocês de onde meus pensamentos vieram para esse projeto. Antes de fazer isso, porém, eu quero fazer uma edição para o primeiro vídeo. Lá eu falei sobre postar perguntas e respostas para a seção de perguntas e respostas do site e, em seguida, eu responderia aqueles em um vídeo de transmissão ao vivo. Ouvi falar do Skillshare e eles têm
tido problemas com a configuração de transmissão ao vivo. Então nós não vamos realmente fazer nenhuma pergunta e resposta ao vivo na aula, mas postar qualquer uma de suas perguntas que aparecem ao longo do caminho, postá-las na seção de perguntas e respostas e eu responderei a elas. Se eu começar a ver tópicos ou tópicos que precisam de uma resposta de vídeo de alguns tipos, posso ilustrar o que estou falando, vou adicionar vídeos adicionais à medida que avançamos. Espero que alguns de vocês já tenham visto essa série de distintivos para Wichita local, que é a cidade onde eu moro,
atrações nas quais tenho trabalhado. Eu criei estes para esta classe como um exemplo sobre o que você pode criar ou para ilustrar algumas das coisas que eu vou estar falando. Eu vou fazer referência a essa coisa várias vezes ao longo do curso apenas para mostrar como eu estou realmente desenhando essas coisas, mas hoje eu vou mostrar a vocês como eu tive a idéia de fazer esta série. Por onde você começa? Essa é sempre a parte mais difícil de qualquer projeto. Se você tiver sorte você tem um bom resumo criativo, se não, você não terá nada além de um cliente que não sabe o que quer ou quando quer. Isso sempre pode ser uma coisa difícil para começar. Para esta aula eu acho que o que você deve fazer para começar é apenas colocar tudo de lado e apenas fazer uma lista de alguns tópicos. Pode ser qualquer coisa realmente, eu queria manter os parâmetros da classe bastante soltos para que você pudesse escolher o que você quisesse. Eu não queria que fosse nenhuma guia ou restrição definida. Sabemos que estamos trabalhando em uma série de coisas aqui então você precisa pensar sobre como uma série de coisas pode acontecer, mas fora disso pode ser qualquer coisa, desde animais a alienígenas, a pessoas, a diferentes atividades como esportes ou a vida noturna ou pode ser um filme específico em que você quer se concentrar ou programa de TV. Pode ser quase qualquer coisa. Eu escolheria alguns desses e anotaria isso, só para começar a sua mente. partir daí, a primeira coisa que
faço quando começo quase qualquer projeto é criar o que é chamado de mapa mental. Tenho esse exemplo aqui, e é uma associação livre, escrita
livre, literalmente
vomitando ideias e palavras no papel o mais rápido possível. Não há muita ciência nisso. Para mim tudo o que eu fiz foi escrever uma palavra no centro, distintivos, e eu tenho algumas coisas em que eu tenho pensado. Então eu comecei a ramificar de lá. Comecei com o design em geral e depois com a história do design , artistas, designers
e nomes, e talvez suas iniciais. Poderíamos ir a escoteiros ou recompensas de conscientização, respostas, tipo de coisas. Há selos, autocolantes, pessoas, atividades. Eu sou um grande fã de meados do século e isso aparece em muitos de meus projetos auto começou. Estou pensando em meados do século, mas estou pensando em arquitetura de meados do século e Frank Lloyd Wright em Chicago, na área de Palm Springs, eu estou pensando em móveis, vida
e vida, mesas, Camas, cadeiras, etc Desculpe por isso. Eu também estou considerando esta área de Wichita, que é de onde eu venho, coisas de turismo ou atração. Eu levo cerca de 15 ou 20 minutos e literalmente apenas escrevo tudo o que posso o mais rápido possível. Depois que eu tenho essa coisa de mapa mental feito, muitas vezes o que eu gostaria de fazer é apenas deixar minhas idéias definir por um tempo na parte de trás da minha cabeça. O cérebro é uma coisa engraçada, ele vai continuar pensando em coisas quando você está dormindo, quando você está pensando em outras coisas, e coisas que estão vivendo na parte de trás da sua cabeça. Na verdade, construo algumas das minhas melhores ideias depois de deixar as coisas voltarem lá por um tempo. Nós não temos muito tempo aqui, mas nós temos alguns dias e se você conseguir um salto
nessa idéia você pode deixar as idéias definir para um dia ou dois. Provavelmente é tudo o que você realmente precisa para este projeto. Depois de pensar um pouco mais, volto a esta coisa e, em seguida, circulo algumas das coisas que estou gostando um pouco mais. As duas idéias que saem disso são
essa vida de meados do século e essa coisa de atrações de Wichita, e eu estou realmente gravitando mais para a idéia de vida de meados do século. Eu sou um grande fã de coisas de ilustração moderna de meados do século, e recentemente fiquei mais intrigado com a arquitetura de meados do século. Então, junto com isso, há um monte de design de interiores e elementos que foram criados para entrar nessas casas, e essa idéia realmente me intrigou muito, principalmente porque eu não sei um monte inteiro sobre isso. Então eu fiz um pouco mais de pesquisa sobre isso, eu olhei para um monte de fotos, eu li um pouco, eu olhei para livros que eu poderia comprar na Amazon, e eu apenas comecei a esboçar. Uma das coisas mais difíceis de fazer com qualquer projeto é colocar caneta no papel. Isto é um grande problema para um monte de pessoas. Não tenha medo de esboçar nunca. Basta colocar sua caneta no papel,
começar a tirar essas idéias de alguma forma porque quando suas idéias ficam presas na sua cabeça, elas não vão para onde. Muitas coisas que eu gero são obviamente muito desleixadas. Este material não é bonito de qualquer forma, mas o propósito de esboçar aqui não é chegar ao produto final. Tudo o que estou tentando fazer é colocar minhas idéias no papel, então quanto mais cedo eu puder fazer isso, melhor. Eu tento levar uma caneta e papel comigo para qualquer lugar que eu vá para que eu possa esboçar sempre que as idéias começam a bater na parte de trás do meu cérebro. Tenho essa ideia sentada lá atrás, e se eu pensar em algo que aparece enquanto dirijo, ou enquanto estou sentado em outra reunião ou algo assim, vou começar a esboçar essas coisas. Alguns desses primeiros esboços vieram cerca de um dia e meio, apenas eu rabiscando idéias, e você pode ver um toca-discos, relógios, casas, telefones, e todos esses elementos interiores que você pode encontrar dentro de um meio - Casa moderna do século. Isso ficou um pouco mais complexo do que eu queria, então acabei matando essa ideia. Esse é o propósito do mapa mental, e este edifício idéias no início. Você quer construir duas ou três, pelo
menos boas idéias. Você provavelmente vai construir 20 ou 30 idéias ruins. Temos que ser capazes de riscar essas más ideias da lista, explorar as poucas boas ideias até que uma delas se eleva acima das outras. Voltei para a minha Área de Atrações de Wichita, emblemas, e comecei a fazer esboços nelas. Fiz uma pesquisa, fiz uma lista de locais diferentes que pensei ser interessante para pessoas que eram de Wichita, ou mesmo pessoas que moravam em Wichita, e que não saíam há algum tempo, ou que estavam procurando para algo novo para fazer. Então eu tinha uma lista de tamanhos decente de alguns, eu acho que uns seis, ou oito, ou nove lugares diferentes que eu gostava também, isso me intrigou. Comecei a esboçar essas ideias. Novamente, estou sendo totalmente perdido, estes são rabiscos bastante incoerentes para qualquer um, mas não é importante. Só tenho que colocar essas ideias no papel. Enquanto você está fazendo
isso, não é muito cedo para começar a pensar sobre essas séries de coisas. Eu tive essa idéia, eu tinha esses locais, eu comecei a desenhar coisas, e pensar em como eu poderia juntar tudo isso em algumas séries consistentes. Depois de pensar em outro dia de esboços, tive essa idéia de colocar todas essas coisas em um MapMarker, tipo de local que você está aqui tipo de símbolo. Depois que tive essa ideia, e senti que era uma boa ideia, então comecei a explorar isso. Você pode me ver começar a trabalhar tudo em círculos aqui. Uma vez que cheguei a esse ponto, eu começo a fazer um pouco mais de esboço só para
ter certeza de que tudo vai dar certo. Chego ao ponto em que tenho, oito, nove ou dez ideias para distintivos diferentes que sinto que vão funcionar aqui. Nesse ponto, tipo de acertar esse ponto de controle interno de resolução onde eu apenas digo, “Sim, isso é o que eu quero fazer, é
aqui que vai chegar, eu me sinto confiante de que eu posso resolver qualquer problema que possa surgir. Sinto que isto vai acabar bem. Mesmo que haja solavancos ao longo da estrada, eu sei que posso trabalhar através deles.” Isso é realmente o que você está tentando chegar aqui nesta fase inicial de esboço. Não sinta que precisa ter a resposta final para postar seus esboços. Vá em frente e publique-os em seus projetos, mais cedo ou mais tarde, e receba feedback sobre eles. Enquanto eu estava trabalhando nisso, eu falei muito com minha esposa, e com alguns outros amigos próximos sobre isso apenas para obter o feedback deles. Quando as pessoas tinham coisas positivas a dizer sobre essa ideia, então essa é a minha validação, é definitivamente uma boa ideia e estou pronto para seguir em frente. Esse é realmente o propósito desta aula, é obter esse feedback externo. Quando você cria seu projeto, não tenha medo de postar coisas. Todos aqui serão muito amigáveis, e geralmente têm coisas boas para adicionar ao seu projeto. É o que procuramos aqui. Eu vou passar e comentar sobre seus projetos, mas espero que todos os outros também o façam. Eles vão ajudá-lo a construir essas idéias, eles vão ajudá-lo a resolver quaisquer problemas que você possa ter. Dito isto, eu também queria mostrar a vocês este projeto de amostra que criei. Se você entrar na guia do projeto desta classe, você verá este projeto de exemplo chamado Wichita Area Atrations. Este é o projeto que eu criei, mostrando meu processo para todo o curso aqui. Temos cada fase dividida do esboço às ideias iniciais, ao refinamento, ao produto final. De modo algum você deve se sentir como este é um modelo que você tem que seguir embora. Eu só queria postar essa coisa como uma referência para você, que você possa ver como um projeto pode parecer. Eu também tenho uma tonelada de escrita aqui. Não sinta que você tem que incluir tudo isso por qualquer meio. Basta postar cedo, postar com frequência, editar seu projeto sempre que quiser. Temos prazos associados com a turma, mas não pense que você só pode postar associado a esses prazos. Basta postar seu trabalho como ele vem para você e começar a receber feedback de outras pessoas. É sobre isso para esta primeira seção. Novamente, a idéia principal é apenas começar a colocar idéias fora do seu cérebro em papel, e espero que acabem com algo que possamos escolher, e escolher, e começar a criar coisas com. Na próxima seção, vou começar a mergulhar na construção de vetores dentro do ilustrador, e realmente começando a descobrir a aparência, estilo e estética desta série com base na idéia. Estou ansioso por essa parte, e vejo vocês na seção 2.
3. Introdução às formas: Ei, pessoal, bem-vindos de volta. Este é o primeiro vídeo da segunda seção desta aula, e hoje vamos falar de forma. Vou mostrar-lhe os diferentes tipos de formas que existem. Vou mostrar-lhe algumas das formas geométricas básicas. Vou mostrar-lhe um exemplo de como eu uso apenas uma forma geométrica para criar uma pequena ilustração. Então vamos falar sobre relacionamentos de forma e como construí-los e fortalecê-los o máximo possível em seus ícones e crachás. Então vamos mergulhar bem aqui. O primeiro tipo de forma que vamos falar é a forma geométrica. Se vocês estudaram o Bauhaus em tudo, vocês saberão que eles realmente enfatizam uma
ênfase na simplificação de tudo, tanto quanto possível. Quando você simplifica formas o mais matematicamente possível, você começa a algumas formas geométricas básicas. Estas são as três formas básicas reais: quadrado, círculo e um triângulo equilátero. Há obviamente um monte de outras formas geométricas como paralelogramas, e rombos, etc, mas estas são as três formas básicas e eu uso essas muito quando estou desenhando. Eu desenho um monte de coisas com apenas quadrados e círculos. Eles são formas muito poderosas e você pode fazer um monte de coisas diferentes com eles. Seguindo formas geométricas é algumas formas orgânicas. No Illustrator, geralmente as formas orgânicas são formas que você está criando com a ferramenta caneta. Eu usei a ferramenta de caneta aqui para criar essas diferentes formas orgânicas, usando as curvas de Bézier nesses pontos para dar-lhes não matemáticas, mais naturais e vistas em curvas da vida real, e formas, e formas aqui. Depois de formas orgânicas, temos rectilíneas. Estas são todas formas baseadas em linha reta, mas não são algo que pode ser explicado matematicamente. Quando falo de um quadrado, podemos facilmente dizer que tem comprimentos distantes iguais de cada lado, cada canto é um ângulo de 90 graus, e é isso que faz um quadrado. Não consigo descrever isto. Podemos percorrer e descobrir ângulos e comprimentos de cada lado, mas não há nenhuma relação real ou razão pela qual eles existam juntos. Mas também há formas não-orgânicas como acabamos de olhar, elas são chamadas rectilíneas; linhas retas, não geométricas. Quando você combina formas orgânicas e formas rectilíneas, você obtém essas formas irregulares. Muitas vezes eu acho que esta é uma maneira engraçada de classificar formas, porque é basicamente tudo que eu não posso encaixar em alguma outra classificação, mas eles geralmente são apenas chamados de formas irregulares. O último tipo de forma aqui que temos é desenhado à mão. Muitas vezes isso é usado como trabalho de textura, porque isso é algumas coisas que são feitas com tinta
e o pincel e, em seguida, Live Traced dentro do Illustrator. Mas é algo que parece que foi feito por um humano ou por uma pessoa. Não é geométrico, não é tipo orgânico de forma, e é apenas desenhado à mão e mostra aquele toque pessoal. Esses são os cinco tipos principais de formas. Novamente, temos geométrico, orgânico, rectilíneo, irregular e desenhado à mão. Precisamos ainda de tudo para baixo, especialmente no mundo bidimensional plano, geralmente
podemos classificar todas as formas que criamos em uma dessas áreas. Eu acho que isso é uma coisa bem interessante de se pensar; não importa o quão complexo você faça algo, no final vamos apenas estar trabalhando com essas formas básicas de um tipo ou outro. Então, para o propósito desta classe, estaremos focando principalmente em formas geométricas. Então eu delineei apenas algumas das formas geométricas básicas reais aqui, algumas das quais já falamos, o quadrado, o círculo, o triângulo equilátero, e um triângulo reto. Triângulos são interessantes porque eles podem ter diferentes tipos de triângulos: um equilátero, triângulo reto, e um triângulo 30-60, que eu não mostrei aqui porque é difícil desenhar no Illustrator e é apenas um que eu não uso muito. Todas essas formas podem ser desenhadas com as ferramentas de forma dentro do Illustrator. Vou falar mais sobre isso no próximo vídeo onde vou falar sobre desenho com forma. Mas agora eu só quero mostrar a vocês um exemplo rápido de como eu posso usar até mesmo apenas um triângulo reto para quase completar uma ilustração inteira. Então eu tenho um exemplo de uma parte de um
dos ícones que você pode ter visto na seção de informações sobre esta classe,
e esta coisa é criada quase inteiramente com triângulos retos. Quando olhamos para isto, podemos ver as formas básicas do triângulo direito aqui, elas são giradas a 45 graus aqui e aqui, e aqui em baixo. Mas mesmo essas outras formas que estou criando são construídas com triângulos retos também. Você não pode ver bem, mas deixe-me mostrar-lhe um exemplo aqui de como eu iria pegar um triângulo reto e rapidamente fazer esta forma. Você pode ver aqui que usando apenas quatro triângulos retos eu sou capaz de criar esta forma paralelogramo. Eu usei que vários lugares dentro daqui, mesmo uma forma ligeiramente diferente de paralelogramo com dois triângulos retos, aqui está um com quatro. Então também estou usando quatro triângulos retos aqui para construir um retângulo quadrado de dois por um. Por retângulo quadrado quero dizer que há dois quadrados empilhados um em cima do outro. O que acontece quando eu construo todas essas coisas com essa forma geométrica é que eu crio o que são chamados de relações de forma entre cada um. Eles compartilham semelhança e tipo de forma, eles compartilham semelhança proporcional. Então seu olho vai começar a fazer as relações entre eles e quando trabalhamos com essas formas e quando você trabalha com qualquer forma, o que estamos tentando fazer quando projetamos é fazer algo que é interessante para olhar construindo essas relações com diferentes tipos de formas. Quando você tem algo que tem um monte de relacionamentos interessantes, seu olho vai quase começar a examiná-lo sem você pensar sobre isso. Então, quando você pensa sobre isso ainda mais, você pode começar a ver realmente como esses relacionamentos constroem algo juntos. Isso se torna o que é realmente interessante e legal sobre design e ícones ilustração. O que eu quero falar é de maneiras diferentes que as formas podem se relacionar umas com as outras. Primeiro de tudo, temos um tipo de forma. Neste exemplo, eu tenho dois quadrados. Eles são tamanhos diferentes, eles estão em lugares diferentes, eles não estão tocando ou algo assim, mas ambos são quadrados e então eu faço essa relação muito rapidamente. Também tenho semelhança em escala ou tamanho. Aqui eu tenho um quadrado e um círculo que são duas formas diferentes. Ambos são geométricos, então eles se relacionam lá, mas mesmo quando são diferentes formas, quando são da mesma escala, eles tornam essa relação ainda mais forte. Outro tipo de relacionamento de forma é a proximidade. Isto é basicamente apenas dizer que duas formas que estão próximas se
relacionam mais entre si do que se relacionam com formas que estão mais distantes. Então, se eu diminuir um pouco e voltarmos para
a referência de escala aqui e eu olhar para essas duas formas, elas parecem mais intimamente relacionadas do que dizer, esta forma e esta forma fazem mesmo onde o círculo sobre este orgânico forma compartilha algumas das formas curvas semelhantes a elas. Estes dois se sentirão mais próximos porque estão próximos um do outro. Em seguida, a última relação de forma que você pode construir é com cor. Em outro vídeo, vou falar sobre a construção de uma paleta de cores. Mas o princípio aqui é que se eu tiver duas formas que são diferentes tipos de formas ou escalas diferentes e mesmo que não estejam próximas umas das outras, então se eu mover esta mais longe, elas ainda se relacionarão umas com as outras cor. Uma das razões pelas quais eu escolho usar apenas formas geométricas é porque eu acho que é fácil construir um monte
desses relacionamentos de forma quando eu estou apenas desenhando com três ou quatro formas geométricas diferentes. Tenho aqui um exemplo sobre o qual podemos falar um pouco. Um dos distintivos que eu criei. Vamos falar no vídeo da paleta de cores sobre como construir na minha paleta de cores me ajuda a relacionar isso com todos
os outros emblemas que são criados, mas dentro daqui eu quero falar sobre algumas das relações de forma que estou construindo. Você pode ver que quando eu uso apenas círculos, eu construo essa relação entre o relógio aqui e os pneus da bicicleta, que é interessante e então o pneu da bicicleta e a seção
central do pneu, há também um círculo, e então eu construí essa relação, então esta que é a cor amarela, também se relaciona com esta parte nos pedais e a outra aqui. Eu tenho essa relação que é interessante, eu tenho esses retângulos alongados aqui e aqui, que é bem interessante. Eu tenho algum equilíbrio de cores entre este lado com este sinal branco, e então deste lado eu tenho, uma e duas pequenas formas brancas aqui, que é muito interessante. Eu tenho a relação da forma da nuvem e um pouco difícil de ver, mas a mesma forma aqui com a espuma na caneca de cerveja. Então mesmo começar a ficar um pouco mais complexo, eu tenho este círculo aqui, que há um círculo aqui em baixo, unido com um quadrado para fazer esta forma. Você começará a ver essas relações com seus olhos quase imediatamente. É isso que mantém as coisas interessantes. Novamente, essa é uma das coisas que eu realmente gosto sobre formas geométricas é que eu posso construir um monte desses relacionamentos muito rapidamente. No entanto, eu não quero que você se sinta limitado a formas
geométricas para o que quer que seja que você está projetando para o seu projeto aqui. Você já pode ter visto, mas eu postei um link para um bucket no Dribbble que eu mantenho que tem um monte de diferentes tipos e estilos de ícones aqui. Você pode navegar por aqui apenas para classificar quais diferentes tipos de formas estão sendo usados e como eles estão sendo usados. Existem alguns exemplos com apenas linha e você pode se sentir livre para usar linha aqui. Você nem precisa usar a forma se quiser. Novamente, este é o trabalho de esboço com formas geométricas básicas em um monte dessas coisas. Eu acho que usando formas geométricas, você ainda pode desenhar o ícone, mas quando nós não temos qualquer um desses trabalhos simples reais dentro de lá, ele simplesmente se torna linha e não forma. Por favor, confira estes, não sinto que você tem que desenhar
no mesmo estilo que eu faço ou usar apenas círculos e quadrados. Você pode usar formas orgânicas ou formas rectilíneas ou formas irregulares mesmo. A idéia principal é que estamos desenhando com algumas formas básicas e estamos construindo as relações de forma o máximo possível para manter as coisas interessantes ao longo de toda a série de ícones ou emblemas. Isso é tudo para este vídeo. O próximo, vamos falar sobre realmente desenhar com essas formas geométricas básicas dentro do Illustrator. Vou lhe dar algumas dicas e truques lá. Vemo-nos no próximo vídeo.
4. Como desenhar com geometria: Agora que sabemos um pouco sobre os princípios de forma e diferentes tipos de formas, neste vídeo, vou mostrar alguns dos conceitos básicos do desenho com formas geométricas dentro do Illustrator. Vou alternar para o meu computador aqui, e vamos falar principalmente sobre as ferramentas de forma e como usá-las para desenhar todos os tipos diferentes de coisas. Em seguida, repassarei algumas coisas básicas de configuração dentro do Illustrator para ajudar a acelerar as coisas, bem como algumas ferramentas adicionais, como a ferramenta Reflectir e Transformar. Então pensei em pegar esse monstrinho aqui do
distintivo Starlight Drive-in que eu fiz e mostrar como eu fiz esse personagem monstro. Voltaremos a isso em um segundo. Vamos começar com as ferramentas de forma. Eu desencaixei minhas ferramentas de forma da barra de ferramentas aqui. Normalmente, você a veria na barra de ferramentas como a ferramenta de retângulo. Parece um pequeno quadrado. Mas se você clicar e segurar isso, você verá toda a lista suspensa de diferentes ferramentas abaixo da ferramenta de forma;
a ferramenta de retângulo, a ferramenta de retângulo arredondado, elipse, polígono, estrela e a ferramenta de flare, que eu vou não estar falando porque é um pedaço de lixo. Se você clicar nesta pequena seta aqui, ela vai desencaixar e você verá todas essas coisas aqui embaixo. Essa pode ser uma maneira muito fácil de acessar as ferramentas de forma dentro do Illustrator. Normalmente o que eu uso embora, ou teclas de atalho para chegar a estes; os que são incorporados no Illustrator para a ferramenta de retângulo ou M para a ferramenta de elipse ou L, e então eu fui e adicionei o meu próprio para o arredondado para ser N, e para a ferramenta estrela para ser S. Então, se você me ver alternando entre ferramentas, eu provavelmente estou usando as teclas de atalho para fazê-lo. Vamos começar com a ferramenta de retângulo aqui. Se eu apenas desenhar alguma forma, como vermelho aqui com a ferramenta de retângulo, você verá se eu clicar, segurar e arrastar isso para fora, eu vou começar a desenhar um retângulo. Se você segurar Shift enquanto você está desenhando, você vai restringir as proporções, e se você restringir as proporções, isso significa que ele vai manter a largura e a altura iguais, e se eu tiver uma largura igual e alturas iguais retângulo que faz um quadrado. Além disso, se você segurar Alt ou Option, ele sairá do centro aqui. Você pode ver que eu desenho de um canto sem ele, e se eu segurar Alt ou Option, então eu vou desenhar do centro. Eu estou segurando Shift também, então eu estou desenhando um quadrado do ponto central para fora. Finalmente, com esta ferramenta, se você clicar uma vez, ele irá puxar para cima esta pequena caixa de diálogo e você pode digitar um retângulo de um tamanho específico. Basta digitar a largura e a altura aqui, parecer um quadrado de 200 pixels por 200 pixels, e se você clicar neste link de corrente, ele vai mantê-los exatamente iguais. Então, se eu digitar 250 para a largura, ele irá automaticamente colocar em 250 para a altura, e ele vai me fazer 250 pixels quadrado. Em seguida, vamos falar sobre a ferramenta de elipse. Isso funciona exatamente da mesma forma que a ferramenta de retângulo exceto que estou desenhando elipses ou círculos em vez de retângulos ou quadrados. Então, se eu clicar e arrastar isso para fora, eu vou fazer esta forma oval ou elipse. Se eu segurar Shift, isso irá restringir as proporções e eu vou desenhar um círculo. Se eu segurar Shift e Option, vou desenhar no centro, e se eu clicar uma vez, posso fazer um círculo de 250 por 250 pixels. Vou deixar você explorar a maioria dessas formas por conta própria, todas
elas funcionam da mesma maneira básica. A última coisa que eu quero mostrar a vocês porque é um pouco estranho a maneira como ele é colocado lá é a ferramenta estrela. A ferramenta estrela, se eu clicar e arrastar, vai desenhar uma estrela para fora. Se eu segurar Shift, ele vai realmente manter a estrela na posição vertical em vez de ser capaz de girá-la em torno dela. Mas a principal coisa aqui que eu quero mostrar é
que se você usar as teclas de seta para cima e para baixo, eu posso adicionar ou subtrair pontos para ou a partir desta estrela. A razão pela qual isso é importante é porque uma estrela com três lados é um triângulo equilátero. Eu posso acertar M, desenhar um retângulo; bater L, desenhar um círculo; bater S, e desenhar uma estrela, que é na verdade um triângulo, e isso me dá as três formas geométricas básicas usando essas ferramentas. Há muitas outras opções aqui dentro, incluindo a ferramenta polígono e a ferramenta de retângulo arredondado, que são agradáveis, e outras coisas que você pode fazer com a ferramenta estrela também. Por favor, explore-os um pouco. Eu postei alguns tutoriais
sobre os conceitos básicos de desenho no Illustrator que você pode assistir também, bem
como o pathfinder, sobre o
qual vou falar um pouco em breve. Certifique-se de verificar a seção de recursos na classe e assistir alguns dos tutoriais lá porque eles cobrem um monte de coisas que é feito de forma rápida e mais completa do que eu seria capaz de fazer neste vídeo curto. Agora que temos essas três formas básicas, quero falar sobre como você as controla quando eu as tiver aqui. A principal maneira de movê-los é com a ferramenta de seleção ou a ferramenta V aqui. Eu posso apenas clicar e arrastar essas coisas, ele também me dá esses pontos ao redor do lado ou alças na minha caixa de transformação, e eu posso transformar a escala destes clicando em qualquer um dos cantos aqui. Se eu clicar no centro ou no lado, vou esticar essa coisa aqui. Se eu segurar Option também, ele vai dimensionar para o centro, e se eu segurar Shift, mesmo que eu esteja arrastando a parte superior e dimensionando a parte superior e inferior aqui mantendo Option, e pressionando Shift, ele irá dimensionar os lados para fora também. Então eu posso dimensionar muito facilmente com a ferramenta de seleção. Você também pode girar usando esta ferramenta de seleção apenas passando o mouse sobre esses cantos até que sua seta mude e, em seguida, você apenas clicar ,
segurar e arrastar, e eu posso girar isso. Segurar Shift girará em ângulos de 45 graus, e isso se aplica a qualquer coisa, não apenas ao quadrado. A outra maneira que você pode girar coisas é com a ferramenta girar. A maneira básica de desenhar formas é com a ferramenta de forma. Os controles básicos são com a ferramenta de seleção. Mas então há algumas ferramentas um pouco mais avançadas usadas para girar e alterar essas coisas e elas estão bem aqui na sua paleta de ferramentas. Parece uma seta se movendo em um círculo, e eles são a ferramenta girar e refletir. Estes vêm com teclas de atalho internas de R para a rotação e O para refletir. Estes podem ser muito úteis para fazer transformações
ligeiramente mais avançadas da sua forma. Com a ferramenta girar, basta clicar em R para alternar para, e então basicamente funciona exatamente como aquelas alças ao redor da borda aqui. O bom é que não tenho de encontrar este sítio exacto. Eu posso apenas apertar R e do caminho para fora daqui eu vou girá-lo, ou de dentro daqui eu vou girá-lo também. A coisa mais legal sobre a ferramenta de rotação aqui é que eu posso definir o ponto central que ele gira em torno. Agora tudo gira em torno deste pequeno ponto no meio. Parece uma cruz ali. Se eu clicar uma vez, posso definir isso. Se eu clicar aqui no canto inferior esquerdo e, em seguida, clicar e segurar, agora
vou girar em torno desse canto. Eu posso configurá-lo em qualquer lugar dentro deste quadrado ou fora
do quadrado e girar objetos em torno desse ponto, ou eu posso até mesmo configurá-lo em uma parte diferente de uma forma diferente e nós podemos girar em torno dessa forma. Abaixo da Ferramenta Girar está a Ferramenta Refletir. Você não vai ver muito com quadrados, então vamos escolher este triângulo. Uma das teclas de atalho que estou usando aqui que acelera as coisas é manter a tecla Apple ou Command pressionada. Em um PC, eu acho que talvez seja a tecla Control, mas eu não tenho 100% de certeza e isso mudará automaticamente volta para a ferramenta de seleção, independentemente da ferramenta que eu selecionei. Posso manter pressionada a tecla “Command e escolher uma forma diferente enquanto mantém a ferramenta Refletir selecionada. A ferramenta Reflect é legal. Basicamente vira uma forma em torno do ponto central e se eu segurar “Shift” ele irá restringir as coisas ao longo de ângulos de 45 graus também. Em seguida, este funciona de forma semelhante à ferramenta Girar e, em seguida, eu posso simplesmente clicar em qualquer ponto e girá-lo em torno desse ponto também. Se eu fizer cópias desta coisa, eu posso rapidamente fazer esta forma de flor que eu uso eu acho que no emblema do jardim botânico. Estou fazendo isso usando apenas os comandos Copiar e Colar na frente para gerar várias versões dessa forma. No menu Editar, você tem Copiar e Colar na frente. As teclas de atalho são Apple C e Apple F. Se eu copiar isso e colar na frente, há realmente duas versões disso agora. Então eu vou usar minha ferramenta Reflect com a tecla de atalho de O. Eu vou definir o ponto aqui, eu segurar “Shift” e virar isso, então eu vou pegar os dois, usar Copiar, Colar na frente, apertar “R” da minha ferramenta Girar. Segure “Shift” para girar em ângulos de 45 graus e girará 90 graus. Ao fazer isso, posso fazer esta forma muito rapidamente. Essas são as ferramentas básicas da barra de ferramentas que eu uso com mais frequência, a Ferramenta Forma, a Ferramenta Seleção, a Ferramenta Girar e Refletir. A segunda parte que eu quero explicar neste vídeo é o Pathfinder. Tirei a janela do Pathfinder da minha coleção de janelas aqui. Se você não conseguir encontrá-lo, você pode ir para o menu Janela e escolher “Pathfinder”, e ele deve aparecer para você. O Pathfinder tem alguns modos de forma legal que eu posso usar para combinar diferentes formas para criar novas formas. Para ilustrar o meu ponto aqui, vamos pegar este quadrado, e fazer uma cópia dele, e então usamos a Ferramenta Círculo e desenhamos isso. Então, se eu escolher duas ou mais formas e , em seguida, apertar qualquer um desses botões nos Modos de Forma ou nos Pathfinders, ou
eu vou unir, ou subtrair, ou cruzar, ou dividir essas coisas para criar novas formas. Eu postei um tutorial sobre mais do Pathfinder explicado aqui. Os dois que eu uso, bem, eu acho que há quatro de todos estes que eu uso mais frequentemente. A primeira é a união, que faz uma nova forma a partir de duas formas. O segundo sendo menos frente ou eu costumo chamá-lo subtrair porque ele vai tomar a forma superior e cortar essa área da forma inferior. Eu também uso o Intersect com bastante frequência, que leva a qualquer lugar em que ele está se sobrepondo e mantém essa área, e remove todo o resto. Então o último que eu uso é dividir, mas eu vou mostrar a vocês uma maneira ligeiramente diferente que eu uso dividir aqui. Eu vou fazer uma cópia deste círculo e, em seguida, eu estou realmente indo para usar a ferramenta de segmento de linha aqui, que a tecla de atalho é barra invertida. Usando isso, eu vou fazer uma linha sem traçado ou nenhum desenho de preenchimento do centro do círculo, Copiar e Colar na Frente, usar a Ferramenta Girar, é girado 90 graus em torno deste círculo. Agora você pode ver que eu tenho um círculo e duas linhas vindo do centro do círculo. Então eu vou usar a divisão Pathfinder e que vai cortar essas formas de círculos quarto. Se eu tivesse apenas uma linha, eu cortaria formas de meio círculo e eu posso fazer isso com qualquer forma usando quantas ou quantas linhas eu quiser. Isso me deixa gerar ainda mais formas aqui. Uma outra coisa que quero mostrar é que mesmo desenhando essas coisas, não
estou sendo 100% exata. Eu realmente tenho esta linha diretamente fora do centro desta forma de círculo, mas se você quiser ter certeza de que você está encaixando as coisas pontos e colocando as coisas exatamente alinhadas onde eles precisam estar, há duas peças para configurar dentro do Illustrator aqui. O primeiro está em View. Há uma opção aqui chamada Guias Inteligentes com uma tecla de atalho de Command U. Quando você ativa, à
medida que você começa a mover o mouse, você verá todo tipo de coisas novas. Ao passar o mouse sobre esse círculo, verei que estou pairando diretamente sobre o caminho ou um ponto de ancoragem do círculo. Eu também posso escolher esta linha e você também pode ver o ponto central deste círculo ou onde as coisas se cruzam. Eu tenho Guias Inteligentes em quase todo o tempo quando eu desenho para que eu possa ser exato em tudo. Dessa forma, quando eu passar o mouse para desenhar minha linha com a Ferramenta Segmento de Linha, eu posso saber que estou desenhando diretamente para fora do centro, e então eu mantenho “Shift” e dessa forma eu vou colocar essa coisa exatamente alinhada. A outra coisa que você deseja configurar dentro do Illustrator está no menu Exibir também. Você vai querer encaixar para apontar. Quando você Snap to Point, ele vai me deixar alinhar coisas como centro ou encaixar para o lado aqui. Atirar pode ser um pouco estranho no início. Você vai ver quando eu arrastar essa coisa, ele vai cair bem ali. Isso é apenas alinhar diretamente esta coisa com o lado ou o centro. Digamos que eu desenhe uma linha para o ponto central lá e então eu sei que eu tenho este ponto central alinhado com esse ponto central, e isso me ajuda a manter as coisas organizadas também. Usando nossa Ferramenta de Forma, nossa Ferramenta de Rotação, nossa Ferramenta de Refletir e o Pathfinder, vamos dar uma olhada em como desenhar esse monstro. Primeiro, na verdade, eu vou entrar aqui e cortar esse monstro e apagar todas essas formas extras, então eu só tenho esse cara para se referir. Então eu vou começar com a forma de cabeça e corpo aqui, que é um círculo. Eu uso a ferramenta Conta-gotas para escolher a cor certa. Então eu vou usar a Ferramenta Retângulo, vou passar o mouse sobre este ponto de ancoragem e vou desenhar um quadrado segurando “Shift” até que você veja as Guias Inteligentes, ajude-me a encaixá-lo exatamente no outro lado deste círculo. Então eu vou usar o Pathfinder quando eu escolher essas duas formas e eu vou uní-las. Se eu quiser ser realmente sincero sobre isso, vamos ver se consigo chegar a mais ou menos do mesmo tamanho. Eu vou entrar aqui e vamos desenhar dois círculos para os olhos. Para ter certeza de que os olhos se alinham, eu vou realmente usar a paleta align aqui. Vou escolher os dois olhos, vou agrupá-los, que podem ser encontrados em “Objeto”, “Grupo”. Eu uso a tecla de atalho de Comando, G, e então eu também vou escolher a forma do corpo, e então eu vou clicar na forma do corpo uma vez, vir para a minha paleta de alinhamento, que, novamente, se você não pode ver normalmente, você pode vir a “Janela” e clicar em “Alinhar” para que essa coisa apareça. Então eu vou apenas clicar em “Alinhar Horizontal Centrado”. Isso vai alinhar perfeitamente meus olhos no centro do corpo aqui, porque quando eu escolher ambos e clicar na forma do corpo novamente, você verá essa mudança para Alinhar ao objeto chave, e você verá a mudança de contorno. Isso vai pegar o que eu selecionei e alinhá-lo com aquele objeto. Então, sem eu ter que mover a forma do corpo, eu posso alinhar os olhos diretamente ao centro aqui. Então eu vou fazer a mesma coisa com a ferramenta de retângulo arredondado, que eu quero fazer a mesma largura meus olhos e sua proporção para um quadrado. Usaremos a ferramenta conta-gotas para torná-la preta também. Antes de começar a adicionar dentes, vamos adicionar os braços. Eu vou fazer isso desenhando um círculo usando a ferramenta de segmento de linha e o truque que eu acabei de mostrar para você cortar um círculo de canto, e nós trazê-lo para baixo até aqui, encaixá-lo ao longo de seu corpo, escalá-lo para cima, torná-lo mesma cor, usar a ferramenta de retângulo e desenhar um retângulo para o braço até aqui, e então eu vou escolher ambas as formas. Ele está um pouco magro demais. Vamos desenhar isso um pouco mais grosso, e então eu escolho os dois. Vou usar o meu localizador e combinar essas duas formas, e depois vou ampliar. Vou clicar e segurar este ponto de ancoragem e desenhar um quadrado. Vai usar a ferramenta girar, clicar nesse ponto de ancoragem novamente, girá-lo 45 graus, e então eu vou fazer uma cópia segurando “Opção” e arrastando para fora até que ele encaixe para baixo. Então esses dois quadrados aqui, e então eu vou escolher os dois, e agora as alças para eu escalar essa coisa são um pouco estranhas. Isso é realmente uma coisa boa para vir aqui aleatoriamente que eu não tinha planejado. O que eu quero é que a caixa delimitadora fique fora dessas coisas. Vou usar uma tecla de atalho rápido para fazer isso acontecer, basta ir para “Objeto”, “Caminho composto” e “Make” ou Apple, 8. Então, se eu acertar a Apple, 8, ele realmente transforma essas duas formas em um caminho composto. Então eu posso reduzir isso com minhas novas alças que estão aqui no canto superior direito para ter exatamente a largura dessa parte do braço dele. Então eu vou escalar isso até eu cruzar e bater bem ao longo do topo lá, e então eu vou escolher essa forma e esta forma, e vamos usar a tecla Menos Frente para acabar com as mãos dele aqui. Então eu vou usar a ferramenta de retângulo novamente. Eu vou chegar a este ponto onde tudo se cruza e eu vou desenhar este retângulo. Eu vou realmente usar a ferramenta de caneta aqui para subtrair a forma superior, e então eu vou fazer uma cópia do braço, colá-lo na frente, escolher minha sombra aqui. Vou usar o Intersect e ele vai me dizer que não funcionou. O filtro Intersect é estranho. Muitas vezes, quando eu combinar duas formas ou várias formas com o pathfinder, ele transformará as coisas em um grupo. Para o filtro intersect funcionar, eu precisava que ele fosse um caminho composto novamente. Então, se você encontrar o erro onde ele diz que ele não produziu resultados, basta bater Apple, 8, fazer essa coisa um caminho composto,
em seguida, escolher ambos os objetos, apertar “Intersect”, e ele deve obter essa forma para que posso colocar essa sombra exatamente dentro desta forma aqui. Então vou escolher os dois. Vou usar Apple, C, e Apple, F. Vou usar a ferramenta de reflexão. Se eu segurar a tecla Command, eu posso passar o mouse sobre outros objetos e eu posso encontrar o ponto central da boca aqui. Se eu definir meu ponto de reflexão no centro, e refletir essa cópia exatamente, ela deve se alinhar de volta ao local onde estava. Faltam mais duas coisas. Primeiro, vamos adicionar alguns dentes desenhando um quadrado, girando-o 45 graus para a direita, subtraindo um dos pontos com a ferramenta caneta para obter o meu triângulo. Vamos usar o Comando A para colocar minhas alças de volta onde eu quero que elas estejam. Então eu vou fazer duas cópias dessas coisas que se sobrepõem ligeiramente,
e, em seguida, escolher todos os três, agrupá-los, e garantir que eles estão alinhados ao centro aqui. Depois vou fazer uma cópia dos meus dentes, usar a ferramenta de reflexão sobre o centro disto e virar os dentes para lá. Agora, a boca e os dentes dele têm uma forma ligeiramente diferente porque o meu retângulo arredondado tem cantos ligeiramente mais redondos neste do que neste, mas, para isto, estou bem com isso. A última coisa que preciso fazer é adicionar meu pouco de sombreamento aqui. Para fazer isso, eu só vou escolher a cabeça e a forma do corpo dele, eu vou fazer uma cópia, eu vou colar na frente. Vou usar minha ferramenta de segmento de linha para desenhar a partir do centro, e então eu vou usar o pathfinder de divisão, que corta essa forma pela metade. Eu deletarei metade dele, e então eu posso escolher os dois, enviá-los para trás, e escolher isso, que é na verdade preto, multiplicar 15% para baixo. Aí está o meu monstro. Se eu fui muito rápido durante qualquer um desses, sinta-se livre para postar perguntas na seção de perguntas e respostas. Mas certifique-se de ir através dos tutoriais que eu postei também porque eles vão explicar um pouco mais em profundidade algumas das coisas básicas que eu estive cruzando por aqui. Eu queria criar algo que fosse um pouco entre iniciante e intermediário. Então, se você estiver confuso em algum momento, apenas me avise e nós vamos esclarecer as coisas com certeza. É isso para este vídeo. Na próxima, eu vou estar falando sobre alguns dos princípios da Gestalt, e então, depois disso, vamos passar para a construção de uma paleta de cores para que, no final da segunda seção, você deve estar em muito boa forma trabalhando em sua série de crachás ou ícones.
5. Princípios da Gestalt: O último vídeo sobre desenho foi um pouco longo, e peço desculpas por isso, mas eu tinha muito para cobrir. Esperemos que esses próximos vídeos sejam um pouco mais rápidos e diretos ao ponto. Neste vídeo, vamos abordar alguns dos princípios da Gestalt, que são princípios do design visual e como o cérebro humano interpreta as coisas que vê, e como podemos usar alguns deles como ferramentas para criar algo um pouco mais original ou interessante. Nós entraríamos em um Illustrator aqui, veremos o primeiro, e eu quero mostrar a vocês a semelhança. Eu tenho alguns exemplos aqui, alguns são dos emblemas que eu fiz e alguns são realmente outros logotipos. Neste caso, as formas semelhantes que eu tenho vindo em torno dos lados aqui dos raios
do sol que também classificam para formar as penas do pescoço nesta forma de águia, as formas compartilham semelhanças tanto no tipo de forma, também em escala de forma, e também em cores. Quando começarmos a ver essas semelhanças, nosso cérebro interpretará essas formas tanto como parte dos raios
do sol como também parte do pescoço da cabeça da águia aqui. Isso pode ser bem interessante, muito rápido. Um desses princípios da Gestalt que podemos usar para fazer lagoas visuais ou truques. Adicionar aqueles pequenos momentos aha para as pessoas quando eles descobrem isso torna as coisas ainda melhores e ainda mais interessantes. O segundo que tenho ilustrado aqui chama-se anomalia. Este é o princípio de que algo que é
diferente de um grupo maior de coisas vai se destacar desse grupo. Eu posso usar isso, na verdade, para ajudar a construir composições dentro desses ícones ou para criar um ponto focal. Neste caso, eu tenho uma anomalia acontecendo aqui, que é Saturno ou este planeta, qualquer que seja o planeta que ele possa ser. Em primeiro lugar, na área do céu noturno, é uma anomalia porque é maior do que qualquer outra coisa. Também é uma anomalia porque é amarelo ou laranja, amarelo e vermelho aqui onde nada mais está. Também é a única coisa que tem anéis ao redor. Então, quando eu tenho todas essas coisas que são uma anomalia entre este grupo de outros itens, este item vai ter precedência ou se tornar o ponto focal, o que me dá este lugar para começar a procurar enquanto eu examinei todo esse emblema ou ícone. Para ilustrar o terceiro princípio da Gestalt aqui, que é a continuação, eu realmente tenho uma saída do emblema do Kansas Sports Hall of Fame que eu criei. Se você virar e olhar para o projeto de exemplo que eu criei, você verá que eu acabei indo uma direção totalmente diferente onde eu mostrei a arquitetura real, a frente do Sports Hall of Fame aqui. Mas inicialmente, eu tentei fazer algo com esta taça de troféus aqui no meio e esses diferentes itens esportivos todos combinados em um só. O princípio que é ilustrado aqui é o fato de
que todas essas coisas continuam em uma linha, embora praticamente, a linha na verdade não esteja lá, mas apenas a maneira como elas são organizadas e a forma como elas
escalam juntos faz este movimento que dirige o seu olho neste círculo em torno da composição para onde eu começo aqui e seguida, terminar aqui com o basquete indo para o gol. Você pode usar isso para implicar uma direção de movimento. Você pode usar isso para conectar duas coisas, duas ou mais coisas mesmo. Há muitas outras maneiras que você pode aplicar continuação dentro de seus ícones. O quarto, que eu ilustrei com o logotipo da World Wildlife Foundation, é o encerramento. Este princípio basicamente afirma que, “o olho humano continuará a construir uma forma como ele a vê, mesmo que toda a forma não esteja lá”. Como este, o corpo e a cabeça do urso panda aqui, não
há um esboço real disso. Mas como essas linhas estão se curvando para cima e para preencher essas formas,
seu olho vai realmente preencher e ele vai ver a cabeça,
ele vai ver o corpo sem aqueles que seu olho vai realmente preencher e ele vai ver a cabeça, têm que estar lá, que vai tornar isso um pouco mais interessante, e ele cai na quantidade de massa visual que está aqui porque me permite ter mais espaço em branco nessas áreas, que é bom e dá um alívio para os olhos. Olhei para todo o logotipo. Posso usar o princípio do fechamento para criar formulários que nem existem. O próximo escolhido para ilustrar aqui é a proximidade. Basicamente, o princípio da proximidade diz que, “Quando as coisas estão mais próximas, seu olho as formará como um grupo ou como um objeto”. Isso parece bem simples, mas é apenas uma ferramenta que podemos usar para nos ajudar a construir coisas diferentes. Neste caso, tenho estas flores aqui. Eu tenho essas formas diferentes, um monte de formas diferentes lá, mas quando eu olho para as pétalas das flores, se elas não estão próximas umas das outras Bem, elas podem ter algum relacionamento com o fato de que eles são da mesma forma apenas girado de forma diferente, eles são da mesma cor, e eles estão dentro da mesma tela ou plano de imagem. Eles não formam uma flor ainda até se aproximarem um do outro. Você pode até imaginar isso como uma pétala de flor, mas mesmo a forma ainda é um pouco aberta terminou. O que você precisa é que essas formas estejam próximas umas das outras, para que elas formem outra coisa. O cérebro reconhecerá essa forma mais facilmente quando essas coisas estiverem bem próximas umas das outras. Para o último, temos aqui o logotipo da FedEx. Este é o princípio Gestalt mais provavelmente e comumente usado, ou entendido, ou reconhecido. Essa é a idéia de figura e terreno. A idéia de figura e terra, ou primeiro plano, ou fundo, ou dominância ou relevo é basicamente a idéia de que eu não só posso criar formas com o primeiro plano onde eu estou desenhando uma forma em cima do plano de imagem ou fundo. Mas eu também posso desenhar formas com o fundo apenas criando os contornos da forma com as formas de primeiro plano. No logotipo da FedEx aqui, vocês provavelmente viram ou reconheceram que há uma seta dentro do espaço negativo. Temos um exemplo um pouco melhor aqui, onde eu o preenchi com roxo. Muita gente pode não ver isso imediatamente. Mas uma vez que você vê essa forma no espaço negativo, é novamente aquele momento aha que realmente deixa uma impressão com as pessoas. Usando essa ideia de base, se pudermos criar esse momento aha, fará seu trabalho mais impactante do que alguém que está apenas olhando para as coisas e não se lembrando disso. Figura/chão é usado muito no design de logotipo. Todos esses princípios são realmente usados muito no design de logotipo. Mas a figura/terra, novamente, é provavelmente mais frequentemente usada do que algumas das outras. Pode ser uma ideia muito poderosa. A última coisa que eu quero mostrar neste vídeo não é exatamente um princípio da Gestalt, mas é a idéia de domínio e alívio. Para esses emblemas onde criei uma ilustração, embora em uma ilustração bem pequena e uma quantidade mínima de espaço, eu ainda tenho uma composição aqui. Alguns de vocês podem estar fazendo ícones que são apenas objetos, e há uma necessidade um pouco menos desejável para a idéia de dominância e alívio, porque você basicamente tem um ícone dominante e isso é tudo que você precisa. Mas se você está fazendo algo um pouco mais envolvido, você provavelmente vai querer gastar um pouco mais de tempo pensando sobre o que é dominante dentro disso, e qual é o alívio que é fornecido na composição? No meu distintivo do Museu da Aviação do Kansas, tenho uma coisa dominante, que é o avião. É dominante não só baseado na posição, é também a complexidade e, em seguida, o espaço negativo que o rodeia, faz dele o objeto dominante dentro de todo este emblema. Então o resto se torna o alívio. Mas mesmo depois disso, eu tenho geral, eu tenho um domínio da figura aqui e um alívio do chão ou do fundo. O fundo, o céu aqui se torna o meu alívio. É aquele descanso visual para os olhos enquanto estou olhando através dessa coisa. Além disso, ao olhar mais de perto, tenho dominância neste edifício, nesta torre, mas depois tenho o relevo da parte superior da torre, o relevo aqui em baixo da outra parte deste edifício. Aqui na pista, eu tenho o domínio das listras acontecendo aqui. Eu tenho esse alívio deste espaço no meio. Seu olho deseja esse alívio. Quando inundo tudo com informação visual, fica agitado, fica confuso. É como um monte de gente gritando com você de uma vez e seu olho vai querer uma pausa. Então, se você tem algo onde você está construindo uma composição, você pode pensar em como estruturar esse domínio e alívio. Mas mesmo que você esteja desenhando apenas um pequeno ícone, como talvez um lápis e um pedaço de papel, você pode pensar sobre o que é danado. É o lápis ou o papel? O lápis está escrevendo uma linha no pedaço de papel e é isso que é dominante? Há espaço negativo em torno dele para proporcionar alívio para os olhos quando você olha sobre a coisa toda? Você vai querer ter alguma estrutura dentro do que você criar aqui. Mais uma vez, os princípios da Gestalt que você pode pensar ao criar essas coisas são semelhança, anomalia, continuação, fechamento, proximidade, figura/terreno, e ideia de domínio e alívio. Eu encorajo vocês a pensar sobre isso o máximo possível, já que você começa a traduzir suas idéias do esboço para o formulário de computador. Qualquer coisa que você pode adicionar aqui tornará as coisas um pouco mais interessantes para o seu espectador. Isso é tudo para este vídeo. Na próxima, mostrarei a você sobre como escolher uma paleta de cores e falaremos sobre como escolher uma paleta de cores que o
ajudará a manter as coisas consistentes, mas também intrigantes em toda uma série de ícones.
6. Como criar uma paleta de cores: Ei, todo mundo. Bem-vindo ao último vídeo da segunda seção deste curso sobre cores. Hoje eu vou estar falando sobre a construção de uma paleta de cores para sua série de ícones ou emblemas, um pouco sobre teoria de cores e então eu vou mostrar como eu vim para cima com a paleta de cores para a série de emblemas que eu criei. Então entramos no Illustrator aqui. A primeira coisa que quero falar são ideias básicas reais da teoria das cores, e isso é algo que vocês provavelmente se lembram da segunda ou terceira série. Mas a roda de cores aqui com a tonalidade mais brilhante no topo, a tonalidade mais escura na parte inferior, que são amarelo e roxo, tem as cores primárias de vermelho, amarelo e azul,
secundário de verde, roxo e laranja e, em seguida as cores terciárias entre todas essas. Eu sei que isso é um pouco corretivo, mas ainda é importante pensar exatamente como você está usando essa roda de cores para construir sua paleta de cores. Para sua série de ícones, você pode querer algo onde as cores estão intimamente relacionadas. Você pode precisar de um pouco mais de versatilidade, como eu precisei. Então eu precisava de cores de toda a roda de cores. Então, ao pensar em construir uma paleta de cores, você pode explorar algumas das diferentes paletas de cores que estão lá fora. O primeiro dos quais é análogo. Um esquema de cores análogo significa apenas que as cores que você está escolhendo estão próximas na roda de cores. Isso pode ser usado para alguns efeitos de tom ou tom legal e
também pode ajudá-lo a manter seus ícones em um ambiente geral, como se você tiver ícones de comida, por exemplo, você pode pensar em mantê-los quentes ou se você tem ícones sobre o clima ou algo, você pode pensar em mantê-los frescos e tons de céu aqui ou qualquer outra coisa no meio. O segundo tipo de esquema de cores é um esquema de cores complementar de divisão. Então, sabemos que as cores complementares estão na roda de cores umas das outras. Assim como amarelo e roxo ou vermelho e verde ou azul e laranja. As cores complementares também têm o maior contraste em comparação umas outras e, muitas vezes, se usássemos apenas um esquema de cores gratuito, acabaríamos com as cores sendo muito contrastes e dominando os ícones ou emblemas. Então, um esquema de cores complementar de divisão irá realmente neutralizar um pouco disso em vez de pegar o roxo diretamente do outro lado, ele vai pegar azul e vermelho-roxo, usá-los juntos para elogiar o amarelo, e isso vai ajudar a diminuir um pouco as coisas. O terceiro esquema de cores é uma tríade ou um esquema de cores triádico e isso é basicamente apenas pegar o triângulo equilátero de qualquer lugar na roda de cores e usar as cores que ele aponta. Neste caso, estou apontando para todas as cores secundárias, roxo, laranja e verde. Se eu rodar
isso, está girando um pouco para fora do centro aqui, mas vamos tentar isso. Posso facilmente apontar para as cores primárias ou qualquer uma das cores terciárias. Então, à medida que você avança, você deve pensar sobre a idéia de que você precisa de algum esquema de cores nesses ícones. Você também deve pensar sobre a idéia de que a cor pode ter significado. Vermelho pode significar amor, verde pode significar inveja, cores
quentes podem deixá-lo com fome, cores
legais podem deixá-lo calmo e tudo no meio daqui. Toda cor tem significado associado a ela e você deve escolher cores que tenham um significado que alinhe com qual é a idéia por trás de sua série de ícones. Você também deve ter em mente a idéia de que a cor pode ter um significado histórico em como você a usa. Diferentes períodos de tempo e estilos de arte ao longo dos anos têm usado cores de forma diferente e isso os define. Então eu tenho alguns exemplos aqui, apenas três rápidos. A primeira, esta é uma imagem Art Nouveau e você pode ver algumas cores naturais reais e formas
naturais dentro daqui onde eles usam tons
realmente dessaturados e neutros deste laranja e marrom, e até mesmo o verde é um bastante natural Verde aqui. Quando você pretende usar este olhar dessaturado, as coisas tendem a parecer mais velhas. O segundo que tenho é um vitral do período Art Deco. Durante este período na arte, os artistas usaram a cor ao extremo. Eu falei sobre ter cores complementares muito brilhantes aqui. Temos amarelo, roxo e depois azul. Essas coisas têm realmente alto contraste e não se sente tão velho quanto o nosso Nouveau por qualquer meio, mas
certamente pode começar a se sentir um pouco datado na minha opinião. Art Nouveau aconteceu no final do século XIX. Art Deco é para o meio ou para o início do século XX. Para meados do século você tem design de meados do século. Eu tenho alguns selos puxados aqui em cima, uma sensação de meados do século para eles. Pessoalmente, eu sou muito inspirado pelo design de meados do século e eu acho que eles tinham a teoria da cor certa. Quando digo isso, quero dizer, as coisas são brilhantes e divertidas, animadas e interessantes, mas não são dominantes como Art Deco, realmente sobre a vida moderna e a cultura popular. Então nós temos um esquema de cores complementar dividido aqui entre o rosa e o vermelho e o verde acontecendo, e um neutro de preto e branco dentro disso. Se você me seguir no Pinterest, você verá que eu mantenho uma boa coleção de apenas coisas coloridas. Coisas que eu gosto, coisas que eu aprecio como a cor é usada, e muitas vezes eu vou usar isso como uma placa de som para mim para construir idéias para cor. Então, já que sabemos um pouco sobre teoria de cores e temos alguma inspiração para cores, vamos dar uma olhada em como eu construí a paleta de cores para minha série de emblemas. Quando eu decidi sobre a idéia de fazer atrações da área local em Wichita, eu tive a idéia de começar com alguns
dos branding para a cidade de Wichita que é este logotipo, bem
como o site e cores aqui. Então eu tinha originalmente puxado o logotipo deles e puxado essas cores. Tem uma sensação muito Art Déco. Minha opinião pessoal é que as cores são bem horríveis neste momento. O amarelo é muito brilhante, este azul é muito escuro. Tudo parece que é de 1992, e tem muito contraste. Mas eu comecei aqui e avancei para esta paleta de cores, ainda
estamos puxando suas cores básicas aqui. Mas eu estou silenciando as cores um pouco mais, eu estou respirando um pouco mais de vida neste azul, eu estou escurecendo o amarelo um pouco só
então não é tão brilhante e constrói essas três cores. Então eu sabia que iria precisar de algumas cores adicionais ao longo desta coisa e construiu este laranja, vermelho e verde para combinar junto com estes. Então acabou sendo um pouco, não muito longe de onde eu terminei, mas ainda há um pouco muito intervalo dentro
dessas cores e havia muita variação entre como ele estava sendo aplicado em algumas coisas. Então eu tentei discar um pouco de volta. Então eu peguei aquele azul e este laranja e então adicionei um tom vermelho um pouco mais escuro naquela laranja e puxei roxo como uma cor escura aqui, e então até adicionei este azul mais e comecei a experimentar um pouco com isso. Vamos adicionar este azul mais escuro a esta paleta de cores. Se você viu meu trabalho em andamento no projeto de amostra que eu fiz, você já viu isso e a versão muito pior que veio logo antes disso. Então, depois que eu descobri que eu precisava cerca de cinco cores aqui e eu descobri tipo para aplicá-lo, eu não estava sentindo as cores gerais que eu tinha selecionado. A cor roxa e cor laranja sentiu pastel. É quase um pouco de histórias demais, muito pouco infantil, e então eu acabei tomando como essa cor foi aplicada e tentando construir algo um pouco mais útil e um pouco menos caprichoso. Então, para fazer isso eu ainda tomei as idéias deste azul e amarelo do logotipo original Wichita para azul escuro e amarelo. Só que eu fiz o amarelo um amarelo-alaranjado, eu trouxe o azul para o céu azul e adicionei este azul mais escuro, e então eu adicionei este vermelho aqui também para construir um esquema de cores primário básico que eu poderia usar em toda a série de crachás. Eu sempre gostei de cores primárias, mas eu pensei que parecia aplicável aqui porque eu estou mostrando informações primárias apenas sobre a cidade de Wichita. Ele também me ajuda a mantê-lo divertido e interessante sem ser muito caprichoso como a última paleta de cores. Além disso,
a razão pela qual eu estou escolhendo essas cores que têm um alcance, tem uma luz e um escuro, e então uma luz e um escuro de duas cores diferentes aqui para que eu possa adicionar essas coisas como sombras e destaques dentro daqui. Então, se olharmos para este emblema local de exploração, vocês podem ver que eu estou usando o amarelo-laranja e o vermelho como uma forma de moldar esta estrutura de construção, eu também estou usando o azul do outro lado como uma sombra para dar a essas coisas alguma dimensão, e eu sou capaz de fazer isso com essas cores diferentes de tons claros e escuros. Eu também tenho uma paleta de cores bastante ampla que eu sabia que eu precisava ser capaz de manter as coisas interessantes de crachá para crachá e ser capaz de variá-los como eu fui junto. Mesmo que eu tivesse essas quatro cores eu sabia que ia precisar de um pouco mais, e por alguns mais eu sei que o que eu estou procurando são alguns neutros. Depois de criar sua paleta de cores básica, você pode pensar em como adicionar algumas cores neutras para ajudar a resolver as coisas. Neste caso, estou adicionando um neutro deste azul-cinza escuro e este branco. Até então eu estou realmente adicionando destaques de branco e, em seguida, usando esta cor escura como sombras ainda mais para aumentar o contraste aqui,
e, em seguida, também apenas para me dar mais algumas cores e um pouco mais de alcance lá. Então, por último, eu adicionei esta cor de fundo neutra apenas para deixar os crachás sentar-se volta lá para que o branco aparecesse fora do fundo em vez de se misturar. Então é sobre isso para este vídeo. Esperemos que não lhe dê uma base de como escolher cores, como construir uma paleta de cores, como escolher algo que seja apropriado e talvez até historicamente correto, mas também divertido e interessante e animado o suficiente para lhe dar o suficiente para ser capaz de aplicá-lo a uma variedade de distintivos diferentes ao longo da sua série. Neste ponto você deve ter um bom começo
nas versões vetoriais de seus ícones ou emblemas. Então vá em frente e poste-os em seus projetos como você os faz para obter feedback de outras pessoas e de mim. Vejo vocês na terceira seção desta turma.
7. Unidade e variedade: Ei, todo mundo. Bem-vindo à terceira seção de vídeos para esta aula. Nesta seção final, vamos falar sobre maneiras de terminar uma série de ícones ou emblemas em que você tem trabalhado. Antes de começarmos, eu só quero dizer que há uma quantidade insana de trabalho de boa qualidade em todos os seus projetos. Acho que temos mais de 110 projetos até agora, o que é ótimo. É impressionante para mim ver a variedade de ideias diferentes que estão acontecendo,
bem como as diferentes maneiras pelas quais as pessoas estão visualizando as coisas que estão fazendo. Se você não tem participado muito, por favor, mergulhe, confira o trabalho de outras pessoas, adicione comentários e seja social sobre isso, e continue trabalhando em seu projeto também. Neste vídeo, vamos falar sobre a ideia de unidade e também variedade em seu design. Coisas sobre as quais falamos em todos os tipos de design, mas são especialmente importantes nesta série em que estamos trabalhando. Vou primeiro falar sobre os elementos do design e depois falar sobre como
usar as ideias de unidade e variedade com esses elementos dentro do seu design. Vou mostrar-vos alguns exemplos com os emblemas que criei. Vamos mergulhar no Illustrator aqui. A primeira coisa que vou rever são apenas os elementos do design. Eles são opiniões ligeiramente diferentes das pessoas sobre como isso quebra, mas em geral, quando você pega todas as peças e peças de design bidimensional, eles estavam falando sobre design 2D plano, podemos simplificá-lo nos elementos que incluem linha, forma, cor, espaço, eu agrupei textura e padrão juntos para nossos propósitos aqui, e depois formar. Forma é normalmente um elemento de design tridimensional, mas podemos implicar forma com sombreamento, ou realce, ou perspectiva, qualquer maneira para adicionar dimensão aos vetores planos e formas que temos. Rapidamente, eu só quero dar alguns exemplos e falar sobre algumas dessas coisas. Eu não uso um monte de linha em muito do meu trabalho, embora eu tenho me esforçado para usar mais recentemente. Eu definitivamente não tenho muito em nenhum desses distintivos que eu tenho como exemplos. Eu uso principalmente apenas forma. Adoro a forma e gosto de ver o quanto consigo fazer com ela. Mas eu tenho um exemplo que é o guardião das planícies. Eu tenho as linhas que estão fazendo a ponte aqui, bem como a linha que eu usei para criar essas formas de pássaros no céu. Quando eu usei essas linhas, eu as mantive o mesmo peso e mantendo o peso do traçado o mesmo em seus elementos de linha dentro de cada emblema ou ícone, podemos adicionar a essa idéia de unidade dentro do design. Eu também tenho um pouco de variedade. Tenho estes pesos aqui. Estou usando estes como retângulos e formas, a forma como eles estão sendo modificados assim, e é mais para dar esta tela transparente de linha de quase meio tom aqui. São um pouco diferentes, mas ainda tenho outras linhas dentro daqui que adicionam alguma variedade entre estas duas coisas. O próximo elemento do design que podemos falar é a forma e já falamos muito sobre a forma. Apenas rapidamente passando por tudo aqui. Eu mantenho um senso bastante unificado de forma,
aderindo ao máximo de geometria possível usando retângulos, círculos, quadrados, triângulos para desenhar tanto quanto eu possivelmente posso normalmente. Então, mesmo dentro de cada um diferente, eu tenho alguns elementos recorrentes que estão acontecendo. Eu tenho um círculo aqui,
e um círculo em forma de balão, e este círculo acontecendo neste, e um círculo aqui em cima, e um círculo para o sol e um círculo para o basquete dentro deste, e Então eu tenho algumas nuvens acontecendo naquelas onde eu posso ver o céu azul, este jato de jato que ajuda a criar um senso consistente de forma em tudo. Claro, eu não tenho essa coisa diminuída para estar
apenas em círculos ou apenas em quadrados ou algo assim. Eu tenho essa variedade de formas dentro daqui também. Todos os tipos de tipos diferentes desde como eu crio este troféu, até este telescópio,
para a bicicleta, para a girafa dentro daqui, e isso me dá uma variedade dentro
deste grupo unificado de formas que ajuda a criar interesse, mas coesão também. O próximo elemento que temos é cor. A maneira que eu mantenho as coisas unificadas em toda a série aqui é usando uma paleta de cores definida. Eu falei sobre como eu construí e defini essa paleta de cores em um vídeo na seção 2. Mas o que eu não falei é como eu criei variedade através de cada um deles mudando a maneira como eu apliquei a cor. Uma das principais coisas aqui é que os emblemas são cores diferentes. Eu tenho azul, vermelho e amarelo, e então as faixas que atravessam a frente estão alternando azul, vermelho e amarelo. Alguns deles, mesmo onde eu tenho como vermelho e uma bandeira azul na frente neste aqui eu tenho vermelho e amarelo. Aqui eu tenho azul e amarelo, e então azul e vermelho, amarelo e vermelho, amarelo e azul, etc Dentro dos crachás reais, eu também estou editando exatamente como aqui o chão é amarelo, aqui o chão é vermelho , aqui é preto, aqui o céu é azul, aqui é preto, aqui é amarelo. Por mim adicionando essa variedade em como eu estou aplicando a cor nesta série acrescenta novamente que o interesse que mantém as pessoas intrigadas como eles vão através de toda a série. O quarto elemento aqui é o espaço. Falamos sobre o espaço como a tela que contém os elementos de design em que estamos trabalhando e também como o espaço negativo que está cercando as formas. Uma das maneiras pelas quais criei a unidade ao longo de tudo isso é estabelecer essa linha de horizonte através de cada um e isso é o mesmo em todos eles. Eu adicionei um aqui que tem alguma variedade para ele. O Guardião das Planícies novamente. Eu tenho a linha do horizonte um pouco mais alta e então eu tenho ela quebrada deste lado. Eu originalmente tinha planejado fazer mais alguns desses e eu pensei que talvez eu poderia trazer mais um pouco dessa quebra da linha do horizonte para adicionar um pouco mais disso para que este não se sentisse tão aleatório, mas ainda não tive tempo de chegar tão longe. Então, quando eu vejo todos juntos, eu realmente não sinto que este aqui se destaca muito mal. Ainda tem a linha do horizonte que você está vendo e ainda tem a divisão entre o céu e a água neste caso, e parece se encaixar muito bem com o resto deles. Então, é claro, à medida que passo em frente com cada um desses, estou adicionando variedade pela forma como estou tratando o espaço ao redor deles. Eu tenho essa abordagem frontal ou eu tenho este espaço negativo aqui e este chão aqui e é semelhante a isso, mas ligeiramente diferente e talvez até semelhante a isso, mas ligeiramente diferente aqui. Então eu tenho este que é um pouco mais pesado sobre o espaço negativo deste lado, que é um pouco mais semelhante a este, mas diferente daqueles e alguma outra variedade entre estes outros como como a cidade Artes um é tratado ou o Guardião das Planícies ou o Jardim Zoológico Central County é um pouco mais pesado aqui no lado esquerdo. Novamente, eu tive a idéia de unidade com uma linha de horizonte unificada e variedade com as diferentes maneiras que eu estou tratando este espaço criado por essa linha de horizonte. O próximo é textura e padrão. Eu realmente não tenho nenhum exemplo dentro
deste conjunto particular de crachás porque eu não usei textura em tudo dentro daqui. Mas novamente, você gostaria de pensar sobre a textura de uma forma que normalmente você iria manter a aplicação da textura a mesma, mas, em seguida, variar exatamente onde você pode estar aplicando essa textura. Normalmente eu faço isso com um conjunto de pincéis ou formas dentro do Illustrator que é definido e, em seguida, repetindo como eu uso esses pincéis ou formas para aplicar essa textura, dá a ele uma sensação coesa, mas
ainda é interessante olhar como é aplicado em diferentes lugares. Eu tenho um pouco mais sobre textura e também sombreamento e os toques finais de vídeo, que é depois deste. Vou falar um pouco mais sobre textura lá. O final aqui é a forma, e eu já falei sobre isso um pouco, nessa forma geralmente é descrita como um elemento de design tridimensional. Mas também estou usando aqui de várias maneiras. Primeiro de tudo, estou tratando tudo plano e então estou removendo a forma ou a dimensão dela e realmente achatando essas formas. Eu fiz isso com tudo e é exatamente o jeito que eu gosto de trabalhar normalmente. Mas então eu vou voltar e eu estou adicionando alguma dimensão adicionando sombras como esta sombra de edifício ou a sombra de axila neste monstro, ou a sombra debaixo do toldo do edifício aqui ou aqui. Eu também estou adicionando alguns destaques adicionais e sombreamento torno da má forma e no fundo, este aplicativo de dois tons, e, em seguida, também a maneira que eu tenho essa perspectiva e sombreamento neste banner. Dá-lhe apenas um pouco de dimensão, mas não muito. Então eu o usei de forma semelhante em todos eles. Eu tenho essa divisão ao meio com fundo, cor está mudando um pouco. Eu tenho o destaque em todos os emblemas, e então eu tenho o mesmo sombreamento em todos os banners nos crachás. Esses são os elementos do design e como você pode usá-los para manter tudo unificado especialmente enquanto você constrói esta série. Mas também continuar a adicionar variedade de modo que cada vez que você tem um novo emblema, você está trazendo algo novo para o jogo aqui e as coisas são ligeiramente diferentes do que o último emblema e diferente de todos os outros, mas eles ainda Sinto como se estivessem na mesma família. Isso é tudo para este vídeo. Vejo vocês na próxima onde explicarei algumas técnicas de desenho mais avançadas, e depois a última em que falamos sobre retoques finais. Ansioso para ver como vocês começam a construir sua série de ícones e distintivos diferentes.
8. Técnicas avançadas de desenho: Ei, todo mundo. Bem-vindo ao segundo vídeo na terceira seção, onde eu vou estar falando sobre algumas técnicas de desenho mais avançadas; Eu tenho um monte de coisas para mostrar a vocês, eu vou cobrir desenho com traços, eu vou cobrir diferentes efeitos de mascaramento, eu vou falar sobre o uso da função de caminho de deslocamento, e então eu vou falar sobre apenas criar algumas formas mais complexas
com formas geométricas como os pontos de partida para eles. Eu só vou pular direto para o Illustrator porque nós temos muito para cobrir aqui. A primeira coisa que eu realmente quero mostrar a vocês, fazer isso para o arquivo certo aqui é uma técnica que eu uso para mascarar coisas dentro das coisas. Recebi algumas perguntas sobre como criar um ícone circular ou um ícone dentro de uma forma? Normalmente, quando você começa a desenhar coisas, você pode acabar com algo assim, e há sempre a possibilidade de que você pode criar uma máscara e então o que eu fiz é duplicar a forma do círculo central em cima aqui, e eu escolhi tudo só para mostrar um exemplo. Então, se você vir para objeto e em algum lugar aqui, eu acho que é máscara de corte, e então fazer, você vai ver que ele faz uma
máscara de recorte com o objeto superior e coloca tudo dentro de lá. Isso pode ser muito útil, mas eu acho muito difícil trabalhar com porque quando eu uso a ferramenta de seleção, a seta preta aqui, Se eu quiser escolher objetos inteiros dentro daqui, ele não funciona. Ele só escolhe a máscara de recorte como um objeto gigante. Você pode clicar duas vezes sobre isso para entrar aqui para editar e mover as coisas normalmente, se você quiser. Mas acho que é uma dor clicar duas vezes em, clicar duas vezes fora e coisas e sempre acaba com essas bordas estranhas às vezes e máscaras de recorte. O que eu prefiro fazer é realmente usar apenas outra camada e é uma camada de branco, e então para mostrar um exemplo aqui, minha camada é paleta. Eu tenho esta outra camada em cima destas duas camadas, e tudo o que está nesta camada é uma forma branca. Se olharmos para esta forma, verá que tem um buraco perfurado. A maneira que eu faço essa forma é simplesmente pegando uma cópia do lado de fora do meu objeto marcador de mapa aqui, e eu vou colar isso, e então eu vou desenhar um grande retângulo branco e movê-lo para trás dessa forma, e Então usarei o localizador para usar a frente de menos para fazer um buraco nessa forma. Eu uso o comando X e o comando F para colá-lo em uma nova camada, e vamos torná-lo branco. Então eu ando por ali. Agora, eu tenho total liberdade para vir aqui, mover, escolher objetos, trabalhar como normalmente, decidir se eu quero que ele seja colocado dentro do círculo ou fora do círculo, etc. Isso tem que ser um pouco complexo como eu adicionei o sombreamento o anel externo por aqui e, em seguida, o banner em toda a frente então eu acabei abandonando isso. A maioria deles eu só tentei desenhar dentro desta forma externa, e felizmente eu tinha uma forma grande o suficiente em torno da borda do meu distintivo que eu poderia esconder um monte de coisas. Sinta-se livre para tentar de qualquer maneira enquanto você trabalha com este design de crachá. Você pode tentar cortar máscaras. Você pode tentar essa coisa de branco ou você pode tentar qualquer outro método que você pode descobrir para esconder essas coisas. A próxima coisa que eu quero falar é apenas desenhar com traços, e geralmente muitas pessoas usarão traços como contornos para as coisas. Cada forma tem um preenchimento também tem um traço e então eu posso mudar o peso do traço por aqui, vou adicionar este traço azul e torná-lo um pouco mais grosso. Normalmente, aconselho as pessoas a não usarem essas coisas. Porque tudo o que eles realmente fazem é começar a adicionar contraste às formas desnecessariamente, e eles também podem mudar a forma como as formas aparecem. Quero mostrar-lhe exatamente o que quero dizer aqui. Eu tenho esta forma de flor. Vou torná-lo um pouco maior. Ele tem uma certa proporção de cima para baixo, para a largura, para a altura e este ponto vem através de um ponto e uma certa distância do centro. Como eu começo a adicionar um traço a isso, o traço na verdade, deixe-me escolher uma cor diferente aqui, vamos com verde, o traço realmente se arrasta e muda a proporção. Agora, isso parece muito mais longo e mais fino do que era antes. Não estou pensando na forma, estou apenas usando o traço para adicionar detalhes desnecessários. Normalmente, eu encorajo as pessoas a não usar traços quando desenham. Mas posso usar um derrame como forma. Temos aqui alguns exemplos de como fiz isso. A primeira é esta bicicleta
do emblema dueno que eu fiz e esta coisa é feita praticamente, esta é uma forma, esta é uma forma, os pedais são formas e estes pequenos círculos preenchidos são formas, mas o resto de Isto é um derrame. Eu fiz isso para que eu possa garantir a consistência. O peso do traçado permanece o mesmo aqui e sou eu apenas usando a ferramenta de segmento de linha e a ferramenta de retângulo. Venho até aqui e faço esta bicicleta em forma. Eu uso meu conta-gotas para escolher aquela junção quadrada, e configurar meu paralelograma aqui. Precisa ser um pouco mais largo. Então eu estou apenas usando a ferramenta de segmento de linha para adicionar essas outras partes do quadro. Então, eventualmente, você adiciona os pneus e esta forma de círculo para cobrir os cantos lá, e passar e adicionar a corrente e as engrenagens também. Tudo desenhado apenas com traços. Mas aqui eu estou usando os traços para não adicionar um contorno em torno da minha forma, mas eu estou literalmente usando-os como formas retangulares em ângulos
diferentes para construir as diferentes partes deste quadro de bicicleta. Além disso, há algumas coisas muito úteis dentro de traços onde você pode usar pincéis em torno de traços, e você pode criar pincéis personalizados para fazer padrões e diferentes tipos de coisas. Você também pode usar apenas os recursos de linha tracejada de traçados. Eu fiz isso aqui nesta água do emblema do Jardim Botânico que eu fiz. Aqui atrás, nós temos essa fonte de água, e então eu estou fazendo a água com as capacidades de linha de traço no painel de curso. Para te mostrar um pouco mais, vou em frente e fazer algumas dessas coisas. O que eu fiz para criar esse efeito de arco foi apenas começar com um círculo, e eu vou excluir esse ponto inferior selecionando apenas esse ponto e excluindo-o, usar a ferramenta de caneta para conectar e alongar os diferentes lados aqui, e em seguida, mudar esta coisa para um acidente vascular cerebral usando a mudança X. Mudar de amarelo para branco, e então eu tenho esta forma aqui em baixo desta água que está vindo para cima e para cima. Agora, para fazer a parte pontilhada desta linha, eu tenho que entrar no painel de traçado e vou separá-lo para que você possa vê-lo um pouco melhor aqui. Se você não conseguir ver isso, você pode ir até Janela e colocar o painel Traçado aqui. Se você não vir a linha do traço imediatamente, talvez seja necessário clicar na pequena lista suspensa para ver as opções de exibição. Mas então você deve ver esta linha tracejada, e eu posso apenas verificar isso e realmente puxar algo que está muito perto aqui. Provavelmente porque eu tinha selecionado isso antes, e assim ele automaticamente coloca e eu tenho um traço de dois pixels aqui. Eu posso editar os traços para serem mais curtos ou mais longos, e então eu posso editar o espaço entre esses traços para dar-lhes mais espaço ou
menos espaço no meio para mudar a aparência de como essa coisa está exibindo esse padrão pontilhado . Você também pode, naturalmente, mudar o peso do curso, para alterar a espessura dos pontos. Vamos equilibrar essa coisa só um pouco mais. Use um pixel de dois e um de três pixels aqui. Então eu tenho esse efeito de traço que parece água saindo de uma fonte para mim, e então eu posso começar a usar outras versões disso. Estou apenas copiando, colando e fonte de um novo, e usando a ferramenta Refletir para virar e colocar um desses no meio. Eu posso agrupar isso, e então escolher todos os três e alinhá-los juntos, e então eu posso começar a adicionar mais detalhes à medida que você segue e manter o mesmo padrão que você já construiu em todos esses traços. Vamos adicionar este pequeno meio círculo aqui em cima, e então nos sentiremos bem com isso. Agora eu tenho essa coisa, e parte do problema é que aqui embaixo, essa coisa deixa essas partes e pedaços dos traços. Há uma maneira de corrigir isso, e é essa opção no painel Traçado bem aqui. Isso preservará o comprimento exato do traço ou alinhará os traços aos pontos finais. Uma vez que você faz isso muda para ser um pouco melhor, e ainda podemos deixar C, ainda cortando esta parte fora. Normalmente, isso requer apenas um pouco de ajuste manual. Eu mudo de volta para o uso exato traço ou comprimento exato do traço, e então eu apenas escolher um ponto e movê-lo para onde esta coisa está alinhada como eu quero que seja, então você geralmente não terá esse problema. Um pouco de ajuste manual, mas não muito grande de um negócio lá. É assim que eu uso Strokes para desenhar às vezes. Uma das outras coisas que eu queria mostrar a vocês é apenas o caminho de deslocamento, e eu realmente não tenho um bom exemplo aqui, mas é uma ferramenta muito útil que vem em que eu uso com bastante frequência. O que eu tenho aqui é a minha má forma original, e o que eu quero fazer é começar a criar cores diferentes à medida que esta coisa irradia para fora. Eu poderia adicionar um derrame e empurrá-lo para o lado de fora aqui. Eu posso até entrar na paleta de aparência lá. Se eu arrastar e duplicar isso, eu posso adicionar outro efeito de traçado que é maior, e é uma cor diferente. Se o colocarmos abaixo deste, você pode começar a ver o que eu estou fazendo aqui. Mas a outra maneira de fazer isso que eu realmente prefiro que eu não esteja preocupado em trabalhar com Traçados, é apenas criar novas formas usando a função Deslocamento Caminho. Isso pode ser encontrado em Object, Path, Offset Path. Quando eu clico nisso, eu recebo uma pequena caixa de diálogo e você pode visualizar o que está acontecendo aqui. Você pode ver que ele apenas empurra o caminho para fora em todas as direções, uma certa quantidade de distância. Posso controlar a distância aqui neste painel. Vamos tentar 0,25, clique em “Ok”, e isso me dá uma nova forma aqui. Vamos fazer uma cor que pareça boa. Que tal este azul? Então eu posso até fazer isso novamente, Object, Path, Offset Path, 0.25, e adicionar amplitude por aqui. Eu só sinto que pode ser muito útil quando você está criando um tipo de adesivo. Rapidamente vou pegar este avião emprestado e vou te mostrar outras coisas de desenho. Se eu pegar esse avião, farei uma cópia de tudo, vou colá-lo na frente. Vou usar o Pathfinder e unir todos esses objetos. Eu realmente preciso vir aqui e limpar alguns pontos muito rapidamente. Vamos fazer isso só para estar no lado seguro. Então, se eu pegar isso e ir para Object, Path, Offset Path, estamos muito altos para o quão grande essa coisa é agora. Vamos tentar 0.04 ou 0.03 talvez. Então eu vou rapidamente apertar a função Pathfinder Unite novamente. Vou cortar a forma superior usando o comando X, vou apagar esta outra forma, colar essa forma de volta na frente aqui e enviá-la para trás. Então eu posso mudar isso para branco, e eu posso começar a criar este efeito adesivo. Vejo que tenho alguns problemas aqui. Eu tenho um pouco mais de forma aqui, e provavelmente não preciso desse espaço extra aqui. É muito pequeno e você tem um monte de coisas extras acontecendo aqui em cima, mas realmente não significa que aconteça. Vamos suavizar isso só um pouco. Então um monte de coisas aqui na barbatana
da cauda por causa de todos esses retângulos extras que eu tenho aqui. Isso vai demorar um pouco mais do que o necessário para mostrar, mas você pode ter a idéia de que eu ainda preciso passar por isso e suavizar isso. Mas eu rapidamente tenho este adesivo como efeito expandindo o lado de fora deste em todas as direções. Essa é a função de caminho de deslocamento, e nós falamos sobre desenhar traçados. A próxima coisa que eu quero falar é apenas desenhar formas um pouco mais complexas, onde você está começando a partir de formas geométricas reais, e então também usando fotos como referência para desenhar. O que eu tenho aqui é o emblema do Museu da Aviação do Kansas que eu criei. Vamos olhar apenas para o avião, e como cheguei a isso. Na verdade, desenhei esboços para um pequeno avião como este, e tentei algumas versões diferentes desse cara. Você pode ter visto os esboços para isso em meus esboços, e eu apenas digitalizei e importei o esboço, e então rastreei sobre isso e então comecei a adicionar alguns detalhes aqui e ali. Mas não estava saindo do jeito que eu queria. O que eu acabei fazendo foi eu raspei essa coisa, e então eu vim para procurar imagens no Google aqui, e eu apenas digitei avião dos anos 50, e comecei a navegar por aí, olhando para diferentes aviões e tentando descobrir o que eu não estava fazendo certo, ou o que eu não estava gostando. Muitas coisas que eu resolvi foi que eu não gostava da proporção, eu não gostava desse grande espaço borbulhante coisa no topo, parecia tudo estranho. Então eu tinha algumas coisas que eu sabia que estavam fora. Depois de fazer essa busca rápida, eu realmente acabei encontrando um que eu gostei muito bem no topo. Olhando para essa coisa, você pode ver como eu adaptei isso e combiná-lo com alguns dos elementos aqui para se tornar isso. O que eu vou realmente fazer às vezes é configurar isso para que eu possa ver as duas coisas muito facilmente. Eu tenho minha imagem aqui e eu tenho meu desenho original, e eu posso ver que há alguns problemas acontecendo. Como eu começo a percorrer e construir este novo avião com base nesta imagem de referência, e meu velho avião, uma coisa que eu gosto de ter em mente e então eu faço quase todo o tempo é desenhar coisas em um grau 90, ou ângulo horizontal ou vertical. Eu sempre posso girar as coisas mais tarde na vida, e você pode ver que eu tenho o mesmo tipo de inclinado para trás nesta roda de baixo aqui. Mas o principal é que eu estou desenhando isso diretamente no início, e eu faço isso porque isso me economiza muito tempo. Posso usar retângulos como este, e cópias desses retângulos. Eu não tenho que me preocupar com eles permanecendo no mesmo ângulo. Vamos dar uma olhada aqui e como eu criei algumas das formas que estão envolvidas com essa coisa. Vamos empurrar esse cara só um pouquinho. Lá vamos nós. É bastante simples. Eu começo com um grande retângulo, e eu vou mudar para um contorno aqui para que você veja o que está acontecendo. Estou adicionando um ponto a este retângulo. Deixe-me realmente ir em frente e bloquear esta forma para baixo. Volte a isso, pegue a ferramenta de caneta, eu vou adicionar um ponto aqui, eu vou pegar isso e deslizá-lo de volta para aqui, e então a barbatana da cauda aqui é uma das formas mais complexas. A maneira como estou criando isso é começando com uma elipse, e tenho uma elipse, estou apenas escolhendo um ponto. Eu estou desenhando do centro, descendo e eu estou ajustando ao ponto do fundo deste retângulo, então eles se alinham muito bem e eu vou esticá-lo um pouco. Agora, sempre que eu desenhar uma forma, é claro, sempre que você fizer pontos dentro do ilustrador, você pode voltar e editar esses pontos. Esta é a parte em que eu estou
falando, em vez de tentar definir um ponto e desenhar este caminho especialmente quando eu estou fazendo curvas, eu gosto de começar com uma elipse porque ele tem proporções de curva bem equilibradas já, e tem alças que são exatamente perpendiculares entre si, e ao longo do caminho aqui. Isso é realmente o que vai me ajudar a fazer curvas mais suaves. Eu começo com apenas aqueles e eu vou apenas pegar este ponto, você pode editar qualquer ponto claro a qualquer momento, e mudar para a ferramenta caneta. Comece a editar esta forma um pouco, e talvez trazer isso para fora um pouco mais, e tentar arrastar mais uma vez até eu obter uma forma que é suave que eu estou feliz com. Então eu uso o truque que eu mostrei antes usando uma linha, e esta opção dentro do pathfinder onde dividimos os diferentes objetos, e eu me livro desse. Então tudo o que estou enfrentando é o outro lado deste avião,
esta barbatana de cauda aqui. Quando você olha para essa coisa, é bastante simples. Além disso, eu vou apenas duplicar minha forma aqui novamente. Eu vou escolher este ponto daqui para fora, arrastá-lo junto, e então eu vou apenas manipular as alças também. Vamos arrastar essa para fora, então eu vou arrastar essa forma de volta para baixo, e eu estou segurando shift enquanto eu arrasto a alça com a ferramenta caneta. Eles se encaixam em ângulos de 45 graus, e então eu posso começar a manipular a forma da barbatana da cauda um pouco com base nesses poucos pontos. O resto é bastante simples. Venha aqui e desenhe um retângulo para a frente, usaremos Apple C, Apple F para fazer uma cópia disso. Vamos encolher essa coisa, usar Apple C e Apple F novamente, e arrastar esse retângulo, e então eu vou arrastar esse cara para baixo para estar alinhado com o meio desse retângulo. Então nós entramos aqui e movemos este ponto um pouco. Então este é um truque que eu uso muito. Se eu realmente escolher o outro ponto e pressionar retorno em um teclado, eu vou abrir a caixa de diálogo mover, e ele automaticamente preenche o último movimento, então você pode ver que eu movi esse ponto 0,0098 polegadas. Eu vou entrar aqui e apagar o aspecto negativo, e ele vai se mover na direção oposta. Se foi positivo, você faz um negativo, se é um negativo, você faz um positivo, e isso move esses pontos na mesma quantidade. Então eu vou pegar isso, fazer uma nova cópia dele, usar a ferramenta Refletir, pegar as duas formas, usar o Pathfinder, voltar essa coisa, esticá-lo um pouco, então ele se conecta sobre isso, e então eu vou desenhar do ponto central novamente com um círculo, vir aqui, e então eu vou pegar este ponto e empurrá-lo para fora um pouco mais longe para fazer aquele empurrão. Praticamente as mesmas coisas acontecendo aqui. Basta fazer um retângulo, escolher os dois pontos inferiores, arrastá-lo para cima. Vamos pegar um círculo aqui, colá-lo na frente, fazer um círculo menor. Estou mostrando isso para vocês rastreando,
só para economizar tempo aqui. Bem, o que eu estava fazendo era voltar, olhar para isso e comparar isso. Então, quando você olha para o tamanho aqui, eu posso ver que eu tenho uma roda bem maior na frente do que eu tenho na parte de trás, e então essa foi uma das grandes diferenças neste olhar estranho, porque ele não tinha bem a parte da roda direita distância
da perna aqui para a roda, e então eu voltei e eu estava olhando a vista aqui e então tentando igualar a proporção. Muitas vezes eu não traço diretamente de uma foto ou qualquer coisa, só porque eu não quero sentir que eu estou copiando muito. Você definitivamente não quer rastrear design de
ninguém ou os elementos de ninguém ou algo assim, mas você pode ver como eu estou usando isso como uma referência para construir uma proporção para essa coisa. Então eu vou voltar e adicionar o meu próprio sabor a esta coisa. Você viu como eu estou desenhando tudo com retângulos. Mesmo nós vamos fazer este triângulo forma com um retângulo, estamos desenhando e apenas removendo um ponto. Vou fazer esta forma com um retângulo arrastando esse ponto para baixo e, em seguida, usando a ferramenta caneta para obter uma alça para dar a este uma ligeira curva. Então usarei essa forma e usarei a frente de menos para cortar a pequena porta aqui. Então você pode ver que o meu é muito maior que o
dele, me confunde tomar a decisão de adicionar um pouco mais de espaço negativo aqui para que as coisas não fiquem muito loucas. Até agora eu tenho quase todo o avião puxado, exceto as asas. Para fazer isso, estou apenas desenhando uma elipse e cortando-a meio e depois duplicando-a, trazendo-a até aqui, e então fazendo um retângulo mais fino, arrastando-a para cima, então eu vou duplicar isso e encaixá-lo para a frente desse cara. Então me restam dois elementos. Você pode ver que estou pegando emprestado este padrão listrado. Eu realmente gosto do jeito que essa coisa parecia, e então eu queria adicionar aquele padrão listrado lá. Então eu adicionei minha própria estrela e você pode ver que a proporção no padrão despojado é totalmente diferente. Vamos em frente e adicionar a estrela e expandir isso, eu vou torná-la branca. Agora eu tenho praticamente todas as formas básicas que eu preciso aqui. Rapidamente eu vou voltar e apenas adicionar a cor, deixar as asas vermelhas, e eu vou fazer esta parte vermelha, e esta parte de vermelho. Então, para adicionar as listras aqui, já que já temos a forma, é relativamente fácil. Eu só vou desenhar um retângulo, eu vou torná-lo branco. Então, mantendo a opção, farei uma cópia dela. Em seguida, eu vou arrastar para fora a segunda cópia e, em seguida, eu vou usar o comando D ou editar Duplicate função. Em algum lugar aqui deve dizer Duplicado. Então eu vou pegar essa coisa e fazer outra cópia usando essa primeira cópia como meu espaçamento, e então eu vou apenas usar o comando D ou Objeto,
Transformar, Transformar Novamente, Eu não sei por que eles chamam isso de Transformar Novamente. Eu acho que costumava ser chamado de Duplicate, que é de onde o comando D veio, faz muito mais sentido para mim apenas duplicar essa cópia aqui. Então eu vou pegar tudo isso e eu vou torná-los um caminho composto com o comando 8. Vou fazer uma cópia dessa primeira forma, então usarei o Intersect Pathfinder que mostrei antes para fazer as listras na barbatana da cauda aqui. Você pode ver que eu preciso de um pouco mais de ajuste para acertar os problemas de espaçamento. Isto é um pouco pequeno demais aqui em baixo e não
gosto de como o branco está a sair por ali. As últimas coisas a fazer, vou começar a adicionar alguns detalhes menores. Estes são bastante simples, e o fato de que eu estou adicionando algum sombreamento aqui apenas fazendo cópias de formas. Vou colar um novo na frente ou remover este e então eu vou fazer o preto para adicionar a sombra lá dentro. Então eu vou realmente fazer uma cópia do corpo principal aqui e arrastar a linha novamente, usar a divisão Pathfinder, excluir a parte superior, vamos fazer este preto também. Então eu só vou trazer minhas asas para a frente. Temos mais uma forma aqui, precisa ser preta. Precisamos adicionar algumas sombras aqui e aqui. Então, por último, vou adicionar esta última sombra fazendo uma cópia e colando-a nesta asa dianteira. Então eu subo e mostro-te o truque que acabei de te mostrar. Vamos para Object, Path, Offset Path. Vamos para 0,25 polegadas, parece muito bem. Então eu tenho um caminho um pouco maior. Então eu vou copiar e colar esses dois retângulos ou comando 8 eles em um caminho composto. Então escolho o meu maior, usarei o Intersect Pathfinder. Eu vou fazer essas pretas, então eu vou trazer minha forma vermelha original lá em cima, e isso me dá este efeito de sombra aqui embaixo. Agora tenho o meu avião. A última peça aqui que são certamente algumas dessas coisas antes é com a ferramenta de rotação, e então eu vou apenas dar-lhe uma referência aqui, é como um grande campo de ouro aqui. A última coisa que faço é agarrar a ferramenta de rotação, dizer-lhe para girar neste ponto de ancoragem e assentar no chão. Geralmente é bom manter uma cópia dessas coisas porque uma vez que eu faço essa rotação, é difícil para mim girá-lo de volta e fica mais difícil para mim fazer edições facilmente. Você pode ver como quando eu desenho neste ângulo de 90 graus ou plano, é rápido e bastante indolor. Vou tentar desenhar essa coisa neste ângulo, é muito mais difícil e leva mais tempo. Isso é rápido, uma modificação de forma um pouco mais avançada, um pouco mais sobre o Pathfinder e você pode ver como eu estou fazendo algumas dessas formas mais complexas, começando com essas formas geométricas básicas e usando esta imagem como minha referência. Isso é sobre isso para os tópicos de desenho avançados. Tenho mais um vídeo para compartilhar com vocês, é sobre retoques finais. Vamos falar um pouco sobre sombreamento, iluminação e textura, e então apenas construir coisas e produzi-las para seus destinos finais. Vejo vocês no último vídeo.
9. Retoques finais: Bem-vindo ao que é, infelizmente, o último vídeo instrutivo deste curso. Espero que tenham aprendido muito ao longo do caminho. Tenho algumas coisas finais que quero te mostrar. Apenas algumas técnicas de acabamento ou toques que você pode fazer e , em seguida, também como preparar seu trabalho artístico para exportá-lo para seu destino final. Entramos no computador. A primeira coisa que eu quero falar é apenas as simples, pequenas técnicas de sombreamento que eu
adicionei para dar a esta coisa um pouco mais de dimensão. Você pode ver que eu tenho esta sombra interior acontecendo dentro deste círculo. Este sombreamento completo para empurrar o centro para a frente
e, em seguida, um destaque em torno do crachá
e, em seguida, alguns sombreamento nesta fita também. Antes de falar sobre isso, eu só queria tocar rapidamente novamente o fato de que eu construí uma paleta de cores que já tinha alguns recursos de sombreamento dentro dela. Eu poderia usar coisas como este azul e a cor quase preta sem ter que fazer qualquer sombreamento adicional. Eu só estou usando aqueles na minha paleta de cores, que então me ajuda a construir as relações de forma porque essa cor é a mesma que esta cor. Não estou apenas sombreando as coisas aleatoriamente. mesma coisa com o vermelho sendo uma sombra de amarelo e como eu mostrei antes, há ainda mais algumas capacidades lá dentro com como o azul sendo a sombra para o vermelho ou o amarelo, etc Fora desses embora, você pode ver que eu também estou adicionando esses outros toques. Estas são algumas coisas bem simples que você pode pensar. A maneira que eu estou fazendo isso é apenas com diferentes formas que são ou preto, e ver que este é um verde azulado preto ou branco. Então eu estou usando a paleta de transparência para qualquer tela se isso é branco ou multiplicar se estes são pretos, e eu estou soltando-os de volta cerca de oito por cento. A tela nos destaques em 10 por cento. Todas as sombras então são multiplicadas com preto em 15%. Então eu só estou usando formas diferentes em cima dessas outras formas. Muito rápido aqui. Se eu pegar meu círculo muito íntimo e copiar e colar duas cópias na frente, e então mover a cópia superior sobre um pouco, e escalá-lo ligeiramente, e então escolher ambos, e vamos usar a frente menos. Então faça isso meu preto escuro, defina-o para se multiplicar, e reduza 15 por cento, eu tenho essa aparência de sombra interna aqui. Então, no destaque aqui do lado de fora, eu apago isso. Vou escolher a minha má forma, vou fazer uma cópia dela. Você pode ver que eu estou usando este truque para dividir tudo ao meio. Pegue o meu original, e então eu realmente peguei isso. Usamos a ferramenta de escala do centro. Escale um pouco para baixo. Copie isso, desfaça, cole aqueles. Use o filtro de interseção para obter uma forma ligeiramente menor. Então tenho que entrar no lugar certo, neste caso eu vou apenas
fazer isso e trazer a fita para o topo. Então eu vou deixar essa coisa branca, definir o modo de transparência, a tela, e soltar isso de volta para 10 por cento. Então eu tenho um par desses, um no fundo acontecendo e, em seguida, essas formas aqui em baixo na fita também. Sempre que você sombrear as coisas, lembre-se de que é o realce e a sombra que são adicionados à dimensão, para que você
possa pensar sobre como adicionar o realce ou a sombra, ou geralmente ambos. Isso é isso. A segunda coisa que eu queria falar é sobre o uso de textura. Já me perguntaram isso algumas vezes, então eu queria ter certeza de que eu mostraria aqui. Eu não tinha nenhum exemplo da série de emblemas que eu fiz, mas eu tinha esses outros exemplos para esses pequenos ícones de ilustração local que estão na seção de informações da classe. Eu tenho esse trabalho textural acontecendo e eu só queria falar rapidamente sobre como eu trabalho com essa textura como forma para aplicar esse sombreamento. O que eu tenho aqui é uma versão não texturizada
desta coisa desenhada apenas com as formas básicas. Então eu tenho este enorme gigantesco de uma forma aqui. É algo que eu criei apenas usando um pincel e tinta, e depois ao vivo rastreando. Eu tenho essa figura gigantesca aqui e eu vou usar isso para aplicar este trabalho textural aqui. A primeira coisa que eu vou fazer, e isso é algo que você vai querer ter em mente sempre que aplicar essas texturas para usar caminhos compostos. Nós falamos sobre eles em vários dos outros vídeos, você pode vir para Object, Compound Path e Make or Release aqui. Mas agora essa coisa depois que eu vivo traço é um grupo, e o que eu quero que isso seja é um caminho composto. Vou usar o Comando 8 para torná-lo um caminho composto. Primeiro de tudo, vou em frente e cair no que está lá atrás. Isso é muito simples, é algo que eu já fiz, vamos enviá-los para trás. Eu escolho isto. Eu vou selecionar a cor laranja, e neste caso em vez de tela, ou branco, ou sombra de preto, tudo o que eu vou fazer é realmente definir esta cor para ser apenas um pouco mais largo. Só precisamos de um cabelo mais leve do que isso. Há o sombreamento textural principal lá atrás. Eu só vou andar com esses. Então o único outro trabalho textural que eu tenho é em torno das bordas deste objeto. Vou escolher isso, manter a tecla Shift pressionada, clicar e arrastar tudo para que eu desmarque essa forma e escolha tudo o resto
e, em seguida, percorra aqueles. Eu não tenho que me preocupar com eles. Essas coisas podem ficar muito agitadas para olhar bem rápido, e então se eu puder descer algumas dessas formas que eu não preciso, ficaremos melhor. Então tudo o que eu preciso fazer é ir em frente e definir a cor que eu quero usando o conta-gotas e minha outra forma. Então eu vou entrar aqui e arredondar as bordas, e duplicar essa coisa algumas vezes. Até sentir que consegui a quantidade certa de textura nessa forma. Ocasionalmente, usarei a ferramenta “Girar” apenas para ajudar a evitar padrões repetidos. Podemos empurrar esse cara para conseguir um pouco mais, e talvez um pouco mais nesse canto seria legal. O que você pode fazer a partir daqui é criar uma máscara de recorte como eu já falei antes. Mas uma das coisas que acontece é quando eu trabalho com essas formas realmente complexas, ilustrador vai começar a ficar atolado e começar a correr um pouco mais devagar, e então eu gostaria de tentar manter isso o mais limpo possível. Eu faço isso adicionando tudo isso, entrar no Pathfinder, eu vou uni-los, para me livrar de todos os milhões de pequenos pontos onde eles se sobrepõem. Levará um segundo aqui, talvez dois segundos, e isso ajudará a se livrar de alguns pontos. Mas a grande coisa é que eu pego uma cópia disso, nós colamos na frente. Vou torná-lo da mesma cor que estes porque quando eu escolher ambos os objetos,
e eu usar o filtro de interseção e o Pathfinder, ele usará a cor da forma superior. O que deve acontecer é, eu vou receber esse erro. Eu realmente planejei isso, diz que a passagem de interseção não produziu nenhum resultado baseado neste filtro Pathfinder. A razão para isso é porque quando eu uso a função unite, ele torna este caminho composto um grupo novamente. Isso é um problema para alguns dos modos Pathfinder especialmente a função intersect. Preciso fazer disso um caminho composto apertando “Comando oito” de novo, escolhendo aquela forma mais uma vez. Vamos usar o filtro do Intersect, e vamos cortar esse excesso de milhões ou dois milhões de pontos e ficar com apenas esta forma. Há um sombreamento textural dentro desta outra forma. É mais difícil voltar atrás e editar isso, mas você economizará mais tempo a longo prazo para que o
ilustrador seja executado mais rápido no front-end. Então diga, se eu precisar voltar aqui e adicionar mais sombreamento, eu vou voltar e adicionar mais. Se precisar remover alguns, eu posso entrar aqui e apagar alguns ou você pode simplesmente começar de novo. Porque vou levar menos tempo para remodelar isto do que para eu ficar aqui sentado e esperar dois ou três segundos cada vez que estou tentando fazer algo dentro do ilustrador. Então isso é sombreamento e texturização, que são dois, na minha opinião, toques
finais para projetar coisas. Eu gostaria de começar e construir forma, e moldar relacionamentos e composição,
e projetar todas essas coisas primeiro e, em seguida, adicionar iluminação, sombreamento ou texturização. Você não tem que salvá-lo até o fim, mas para mim é mais fácil e então eu posso ter certeza de que eu gastar mais tempo realmente projetando o emblema, ou ícone, ou elemento primeiro. A última coisa que quero mostrar é preparar esta coisa para se preparar para exportar. Para nossos propósitos aqui, o que vou mostrar é usar essa coisa na tela. Eu acho que muitos de vocês provavelmente estão projetando distintivos para sites ou blogs, ou algo assim. Vou mostrar-lhe alguns truques aqui para preparar esta coisa para exportar como um arquivo PNG. As pessoas que vão imprimir, não precisam se preocupar tanto com isso. Mas às vezes ele pode ser muito útil apenas para ter certeza que tudo nele está em seu lugar certo antes de ir para a produção. Agora, normalmente, o que eu quero fazer é “Arquivo” e “Exportar” e vamos fazer um PNG. Vou em frente e usar o quadro de arte aqui e guardá-lo na minha área de trabalho. Vamos exportar este PNG. resolução da tela está boa. Normalmente, eu derrubo isso para Superamostragem Otimizada para Arte, em vez de Tipo Otimizado. Eu não vi realmente um monte de diferença entre os dois, especialmente trabalhando neste tipo de ícone menor. Mas eu vou em frente e faço isso na maior parte do tempo, então isso vai fazer o arquivo PNG. Então posso entrar no Photoshop e dar uma olhada nisso. Aí está o meu último PNG. Agora, infelizmente, há alguns problemas com esta coisa e muitas das linhas estão confusas. Você pode ver quando eu realmente amplio para gostar desta forma, é como um pouco confuso por aqui. Alguns dos anti-aliasing que está acontecendo quando ele gera esse arquivo
PNG está começando a fazer com que tudo não pareça tão grande. Há duas maneiras de combater isso. A primeira maneira é se você assistir ou ler através do tutorial perfeito pixel que são postados na segunda seção, você pode ver como você pode configurar uma grade de pixels e encaixar tudo para que grade de pixels, e que deve eliminar a maioria dos esses problemas. No entanto, como alguns de vocês já experimentaram, isso às vezes pode tornar as coisas de desenho, uma dor. A outra forma de fazer é desenhar isto primeiro. Então, se você chegar ao menu “Exibir” no ilustrador, na parte superior, há essa opção Visualização de pixels. Temos um atalho da opção “Comando Y”. Quando eu fizer isso, ele lhe dará esta visualização Pixel Preview. Quando estou ampliando, posso começar a ver alguns desses problemas de suavização de serrilhamento. Mesmo que isso pareça pixels, eu ainda tenho todos os meus caminhos que eu posso selecionar aqui. Posso corrigir a maioria dos problemas escolhendo esses caminhos e ajustando-os ao pixel. Quando estou na Visualização de Pixel e temos Snap to pixel marcado, também no menu Exibir, você pode realmente simplesmente escolher essas coisas e movê-las rapidamente, ou a forma inteira que você pode ver. Corrija o problema que eu estava tendo com a parte superior ou remova a parte inferior, apenas a parte inferior. Quando você o move, ele se encaixará em um pixel. Às vezes você tem que sair e depois voltar, e então nós vamos tirar isso para baixo. A mesma coisa aqui, apenas neste caso, apenas lá fora. Vamos subir um lá,
subir um, e depois descer um acima de tudo. Vou trazer este para trás e para a frente uma vez lá, vir até este tipo e trazê-lo para cima. Este aqui para baixo, olha para a nossa forma azul que é um grande problema. Vá para cima e para baixo, e então você pode olhar para a nossa lâmpada de rua mesmo, e as formas que são construídas nele. Então, bem no fundo deste azul, é um problema. Um sinal de rua deste lado também é um problema. Como nossos detalhes aqui. Usar essa Visualização de Pixel e apenas movê-las, um pixel para cima ou um pixel para baixo, encaixar essas coisas, deve lhe dar uma visualização muito mais nítida e nítida dentro do ilustrador. Então podemos ir em frente e exportar um arquivo PNG novamente. Deixe-me fazer isso mais uma vez e usar o quadro de arte. Vou sobrescrever o meu antigo, escolher “Art Optimize”, substituí-lo
e, em seguida, abri-lo novamente. Agora podemos ver que as coisas estão muito mais nítidas dentro do Photoshop. As coisas vão ficar muito melhor na tela. Isso é tudo para esses vídeos. Como eu disse, espero que vocês tenham aprendido um pouco. Esperemos que essas técnicas de acabamento e as coisas abordadas na terceira seção da turma o
ajudem a terminar sua série uma maneira única e interessante e prepará-la para o mundo real. Se vocês tiverem alguma dúvida,
por favor, continuem a publicá-las na seção de perguntas
e respostas, e eu responderei o mais rápido possível. Então eu vou estar passando e comentando sobre seus projetos tanto quanto eu puder também. Estou ansioso para ver como as coisas acabam. Eu provavelmente vou fazer um vídeo de encerramento no final da aula também, então eu vou ver vocês lá. Obrigado.