Ilustre o seu dia: uma introdução ao design de símbolos | Edward Boatman | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Ilustre o seu dia: uma introdução ao design de símbolos

teacher avatar Edward Boatman, Co-founder, Noun Project

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

5 aulas (1 h 28 min)
    • 1. Crie sua lista de referentes

      6:51
    • 2. Técnicas de design para seus ícones

      19:37
    • 3. Um curso rápido de Adobe Illustrator

      29:36
    • 4. Crie um símbolo usando o Adobe Illustrator

      21:25
    • 5. Crie o produto final

      10:04
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

15.466

Estudantes

531

Projetos

Sobre este curso

Os símbolos são ferramentas de comunicação incrivelmente poderosas. Podem comunicar mais rápido do que as palavras, de formas memoráveis e poderosas, além de ser uma forma universal que transcende as barreiras culturais e linguísticas. São a única linguagem que todo mundo consegue entender. 

9ab7b41c

Neste curso, você vai aprender a criar essas incríveis ferramentas de comunicação usando software de edição de vetores. Use símbolos para contar a história de um dia da sua vida.

O que você aprenderá

  • Selecione os seus referentes.  Começamos gerando ideias de ícones que gostaríamos de criar para depois partir para a fase dos esboços.
  • Técnicas de design para maximizar a compreensão  dos usuários.  Vamos abordar alguns elementos básicos e depois aplicar técnicas de design nos nossos referentes buscando criar esboços mais refinados.
  • Desenhe símbolos no Illustrator. Vamos usar o Adobe Illustrator para criar vetores digitais dos nossos ícones. 
  • Refinamento dos seus designs. Vamos finalizar os nossos ícones e compartilhá-los com o mundo.

9c8df83c

O que você fará

Você vai começar o curso documentando como é a sua rotina diária. Depois de pensar sobre isso, você vai limitar esses itens à uma lista de 20 atividades ou objetos essenciais que definem a sua vida diária.  Com esses 20 referentes escolhidos, você vai aprender a fazer o design de um símbolo que expresse visualmente a essência de cada um desses conceitos.
Quando os designs estiverem prontos, você vai criar uma linha de tempo usando seus símbolos. Será a representação visual da sua vida. 

Este curso é perfeito para quem quer aprender a usar o Adobe Illustrator, design gráfico, iconografia, ilustração e storytelling criativo.

Conheça seu professor

Teacher Profile Image

Edward Boatman

Co-founder, Noun Project

Professor

The Noun Project is building a global visual language that everyone can understand. We want to enable our users to visually communicate anything to anyone.

Humans have been using symbols to communicate for over 17,000 years because they are the one language everyone can understand. Symbols can transcend cultural and language barriers and deliver concise information effortlessly and instantaneously. They allow people to communicate quickly, effectively, and intuitively. And for the first time ever, this language is being combined with technology to create a social language that unites the world.

You can read more about us in Core77, Fast Company, The New York Times, The 99 Percent, and GOOD.

