Aprenda em 10 - Ilustração de tipografia dinâmica | Marcos Silva | Skillshare
Pesquisar

Velocidade de reprodução


1.0x


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

Aprenda em 10 - Ilustração de tipografia dinâmica

teacher avatar Marcos Silva, Designer & Animator

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

    • 1.

      Aprenda em 10 ilustração de tipografia dinâmica

      0:40

    • 2.

      Lição 01 - Projeto de classe e configuração de documentos

      1:13

    • 3.

      Lição 02 - Como escolher sua palavra e fonte

      1:29

    • 4.

      Lição 03 - Como aplicar o efeito em 3D

      2:17

    • 5.

      Lição 04 - Cores e composição

      8:58

    • 6.

      Lição 05 - Edições finais e detalhes

      4:41

  • --
  • 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.

476

Estudantes

13

Projetos

Sobre este curso

Aprenda em 10 é uma série de cursos curtos projetados para compartilhar ótimas técnicas em um curto espaço de tempo.

Neste curso, você vai aprender como criar uma ilustração de tipografia dinâmica no Adobe Illustrator e para isso, vamos aprender coisas como

  • Como configurar nosso documento
  • Como pesquisar fontes
  • Como usar a ferramenta de extrusão em 3D no Adobe Illustrator
  • Como trabalhar com a ferramenta Pathfinder
  • Criar composições dinâmicas
  • Use cores e contraste para melhorar o interesse em seus projetos

Isto é para todos! Especialmente pessoas que gostam de projetar com tipografia e criar composições dinâmicas

É perfeito para uma pequena pausa e um exercício rápido e uma exploração em design.

Conheça seu professor

Teacher Profile Image

Marcos Silva

Designer & Animator

Professor

Hi! I'm Marcos, and I'm a Designer / Animator based in London, UK.

Visualizar o perfil completo

