Ilustração digital: desenhando cartões postais vintage personalizados | Connor Brandt | Skillshare

Velocidade de reprodução


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

Ilustração digital: desenhando cartões postais vintage personalizados

teacher avatar Connor Brandt, Graphic Designer, College Student

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

11 aulas (32 min)
    • 1. Apresentação

      2:32
    • 2. Preparação

      4:19
    • 3. O processo

      2:39
    • 4. A ferramenta Caneta

      1:12
    • 5. Construção de formas

      3:06
    • 6. Usando cursos

      3:02
    • 7. ADICIONAR COR

      5:22
    • 8. O quadro

      2:55
    • 9. O céu

      3:19
    • 10. Como adicionar texto

      2:51
    • 11. PARABÉNS!

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

854

Estudantes

9

Projetos

Sobre este curso

Você tem fotos de férias? Você tem imagens? De qualquer coisa? Então você pode participar deste curso! Neste curso de 32 minutos, o designer gráfico Connor Brandt compartilha o processo e as técnicas para criar uma ilustração precisa e atraente das suas próprias fotografias.

Você vai aprender a reconhecer as formas básicas necessárias para representar sua imagem original enquanto lhe dá um visual mais arrojado e simplificado. Ao juxtaposing as sombras profundas do primeiro plano com um céu radiante, quadro espesso e texto de art déco, você pode fazer até mesmo a imagem mais mundana parecer algo que pertence à frente de um cartão postal.

Qual imagem você vai escolher? A ponte do portão dourado? Sua casa de infância? O Walmart local? Não há limite para o que você pode fazer. Então, vamos lá!

Conheça seu professor

Teacher Profile Image

Connor Brandt

Graphic Designer, College Student

Professor

Connor Brandt is a 20 year old who enjoys graphic design and listening to music. He sometimes types in the third person.