This class is taught by Edward Boatman, Co-Founder of The Noun Project and a... Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Crie sua lista de referentes: Olá a todos. Meu nome é Edward Boatman. Sou um dos fundadores do Projecto Substantivo. Gostaria de me dar as boas-vindas à minha aula de Skillshare: Uma Introdução ao Design Simples. Quero começar agradecendo a todos vocês por terem feito essa aula. É realmente uma oportunidade incrível para eu ser capaz de ensinar a todos vocês, e eu estou realmente ansioso por todas as coisas que vocês vão me ensinar. Mais uma vez, muito obrigado por ter assistido à aula. Eu queria começar a aula falando rapidamente sobre o que cada um de vocês vai criar. Essencialmente qual será a entrega final. Cada um de vocês vai projetar 20 símbolos que, quando juntos, criarão uma linha do tempo visual que conta a história de um dia em sua vida. Eu zombei da minha linha do tempo. Uau, isso está de cabeça para baixo, desculpe por isso. Essencialmente como o meu dia se parece através de ícones. O que é tão bom nisso é que você pode contar muito sobre meu dia, minha vida e o que eu faço. Você pode ver que a primeira coisa que eu faço de manhã é acordar e checar meu iPhone. Não tenho tanta certeza se estou orgulhoso disso. Depois levo o cão para passear. Você pode ver que ele é um cão muito pequeno. O nome dele é Macaco e ele é provavelmente um pouco menor do que isso na vida real. Então tome um banho. Então coma um pouco de café da manhã. Você pode ver que eu sou um bebedor de café, fazer um pouco de imprensa francesa. Então diga adeus à minha esposa. Eu sei que é um pouco irritante, mas eu tive que jogá-lo lá dentro. Ela provavelmente ficaria brava comigo se eu não jogasse lá. Em seguida, dê uma caminhada até o ponto de ônibus onde eu pego o ônibus. Quando eu entrar no escritório, a primeira coisa que eu faço é checar algum e-mail. Então eu li pequenas notícias. Então eu pulo no caderno de esboços onde eu começo a fazer alguns trabalhos de design. Depois disso, faça um pouco de pensar, conceber, resolver problemas. Pausa para o almoço, onde costumo comer uma salada. Em seguida, pule de volta para o computador onde eu faço um pouco mais de trabalho de design. Pegue o ônibus para casa, e depois caminhe do ponto de ônibus de volta para casa. Diga olá para a esposa. Comer um pouco, e eu costumo tomar uma bebida adulta com isso. Assistir um pouco de TV. Faço uma pequena leitura na cama, e as luzes apagam-se. Então essa é essencialmente a história do meu dia contada através de ícones e vocês vão fazer isso e contar a história do seu dia. O que eu acho tão bom sobre isso é que vocês não só aprenderão a usar o Adobe Illustrator e aprender a comunicar efetivamente ideias, mas também aprenderão muito sobre vocês mesmos e os outros. É realmente um exercício fascinante documentar sua rotina diária, e ver seu dia em um único instantâneo. O que eu acho realmente ótimo é que uma vez que estamos usando a linguagem universal da iconografia, a única linguagem que todos podem entender, e como temos pessoas de todo o mundo fazendo essa aula, nós vamos para ser capaz de ver como pessoas de diferentes partes do mundo vivem suas vidas, e nós seremos capazes de ver as semelhanças e as diferenças. Eu acho que vai ser realmente fascinante, e eu acho que nós temos o potencial de criar algo realmente incrível aqui. Quero dar-lhe uma breve visão geral de como vamos progredir através da aula. Hoje, na Unidade 1, vamos criar uma lista de conceitos, objetos ou ações que definem nossa rotina diária. Vamos chamar essas referências. Então, na Unidade 2, vamos aprender algumas técnicas de design que nos permitirão comunicar visualmente esses objetos e ações. Usando essas técnicas, vamos esboçar alguns designs que comunicam visualmente cada uma dessas referências. Em seguida, na Unidade 3, vamos saltar para o Adobe Illustrator, e vamos transformar esses esboços em ícones vetoriais, designs vetoriais. Então, finalmente, na Unidade 4, vamos polir os designs, colocá-los em uma linha do tempo e compartilhá-los com o mundo. Então é assim que vamos progredir através da aula. Vamos começar aqui. Quero que crie uma lista de todas as ações, objetos e conceitos que definem seu dia normal. Repare como eu disse “dia normal”. Este não é um dia de faz-de-conta. Este não é o teu dia perfeito. Esta é apenas a sua rotina diária normal. Tente ser o mais honesto possível. Ao fazer a lista tente ser o mais detalhado possível. Aqui está a lista com a qual comecei. Você pode ver que eu estou entrando em detalhes bem granulares. Eu tenho cerca de 35 passos aqui. Acorde e verifique o telefone. Leva o cão para fora. Você pode ver andando. Você pode ver pensar, criar, relaxar, falar, todas essas coisas diferentes que eu faço ao longo do meu dia. Quero que faça isso pelo seu dia. Faça uma lista de todas essas etapas, conceitos ou objetos diferentes que definem sua rotina diária. Uma vez que você faça isso, eu quero que você veja essa lista e você vai ter que reduzi-la para 20 referências. Eu quero que você percorra essa lista, e pense sobre quais etapas são as mais significativas, quais etapas podem ser facilmente comunicadas visualmente, e também quais etapas criam ferramentas interessantes para contar histórias. Depois de fazer isso, quero que escreva essa lista em um pedaço de papel separado. Você pode ver agora eu peguei essa lista de 35 referências, e agora eu reduzi para 20. Estas 20 referências serão a base da nossa linha do tempo. Depois de fazer isso, depois de reduzir sua lista para 20 referências, tire uma foto dela e carregue-a para a seção Projetos no site Skillshare. Esse é o material para a Unidade 1. Você já completou uma unidade, parabéns. Vemo-nos na Unidade 2. Muito obrigado de novo por ter assistido à aula. Tchau. 2. Técnicas de design para seus ícones: Olá a todos. É Edward Boatman. Bem-vindo à unidade 2 da classe Skillshare, uma introdução ao design de símbolos. Como você se lembra, no final da última unidade, criamos uma lista de 20 referências que servirão de base para nossa linha do tempo visual daqui para frente. Na unidade de hoje, vamos criar esboços que comunicam visualmente cada uma dessas referências. Antes de entrarmos nisso, quero falar primeiro sobre um dos aspectos mais importantes do design de símbolos, que é a compreensão do usuário. Assim, quando um usuário visualiza um símbolo, esse símbolo deve comunicar a mensagem pretendida correta de volta ao usuário. Agora, eu vou virar a tela e vamos pular em uma apresentação para isso. Tudo bem. Bem-vindo à minha tela. Um ótimo lugar para começar falando sobre a compreensão do usuário é olhando para este conjunto de símbolos médicos. Agora, o que é tão bom sobre este conjunto de símbolos médicos é que na verdade foi testado cientificamente para compreensão do usuário. Uma pequena história sobre esta suite é a Fundação Robert Wood Johnson surgiu com este objetivo de criar um conjunto universal de símbolos médicos que poderiam ser usados em hospitais em todo o mundo. A maneira como eles começaram a executar isso é que eles realmente chegaram a vários médicos e pediram eles criassem uma lista de referências ou conceitos que eles pensavam que precisavam ser visualmente definidos mais. Então, quais eram as necessidades desses hospitais? Uma vez que eles tiveram essa lista de conceitos, então eles realmente chegaram a projetar universidades em todo o país e envolveram estudantes de design gráfico. Eles pediram aos alunos de design gráfico que criassem símbolos que comunicassem visualmente cada uma dessas referências. Quando esse processo foi feito, eles combinaram os símbolos que os designers gráficos criaram, e eles os combinaram com símbolos médicos existentes. O que acabou acontecendo é que eles tinham vários símbolos representando uma única referência. Isso permitiu que eles testassem a compreensão do usuário. Agora, a maneira como o teste funcionou é que eles reuniram vários voluntários, e eles se certificaram de que os voluntários não eram designers, porque eles sabiam que se os designers fossem avaliá-los, os designers estariam inconscientemente pensando sobre proporções, escala, peso da linha não necessariamente apenas compreensão do usuário. Então eles pediram a esses voluntários que escrevessem na caixa, que porcentagem de pessoas pensavam que esse símbolo significava administração. Essa foi a maneira simples que eles testaram todos esses símbolos. O teste é preenchido com dados fascinantes, e eu realmente postei um link para o PDF de todo o relatório, e eu postei um link para o PDF apenas para os resultados do teste na seção de recursos do site Skillshare. Por isso recomendo vivamente que dês uma olhadela. Uma das primeiras coisas que o teste revelou é que havia essencialmente duas técnicas de design que você poderia usar para alcançar um alto nível de compreensão do usuário. Ambos os símbolos estão comunicando a mesma referência, que é oftalmologia. Ambos os símbolos testados muito bem. Mas, obviamente, esses símbolos estão usando técnicas de design muito diferentes. O da esquerda aqui está usando o que eles chamam de técnica icônica, é simplesmente mostrar um objeto que está associado com a referência. Neste caso, um olho. Observe o quão simples e ousado é, ele pode ser dimensionado para cima ou para baixo e ainda vai ler bem. Agora, o símbolo à direita está usando o que eles chamam de técnica de design narrativo. É muito mais visualmente complexo do que a técnica icônica, e está realmente contando uma história. Então você tem o médico aqui segurando um dispositivo médico, brilhando luz no olho do paciente. Vejamos essas técnicas de design um pouco mais em profundidade. Todos os quatro símbolos aqui estão usando a técnica de design icônica. Você tem dentista, ambulância, equipe médica, este aqui é um pouco machista, desculpe por isso, e então neurologia. Novamente, veja como são simples e ousados todos esses projetos. Algo que todos eles estão fazendo em comum é que eles estão apenas analisando os fatos essenciais do objeto ou conceito que estão representando. Então eles estão apenas mostrando a forma muito simples e icônica do dente. No caso da ambulância, eles excluíram tantos detalhes. Não há maçaneta ou articulação entre a porta e o resto da ambulância, eles não têm a janela traseira aqui, eles estão apenas mostrando os fatos essenciais, que é uma sirene, a cruz médica altamente icônica, os pneus e a forma de uma ambulância. Aqui, com a equipe médica, eles estão mostrando a forma muito icônica de um estetoscópio. Na neurologia, eles estão usando espaço negativo aqui para mostrar parte da coluna vertebral e, em seguida, espaço negativo para mostrar o cérebro, e o cérebro é tão simplesmente projetado aqui, que é apenas uma série de círculos colocados sobre o outro. Mostrar a textura altamente reconhecível do cérebro é apenas uma linha simples passando por ele. Novamente, todos os quatro símbolos estão usando a técnica icônica, todos os quatro desses símbolos testados muito bem. Vamos seguir em frente e falar sobre a técnica narrativa. Todos os quatro símbolos estão a usá-lo, todos os quatro símbolos estão a usá-lo bem. Então você tem respiratória, sala de espera, cirurgia e educação em saúde. Com a respiração, olhe para o movimento alcançado, a ilusão de movimento que é alcançada apenas mostrando uma série de pontos de ar movendo-se através do nariz do paciente para os pulmões. É muito mais complexo, é muito mais dinâmico do que os desenhos simplesmente estáticos da técnica de design icônica. Aqui, para a sala de espera, você tem uma pessoa sentada em uma cadeira, suas pernas estão cruzadas, eles estão lendo um livro. Para realmente dirigir para casa o ponto em que o tempo está passando lá, há um relógio no canto superior esquerdo. Cirurgia, você tem o médico atuando no paciente. Então ele está realmente envolvido no processo. As pessoas na técnica de design icônica são completamente estáticas, sem movimento. Mas as pessoas na técnica de design narrativo, estão sempre envolvidas no processo. Aqui, para a educação em saúde, você tem o Doutor, e novamente, ele está envolvido no processo, ensinando os alunos. Agora, vamos olhar para alguns projetos que não foram bem testados e ver o que podemos aprender com eles. O referente aqui era medicina alternativa. Agora, o da direita, este aqui, testou muito melhor do que este. Isso é porque este está claramente usando a técnica de design narrativo. Você tem o médico fazendo uma forma de medicina alternativa em um paciente, é muito claro o que eles estão fazendo. Este é muito ambíguo, parece ou pode parecer maconha medicinal, tão confuso. Aqui, o referente é a saúde mental. O da direita, novamente, testou melhor, e isso é porque eles estão usando a técnica icônica aqui, eles estão usando algo que as pessoas estão bem cientes, que é que as engrenagens na mente sempre foram associadas ao pensamento. Considerando que este aqui, eles estão realmente tentando usar uma metáfora aqui, que é um pouco confuso, do sol nascendo sobre o médico e o paciente para representar esperança e cura, que é um conceito muito confuso e complexo para tentar dizer através do símbolo. Aqui o referente é a genética. uma vez, o da direita testou melhor. O da esquerda, novamente, está usando uma metáfora. Eles estão tentando explicar a idéia muito complexa de uma árvore genealógica, e obviamente isso não saiu bem, isso é muito confuso. O que acabou realmente funcionando melhor foi apenas mostrar uma família e , em seguida, mostrar a forma muito icônica e altamente reconhecível da dupla hélice. Agora, conhecemos as técnicas icônicas e narrativas de design. Mas, obviamente, essas duas técnicas de design têm suas limitações. Como regra geral, eles só devem ser usados se o objeto ou conceito que estão representando puder ser retratado de forma realista. Agora, para conceitos que são mais abstratos e ambíguos, uma marca ousada e memorável deve ser criada e usada forma consistente ao longo do tempo para alcançar uma compreensão de alto nível do usuário. Exemplos perfeitos disso são a reciclagem, risco biológico, novo enchimento e símbolos radioativos. Nenhum de nós saberia o que esses símbolos significavam, se não nos ensinassem desde uma idade muito jovem, eles estão comunicando um certo conceito. Agora, que nós conhecemos as três técnicas de design, ou eu deveria dizer, desculpe, voltando para a técnica de design abstrato. Duvido que muitos de vocês tenham que usar essa técnica de design em seus projetos. Eu só queria trazer isso à tona. Eu sinto que é importante saber porque eu sinto que a maioria das referências que vocês vão chegar com pode ser representada usando as técnicas icônicas e narrativas de design. Agora, que conhecemos a narrativa icônica e técnicas de design abstrato, eu quero seguir em frente e falar um pouco sobre estilo de design. Obviamente, há uma quantidade infinita de estilos de design que você poderia usar. Mas para esta aula, eu realmente quero reduzi-lo a dois estilos de design. O estilo de design do contorno e o estilo de design preenchido. O estilo de design de contorno é exatamente o que soa, as formas que são criadas são simplesmente trazidas à vida usando contornos. O estilo de design preenchido é apenas criar formas criando formas sólidas preenchidas em formas. Em termos de complexidade, o estilo de design de contorno é um pouco mais fácil de executar. Se você está apenas começando na aula, eu recomendo usar este estilo. Se você é um pouco mais avançado e você quer um desafio maior, então eu iria para o estilo de design preenchido. Vejamos alguns exemplos disso. Aqui estão três símbolos que estão usando o estilo de design preenchido. Você tem alguém que está quebrando a cabeça em algo pendurado no teto. Isso está usando a técnica de design narrativo, mas obviamente usando o estilo de design preenchido. Este é o símbolo de avião muito famoso projetado em 1974 por Roger Cook e Don Shanosky, que tem sido amplamente adotado em todo o mundo para aeroportos. Isto está obviamente usando a técnica de design icônica, e está usando o estilo de design preenchido. Temos um símbolo aqui representando algo que todo mundo faz na faculdade, que é estrias, um cara jogando fora suas roupas e indo para uma corrida. Isso está usando a técnica de design narrativo e, obviamente, é o estilo de design preenchido. Vejamos alguns exemplos do estilo de design de contorno. Temos aqui um cachorro-quente que está usando a técnica de design icônico e o estilo de design narrativo. Nós temos um ícone que na verdade eu criei para a minha linha do tempo. Este é o último na minha linha do tempo, representando-me a ir para a cama. É uma técnica de design narrativo porque estou adicionando os elementos contadores de histórias da lua e das estrelas, e meu corpo está em movimento aqui mostrando meu braço pendurado. Isto é, obviamente, usando o estilo de design de contorno e, em seguida, um isqueiro que é simplesmente mostrado usando a técnica de design icônico, mas o estilo de design de contorno Mais uma vez, você tem três técnicas de design. Você tem a narrativa, o icônico e o abstrato. Então eu gostaria que vocês escolhessem entre um dos estilos de design, o estilo de design preenchido ou o estilo de design de esboço. Agora, eu quero seguir em frente e falar sobre pegar essas referências e criar alguns esboços para eles. Aqui está uma foto do meu caderno de esboços. Esta é a minha lista de 20 referências que reduzi da última unidade. Esta é a minha lista que é a base para a minha linha do tempo. O que quero que vocês façam é escolher dois símbolos. Um vai estar usando a técnica de design icônico e tentar encontrar outro que irá usar a técnica de design narrativo. Para mim, eu sei que o ônibus, Eu provavelmente vou apenas mostrar os ônibus como um ônibus simples. Provavelmente vai ser a técnica de design icônica. Mas, onde está pensando aqui, pensando bem aqui. Isso vai ser mais do que provável uma técnica de design narrativo. Vou ilustrar o ônibus e os ícones de pensamento. Começando com o ícone do ônibus, eu realmente puxei a imagem do meu ônibus real, que eu levo para o trabalho e eu gostaria que vocês fizessem o mesmo. Se você está representando uma bicicleta ou se você está representando sua casa ou seu ônibus, eu acho que você deve começar com uma imagem real dela. Dessa forma, você pode obter alguns detalhes essenciais desse objeto. Apenas olhando para este ônibus, eu posso ver alguns elementos centrais, os fatos essenciais deste ônibus, que é essencialmente esta parte superior aqui, que tem a informação sobre onde o ônibus está indo. Você percebe que são apenas duas janelas realmente grandes, e então este elemento horizontal muito forte, o pára-choques. Há muitos outros elementos nesta imagem que não precisam ser representados como os limpadores de pára-brisas ou a gaiola de pico na frente. Isso só vai adicionar desordem ao design. Se você começar com uma imagem, basta pensar com você mesmo quais são os principais elementos desse objeto. Agora, eu passo para o meu caderno de esboços e você pode ver que eu tenho a foto aqui ainda para me inspirar. Eu comecei desenhando de lado, mas uma coisa que você percebe é, obviamente, a largura é muito maior que a altura, e isso não faz para o melhor ícone. Você quer que seus ícones sejam iguais altura e largura para ter uma proporção semelhante, que ele ocupe todo o espaço. Decidi ir com a vista frontal. Novamente, estou apenas puxando os elementos essenciais do ônibus, que é esta parte de cima. Eu realmente simplifiquei esta área aqui onde a informação é exibida simplesmente por uma linha. Então eu tenho apenas as duas janelas aqui e puxei alguns detalhes agradáveis das luzes do ônibus. Então, obviamente, o pára-choques e, em seguida, apenas mostrando os dois pneus por baixo. Então, para voltar para casa, o ponto que é um ônibus, você sabe, jogar o motorista lá, eu acho que é um toque agradável. Agora, passando para a referência de pensamento, com a qual vou usar a técnica narrativa. Comecei desenhando algumas ideias diferentes. Isso obviamente mostrando apenas a cabeça e o busto de uma pessoa e, em seguida, mostrando a lâmpada acima. Pensei que isto não estava a mostrar informação suficiente. Achei que cortar esse cara aqui era um pouco confuso. Eu adicionei uma bolha de pensamento aqui. Eu gostava desse elemento um pouco marcado. Eu acho que ele se comunica pensando um pouco melhor do que apenas a lâmpada, que eu acho que se comunica como uma idéia. Eu, em seguida, mudar para adicionar um pouco mais de detalhes mostrando um cara sentado na cadeira do lado e, em seguida, pensando bolha, adicionando a mesa. Acho que isso está ficando um pouco mais forte. É um pouco mais um desenho narrativo. Então finalmente cheguei à solução final, que é o cara sentado à mesa. A bolha aqui está comunicando pensamento, mas também a forma como suas mãos estão posicionadas, também está comunicando que o pensamento está acontecendo. Tenho as mãos no queixo, estou a contemplar e, em seguida, esta mão está a repousar sobre a secretária também. Eu quero que você passe por um processo semelhante para sua referência. Se você estiver indo para ilustrar um ônibus, uma bicicleta ou uma casa, você pode querer tirar uma foto dele e usá-lo como inspiração para seus esboços. Em seguida, usando as mesmas técnicas de design que acabamos de passar, criei um esboço para cada uma das minhas referências e esta é a entrega final para esta unidade. Uma vez que vocês passem por este processo e criem um esboço para cada uma de suas referências, eu gostaria que vocês tirem uma foto dele e enviassem para a seção do projeto do site. Depois de fazer isso, você completou a unidade 2 deste curso para sua classe. Obrigado mais uma vez por fazeres a aula e vemo-nos na próxima unidade. 3. Um curso rápido de Adobe Illustrator: Olá a todos. É Edward Boatman. Bem-vindo à unidade 3 da classe Skillshare em introdução ao design de símbolos. Então, nesta unidade, vamos pegar os esboços que acabamos de completar na unidade 2 e vamos colocá-los no Illustrator e vamos começar a vetorizar esses desenhos. Neste vídeo em particular, vai ser um curso intensivo sobre os conceitos básicos do Illustrator. Então, se você já conhece o Adobe Illustrator, desative este vídeo e pule para o próximo vídeo. Se você está apenas começando ausar o Adobe Illustrator, usar o Adobe Illustrator, este vídeo é perfeito para você. Estamos no Illustrator aqui e uma das primeiras coisas vamos fazer é criar um novo documento. Então vá até aqui para Arquivo e Novo. Não vamos dar um nome por enquanto. Você pode ver que isso controla o tamanho dele. Vamos deixar na letra e pressionar “Ok”. Então aqui vamos nós, temos uma tela em branco completa aqui. Agora, você vai estar olhando em volta para este programa do Illustrator e você vai estar dizendo que há um monte de ferramentas aqui e provavelmente pode parecer bastante intimidante, mas o bom é que, para que você você vai estar dizendo que há um monte de ferramentas aqui e provavelmente pode parecer bastante intimidante, mas o bom é que, para que você executar o projeto final que é um conjunto de 20 ícones, há apenas algumas ferramentas que você vai precisar saber. Então deve ser realmente muito fácil e eu vou te ensinar essas ferramentas hoje. Deixe-me tirar isso do caminho. Então a primeira coisa que quero ensinar a vocês é como desenhar linhas. Eles são basicamente a base para tudo o resto que vamos aprender a fazer. Portanto, há essencialmente duas maneiras de desenhar uma linha. Uma é com a ferramenta de caneta, que está bem aqui. Você pode essencialmente apenas criar dois pontos. Então, aqui até aqui, vocês podem ver bem ali que criamos uma linha. Então, se você quiser manipular essa linha, você pode ir até aqui para a ferramenta de seleção no canto superior esquerdo e agarrá-la, e você pode realmente ajustar a espessura da linha subindo aqui até o peso do traçado e aumentando-a. Você pode torná-lo realmente grosso, você pode realmente digitar um número aqui. Então você quer fazer 40 pontos de espessura, o que o torna muito grosso. Se você quiser torná-lo um ponto de espessura, isso o torna muito fino. Então essa é uma maneira que você pode desenhar uma linha. A outra maneira que você pode desenhar uma linha é com a ferramenta de linha. Então este funciona um pouco diferente no sentido de que você tem que segurar o mouse. Então mantenha pressionada, arraste para onde quiser ir e solte. É assim tão simples. Uma coisa que você pode fazer com a ferramenta de linha é se você quiser manter sua linha completamente 90 graus, você pode desenhar e, em seguida, pressionar o botão de mudança no seu teclado e que mantém completamente reta, completamente plana. Você percebe que mesmo que eu vá para cima ou para baixo com meu cursor, ele ainda permanece completamente horizontal. Posso fazer o mesmo mantendo-o vertical. Também funciona a 45 graus também. Então todas as linhas, com ferramenta caneta e com a ferramenta de linha. Agora vamos falar sobre manipular essas linhas um pouco. Então vamos para a ferramenta de seleção novamente e pegar isso. Então, se você quiser movê-lo, você pode movê-lo para qualquer lugar que você quiser na tela. É uma maneira de manipulá-lo. Se você quiser manipulá-lo um pouco mais, você pode ir para a ferramenta de seleção direta que é o canto superior direito. Você seleciona essa ferramenta, e na verdade você pode manipular a linha agora por esses pontos. Obviamente, com a linha, há apenas dois pontos, um ponto de partida e um ponto de chegada. Então eu posso pegar um desses e movê-lo. Você pode ver que estou manipulando completamente a linha agora. A mesma coisa aqui. Você verá que há alguns guias inteligentes aqui que você verá que vai encaixar para estar no eixo vertical com este ponto aqui em baixo, mesma coisa para ser completamente horizontal. Então o Illustrator tem alguns guias inteligentes realmente agradáveis embutidos nele. Então sabemos como desenhar as linhas, sabemos como usar a ferramenta de caneta para desenhar uma linha, sabemos como usar a ferramenta de linha para desenhar uma linha, sabemos como torná-las grossas e finas. Vamos falar sobre fazer formas agora. Então vamos para a ferramenta de caneta e vamos fazer uma longa linha com uma série de pontos e eu vou circular de volta. Vamos realmente fechar esta linha para que ela crie uma forma. Você pode ver como eu perto do ponto de partida, você pode ver um pequeno círculo aparece pela ferramenta caneta. Isso significa que eu realmente vou fechar isso em uma forma. Então agora eu não tenho mais uma linha, mas uma forma fechada. Eu ainda posso fazer a mesma coisa manipulando o peso do traçado para que eu possa torná-lo grosso, eu posso movê-lo, eu posso pegar um desses pontos, e manipulá-lo ainda. Como faço para mudar a cor no interior? É um lugar perfeito para começar a falar de preenchimento. Então, se eu quiser mudar a cor aqui, eu posso fazer isso com essas duas caixas aqui e essas duas caixas aqui. Então, se eu destacar isso, isso é controlar o derrame. Esta caixa aqui, o contorno preto está controlando o traço, então a cor do contorno. Se eu quiser controlar a cor do que está dentro, o preenchimento, posso fazê-lo com esta caixa aqui. Você pode ver que não há nada lá dentro como indicado pela linha vermelha indo para a caixa. Mas se eu quiser uma cor, basta apertar o menu suspenso e vamos dizer que eu quero torná-la azul. Lá vamos nós, eu tenho uma forma. Agora, se eu não quiser aquele contorno preto em torno dele, eu faço o derrame para que não haja nada. Então faça com que haja uma linha vermelha indo para a caixa, e eu também possa manipular isso aqui em baixo também, então vamos manter o golpe em nada. Aqui vamos nós. Então agora sabemos como criar uma forma, sabemos os diferentes traçados e preenchimento de tutoria. Agora quero falar sobre como criar mais algumas formas geométricas. Então vamos começar com um retângulo. Então vá para a sua ferramenta de retângulo, que está bem aqui. Uma coisa a destacar é nesta paleta de ferramentas aqui, se você ver que há uma pequena seta preta no canto desses ícones, isso realmente significa que há mais ferramentas enterradas por baixo. Então você pode ver aqui além da ferramenta de lápis, há todas essas ferramentas diferentes aqui. As ferramentas de retângulo como essa, ele tem uma ferramenta de retângulo arredondado, ferramenta elipse, e ferramenta de polígono. Mas, por enquanto, vamos apenas fazer a ferramenta de retângulo. Então, para a ferramenta de retângulo, basta selecionar o mouse e arrastá-lo e, em seguida, solte. Vamos mudar a cor do retângulo para ser preto. Então vamos subir aqui, lá vamos nós. Aqui está o nosso retângulo. Podemos fazer algumas coisas com isso. Se quisermos ajustar o tamanho dele, basta pegar nossa ferramenta de seleção normal e podemos apenas passar o mouse sobre os lados e você pode ver essas duas setas aparecer. Podemos torná-lo mais espesso e mais fino, também podemos ajustar a altura dele assim, também podemos selecionar sobre ele e ir para o canto e girá-lo. Agora, quando você está girando, você também pode manter pressionada a tecla shift, e isso cria, então ele só gira em 45 graus, o que é um recurso muito bom. Se eu soltar a tecla Shift, você pode ver que eu posso girá-la em qualquer lugar que eu quiser. Então essa é a ferramenta de retângulo. Vejamos a ferramenta de elipse. Mesma coisa. Desenhe uma elipse. Agora diga que quero desenhar um círculo perfeito. Bem, você vai para a ferramenta de elipse, mas então você mantém a tecla Shift pressionada enquanto você está fazendo isso e isso cria um círculo perfeito. Se eu liberar o turno, você pode ver que ele volta para uma elipse, mas se eu apertar Shift, círculo perfeito, isso restringe as proporções. A mesma coisa com uma ferramenta de retângulo em termos de desenho de um quadrado. Então você pode desenhar um retângulo, mas se você quiser que ele seja um quadrado perfeito, pressione shift e isso restringe as proporções. Agora sabemos como desenhar algumas linhas, como desenhar algumas formas básicas. Vejamos algumas formas mais complexas. Por exemplo, como você desenharia essa forma? É complexo. Você provavelmente está pensando, “Como você faria isso?” Bem, uma das chaves do Illustrator é que você tem que ver as formas dentro de uma forma. Esta forma aqui, eu realmente vejo dois círculos nele. Eu vejo um círculo, então parece que havia outro círculo colocado em cima dele, e ele foi subtraído deste primeiro círculo. Vamos ver se conseguimos duplicar isso. Vamos aqui vamos para a ferramenta Elipse, e vamos apenas criar um círculo simples. Agora vamos copiar este círculo. Para copiar, há algumas maneiras de fazer isso. Você pode executar o Command C em uma Apple ou Control C em uma Apple. Estou pressionando isso agora. Em seguida, Comando V ou Controle V, cole-o. Você pode vê-lo basta colar lá. Ou outra maneira que você pode fazer isso é apenas selecionar o objeto que você deseja copiar e clicar em “Opção”. Você pode ver como outra seta aparece ao lado do meu cursor, e então você apenas arrasta para longe disso. Há duas maneiras de fazer isso. Vamos criar uma lua agora. Vamos mover esta forma sobre a lua assim. Agora, se você destacar ambos, ele mostra esses caminhos sobrepostos e é esse caminho que queremos. Essencialmente, temos que subtrair esta forma desta. A maneira como faríamos isso é com o menu da ferramenta Pathfinder aqui. Para chegar à ferramenta Pathfinder, vou fechá-la para mostrar como obtê-la. Você pode ir para a janela aqui e você vai para o Pathfinder bem aqui. Você pode ver que há um monte de opções diferentes aqui na ferramenta Pathfinder. O que é ótimo é que esses pequenos ícones são realmente intuitivos. Você pode ver que este é o unir-se. Se você queria fazer essa forma em um, ou pressione “Unite” e de repente ele se junta a eles. Mas não vamos fazer isso. Este é um bom momento para introduzir outro conceito que está dando um passo atrás, que o atalho para isso em um Mac é Command Z, em um PC é Control Z. Dê um passo para trás. Você também pode apenas fazer isso indo até aqui para Editar, desculpe, eu sempre faço isso com o Command Z e Control Z. Sim, desculpe, refazer. Lá, você pode desfazer uma movimentação fazendo refazer. Vejamos algumas dessas outras ferramentas do Pathfinder. Você pode tirar esse desse, e é isso que queremos. Você pode apenas acertar isso. Lá vai você. Ele subtraiu este círculo deste. O que te resta é esta forma de lua. Essa é uma maneira de criar essas formas complexas. Vejamos esta bolha de fala. Quando eu olho para ele, ele apenas parece uma simples elipse e então parece que um triângulo é desenhado aqui em baixo. Vamos ver se conseguimos fazer isso. Você pega sua ferramenta de elipse, basta arrastá-la horizontalmente, e então você vai criar um triângulo. Para criar um triângulo, você vai querer voltar para a sua ferramenta de ponto. Nós só vamos querer 1, 2, 3 e depois voltar para o original e fechá-lo. Agora você tem uma ferramenta triangular. Você pode movê-lo para onde quiser. Se quiser ajustar isso um pouco, pode trazer isso. Se você quiser fazer isso um pouco maior, você pode realmente passar o mouse aqui no canto e ampliar isso. Lá vai você, de outra forma você pode criar essas formas complexas. lição aqui é que quando você vê essas formas complexas, sempre tente pensar na forma dentro de uma forma. Apenas com essas ferramentas simples que eu dei a vocês, a ferramenta de linha, a ferramenta de elipse, a ferramenta de retângulo, alguns desses elementos do pathfinder, você pode começar a criar isso e para obter sua confiança, nós estamos indo para realmente traçar um desses ícones. Você viu que eu acabei de ampliar lá. Eu provavelmente deveria te contar sobre isso. zoom é Command Plus e Command Minus em um Mac, em um PC, que seria apenas Control Plus e Control Minus. Vamos começar com uma forma bem simples. Este console de TV é muito simples. Vamos apenas copiar isto. Basta selecioná-lo. Novamente, é o Comando C e, que o copia para a sua área de transferência. Vamos ao nosso documento original e vamos colá-lo lá dentro. Eu projetei este ícone em uma grade e vamos chegar a isso no próximo vídeo desta unidade. Mas, por enquanto, vamos tentar duplicar a grade. Você vai para o Comando K. Isso seria o Controle K em um PC. Ele traz este menu Preferências. Você vai querer ir para Guias e Grade. Já está definido lá em 48 pontos. Você vai ter uma boa linha a cada 48 pontos e você vai fazer 48 subdivisões dentro dessas grades. Basta pressionar “Ok”. Agora tenho que mostrar essa grade. Você vai até Ver e você vai para Mostrar Grade. Agora você vai querer que seu cursor se encaixe na grade. Você vai para Exibir e você está indo para Snap to Grid. Lá vamos nós. Agora, quando você mover isso, você vai ver que ele vai se masturbar. Você vê isso, como ele está se encaixando nas grades individualmente. Vamos apenas colocar isso para que ele se alinhe perfeitamente com a grade e você pode ver bem ali que está alinhado perfeitamente. Veja como cada linha cai na grade. Isso vai tornar muito fácil projetar isso. Outra coisa que queremos fazer e outro conceito introduzido é a ideia de camadas. Queremos mover isso para uma camada diferente da camada que vamos desenhar. Para fazer isso, você vai até aqui e você vai para este ícone bem aqui, que é o ícone Camadas. Você vai selecionar isso. Você vai querer criar uma nova camada, que está bem aqui. Lá vamos nós. Bem, atualmente eu sou essa camada porque está destacada. Se você selecionar isso, você pode ver que ele está na camada inferior. O que queremos fazer é essencialmente queremos bloquear esta camada. Vamos apertar este botão ali, que o tranca. Você pode ver que eu não posso agarrá-lo mais. Agora vamos querer literalmente rastrear isso, e isso vai te ensinar um monte de conceitos quando você rastrear isso. Vamos tirar a nossa ferramenta de linha. Lembra-te desta. Vamos ampliar aqui. Vamos começar a rastrear. Você pode ver uma linha aqui. Agora, nós provavelmente queremos traçar em uma cor diferente para que ele apareça contra o fundo. Vamos fazer estes vermelhos. Lá vamos nós. Você pode ver que minhas linhas têm dois pontos de espessura. Lá vamos nós. Agora, para fazer esta linha curva, há realmente uma ferramenta que faz isso. Você pode manter pressionada sua ferramenta de linha e você tem esta ferramenta de arco. Ark ferramenta é realmente incrível. Cria estes arcos interessantes. Mas se você quiser mantê-lo completamente circular, novamente, basta pressionar e segurar a tecla “Shift”. Isso mantém a restrição de proporções. Lá vamos nós. Agora vamos usar a ferramenta Arco. Lá vamos nós, assim. Agora, você pode fazer isso separadamente ou você pode simplesmente copiá-los. Eu vou copiá-los e eu iria girar isso. Vamos fazer outro aqui. Finalmente, o último. Agora vamos voltar para a nossa ferramenta de linha e vamos preencher as lacunas, neste ponto. Você pode ver que meu cursor está realmente se encaixando nessas grades, o que o torna muito agradável. Pare aí. Se eu quiser ajustá-lo, basta movê-lo para cá. Vamos para aqui. Lá vamos nós. Estamos quase na metade do caminho, é fácil assim. Agora, vamos olhar aqui. Este pequeno detalhe desta linha curva aqui pode ser resolvido de algumas maneiras. Essa é a coisa com o Illustrator, você pode realmente desenhar qualquer coisa provavelmente 10 maneiras diferentes e chegar à mesma solução. Você poderia criar uma linha como essa e então ir para a ferramenta círculo. Estou em forma de acidente vascular cerebral, então preciso trocar para preencher. Essa é uma maneira de fazer isso. Outra maneira que você pode fazer isso como muito legal porque você pode realmente selecionar o traçado, você pode ir para a ferramenta de traçado aqui, apertar isso, e você pode realmente ajustar como os pontos finais do seu traçado aparecem. Agora, você pode ver que está terminando em um boné de bunda. Mas se você queria ser um boné redondo, você pode fazer isso. Você pode ver como agora seus traços estão terminando com um círculo. Você pode ver que é outra maneira de fazer isso. Para este exercício, vamos mantê-lo na bunda, mas eu só queria te mostrar esse detalhe porque é muito poderoso. Vamos destacar isso. Copie estes. Lá está ele. Vamos desenhar aqui. Agora, esta é outra oportunidade para aprender algo novo. Você pode ver que eu não tinha as configurações de traçado corretas selecionadas, então você pode ver que meu traçado não é nada e meu preenchimento não é nada. Então você só vê esta linha vermelha aqui. Se eu quiser combinar as propriedades deste traçado com este, eu posso apenas ir para esta ferramenta de colírio aqui, selecioná-la, passar o mouse aqui, e selecioná-la. Você pode ver que as propriedades deste traçado são automaticamente colocadas neste, que é uma ferramenta muito legal. Vamos voltar à nossa ferramenta Arc. Lá vamos nós. Vamos girar isso e puxar isso para cima. Você pode puxar isso para cima. Vamos ligar estas linhas aqui. Amplie um pouco mais e vamos pegar a ferramenta de traçado novamente. Vê como eu criei isso de uma nova maneira? Mudei para o retângulo, desenhei o retângulo, e criei estas arestas arredondadas com esta ferramenta aqui, com a ferramenta de canto. Normalmente, é nesta articulação menor, que significa que vai ser apenas um duro 90 graus, mas se você quiser torná-lo macio, você pode fazer a junta redonda. Lá vai você. Simples assim. Vamos copiar isto. Agora só temos uma última parte aqui. Copie isto. De outra maneira, você pode virar estes como você pode ir. Você pode realçá-lo, e você pode ir para objetos, você pode ir para transformar, você pode ir para refletir. Se você apenas imaginar um espelho, você quer refleti-lo verticalmente ou você quer refleti-lo horizontalmente? Neste caso, queremos invertê-lo verticalmente. Então nós queremos que ele seja moldado aqui. Basta fazer vertical e ele vira para você. Aqui vamos nós. Vamos conectá-lo, e lá vamos nós. Você acabou de criar esse ícone. É assim tão simples. Isso foi muito simples. Agora vamos destacar este ícone inteiro e vamos movê-lo. Vamos passar para a próxima seção de grades aqui. Agora, você percebe que tudo ainda está em forma de acidente vascular cerebral. Você pode dizer que quando você destacá-lo, é um traço e não um preenchimento. Uma coisa sobre isso é, se você ampliar isso, você veria que a forma dos traços aumentaria, mas a espessura não aumentaria. O que queremos fazer é mudar todos estes para um preenchimento para realmente torná-lo uma forma. Deixa-me desbloquear isto, mostrar-te a diferença. Vês como isto está tudo preenchido aqui? Eu posso ampliá-lo e ele realmente aumenta em oposição a este, onde você pode ampliar os traços, mas então os pesos de linha não mudam. Como mudamos isso de um acidente vascular cerebral para preencher? Bem, o que você faz é destacar tudo. Bem, vamos começar com um para que eu possa te mostrar um exemplo. Apenas realce isto. Você vai até aqui para objeto, caminho, contorno traçado. Lá vai você. Agora você começou com um traço, mas agora você tem uma forma real com pontos aqui que você pode mudar. Então você quer fazer isso para toda a forma, o ícone inteiro. Basta selecionar tudo. Objeto, caminho, traçado de contorno. Lá vai você. Agora, você também quer mesclar todos estes juntos porque você não quer ter apenas um monte de formas separadas flutuando ao redor, você quer que eles sejam fundidos juntos. Destaque isso e você vai querer ir para a ferramenta Pathfinder. Você vai querer ir a este, aqui mesmo, que diz “Unite “, e você só quer acertar isso. Lá está ele. Você uniu tudo, o que é muito legal. Agora você pode ampliar isso, mudar a cor dele. Simplesmente assim. Lá vai você. Agora você sabe como usar o Illustrator. Algumas funções básicas que vão permitir que você execute esses projetos e transformar seus esboços em ícones acabados. Agora, eu também tenho ligado a um monte de outros tutoriais na seção de recursos desta unidade e eu recomendaria olhar para eles. Em seguida, confira também o próximo vídeo. Eu acho que se você fosse um iniciante e você assistir a este tutorial, você definitivamente vai ter uma melhor compreensão sobre alguns conceitos fundamentais. 4. Crie um símbolo usando o Adobe Illustrator: Oi, todo mundo. É Edward Boatman aqui. Bem-vindo à Unidade 3 da classe Skillshare em Introdução ao Design de Símbolos. Nesta unidade, vamos pegar os esboços que criamos na última unidade e colocá-los no Adobe Illustrator. Vamos começar a vetorizar esses projetos. Eu vou orientá-lo através do processo de design que eu uso. Com sorte, você pode aprender algo com isso. A entrega final para esta unidade é que você vai compartilhar um design ou um ícone acabado no Illustrator de que você mais se orgulhe. Isso vai para a entrega final. Ao criar isso, vá em frente e carregue isso para a seção Projeto no site do Skillshare. Então vamos entrar no Illustrator. O arquivo de modelo do Illustrator é aberto aqui. Isso está disponível para download na seção Recursos da Unidade 3. Você pode ver dentro do arquivo, eu tenho todos os meus ícones finalizados da minha linha do tempo. Há algumas coisas que quero falar aqui. Um deles é que todos esses ícones parecem pertencer a um conjunto; todos eles têm a mesma estética. Consigo isso de duas maneiras diferentes. Um deles é que eu usei uma grade e eu me certifiquei de que os desenhos caíam em cima da grade. Se você ampliar aqui, você pode ver que todas as linhas caem na grade. Isso é bom para manter as coisas esteticamente semelhantes, mas também é bom porque simplifica muito o processo de design. Agora, obviamente, a grade é apenas um guia, você pode romper com isso. Você pode ver que este design não está necessariamente completamente na grade. Outra coisa que ajuda a manter o conjunto consistente é que todos os pesos de linha são exatamente os mesmos. Há dois pontos. Você pode ver que este peso de linha é o mesmo que este peso de linha, é o mesmo que isso. Isso realmente ajuda a manter o design consistente. A terceira coisa é que todos os cantos em torno dele apenas dá uma sensação agradável, suave e sutil para ele. Ele ajuda a manter o design lúdico, e também ajuda a manter os ícones juntos como um grupo. Antes de começar em seus projetos, eu recomendaria definir algumas regras para si mesmo. Defina o peso da linha que você vai usar se você estiver indo para usar a técnica de contorno. Você vai usar cantos curvos ou duros de 90 graus? Se você está apenas começando, eu recomendaria fazer exatamente este mesmo design estética que eu fiz. Então uma linha de dois pontos e, em seguida, manter as coisas arredondadas. Eu acho que vai simplificar um pouco o processo de design. Se você é avançado, então, por todos os meios, use seu próprio estilo de design e tenha isso. Eu vou agora passar pelo processo que eu uso para projetar um desses ícones. Vamos abrir um novo documento. Vamos chamar de “Dia do Edward”. Podemos deixar na carta, tudo bem. Agora, uma das primeiras coisas que vamos fazer é querer configurar a nossa rede. Vamos para o Comando, K. Vai ser Controle, K em um PC. Você vai para “Guias & Grade”. Você pode ver aqui, nós vamos ter uma linha de grade a cada 48 pontos e, em seguida, 40 subdivisões dentro dessas grades. Isso é perfeito, é exatamente o que queremos. Eles vão para “Ver”, “Mostrar Grade” e, em seguida, “Ver”, “Ajustar à Grade”. Agora, temos nossa configuração de grade. Vamos colocar uma imagem de um dos nossos esboços aqui. Basta ir para “Arquivo”, “Lugar”. Estou apenas colocando em um JPEG aqui. Este é o ícone que vamos desenhar. Agora, vamos fazer a altura deste 48 pontos. Agora, vamos criar um ícone que vai estar no estilo que comunica este esboço. Nós vamos querer que ele basicamente ocupe uma seção inteira da grade. O que eu recomendaria é apenas analisar as formas básicas e vamos apenas colocá-las no papel primeiro. É muito semelhante ao desenho em seu livro de esboços onde você apenas começa com um pouco de detalhes, e então você lentamente adiciona mais ao longo do tempo. Como eu disse, vamos fazer dois pontos. Vamos ter a cabeça desse cara às sete. É muito bom. Você também vai precisar de outro círculo para criar os ombros. Vamos fazer seis porque seus ombros são sempre um pouco menores que sua cabeça. Vamos mover isso para baixo. Eu olho para os pés aqui. Como vamos criá-los? O que eu gosto de fazer é começar apenas criando um derrame. Eu vou fazer isso 1.5 e você vai ver o porquê. Na verdade, vamos colocar um boné redondo nele. O que eu gostaria de fazer é delinear o derrame. Então, agora está tudo preenchido, mas eu vou transformá-lo novamente em um acidente vascular cerebral, e então alinhar isso ao lado de fora, e então fazer dois. Esse é o processo que eu gostaria de passar para criar esses braços e pernas no meu povo. Vamos copiar um para a outra perna. Você pode começar a ver que essas formas estão começando a se unir. Agora, vamos precisar de uma linha aqui para conectar os ombros às pernas. Vamos entrar em fila para este braço aqui em cima. Mais uma vez, 1.5. Vamos fazer disto um boné redondo. Vamos delinear isso. Então vamos fazer o derrame de novo. Alinhe isso ao lado de fora, dois pontos. Lá vai você, parece bem legal. Na verdade, isso está a fazer uma transição muito bem. Então você pode ver que estamos começando a colocá-lo muito bem. Agora que temos isso definido, quero começar a colocar em camadas com mais detalhes. Vamos manter esta versão do jeito que está, caso cometamos um erro mais tarde, podemos sempre voltar a ela. Vamos apenas copiá-lo para fora. Uma coisa que vamos fazer é começar a esculpir isto. Vamos delinear todos esses traços. Agora, obviamente, esta linha aqui dentro nós vamos ter que nos livrar, porque nós só queremos que seja uma linha até aqui. Por que fazemos isso é apenas criarmos outra forma e subtrairíamos a forma que vamos criar do círculo. Vá para a ferramenta “Pathfinder” para rastrear, e lá vamos nós. Agora, vamos passar aqui até as pernas. Eu tenho uma técnica diferente para as pernas. O que eu quero fazer é essencialmente me livrar de toda essa porção curva aqui, mas deixe essas duas linhas. Então o que eu vou fazer é apenas criar outra forma. Mais uma vez, vou subtrair esta forma disto. Deixe-me levar isso para a frente. Você pode ver que ele fecha. Então, agora, selecione ambos e, novamente, subtraia. Isso precisa ser trazido para a frente. Lá vamos nós. Às vezes, você vai querer mudar a cor disso só para que você possa vê-lo melhor. Agora, vamos querer criar uma linha que vem daqui, daqui para formar a frente do baú. Vamos voltar a ligar a nossa grelha primeiro. Você pode ver, isso é muito parecido com o desenho. É muita tentativa e erro. Vamos mover este pedaço, este ponto um pouco para cima. Então, se houver dois pontos um em cima do outro, se isso acontecer, basta apagar um deles. Vamos puxar isso um pouco para cima. Está começando a parecer legal. Então, agora, vamos ter que nos livrar de tudo isso aqui. Novamente, a maneira como vamos fazer isso é apenas criando uma forma para excluir esta parte. Então vamos primeiro delinear esse traço e vamos criar uma forma. Então, eu só vou para aqui. Mais uma vez, vou pegar essa forma e subtraí-la dessa forma. Lá vamos nós. Vamos mandar isto para a parte de trás. Mais uma vez, trata-se de camadas em detalhes lentamente. Então, mesmo que agora, ainda parece muito áspero. Estamos a refiná-lo lentamente. Isso vai ter que ser cortado. Vamos garantir que esta linha se cruze. Aqui vamos nós. Agora, mesmo que sejam formas diferentes, vamos fundi-los no final, mas começando a parecer que estão todos em um caminho, o que é ótimo. Vamos subir aqui, e o que vamos querer fazer é fazer esta transição desta forma para esta curva realmente agradável. Então você pode ver que essa é uma transição muito suave agora. Eu também quero que esta linha termine aqui, então eu preciso me livrar de todas as coisas aqui dentro. Então o que eu vou fazer é apenas criar um quadrado, e eu também onde eu cortar essa linha, eu quero que ela seja perpendicular a esta linha, e você vai ver o porquê. A maneira como faço isso é desenhar um quadrado, ter certeza que é paralelo a esta linha, aí está, então movê-lo para onde eu quero cortar. Como isso. Aqui vamos nós. Agora, você pode pegar esses dois e dividi-los, e isso permite que você comece a excluir algumas áreas. Agora, está começando a ficar limpo. Agora, eu vou querer fazer este circular aqui, então ele tem uma bela estética curvada e suave. Sabemos que esta linha era uma linha de dois pontos, então vamos ao nosso círculo para ter certeza de que nossa grade está ligada e criar esse círculo. Agora, nós podemos apenas mudar isso, e eu vou limpar isso um pouco mais tarde, mas você pode ver que realmente torna esse design muito mais suave. Então você pode ver que estamos chegando lá. Agora, vamos adicionar este braço traseiro. Novamente, nós vamos querer que ele seja 1.5 assim como todos os outros, torná-lo curvo, e então tampas redondas. Vamos querer salvar isso no caso de errarmos, para que possamos voltar e ajustá-lo. Você pode ver talvez que este ângulo deve provavelmente bater um pouco, ou na verdade, vamos ver. Acho que está tudo bem, na verdade. Temos isso em camadas aqui. Vamos delinear isso agora. Mais uma vez, tudo o que vamos querer é só esta parte. Não precisamos de nada disso, então vamos criar uma forma para nos livrarmos disso. Queremos desagrupar isto para nos livrarmos desta parte também. Lá vamos nós, temos um cara andando. Agora, temos que juntar esses juntos, então vamos copiar isso. Vamos primeiro ter certeza de que todos os caminhos, vamos delineá-los, então você vai querer destacar tudo e ter certeza de que não há caminhos que parece que não há, então vamos ter certeza que isso é tudo preto. Agora, vamos querer passar, e vamos querer começar a juntar tudo, começar a fundir tudo. Quando fizer isso, verá que há alguns pontos que precisaremos voltar e retocar mais tarde, e chegaremos a isso na próxima unidade. Você pode ver que estou tentando me juntar a eles. Se você quiser se mover muito rápido, basta realçar tudo. Lá vai você. Nós criamos esse projeto lá. vez, as etapas foram: você coloca as formas básicas, uma vez que você obtém a geometria básica correta, você começa a delinear os traços, e usando a ferramenta Pathfinder, você começa a cortar no elementos que você não deseja até que você seja deixado com apenas os elementos que você deseja e, em seguida, você mesclá-los juntos. Na próxima unidade, vamos começar a aperfeiçoá-los, ou vamos polir esses projetos ainda mais. Obrigado de novo, e nos vemos na próxima unidade. 5. Crie o produto final: Oi, todo mundo. Aqui é Edward Boatman. Bem-vindo à última unidade, unidade 4, na classe Skillshare; uma introdução ao design simples. Nesta unidade, vamos aprender a polir os designs que criamos na última unidade e vamos formatar nossa linha do tempo para que possamos prepará-la para compartilhá-la com o mundo e completá-la. Então vamos em frente e entrar no Illustrator. Uma coisa que vamos olhar em particular hoje são esses pontos de ancoragem. Como você pode ver, há alguns desnecessários que precisamos excluir. Um ponto de ancoragem, eles controlam as interseções, essencialmente onde essas linhas se cruzam. Você pode ver daqui até aqui, esta é apenas uma linha contínua. Estes pontos de ancoragem aqui são completamente desnecessários. Então vamos deletá-los. A maneira como fazemos isso à medida que vamos para esta ferramenta e ele vai apagar o ponto de ancoragem. Basta passar o mouse sobre ele e excluí-los. Simplesmente assim. Você quer passar pelo seu design e procurar outros. Aqui está um. Este também. Isto está muito limpo aqui em baixo. Agora aqui em cima, isso precisa ser limpo. Há demasiados. Obviamente, não apague esse, ele muda toda a forma. Agora você pode ver que está começando a ficar muito mais limpo. Parece que há uma pequena borda aqui. Podemos ver a limpeza. Perfeito. Tudo bem, isso parece muito bom. Você quer ter certeza de novo que não há derrame. Você pode dizer isso destacando tudo e a caixa de traçado tem uma linha vermelha através dele. É tudo preto. Isto está pronto para ir. Vamos copiar isso em nosso modelo do Illustrator aqui. Quando você fizer o seu, estes serão obviamente preenchidos com todos os seus projetos. Simplesmente assim. É assim que o seu vai começar a parecer. Só para verificar mais uma vez, você deve destacar todos os seus símbolos e novamente, você está vendo que não há traços, e é tudo preenchimento, é tudo preto. Isso significa que isso está pronto para ir, que isso está pronto para ser compartilhado com o mundo. Antes de finalizá-lo e enviá-lo para o Skillshare, eu quero enviar meus símbolos que eu criei para o site do Noun Project porque pessoas de todo o mundo podem baixá-los e usá-los em infográficos e todos os tipos de projetos, e você pode realmente ganhar dinheiro com as pessoas que baixam seus símbolos. Vou te mostrar como fazer upload disso. Você vai querer destacar um ícone. Vamos fazer este, este é o do chuveiro. Um café da manhã francês na verdade. Copie isso. Vamos criar um novo documento e chamá-lo de “Café”. Vai ser 100 pontos por 100 pontos. Cole isso aí. Você quer fazer a maior dimensão do seu símbolo, neste caso, a altura, você quer fazer isso um 100 pontos. Você deseja ir para Objeto, pranchetas, Ajustar à arte selecionada. Lá vamos nós. Guarde isso. Salve-o como um SVG, gráfico vetorial escalável. Está bem. Agora posso ir ao site do Projeto Substantivo. Eu já estou conectado, mas se você não tem uma conta, você pode fazer login com o Facebook ou você pode fazer login apenas criando uma conta você mesmo. Basta ir para carregar ícones. Se você seguir as instruções que acabei de lhe dar, seus ícones estarão em conformidade com todas essas regras. Você pode selecionar vários, basta manter pressionada a tecla Shift. Lá vão eles. Você pode preencher as informações, a fonte do símbolo. Eu sou o designer original do símbolo. O que é este símbolo? Café da manhã. Você pode escolher a licença dele. Eu vou escolher licenciá-lo sob Creative Commons Attribution, que significa que qualquer um pode baixá-lo, eles podem usá-lo para qualquer propósito, mas eles devem dizer que foi projetado por Edward Boatman. Este aqui essencialmente libera para o domínio público. Significa que qualquer um pode usá-lo para qualquer propósito, mas não tem que atribuí-lo a você. O símbolo deve ser atribuído a Edward Boatman. O ano em que foi projetado é 2013. Oops, desculpe. Estados Unidos. Você pode vincular ao seu portfólio se quiser, e você pode simplesmente marcá-lo. Então, café. Lá vai você. Tão simples quanto isso. É assim que você carrega os símbolos para o Projeto Substantivo. Eu quero agora voltar para os ícones finais aqui. Esta é a sua prancheta final. Você pode ver que eu criei todos esses ícones aqui que representam o dia. Agora vou copiar isto. Antes de eu fazer isso e eu provavelmente deveria digitar aqui meu nome. Vamos copiar tudo isso para fora. Vamos para o arquivo final da prancheta. Isso está disponível na seção Recursos da unidade 4. Você só vai colar. Você vai querer ter certeza de que ele se encaixa direito neste guia que eu coloquei aqui. É bastante perfeito. Exclua o guia, e lá vai você. Esta é a sua arte final que você pode salvá-la como um JPEG e enviá-la para o site da Skillshare. Compartilhe com o mundo, publique-o no Facebook. É a sua linha do tempo, descrita visualmente para ícones. Então esse é o fim do curso. Espero que tenham aprendido muito e espero que mantenham estas linhas temporais por perto e que talvez em 15 a 20 anos olhem para eles, e que seja um belo artefacto visual que conta a história da vossa vida. Mais uma vez, muito obrigado por fazer o curso e tenha um ótimo dia.