Level: All Levels

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas 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. Aprenda em 10 ilustração de tipografia dinâmica: Olá a todos. Meu nome é Marcus e sou designer e animador de Londres. E bem-vindos à minha nova série de aulas, aprendendo dez, onde ensino grandes técnicas em dez minutos ou um pouco mais. Hoje, vou compartilhar com vocês como projetar essas ilustrações tipográficas. É um grande projeto e muito dinâmico. Vamos explorar as ferramentas 2D periféricas dentro do Adobe Illustrator e algumas maneiras muito legais de trabalhar com cores e composição. É uma aula curta, mas cheia de ótimas dicas e conhecimento. Você quer aprender algo realmente legal em 10 minutos? Cadastre-se agora e te vejo na aula. 2. Aula 01 — Projeto do curso e configuração de documentos: Olá a todos e bem-vindos a mais um aprendendo dez. Então, hoje nosso projeto de classe, estaremos projetando descartador. É principalmente topografia e há como uma tridimensionalidade aplicada a ela. Vamos aplicar isso usando alguns efeitos 3D no Illustrator, que serão muito fáceis e rápidos. Então, e então nós só vamos jogar com algumas cores quentes agradáveis aqui e criar uma composição agradável para trazer o significado da nossa ala em ação. Tipo, e ainda assim eu estava tentando fazer uma piada, mas, bem, sim, vamos fazer isso. Então a primeira coisa que precisamos fazer é realmente iniciar nosso documento. Então, se você estiver usando uma resolução 1080 por 1350, que é a resolução de postagem do Instagram. Normalmente eu só postar meus projetos pessoais e meus projetos de paixão no Instagram porque eles não são profissionais. Então, em um bom diagrama é uma ferramenta que eu uso mais para compartilhar meu trabalho. Então eu já coloquei como meu trabalho tomando uma resolução de água lá. Então é 1080 por 1350. E vamos pressionar Criar. 3. Aula 02 — Escolhendo sua palavra e fonte: Então a primeira coisa que eu vou usar a mesma palavra que eu usei antes, que era ação. E sim, eu uso a ferramenta de texto aqui. E eu vou selecionar dois, vou torná-lo um pouco como este. E na verdade não gosto desta fonte porque sim, este é Myriad Pro é a primeira fonte que ilustradores se aplica a você, mas você pode alterá-lo facilmente. Portanto, há várias maneiras de alterar sua fonte. Você pode simplesmente selecionar a fonte e ir para o menu aqui. E então você seleciona qual deles você deseja usar para este exercício. Você pode realmente entrar, usar como filtros e então você pode apenas tentar descobrir qual Bellefonte se aplica a você. Ou você pode realmente selecionar sua fonte aqui e clicar com o botão direito do mouse e ir para Fonte. E espere um pouco, porque você vai abrir. E então você pode realmente acessar toda a biblioteca de fontes aqui, que é Eleanor, ou às vezes é mais rápido e são, às vezes, se você sabe o nome da fonte, pode apenas digitá-lo lá. Então eu estou realmente indo para digitá-lo porque eu quero usar nós vamos usar a turnê de comida. Acho que havia aquele que eu usei para aquele exercício antes. Então, para atum é provavelmente já tê-lo em seu computador. Então, se você foi para a mesma conta de telefone, por favor, sinta-se à vontade. Ou se você quiser ir a uma pesquisa na internet para outros telefones, jogando alguma perspectiva 2D. E para o efeito neste tempo. 4. Aula 03 - Aplicando o efeito 3D: Tão fixe. Agora vamos aplicar um pouco de 3D nesta tipografia. Então, a primeira coisa, vamos selecionar este mundo aqui. Vamos ao objeto e vamos para Expandir. Então, deste modo, deste mundo, não estaremos mais em quê? Assim que você fizer isso, você pode mudar o mundo. Então, tenha certeza. Este é o mundo com que ele foi trabalhar e imprensa. Ok, então eu acabei de selecionar, arrastá-lo para baixo e vamos para Effect, e vamos para 3D, Extrude e Bisel. Na verdade, primeiro vou transformar minhas cartas em branco. Você vai ver o porquê. Então é um amplo conhecimento é mudado lá nas amostras e eu estava para 3D Extrude e Bevel. O uso de ticker branco é porque o 3D vamos usar de luz. E se ele é o último é preto, a luz não vai afetá-lo. Então, e porque estamos usando y dois, você realmente pode ver o cinza agora porque as sombras e bem, nós não vamos usá-los, mas é melhor para referência. Então aqui nós temos que, nossas perspectivas você pode realmente mudar meu normalmente se você quiser, apenas experimentá-lo para uma perspectiva realmente agradável que nós queremos usar. Aqui você pode mudar a profundidade do grande Yuan gostava que sua extrusão fosse pequena. Vamos usar apenas 50. E aqui você pode brincar com luzes. Mas para este exercício, não vamos muito mais longe com isso. Então, na verdade, vamos para a rotação personalizada aqui, e vamos clicar em Tab. E isso vai usar topo isométrico, que colocará nossas letras na perspectiva isométrica. E vamos apenas pressionar Ok. E sim, este é o efeito 3D é feito. E esta é a mentora que realmente precisamos para o nosso exercício. Então, novamente, menos ir para objeto e expandir. Na próxima lição, vamos começar a ter um pouco de cor e brincar com a composição dessas letras. Nós vamos aplicar um pouco de rotação e escala e um pouco e ver como podemos fazer como uma composição realmente agradável usando esta palavra. Então eu vi a próxima lição. 5. Aula 04 — Cores e composição: Acho que a cor é a minha parte favorita de qualquer projeto. Vamos selecionar isso e vamos desagrupá-lo primeiro. Assim como este. E agora vamos encontrar a nossa cor. Vamos para Color Themes. Sim. Então, outras equipes coloridas mostra uma biblioteca de conjuntos de cores surpreendentes já. Você pode usar qualquer um destes ou você pode usar o seu próprio? Então você pode criar o seu próprio aqui, ou você pode simplesmente explorar e encontrar alguns realmente agradáveis. Então, para este exercício, eu estou realmente indo para usar um fora aqui para eu não girar duas horas para tentar decidir qual cor eu vou usar, que é normal. Só quero usar este aqui. Quero adicioná-lo às minhas amostras. E aqui eu queria encontrar as minhas amostras. Eles estão aqui. Então, como você pode ver aqui, aqui está nossa nova biblioteca que acabamos de receber do outro Explorer de qualidade. Então, agora vamos começar a aplicar algumas cores nessas fontes. Talvez eu apenas selecione isso e aplique uma cor, cor laranja selecionada primeiro, é claro. E para ser capaz de entender o último melhor estão subindo por alguma cor do traço também. Então eu vou apenas aplicar um branco. Assim como este. Sim. E C, vou usar uma cor diferente. Talvez você leia talvez uma laranja escura, na verdade. E eu vou aplicar um derrame em branco também. Então aqui precisamos realmente fazer algo em C aqui por causa do efeito 3D. Se GFS você criar mais formas. E a maneira como você pode resolver isso é realmente desmoronar suas naves juntos. Então vamos selecionar estas formas de homens aqui. E vamos para Pathfinder e basta clicar aqui, que irá adicionar todas as formas juntas. Você vai uni-los. Então, e novamente, a mesma coisa aqui. Una-os. E sim, perfeito, sem problemas. Agora, vamos selecionar T e apenas copiar a cor de a. seleciona. Eu chamo de copiar as cores para ter certeza que é um grupo. Estou usando a ferramenta conta-gotas só para pegar as cores de outras letras. E é uma maneira mais rápida do que selecionar o canto direito silencioso. Faça a mesma coisa aqui na uni-los e uni-los novamente. Ou há algo lá. É que cada vez que fazemos isso começará a apresentar um resultado diferente. Então, sim, provavelmente é quando eles são as mesmas formas que eu. Se você está usando palavras diferentes, mas ação, e eu vou usar e escrever isso. Bem, deixe-me apenas verificar novamente as áreas das colunas usando ok. Sim, faz com que esteja tudo bem por enquanto. Então a próxima coisa que vamos fazer agora é jogar um pouco. Como você vai compor essa cena? Então vamos arrastar o A para o meio. Vamos selecioná-lo. E isso é apenas refletido, Oh meu Deus, aqui está verticalmente, então você tem que mudar a orientação do a. Você pode selecionar recentemente verticalmente ou você pode escolher seu próprio ângulo. Neste caso, vamos usar um vertical e pressione Ok. E eu vou deixá-lo aqui, vou pegar C e ir talvez. Agora vamos manter as mesmas escalas. Vou sair daqui, vou buscar o chá. Quero dizer, nós fizemos. Ela realmente foi para refere-se a reflexão, bem como para vertical. Então você precisa ser, você precisa ser capaz de lê-lo, você sabe, assim estar ciente de em seu computador. Você pode perder o significado da palavra que você está tentando retratá-la e ilustrar. E agora vou selecioná-los todos assim. E eu vou escalá-lo um pouco assim. Perfeito. E talvez eu vá me centrar em você, todos que são ferramentas alinhadas aqui. Só por agora. Vamos começar a brincar com um pouco de rotação. Selecione a forma e pressione R. A possibilidade de rotação, possibilidades acontecem. Então você só começa a ser capaz de girar isso como quiser. Então eu vou girar E, aluno girado t para fazer algo um pouco mais dinâmico. E jogue um pouco com a posição das letras. Assim, a ação não pode girar. Oh, talvez desse jeito. Porque o OH vem depois e depois n. Sim, algo mais como isso. Talvez até possa jogar um pouco com escala se eu apenas selecionei e, em seguida, pressione E. Você realmente me deixa brincar com escala para que você possa realmente adicionar Lei, um pouco mais de perspectiva na cena. E sim, e a próxima coisa que vamos fazer é realmente mudar algumas cores aqui. Vou fazer estes largos. E este branco também. Só muda os núcleos aqui. Então há mais contraste e que nós realmente podemos entender um pouco melhor. E aqui vou eu, estou apenas clicando duas vezes sobre o grupo e então eu posso selecionar as formas aqui. Eu vou adicionar um pouco dessa cor mais escura como simular um tipo de afirmação. Eu peguei uma espécie de sombra. Se você, se isso faz sentido. Na verdade, melhor, vou usar como símbolo do exercício. Eu vou fazer os traços escuros assim, para que não haja correspondência perfeita com eles. Então você vai ficar preto também. Sim. Perfeito, algo assim seria incrível. E agora vamos apenas mudar adicionando algumas cores diferentes aqui para simular talvez um pouco de vôo. Neste caso. Vamos usar a mesma cor. E vamos fazer o mesmo para estes últimos um como este. E é o mesmo aqui. Talvez você vá realmente usar alguns brancos também para fazer algumas cenas mais leves. O importante aqui é tentar adicionar um pouco mais de detalhes na ilustração. Como se houvesse como lançar sombras ou até mesmo um pouco de como sombras falsas, principalmente exatas. Alguém pintou. Na verdade, não significa ser exatamente uma sombra respeitando seu ponto de luz ou domingo. Então vamos apenas selecionar este e este, vamos torná-lo vermelho assim. E aqui estamos um problema porque há um vermelho também. Talvez na verdade usamos ou a cor para um aqui e B é laranja e usamos raramente dentro. Como este. Sim, já está muito bonito. E eu vou usar laranja aqui. Vermelho seria bom, seria, o n será branco, então, que terá de fazer, ver branco também. Então sim, algo assim. Você pode realmente jogar um pouco mais com as sombras e as cores que você não precisa. Você pode usar mais cores se quiser. Seja totalmente livre com ele. Vou parar com isso agora, porque não quero fazer isso um pouco mais. E eu acredito que você pode fazer o resto sem muita bondade agora. Então, na próxima lição, vamos ter um pouco mais de detalhes. Nós não adicionamos um pouco de fundo na cena e um pouco de mais elementos apenas para levar um pouco mais de história para a cena. Então eu vejo na próxima lição. 6. Aula 05 — Edições finais e detalhes: Olá a todos. E espero que todos estejam se divertindo fazendo exercício. Então agora vamos apenas fazer um pouco de detalhes e apenas terminar isso. Então, estamos prontos para o próximo curso. Então, a primeira coisa, vamos usar nossa ferramenta de retângulo aqui. E vamos arrastá-lo até a partir do canto. A menos que tivesse como uma cor acinzentada, ou poderia ser totalmente branco também. A coisa sobre a cor acinzentada é como se você diferenciasse do branco na letra, que é, é ótimo para cabeça um pouco mais de profundidade. Agora, talvez eu queira torná-lo um pouco mais claro cinza. Não, eu não acho que eu vou fazer para nós essas ilhotas com elipsoidal, um pequeno círculo atrás. E vamos torná-lo talvez um vermelho escuro. E eu vou apenas clicar com o botão direito sobre ele, Transformar, Organizar, Enviar para trás. Então, na verdade, vamos apenas enviar para o saco e, em seguida, selecionar o fundo. Envie o fundo para a parte de trás. E talvez vamos apenas mudar para um correlato cria um pouco mais de contraste. Deixe-me rolar até aqui para explorar algumas opções, a fim de me apegar para entreter. Então vamos deixar assim ou corrigir. C já está muito bonito. Eu realmente gosto desse tipo de composição dinâmica acontecendo aqui. Eu acho que é realmente, é realmente interessante que você sinta que eles estão dois acima como a escalada um no outro. E eu não sei, eu sinto, eu sinto que é tão interessante quando você pode realmente ver o primeiro vislumbre. Você vê o o é uma boa ilustração, mas então você realmente entende que é como se outra coisa também fosse uma palavra que, que poderia ser como seu manifesto ou como ação para sua vida. Ou, sei lá, algo inspirador. Eu acho que nos dias de hoje um monte de potencial nesta técnica. E eu vou entrar em um pouco de detalhes. E agora vamos usar uma ferramenta de retângulo novamente. E eu vou desenhar um pequeno círculo, pequenos retângulos, desculpe, quadrado. E eu vou pegar esses números aqui, vou fazer 55 para ser como um número exato. Mesmo uma cópia disso, Eu vou remover o acidente vascular cerebral e eu vou tratar a Extrude e Bevel novamente. Mas aqui vou usar um 55 aqui para fazer um cubo perfeito. Vamos pressionar “Ok”. Na verdade, vamos voltar. Precisamos, precisamos de nossos atributos aqui, e vamos para um ponto. E eu seleciono aqui, desculpe, eu só tenho muitas janelas acontecendo agora na minha tela. Certo, vamos aos atributos. botão direito do mouse e vamos mudar sua perspectiva para topo isométrico também. E pressione Ok, Vamos para o objeto, expandir a aparência. E vamos. Então agora vamos, agora selecione essas formas também. Vamos roubar as cores a partir de agora as letras como esta. E, no entanto, agora temos um cubo que podemos realmente adicionar à nossa ilustração. E girado fabricante tinha um pouco mais de detalhes, escalá-lo para cima e para baixo. A idéia é apenas levar um pouco de visual mais interessante sobre ele. Então, como alguns quarteirões aqui e ar, talvez com direções diferentes e algo assim. - Sim. - Sim. Eu não queria parar aqui. Vou deixar você brincar com isso agora. Eu acho que, por favor, certifique-se de fazer o exercício, o exercício da aula, ou realmente quero ver o que vocês vêm para cima também. Mais uma vez, sinto muito por não poder fazer essas aulas em dez minutos. Notei que é impossível ensinar um dia em design em dez minutos. E bem, se você gostou desta aula, por favor, me dê um acompanhamento. Me deixe um comentário sobre uma aula e faça o exercício. Adoro ver o que vocês desenham o tempo todo. E, por favor, não hesite em contactar-me no Facebook ou num Instagram, seja qual for o meu perfil. Então, sim, estou aqui para ajudar. Tenha um bom dia. Tchau-tchau.