Hey, I'm Connor. I'm a Junior at the University of Nebraska at Omaha. Even when I was too young to know how to use a computer, I always had logo ideas in my head. Ones that I'd have to scribble on paper with colored pencils. So when I finally found a way to really make my ideas come to life, I was hooked. I started out designing sports uniforms and logos in Microsoft Paint when I was about 12. I've since become interested in all other aspects of graphic design, working first in Inkscape and now in Illustrator. Graphic design is something I enjoy doing both for myself and for other people, and I'm now sharing my skills (see what I did there?) with others on ... 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: ação. Olá, todos. Sou Connor Brandt. Sou calouro aqui na maravilhosa Universidade de Nebraska em Omaha. Sim, sou caloura, então você vai receber ordens de um garoto de 18 anos, mas tudo bem. Eu tenho feito isso por um tempo, então eu tive um design interessante desde que eu era uma criança quando eu estava sempre desenhando logotipo esportes ou vôos do mundo. E então, por volta dos 12 anos, descobri o Microsoft Pain, que usei para copiar e colar logotipos e mudar as cores, coisas assim. Tenha em mente que todos os meus projetos deste tempo foram essas terríveis bagunças pixeladas. Mas é aí que eu não começo. Eventualmente, mudei de tinta para fuga, onde comecei a trabalhar com Vector Art. E então, cerca de três anos atrás, eu tenho o Illustrator, e eu tenho usado isso desde então. Eu expandi além dos logotipos esportivos. Eu faço um monte de design apenas por diversão, como cartazes de banda, desenhos de camisetas ou qualquer outra idéia aleatória que apareceu na minha cabeça. Então eu tive uma idéia aleatória para este projeto, que é cartões postais. Vamos fazer postais. Por que fiz esse projeto? Bem, eu gosto de ir a lugares, e eu gosto de tirar fotos, e eu gosto de tirar fotos de lugares que eu vou. Então eu acabo com um monte de fotos de férias no meu computador, e eu amo todas as minhas fotos, mas eu também amo arte vetorial gráfica, essas ilustrações ousadas, quase desenhos animados. Então, nesta aula, vou ensiná-los a tirar suas próprias fotos e transformá-las em uma vou ensiná-los a tirar suas próprias fotos e transformá-las em umailustração inspirada no vintage. Eu acho que este é um projeto muito fácil e divertido que qualquer um com o programa vetorial assumir. Espero que se junte a mim. Espero que tenhas aprendido alguma coisa, e espero que te divirtas. Obrigado, amor holandês ouvir sua voz. 2. Preparação: Olá a todos, todos, e bem-vindos de volta. É hora de começar com nossos cartões postais. Primeiro, vamos ter que escolher uma foto. , Obviamente,as escolhas mais populares para cartões postais são destinos de férias ou pontos de referência. Você pode ver uma estátua da Liberdade, Golden Gate Bridge e coisas assim. Mas meu objetivo para este projeto é que você escolha algo um pouco mais pessoal, pouco mais exclusivo para você. Talvez seja uma bela foto da sua casa, do seu bairro, da suacidade natal, cidade natal, seja lá o que for. Talvez seja um lugar de férias. Você e sua família vão fazer muito, mas isso não é encontrado na loja de presentes em um cartão postal. Então você absolutamente faz a Estátua da Liberdade, se quiser. Nada está fora dos limites aqui, mas para este exemplo, para provar que realmente, qualquer imagem pode fazer um belo cartão postal. Só escolhi uma foto ruim. Então, um dia, eu saí na minha varanda e tirei uma foto horrível, triste e nublada dos dormitórios aqui em Omaha e um aviso de isenção de responsabilidade. Temos um lindo campus. Eu adoro isso. Este é apenas mais um tempo do Dia do Glee sábio com céu branco nublado e feio. Tudo está meio apagado de qualquer maneira. Escolhi esta foto porque quero mostrar-te que podes levar isto, entregá-la a algo assim. Nosso produto acabado. Certo, assim que você escolher sua foto, você vai querer fazer um ajuste. Então vamos copiar e colar isso na loja de fotos agora. Ou quer copiar e colá-lo ou fazer uma duplicata porque você não quer arruinar sua foto original, Obviamente. E não é absolutamente necessário que você tenha Photoshopped para isso. Vamos apenas fazer um ajuste básico do nível de contraste, que pode ser feito em I photo ou na Galeria de Fotos do Windows. Eu acredito que se você está usando isso então nós vamos colar isso aqui e primeiro passo, provavelmente é para fazer algum corte. Então, livre-se de todos os detalhes desnecessários e coisas que seriam um pouco mais difíceis de rastrear e ilustrar quando chegarmos ao próximo passo. Então aqui, eu vou pegar a ferramenta de colheita. Eu levo isto à tona, dou aquelas árvores a ela. Pode ser que um pouco deste primeiro plano aqui na calçada e trazer a capota para baixo e se livrar de algum desse cara bem ali. Isso parece bom. Então, a principal coisa que estamos fazendo aqui é aumentar o contraste. Assim, espero que isso torne sua imagem mais fácil Trace uma vez que é um ilustrador. E se você viu meus chicotes, minha foto final tem é quase toda sombra com algumas formas sobrepostas sobre isso, então vamos querer torná-los facilmente definidos e fáceis de rastrear. Assim que você tiver o corte de imagem onde quiser, agora vamos ajustar o contraste , então vá para ajustes e níveis de imagem. Então queremos dar a isso um monte de sombras profundas e escuras e fazer isso. Pegue esta flecha preta aqui e traga-a um pouco mais. Você vê como isso funciona? Pode trazer a extremidade branca para nos dar uma bela borda definida aqui entre o céu e o primeiro plano e, em seguida, por último, você pode tipo de jogar com esta seta cinza no meio, provavelmente quer trazê-lo para o branco mais perto. Você pode ver essas formas começando a se formar aqui, e você apenas brinca com isso para ver o que funciona melhor para sua imagem. Mas eu acho que isso parece bom lá, e uma vez que você tem feito isso, isso é tudo o que vamos fazer na loja de fotos, e estamos prontos para mudar para o Illustrator 3. O processo: Tudo bem, agora você escolheu sua imagem, fez alguns ajustes rápidos e agora é hora de começar a parte divertida do Illustrator. Neste vídeo, vou explicar o processo de pensamento básico que vai para fazer esses cartões postais. E eu vou mostrar alguns truques e atalhos que você pode usar para criar formas rápida e facilmente. Primeiro, antes de começarmos a rastrear ou algo assim, quero mostrar o meu produto acabado aqui e explicar como chegamos a este ponto. Tudo isto pode ser dividido em cerca de quatro regiões básicas, que são esta sombra. Estes destaca o céu e o quadro. A primeira seção em que vamos trabalhar é a sombra. Basicamente aqui, que funciona como uma base para o resto da imagem, e tudo o resto é construído em torno disso. E quando terminarmos isso, começaremos a trabalhar nesses destaques aqui, que adicionará alguns detalhes e profundidade à sua imagem. Então, agora que você tem uma idéia do que estamos fazendo aqui, vamos acelerar a imagem em ilustrador para abrir um novo documento. E porque é vetor, você pode realmente fazer qualquer tamanho. Você quer maior, pequeno e depois redimensioná-lo quando terminar. Mas eu prefiro escolher uma tela maior para que eu possa ampliar alguns detalhes. Então eu acho que 2400 por 1600 é um bom tamanho para isso. Obviamente, se a sua imagem é orientada de forma diferente, você quer virar esses números ao redor. Vou pegar minha foto na loja de fotos, copiar e colar. E isso não tem que caber exatamente, mesmo que haja alguns espaços em branco aqui. Vamos corrigir isso adicionando o quadro, o céu e o texto mais tarde. Então, coloque sua imagem onde você quer, e para ser capaz de rastrear isso mais facilmente, vamos reduzir a opacidade para cerca de 40 ou algo assim. Por lá, o que parecer melhor, e agora estamos prontos para rastrear. Como eu mencionei antes. O primeiro passo é criar esta forma de sombra aqui, que obviamente já está concluída. Mas vou refazer isso para mostrar algumas das técnicas que usei neste cartão postal e nos meus outros exemplos. Então você pode aplicá-los à sua própria imagem e ser capaz de rastrear outro assunto. Além disso, apenas estes prédios de dormitórios 4. A ferramenta Caneta: maneira de traçar é apenas delinear suas formas exatamente como elas aparecem. Isso funciona melhor para edifícios ou talvez uma formação rochosa que você deseja manter em sua forma original exata . Isso não é diferente de traçar uma imagem no papel. Você só está seguindo a linha exatamente como você vê, e não é preciso muita habilidade artística. Então, para fazer isso, você só vai pegar a ferramenta de caneta aqui. E eu prefiro usar apenas um traço preto fino agradável e zoom em e basta clicar em cada ponto assim. E se você notou, eu também fui até o fundo do quadro de arte para ter certeza que esta forma preenche muito espaço. É que pode. Eu não me preocupei em rastrear estas árvores no momento porque eu vou te mostrar como fazer isso a seguir 5. Construção de formas: então a ferramenta de caneta funciona bem para este edifício aqui. Mas e as árvores? Não quero perder meu tempo delineando cada galho desta árvore. E além disso, é um urso, e ninguém quer uma árvore nua num cartão postal. Então eu vou trapacear um pouco aqui. Vou usar formas muito básicas como círculos e quadrados, que podem ser encontrados aqui, e vou usá-los para representar essas duas árvores. Então, primeiro, vou usar um quadrado para cada tronco. Eu vou pegar um círculo e apenas uma espécie de estimativa de onde colocá-lo e quão grande fazê-lo com base na forma geral da árvore. E a maneira mais rápida de duplicar formas em vez de copiar e colar é apenas manter pressionada, opção e arrastar. E você sempre pode redimensionar esses dois. Então eu vou fazer isso pela árvore inteira. Uma vez que você tenha todas as suas formas dispostas aqui, você vai querer combiná-las em uma forma sólida. E a melhor ferramenta para isso é a ferramenta construtor de formas aqui. Então, no primeiro ano, vamos querer selecioná-los todos. Certifique-se de que você não tem o plano de fundo lá, e então é como a ferramenta de construtor de formas e basta clicar e arrastar por todas as formas que você deseja unir. Então ele deve acabar parecendo algo assim e ver como é ah, forma sólida agora. E eu vou dar a estas árvores aqui em baixo o mesmo tratamento. A ferramenta de construtor de formas também pode ser usada para se livrar de formas. Então, para evitar que isso fique aqui fora, vou criar um retângulo, selecionar os dois. É como a ferramenta construtor de formas e, em seguida, mantenha pressionada a opção para se livrar das formas. Estou assinado, Sra. Spot, lidere isso. E eu vou fazer o mesmo por este. Mesmo que a maioria esteja aqui em baixo, vou rastrear tudo porque mais tarde, vou adicionar alguns destaques para ajudar isso a se destacar um pouco do chão e agora vou juntá-los e, eventualmente, tudo isso será de uma forma para. Mas, novamente, vou deixar isto ao vivo para poder trabalhar em alguns destaques. Círculos funcionam bem para a maioria das árvores, mas digamos que se é um pinheiro, você sempre pode usar triângulos, talvez para algo assim ou ovais. Essa é a beleza do que é. Você pode usar qualquer forma desta pequena caixa suspensa para ilustrar quase tudo. 6. Usando cursos: Outra técnica importante é usar diferentes larguras de traçado para criar linhas paralelas . Porque se eu estou rastreando algo como o topo deste prédio aqui, seria uma dor tentar delinear exatamente e colocar tudo alinhado. Veja, isso acaba parecendo um pouco instável. Não parece certo. Então, uma maneira fácil de contornar isso é aumentar o seu derrame aqui. E então, em vez de delinear tudo, basta desenhar uma linha reta no meio e apenas a espessura mais tarde se você precisar. E uma vez que você tem alguns dos traçados para baixo, você pode selecioná-los e, em seguida, ir para o caminho do objeto, contornar o traçado e novamente usar a ferramenta construtor de formas para juntá-los completamente. Outra área em que você pode usar traços é algo fino como ofensa. E então para essas linhas menores, algo que vem a calhar é a ferramenta de mesclagem. Então, para algo assim, eu criaria um traçado nesta extremidade, duplicá-lo, trazê-lo aqui, em seguida, selecioná-los ambos e ir para objeto, mesclar, fazer, e você pode ver que há um pouco. Então eu vou voltar para misturar opções e ajustar a quantidade de passos Então, se isso é 40 bem ali, eu vou querer ir para cerca de 25 talvez menos. E uma vez que a mistura é feita, você sempre pode clicar duas vezes aqui e ajustar o comprimento deles e para criar formas fora do seu objeto misturado, você iria mesclar objetos, expandir, expandir, caminho do objeto delineado ferrovias de acidente vascular cerebral para unir estes juntos e se livrar desta área aqui em baixo. E lá vai você. No próximo vídeo, discutirei mais algumas técnicas. Você foi usado para refinar sua imagem e aproximá-la do produto acabado. 7. ADICIONAR COR: Agora que você tem todos os seus contornos feitos, precisamos preenchê-los com um pouco de cor. Em vez de falar sobre todos os meus exemplos completos, eu decidi começar um novo do zero para que eu possa orientá-lo através desses próximos passos um pouco mais fácil. Então, aqui está um rápido lapso de tempo dos passos que abordei nos vídeos anteriores. Tudo bem, então aqui eu tenho meu contorno de sombra, que eu tinha decidido fazer um pouco mais grosso para separar esses destaques do céu Agora vou dar a esses destaques um golpe branco por enquanto. . Dedo. Ajudá-los a se destacar do meu fundo preto mais fácil. E só para que eu possa manter minha versão original intacta, eu vou duplicar este quadro de arte agora ao escolher cores, eu costumo começar com preto para a sombra, e eu vou delinear este traço. Isso é estranho. Às vezes, com formas grandes como esta. Ele não quer delinear o traçado por algum motivo, então se ele faz isso você sempre pode ir para expandir a aparência e, em seguida, juntar essas formas . De qualquer forma, eu começo com preto para a sombra e depois para os destaques. Eu só vou usar a ferramenta conta-gotas para selecionar cores naturais da minha imagem original . - Agora é improvável que estas sejam as minhas cores finais, mas isso apenas me dá uma idéia de como deve ser. E enquanto eu estava fazendo isso, eu estava me agrupando. Cores semelhantes como esta explodiram aqui, este branco e as escadas. Dessa forma, tudo será mais fácil de editar se eu decidir mudar as cores novamente. Então eu vou agrupar tudo isso. E também, agora que é mais fácil ver isso começando a tomar forma, vou fazer alguns pequenos ajustes em algumas dessas formas. 8. O quadro: Agora estamos basicamente feitos com o núcleo da nossa imagem. Além de ajustar essas cores mais uma vez, uma vez que tivemos o quadro e tudo mais. Então, por agora, vou agrupar tudo isso. Tire isso do caminho e para o quadro. A maneira mais fácil de fazer isso é criar um retângulo do tamanho da placa de arte. Dê um golpe preto, certifique-se de que está alinhado com o interior. Em seguida, bata este golpe com caminho até dar-lhe uma borda agradável e grossa. Então eu acho que isso provavelmente parece bom. Agora estou percebendo que minha tela e meu prédio aqui são um pouco desproporcionados. Então eu vou ajustar este retângulo para acomodar o céu e o texto que vamos adicionar mais tarde. E eu vou redimensionar meu quadro de arte de acordo. E agora que isto é um grupo, posso redimensioná-lo e centralizá-lo aqui. Então temos espaço para este retângulo na parte inferior. Onde é que o texto vai e faz o preto coincidir com a sombra. Uma vez que você tenha seu quadro no lugar certo, você vai querer selecioná-lo e, em seguida, delinear o traçado, em seguida, dar a essa forma o seu próprio traçado. E por alguma razão, ele não quer me permitir mudar o alinhamento do traço aqui. Então eu vou apenas criar uma forma idêntica usando retângulos. Não sei por que fez isso. Pode ser apenas uma falha, mas eu quero obter esta forma de moldura para que eu possa mudar o alinhamento do traçado aqui . Agora que eu tenho isso, eu vou fazer a cor de preenchimento uma cor de destaque como este vermelho. E, em seguida, ter a cor do traçado ser preto escuro neste caso. Em seguida, alinhe o traço para o interior e aumente-o até obter esta linha fina e agradável aqui assim. Isso é exatamente o que eu gosto de fazer para o quadro. Você é bem-vindo para tentar outra coisa por conta própria. Talvez você queira uma linha tracejada, algo assim, ou você sempre pode criar seu próprio pincel aqui. 9. O céu: Eu tenho meu quadro onde eu quero, e o próximo passo é adicionar o céu. Esta é provavelmente a minha parte favorita porque é muito rápido e fácil, e realmente adiciona muito à sua imagem para dar vida a ela. Então primeiro eu vou apenas criar um retângulo com uma cor do céu e depois enviá-lo para trás e talvez ajustar a cor um pouco. Então eu vou tomar uma forma de estrela, e enquanto mantém pressionado o mouse, você pode fazer uma variedade de coisas como usar as setas no teclado para aumentar o número de pontos na estrela. Se você manter pressionado o comando ao mesmo tempo, isso aumentará o comprimento de cada ponto, e mantendo pressionada a tecla shift aumentará o tamanho de toda a estrela proporcionalmente. Então, com tudo isso em mente, o que estou tentando fazer aqui é criar esse tipo de raios solares vindo de trás do primeiro plano. Que tipo de te dá esta vibração vintage Art Deco? Então, quanto menos pontos em sua estrela, mais grossos serão seus raios e vice-versa. Então eu vou fazer a minha forma de estrela aqui que parece bom e, em seguida, torná-lo uma cor ligeiramente mais clara do que o seu fundo e enviá-lo para trás com este outro erguendo um pouco mais leve. E uma vez que você esteja satisfeito com a forma disso, você pode usar a ferramenta de construtor de formas para se livrar de todos esses pontos extras do lado de fora. Outra opção para o céu é usar a ferramenta de mistura para criar ingrediente de cor clara para uma cor escura, como eu fiz aqui criando um pequeno círculo com uma cor clara e, em seguida, um círculo muito maior com a cor escura. Em seguida, selecione-os e vá para o objeto. Misture opções de mistura, e você pode fazer uma cor suave, o que lhe dará mais de um verdadeiro Grady olhar. Mas eu prefiro usar os passos especificados porque com uma cor suave, você provavelmente vai acabar tendo mais de 100 formas individuais. Mas com os passos especificados, posso escolher um número muito menor como oito e ainda obter o mesmo efeito. Então você vai para a mistura de objetos, make, e lá você tem isso. Uma outra opção. Se você quer um, ou céu realista ou se há nuvens, você quer incluir. Você sempre pode ilustrar as nuvens usando a mesma técnica que fizemos com as árvores apenas com um monte de círculos aqui. 10. Como adicionar texto: último, mas não menos importante, para completar o nosso cartão postal, precisamos adicionar algum texto. Prefiro usar algo ousado. Talvez San Serif que é legível à distância para brincar com a nossa arte Deco Olhe um pouco mais. Você pode simplesmente ir no Google e procurar por qualquer fonte Art Deco, e a maioria deles ficará bem com esses cartões postais. Mas o meu favorito pessoal é apenas um simples meio futuro que eu usei para todos os meus outros exemplos. Vou digitar minha localização aqui. Este é o torná-lo branco. primeiro é o Castelo Miramonte em Manitou Springs, Colorado. E se você tem um monte de informações que você quer caber no fundo. Você sempre pode fazer esse tipo de hierarquia como eu fiz aqui e também neste e novamente, eu tive que ajustar o tamanho do meu quadro para acomodar este texto aqui em baixo. Então eu vou fazer o quadro de arte maior para combinar agora. Nenhum cartão postal seria completo sem uma saudação da linha no topo. Então eu recomendaria usar algum tipo de pincel lutou por isso. Eu tenho usado um chamado carry pro, que pode ser encontrado no kit tipo se você é um usuário de nuvem criativa e eu geralmente gosto de dar isso algum tipo de esboço para torná-lo mais destacado para ser capaz de delinear isso, eu vou bater shift Oh, para se transformar em uma forma. E então eu uso o futuro do para a linha de origem, e neste ponto, você está praticamente acabado. Talvez você queira fazer um ajuste de última hora da cor. Gosto de usar o menor número de cores possível. Então nós temos este vermelho, este marrom, o verde marrom muito escuro fora branco e azul, e sua cor de sombra nem sempre tem que ser preto. Pode ser castanho escuro como eu usei aqui, tipo um tom roxo ou talvez azul marinho, realmente qualquer coisa escura, então é tudo escolha sua. 11. PARABÉNS!: Então agora espero que você tenha terminado com seu cartão postal. Eu encorajo você a fazer upload do seu produto acabado aqui para que você possa obter alguns comentários de colegas de classe em de mim também. Como eu disse, se você tiver alguma dúvida sobre alguns dos passos cobertos ou algo assim, você quer que eu explique mais. Por favor, pergunte. Eu adoraria ajudar. Adoro dar essa aula. E estou animado para ver o que todos inventaram mais uma vez. Obrigado. E até a próxima vez, adeus.