Design de ícones: valores leves e sombras extremas | Lindsey Meredith | Skillshare

Velocidade de reprodução


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

Design de ícones: valores leves e sombras extremas

teacher avatar Lindsey Meredith, Lover of immaculate linework

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

7 aulas (20 min)
    • 1. Apresentação

      1:07
    • 2. Estudo 2

      1:33
    • 3. 3 desagregação de fonte luminosa

      2:21
    • 4. Segmentação de 4 valores leves

      2:13
    • 5. Abordagem combinada

      1:04
    • 6. 6 vetores refinar

      10:56
    • 7. 7 conclusão

      0:50
  • --
  • 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.

508

Estudantes

2

Projetos

Sobre este curso

Quando iniciamos para criar um ícone de logotipo, estamos sempre alcançando a solução mais dinâmica e visualmente deslumbrante Um método a ser considerado é estudar diferentes aspectos de como a luz e as sombras entram em jogo. Se você é um designer que procura métodos para criar ícones dinâmicos e visualmente deslumbrantes juntam-se a mim!

623ec218

Os destaques da aula incluem:

  • Processo de estudo e estilo de referência
  • Ícone de desenho baseado na fonte de luz
  • Ícone de desenho baseado em valores de luz
  • Processo de refinamento
  • Executar seu ícone de logotipo no Adobe Illustrator

85% deste curso é sobre o processo em papel com um bom pedaço em um vídeo cobrindo meu processo de finalização vetorial. Não fique intimidado se você for novo no Adobe Illustrator

Vamos começar! ___________________________________________________________

Outros cursos de design de logotipo da Lindsey para verificar incluem Design de logotipo esportes

Conheça seu professor

Teacher Profile Image

Lindsey Meredith

Lover of immaculate linework

Professor

Link represents the work of me, Lindsey Kellis Meredith. I am an independent designer and illustrator specializing in logo / identity design, custom lettering, and illustration.

My client list includes Nickelodeon, Disney, Hasbro, Leap Frog, Maple Leaf Sports & Enterainment (raptors, maple leafs) , as well as a few other collegient and professional sports teams and organizations. I have logo work featured in Logo Lounge books 8 and 9.

I am available for hire. Feel free to reach me HERE.

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. Apresentação: Oi, meu nome é Lindsay Merida. Sou designer gráfico e especializei-me em design de logótipos. Então, nesta aula, o que eu quero falar é sobre o papel que o valor da luz e a queixa de sombra no design de ícones de logotipo . Então, quando estabelecemos o design de um ícone de logotipo, nós normalmente estamos buscando as soluções mais dinâmicas, mas visualmente impressionantes e eficientes Um método a considerar é estudar os vários aspectos que a luz valorizam queixa. . Então, se você é um designer gráfico e está procurando alguns métodos para criar ícones de logotipo visualmente dinâmicos e impressionantes, espero que você se junte à minha classe. Estaremos cobrindo alguns métodos diferentes de observar e interpretar como valores de luz e fontes de luz podem ser usados para criar ícones. Vou percorrer cinco logotipos diferentes que criei para mostrar o processo do esboço de pesquisa refinado em Vector. Vamos cobrir tudo para o seu projeto de classe. Você vai escolher um assunto de uma lista que eu forneço, ou de uma idéia que você tem de seu próprio e criar um ícone de logotipo dinâmico com base em tudo que você aprende, Vejo você na aula 2. Estudo 2: Como mencionei para esta aula, vou passar por cinco logotipos diferentes que criei. E como qualquer projeto, começo sempre com um bom estudo. É sempre bom fazer alguma pesquisa realmente boa e obter algumas referências coletadas antes de iniciar um projeto. Há algumas coisas diferentes que eu quero estudar, mas a primeira coisa que eu preciso coletar para pesquisar são algumas boas referências visuais de meus diferentes assuntos. Então eu meio que, hum, olhar on-line ou olhar livros ou revistas e, em seguida, fazer uma boa coleção. Então eu sou capaz de coletá-los todos juntos em uma referência Cheat toe tem à mão quando eu estou olhando para essas referências visuais, eu estou obviamente puxando para fora características-chave assim como eu faria com qualquer tipo de estudo antes de trabalhar em um design. Mas isso vai me ajudar nos próximos passos que vamos falar aqui como faras, tirando inspiração de valores de luz e sombras. Eu sempre gosto de ter uma boa variedade para que eu possa olhar apenas características chave de diferentes fotos e não apenas um específico e montar minha própria interpretação com base em uma coleção. A segunda coisa que eu gosto de coletar no estudo é algumas referências de estilo, se nós entramos em drible ou ser mãos ou outros livros e revistas. Apenas tipo de recolher alguma inspiração estilo para que possamos montar um quadro de humor que nos ajude a seguir em frente antes de começarmos a esboçar. Aqui estão algumas notas de visão geral e em nossa próxima aula vamos falar sobre fonte de luz. 3. 3 desagregação de fonte luminosa: o primeiro método. Eu quero falar sobre sua fonte de luz escolher uma fonte de luz na direção para que você possa interpretar como sombras e áreas escuras seriam lançadas em um determinado assunto. Isso permite que você divida criativamente o assunto em formas simples, mas bem pensadas com base na fonte de luz. Como você pode ver no rosto dessa mulher, eu gosto de começar desenhando um pouco de sol ou ícone e setas para representar meu posicionamento de fonte de luz . Em seguida, comece com um esboço áspero de apenas os assuntos delineados em si não considerando a fonte de luz ainda. Eu então volto e começo a dar descarga em áreas onde o branco estaria batendo com base na fonte de vida. Mantenha as coisas o mais simples possível. E não se esqueça de usar suas referências que você procurou para ajudá-lo a interpretar as coisas. Certo, vamos dar uma olhada agora no logotipo que fiz de um planeta de basquete. Então, novamente, começando apenas desenhando delineado como eu normalmente faria qualquer desenho uma vez que eu tenho o trabalho principal lá em baixo. Então, mais uma vez, eu escolho a direção da fonte de luz, e então eu começo a interpretar como as coisas iriam bater e onde as sombras seriam fundidas. Infelizmente, meu pequeno indicador de fonte de luz ou ícone é cortado no lado esquerdo da minha mão. Aqui neste vídeo, apenas uma espécie de refinar aqui um pouco. Às vezes eu vou usar papel de rastreamento, mas para este logotipo, eu não achei necessário levá-lo tão longe, mas eu vou mostrar-lhe em alguns outros exemplos. Meu próximo assunto aqui é um Griffin, e eu queria mostrar algo um pouco mais detalhado com mais detalhes. Naturalmente vem mais de um desafio, mas meu objetivo é sempre continuar a lutar, simplificar inteligentemente e se esforçar para alcançar o estilo que eu quero. Este é outro exemplo de referenciar imagens sendo importante. Como você pode ver, eu colecionei muito. Eu também queria fazer referência a alguns exemplos mais icônicos do estilo Crest Griffin para ajudar a simplificar e ir para uma versão mais modernizada desse tipo de estilo. Certifique-se de não ficar preso pensando que as coisas têm que ser super realistas. Queremos que as coisas façam sentido, mas você tem liberdade criativa para simplificar as formas e fazer isso funciona melhor para o design . Visualmente, como você pode ver, eu lutei um pouco com o que eu queria fazer com a asa. Mas está tudo bem. Continue a desenhar, apagar e moldá-lo com o seu lápis até que pareça certo. Vamos continuar a ver o refinamento destes no refinado para vídeo vetorial. Em seguida, vamos falar sobre segmentação de valor de luz. 4. Segmentação de 4 valores leves: Outro método a considerar é aquele em que as coisas são divididas com base nos valores de luz do próprio sujeito. A maioria das coisas são divididas em áreas claras e escuras com base em áreas que são cores diferentes ou simplesmente valores claros e escuros diferentes. Podemos usar isso a nosso favor. Em vez de quebrar as coisas sobre como White atinge este assunto de outra fonte externa , estamos considerando maneiras inteligentes de quebrá-lo com base nesses valores no próprio assunto. Então, no meu assento de referência de lobo, vocês verão aqui que o seu para tem áreas que são mais claras em áreas que são mais escuras. Começo a pensar em como posso considerar essas formas para criar um ícone de logotipo simplificado do lobo. Normalmente faço vários esboços, mas só estou mostrando um aqui para a aula. Começo por esboçar mais ou menos. Eu sempre acho que meus primeiros esboços têm. Eu tenho que me permitir obter alguns detalhes, e então eu vou trabalhar para simplificar estrategicamente. Eu sempre quero fazer referência à minha folha de referência quando começo a pensar sobre as avarias . Olhe para todas essas luzes e áreas escuras enquanto olha para o início do meu esboço para considerar como dividir essas áreas em uma Nikon. O próximo passo que dou é começar a refinar o papel de rastreamento, dividindo a luz em áreas escuras em formas dinâmicas, ainda mais dinâmicas ainda mais dinâmicase simplificadas. Este é um passo muito importante para mim. Esta é a minha primeira tentativa de rastreio. Como você pode imaginar, você pode nem sempre estar feliz com sua primeira tentativa, e especialmente depois de rebentar uma, às vezes você se sente como talvez uma segunda tentativa. Você poderia levar as coisas ainda mais longe. Então foi isso que eu fiz aqui. Outro ícone logotipo rápido que eu queria mostrar é uma idéia que eu tinha em um jogo engraçado sobre a palavra bolo de caranguejo . Você vai ver. Já o desenhei aqui com este assunto em particular. Estou mais preocupado com a forma como eu uso áreas claras e escuras e espaço negativo onde o caranguejo no bolo se entrelaçam uns com os outros para que haja espaço negativo cortado fora de seu corpo. Eu tinha feito esta outra versão de maçã caranguejo, e não tem o corpo inverso. Eu realmente gosto da idéia do corpo inverso, então eu voltei para isso agora é hora de refinar com papel de rastreamento. E finalmente, aqui está o esboço final. Aqui estão algumas notas gerais e na próxima aula vamos falar sobre quebrar as regras e combinar estratégias. 5. Abordagem combinada: Como você pode imaginar, usar de uma forma ou de outra não é uma regra rígida. Você pode achar que usar uma combinação de formas de valor na fonte de luz funciona bem. Além disso, aqui estão algumas imagens de referência de um ícone de logotipo para um restaurante chamado Spaghetti NIST. Como eu comecei a esboçar, Eu já tinha uma idéia do ninho sendo principalmente todas as áreas escuras e, em seguida, as almôndegas estar em um valor de contraste muito alto sendo no meio como ovos Theo, Eu percebi que eu realmente queria enfatizar o macarrão em sua fundo. Natureza curvilínea emaranhado e fluindo como um ninho. Eu sabia que poderia tê-los saindo nas bordas, mas precisava de uma maneira de definí-los de repente nas áreas escuras do ninho. Foi aí que a fonte de luz entrou em jogo. Então, como nosso achado aqui, você vê, eu usei valor de luz para os ovos de almôndegas e, em seguida, uma fonte de luz, apenas uma geral vindo do topo para o tipo de destaques de serviço no macarrão no interior da área escura. No próximo vídeo, mostrarei todos os logotipos que estão sendo vetoriados no meu processo de levar esses esboços para o Vector 6. 6 vetores refinar: Certo, agora temos todos os esboços feitos, e estamos prontos para entrar no Adobe Illustrator e começar a aumentar o Vector. primeiro passo que precisamos dar é simplesmente digitalizar em nosso esboço, colocá-lo em uma camada. Ilustrador. Eu gosto de colocá-lo em uma camada inferior. Tranque essa camada, você pode diminuir a transparência. Tranque essa camada, Nós só queremos tê-lo lá em baixo, obviamente, obviamente, para estar construindo em cima deste primeiro logotipo, eu vou estar usando a ferramenta em forma de Tula Ellipse. Então, basicamente, eu apenas coloco os lábios em cada forma que eu vejo na ilustração dos contornos do basquete para o halo para as linhas internas aqui do basquete, e eu apenas colocá-los perfeitamente no lugar. Meu objetivo é ter essas formas no lugar que eu possa usar coisas como outras ferramentas no Pathfinder para quebrar as coisas da maneira que eu quiser. Primeiro, eu gostaria de fazer uma cópia fora para a grande área para edição na estrada para apenas como um backup. Abra o meu localizador. Eu tentei menos frente nessas duas formas para conseguir isso. Estas duas peças caíram para fora, mas então eu acabei usando Dividir. Então isso quebra tudo em pedaços separados, e eu apago os que não quero. Então isso quebra tudo em pedaços separados, , Em seguida, vou usar a ferramenta de tesoura para cortar esta linha aqui para as linhas internas do meu basquete. Então, obviamente, não preciso dessas linhas externas. Vou cortar essas duas áreas e apagar os pontos externos das almofadas. Ok, eu preciso fazer menos frente para o meu halo. Eu preciso cortar o caminho para esta linha no interior do basquete também. E agora vou usar a ferramenta de apagar blob. Ou, quer dizer, sinto muito. Só o apagado. Também mudar e apenas uma espécie de corrida de distância. A parte da auréola que não quero com base no meu esboço. Às vezes é bom porque é uma ferramenta livre de apagar a mão ou desenhar. Mas, hum, você sempre pode apertar o Comando Z. Se você não acertar , então eu estou usando esse recurso de canto arredondado que temos com um ponto de canto para tipo de arredondar as coisas lá fora. Agora é hora de colocá-lo em preto. E eu vou começar Teoh, Teoh, colocar uma sombra aqui. Então eu fiz uma cópia das costas e manipulei os caminhos lá em que, hum, trazer o traço nessas linhas. E então o que eu realmente quero aprimorar aqui é usar a ferramenta com, que é a chave de comando Shift W e que permite que você, Teoh, apenas fazer algumas áreas grossas e finas nessas linhas como se fosse naturalmente vir em um Basquetebol. Agora eu vou para os contornos do caminho do objeto, traçado. E a razão pela qual gosto de fazer isso é que sempre que estou trabalhando com um acidente vascular cerebral, eu gosto de convertê-lo em um objeto preenchido para que eu possa fazer mais manipulação. E, mais especificamente, o que eu fiz aqui foi agarrar que essa forma e, em seguida, derrubá-lo para fora da parte branca da basquete com menos frente no Pathfinder para que eu tivesse um objeto. Certifique-se sempre de combinar vários objetos antes de usá-los para cortar outros. Tudo bem, e então, como um toque final, você verá todo zoom em e diminuir a velocidade aqui. Estou mais uma vez arredondando as coisas em certas áreas apenas para dar uma sensação mais suave. E isso ajuda a aumentar todo o tipo de sensação intensa de sombra extrema. Eu só estou adicionando esses cantos arredondados em certas áreas agora passando para o ícone do lobo. Então eu tenho um esboço na parte de baixo. Vou usar a honra do pinto. Meu Deus, comece com um golpe negro sem Phil. Então ele pode ativar a ferramenta pin Key Command P Tudo bem, um, eu vou começar aqui com na área dos olhos dele e, em seguida, clique e arraste a qualquer momento que você clicar e arrastar o seu dando a si mesmo aqueles guidão para alcançar que você quer. E é tudo sobre posicionamento de pontos e apenas puxar para fora esses guidões quando você quer tipo de redefinir para uma curva rápida ou borda como esta, eu clicar de volta para o ícone para tipo de redefinir e, em seguida, clicar e arrastar novamente. Clique de volta no ponto clique arrastar clique de volta, e então o que eu realmente vou fazer. Eu gosto de dividir as coisas em segmentos para facilitar a edição e ajustar na estrada Na verdade, vou pular o dele aqui por enquanto e tipo de continuar com a cabeça dele. Clique em Arraste. Rápido. Voltar no ponto, clique. Decidi que queria adicionar uma curva aqui, então clique e arraste. E às vezes é bom colocar isso no ápice de umacurva maior. E às vezes é bom colocar isso no ápice de uma Meu objetivo é sempre fazer objetos fechados. Então, agora, meu objetivo é apenas dar a volta nesta parte da parte de cima da cabeça dele. Certifique-se sempre de voltar ao redor e se conectar ao ponto inicial. Então eu fechei esse objeto, e então eu fiz outro objeto aqui. Agora eu vou fazer disso uma seção aqui, voltar e preencher o ouvido dele, como eu mencionei. Agora eu vou começar a entrar e fazer apenas formas para os objetos internos que eu vou eventualmente estar usando o Pathfinder, hum, hum, para nocautear e fazer branco um monte de vezes, vez que você transforma as coisas em preto e branco como eu converti os objetos apropriados para preto e ou branco. Você realmente vê onde precisa ajustar as coisas. E, um trabalho no espaço negativo. Eu estava gostando de arredondar minhas bordas um pouco com, um, o painel de traçados. Eu estava gostando de arredondar minhas bordas um pouco com, um, um, Eu só escolho aquela característica de canto arredondado. E realmente, eu só dou a volta e eu jogo com o guidão e eu sou manipular, mover pontos. Acrescentar pontos removidos, se for preciso. Só estou ficando exigente fazer as coisas parecerem do jeito que eu quero. Às vezes eu posso decidir que quero adicionar um pedacinho. Então eu decidi adicionar um pedaço de cabelo aqui. Não sei se Fall vai ficar com ele ou não. Mas às vezes vale a pena jogar e ver o que vale a pena adicionar ou remover. Vou continuar rápido aqui, mas é basicamente a mesma coisa com o meu Griffin. Vou continuar rápido aqui, Hum, eu quero quebrar as coisas para que eu possa facilmente adicioná-las porque, às vezes, quando eu deixar as coisas pretas, todo preto e branco, hum, as coisas podem parecer fora. Então, quando eu tenho coisas divididas em segmentos como eu tenho, é apenas muito mais fácil de editar e meio que eu posso realmente inclinar as coisas e mover coisas, redimensionar as coisas sem que elas estejam, , conectadas como uma peça inteira . Então eu propositadamente, você sabe, obviamente desenhei minhas porções pretas primeiro, e depois em cima disso, porque eu quero que elas fiquem por cima. Eu desenho quais serão as peças brancas que eventualmente usarei o Pathfinder para derrubar, hum, eventualmente. Certo, então agora converti coisas para preto por fazer alguns ajustes finos antes de usar o Pathfinder. Meu logotipo de espaguete vai ser um pouco diferente e que eu vou realmente usar a ferramenta de lápis. Eu poderia usar a ferramenta de lápis para partes dos leões e, em seguida, acabar voltando para a ferramenta de caneta porque é minha ferramenta de lápis favorita. Comando chave em ferramentas de caneta , comando chave, p. Mas basicamente, estou usando o traço para fazer, um, pelo menos esta parte das linhas para este logotipo. Então eu estou apenas com cuidado, hum, usando o total de lápis. Desenhe essas linhas, e acabarei por converter essas linhas de toalha. E então aqui estão as partes internas que eu conheço os destaques que eu vou saber que vão ser brancos. Então eu fui em frente e fiz esses traços brancos. Agora eu estou desenhando o contorno de apenas uma espécie de área escura principal do ninho e preenchê-lo com preto. Agora eu estou apenas diminuindo a opacidade porque eu quero ver meu esboço um pouco melhor porque há alguma linha com variação no meu esboço que eu quero, hum, rastrear, obviamente. E eu estou usando a ferramenta com aqui chave de comando Shift W. E é a ferramenta que permite que você, hum, tipo de escolher pontos em lugares em um caminho e torná-los grossos e finos. Você pode até levá-los a um ponto completo. Como você pode ver, eu estou fazendo com essas partes de destaque aqui. E então Agora eu estou apenas usando a ferramenta pino para desenhar todas aquelas formas sólidas, preenchidas para as almôndegas. Ok, ok, meio que ampliou por aqui, mas basicamente tudo é convertido em uma forma. Agora não há mais golpes. Então eu converti todas essas linhas para formas reais preenchidas indo caminho do objeto, contorno, traçado. E agora estou usando a ferramenta de apagar, a ferramenta de corrida de blogueiros para uma espécie de corrida. Estrategicamente, certas áreas para fazer parecer que o espaguete é uma espécie de entrelaçamento hum, eu novamente, Eu gosto de usar que uma ferramenta de corrida quando eu posso. Então aqui está a peça final. Ok. Finalmente, vamos falar sobre o meu bolo de caranguejo. Logótipo . Agora, este vai ser um pouco de uma combinação de usar ambas as formas, hum, e o lápis. Então eu estou usando a dobra para obter essa parte curvada do bolo aqui, e então eu vou expandir essa aparência, encolhê-la, pegar emprestada essa. Claro que posso pegar emprestado, e estou inclinando um pouco. Então, para o tipo de área de cobertura do bolo que tipo de tem aquele destaque extremo acontecendo . Eu sei que parece meio bizarro, mas estou usando dois círculos aqui, e eu vou, hum, em seguida, replicar um em cima disso para então usar o Pathfinder para derrubar aqueles uns dos outros com menos frente. Opa. Volte e faça aquele. Você só tem que selecionar. Na verdade, vou combinar ou vou combinar ou fazer disso um caminho composto para que eu possa passar e não sair rapidamente do resto deles. fazer disso um caminho composto para que eu possa passar e não sair rapidamente do Então eu vou pegar emprestado, e eu vou continuar, não me preocupar com como eles se sobrepõem ainda. Decidi mantê-los separados. E agora eu vou apagar onde eles se sobrepõem com a parte principal do bolo e então escolher como eu quero usar para tipo de sobreposição um com o outro. E, novamente, eu estou usando essa, hum, uma ferramenta de corrida para apenas tipo de rapidamente escolher áreas que eu quero correr. Posso combinar vários objetos e apagá-los todos ao mesmo tempo. Ou só queria um tempo em uma corrida onde eles se sobrepõem. Eu não vou mostrar mais ferramentas de pinos, mas eu não queria realmente enfatizar a importância de zoom no fechamento de objetos, tipo de verificação de detalhes, arredondamento de cantos. Esta é sempre uma boa prática dos dedos quando você está terminando um bom design de logotipo vetorial . E aqui estão o último conjunto de notas finais 7. 7 conclusão: Espero que tenha gostado desta aula. Lembre-se de começar com esboços ásperos e soltos e permita-se percorrer o processo de refinar a sua criação de ícones enquanto se inspira em valores de luz, fontes de luz ou ambos. E apenas permita-se simplificar para criar um ícone de logotipo agradável e dinâmico. Como um projeto de classe, você vai escolher um assunto da lista aqui, ou você pode ir com sua própria idéia. Você trabalhará durante o processo e criará um ícone baseado nos métodos que você aprendeu na aula. Escolha um e comece a procurar algumas imagens de referência e algumas referências de estilo também, para que você possa criar um dedo do pé da placa de humor. Olhe para fora como você trabalha. Estou ansioso para ver alguns ícones incríveis usando valores de luz e sombras extremas. Se você gosta desta aula, por favor considere conferir algumas das minhas outras aulas. Lettering manual para refinar vetor no design de logotipo esportivo