Como ilustrar retratos personalizados: dominando a ferramenta Caneta

1. Introdução: Olá, sou o Bre. Sou proprietário de um pequeno negócio , designer freelance e cineasta em Salt Lake City Valley. Ao longo desta série Skillshare, vou ensinar habilidades práticas que você pode levar com você para elevar seu marketing e projetar seu próprio negócio. Nesta aula, você vai aprender a dominar a ferramenta Caneta no Illustrator, a fim de criar belas ilustrações personalizadas. Vou mostrar-lhe como se configurar no Illustrator. Nós vamos percorrer a barra de ferramentas, e eu também vou mostrar a vocês como usar algumas teclas de atalho para tornar seu trabalho mais eficiente e fácil. Também vou mostrar a vocês como ilustro um retrato do início ao fim, e compartilhar com vocês todas as dicas e truques que tenho ao longo do caminho. No final desta aula, espero que você venha com uma melhor compreensão do Illustrator, e um retrato de sua família ou animal de estimação que você possa se orgulhar e enfrentar na geladeira. Você pode obter seu retrato emoldurado ou impresso em canecas de café. Você também pode usar isso para elevar suas mídias sociais ou até mesmo ilustrar seu tiro na cabeça. Estas aulas serviram para iniciantes ou pessoas que procuram melhorar suas habilidades com a ferramenta Caneta. Estou tão animada para ver o que vocês criaram. Sirva uma xícara de café e vamos começar. 2. Projeto do curso: Para este projeto de classe, você estará trabalhando com uma imagem que você transformará em uma ilustração personalizada usando a ferramenta Caneta no Illustrator. O céu é realmente o limite, então seja criativo e pense em algo ou alguém que você adoraria transformar em uma peça de arte personalizada. Uma ilustração personalizada pode ser um ótimo presente único à medida que entramos na temporada de férias. Eu também fiz ilustrações personalizadas para as pessoas em seu dia de casamento que eles podem apreciar em seu aniversário. Há tantas coisas que você pode fazer com essa habilidade. Então, pense sobre isso se você quiser transformar seu projeto final em um produto. Durante toda a aula, darei dicas sobre como encontrar a imagem perfeita para basear sua ilustração no caminho, ajudá-lo a se familiarizar com a ferramenta Caneta e ensiná-lo a colorir sua ilustração. À medida que passamos pela aula, você enviará um esboço aproximado de sua ilustração e receberá um feedback valioso sobre seu design. Para o projeto final, vou mostrar-lhe como fazer sua ilustração parecer polida e orientá-lo sobre como limpar seus pontos de ancoragem e caminhos. No final, você publicará sua ilustração final projeto da turma e mostrará sua nova habilidade para a comunidade. 3. Configurar uma quadro Artboard: Para este projeto, vamos em frente e trabalhar fora de um 8,5 por 11. Você pode definir sua largura e altura nessas caixas, e então isso vai ser seus incrementos. Eu gosto de trabalhar em polegadas só porque torna isso um pouco mais fácil. Em seguida, pense na orientação da sua ilustração, se você quiser que ela seja vertical ou horizontal. Para esta ilustração, vou fazer o meu verticalmente. Em seguida, você também pode definir o número de placas de arte que você gostaria. Eu também vou definir isso para um. Para este projeto eu não preciso de nenhuma hemorragia, então eu vou ir em frente e desligar isso, e então o modo CMYK vai ser o seu modo de impressão. Então, se você quer que esta ilustração seja impressa em um produto, eu recomendo usar este modo de cor. Se você está olhando para apenas publicá-lo on-line, você usaria RGB e que vai ser o seu modo de cor web. Gosto de imprimir as minhas coisas, por isso vou trabalhar no CMYK. Assim que tivermos todas as nossas opções selecionadas, podemos ir em frente e criar nosso quadro de arte. Então ele vai aparecer, e este é o seu programa ilustrador. No próximo vídeo, vamos falar através de todas as ferramentas que vamos usar nesta aula. 4. Noções básicas para barra do Illustrator: Vamos seguir em frente e percorrer nossa barra de ferramentas. Esta é a nossa ferramenta Seleção. Nós vamos usar este um pouco, e a tecla de atalho é realmente útil para lembrar. Se você estiver em um Mac, é apenas V, e você pode ver isso entre parênteses quando eu passar o mouse sobre a ferramenta. A outra ferramenta que usaremos muito, especialmente para limpar nossos caminhos, será a ferramenta Seleção Direta. É esta flecha branca bem aqui. A tecla de atalho para isso é A. Então vamos continuar com a ferramenta Caneta. Na verdade, é assim que vamos criar nossa ilustração, e vamos falar sobre pontos de ancoragem e caminhos, e práticas recomendadas com isso em nosso próximo vídeo. A outra ferramenta que vamos usar com bastante frequência é a nossa ferramenta Eye Dropper, e muito disso vai ser colorir nossa imagem. Quando estamos trabalhando fora de uma imagem de referência, nós vamos estar puxando cores para ser capaz de obter cores precisas dentro de nossa ilustração. Há três lugares onde você pode encontrar as cores para colorir sua ilustração. Você tem sua coloração de preenchimento, sua cor de traço aqui no canto inferior esquerdo. Neste, você pode apenas clicar duas vezes para selecionar e manipular suas cores para sua ilustração. Você também tem um painel Amostras aqui. Então você tem sua cor de preenchimento, sua cor de traçado, novamente, e então você também pode encontrá-los no lado direito nesta pequena caixa rotulada Amostras. Estas são cores definidas que vêm apenas predefinidas no programa, mas você é bem-vindo para criar um perfil de cor personalizado, se quiser. Isso é algo que vamos usar muito ao longo deste curso. A outra sobre a qual eu queria falar era a ferramenta Pathfinder. Isto, se por algum motivo não estiver na sua tela, você vai para o Window, e depois descer para o Pathfinder bem aqui. Então, ele vai aparecer aqui. Se, por algum motivo, ele for destacado e aparecer em uma pequena caixa aqui, você pode simplesmente ir em frente, clicar e arrastar e passar o mouse sobre a barra de ferramentas do lado direito. Este é como vamos fazer um monte de limpeza de nossa ilustração. Há muitas opções legais aqui, tanto quanto aparar e mesclar e dividir. Estes três serão os principais que usamos ao longo deste processo de ilustração. Esses são os conceitos básicos da barra de ferramentas. Como você ilustra, você vai se familiarizar mais com cada uma dessas ferramentas. 5. Trabalho com a ferramenta Caneta: Vamos começar a usar a nossa ferramenta Caneta. Nós vamos vir aqui, ou você pode apenas selecionar P se você estiver em um MacBook, e ele vai puxar sua ferramenta Caneta para cima. O que vamos fazer é trabalhar com pontos de ancoragem e caminhos. Quando você clica para baixo e solta, você vai criar um ponto de ancoragem ou um ponto de referência. É como o seu ponto de partida. Tudo o que fizer a seguir virá a partir deste ponto. Se quiséssemos criar uma linha reta, moveríamos nosso caminho até aqui. Esta linha azul lhe dá uma projeção de como a linha vai se parecer. Você pode ir em frente e clicar e liberar. Agora temos uma linha preta bem ali. Vamos em frente e fazer um retângulo. Vou clicar e liberar, e clicar e liberar. Quando eu voltar para o topo, observe que no canto inferior direito da ferramenta Caneta há um círculo, então isso significa que estou completando a forma. Vamos em frente e completar a forma. Então lá você tem um retângulo. A próxima coisa que quero mostrar é como fazer linhas curvas. Tudo o que você precisa fazer é clicar e arrastar em vez de deixar ir. Você vai pegar esses pequenos guidões bem aqui. Clique e arraste. Então observe que nossa linha vai ser curvada. Eu vou vir aqui e clicar e arrastar. Agora estamos criando linhas curvas. Eu completei a forma bem ali. Não é um círculo perfeito, mas está tudo bem. Eu quero que você continue e pratique com isso. A outra coisa que eu queria mostrar é que enquanto você tem sua forma selecionada, você vai notar que quando eu passar o mouse sobre este ponto de ancoragem, ele tem um sinal de menos. Se já houver um ponto de ancoragem existente e você passar o mouse sobre ele, você pode clicar nele e, em seguida, ele irá realmente excluir esse ponto de ancoragem, mas ainda manter a forma concluída apenas sem esse ponto. Então, se eu passar o mouse sobre o caminho onde não há um ponto de ancoragem ainda, eu posso clicar e soltar e ele vai adicionar esse ponto de ancoragem. Isso pode ser muito útil, especialmente quando estamos limpando ou manipulando nossas ilustrações. Vá em frente e pratique isso também. Também queria mostrar-te o que acontece se não completares a tua forma. Digamos que estamos indo aqui, vamos fazer um triângulo e terminamos aqui. O que podemos fazer, podemos voltar para a nossa ferramenta Caneta ou eu apenas seleciono P. Então você vai notar este traço ao lado da ferramenta Caneta. Quando você clicar nesse ponto de ancoragem, ele irá selecionar novamente o caminho e deixar você terminar sua forma. Com a ferramenta Caneta, se você chegar a um ponto em que você tem essa linha e está querendo fazer uma curva, você pode ir em frente e selecionar o ponto de ancoragem e ele realmente vai excluir esse guiador para que você possa fazer uma linha reta novamente. 6. Selecionando uma imagem de referência: Agora, estamos na parte do curso em que você selecionará sua imagem de referência. Você pode ver aqui, eu tenho minha imagem de referência. Há algumas coisas que eu penso, quando estou selecionando minha imagem para ilustrar. Um deles vai ser o ângulo em que a foto foi filmada. Este é filmado em linha reta, então você pode ver sua cabeça e seus pés, e isso vai fazer uma ilustração realmente limpa. A próxima coisa que considero é resolução, então com as imagens, elas são feitas de pixels. Você pode ver se eu zoom muito longe, eles são essas caixas manchadas. Você não quer que ele seja muito pixelizado para que você não possa ver o contorno do que você está ilustrando. Para colocar sua imagem em sua placa de arte, você pode colocá-la em sua área de trabalho e, em seguida, clique e arraste-a para sua placa de arte. Esta imagem veio muito maior do que o meu quadro de arte, então eu vou manter pressionado “Shift” e “Option” e ir para o canto e clicar e arrastar para que eu possa fazer isso menor. A razão pela qual mantenho a tecla Shift e Option pressionada é que, quando estou diminuindo o tamanho , ela mantém a imagem nas mesmas proporções, se eu clicar e arrastar, ela pode distorcer a imagem. 7. Ilustrando um retrato: Depois que você tiver sua imagem selecionada e ela estiver na prancheta, vamos começar a ilustrar. Você pode selecionar “P” no teclado, que é a tecla de atalho para entrar na Ferramenta Caneta. Eu gosto de começar de cima para baixo e eu trabalho nos pequenos detalhes primeiro, e depois entrar em detalhes maiores. À medida que estou sendo configurado, gosto de desligar minha cor de preenchimento e, em seguida, certificar-me de que a cor do traçado está em preto. Então, uma vez que os tenha ilustrado, vou selecionar os dois. Vamos entrar na Ferramenta Conta-gotas. Vou conta-gotas a cor do interior da orelha. Vou clicar com o botão direito do mouse, e ir para o meu Organizar e enviar isso para trás. Enquanto estou trabalhando em minha ilustração, eu estou ilustrando e depois enviando essa forma para trás eu possa ver minha imagem de referência claramente. Em seguida, eu vou ir em frente e trabalhar no cabelo, certifique-se de que você desliga sua cor de preenchimento. Você também pode selecionar “D” para obtê-lo de volta para a coloração preto e branco, e então basta desligar essa camada superior. Lembre-se quando você está fazendo linhas curvas você vai clicar e arrastar, e nós estamos basicamente apenas rastreando a forma. Não precisa ser perfeito. Então certifique-se de que, quando chegar ao fim, você está completando a forma. Você pode ir em frente e selecionar “I” para chegar à sua ferramenta de conta-gotas e, em seguida, eu vou apenas para conta-gotas a cor do cabelo e, em seguida, clique com o botão direito do mouse em Organizar, Enviar para Voltar. Agora podemos começar a trabalhar em alguns dos pêlos faciais. Certifique-se de pressionar “D” novamente e desligue a cor de preenchimento superior. À medida que você trabalha na ilustração, ficará mais fácil identificar quais teclas de atalho você precisa usar. Você pode selecionar “I” para o Conta-gotas. Agora que temos o cabelo facial dele, vamos arranjar e enviar para trás. Vamos desligar essa camada superior, pressione “P” para voltar para a minha ferramenta Caneta. Agora que eu fiz os pequenos detalhes, eu vou seguir em frente e delinear o rosto. Gosto de pensar em cada característica como uma forma separada. Então a cabeça vai ser uma forma, o pescoço vai ser uma forma, as mãos vão ser outra forma. Se você fizer algo que você quer ter desfeito você pode simplesmente pressionar “Command Z”, e isso vai desfazer seu último ponto de ancoragem. Porque eu tenho a ilustração do cabelo feito, eu vou realmente rapidamente apenas ir onde eu sei que a forma vai se sobrepor, e então completar minha forma. Entraremos em nossa ferramenta Conta-gotas, selecione “Organizar” e Enviar para trás. Se eu seguir em frente e mover esta imagem, você pode ver que a ilustração está começando a tomar forma. Se a cor não for perfeita, não se preocupe com isso, vamos ajustar isso mais tarde. Basicamente, você só vai continuar indo moldado por forma e ilustrar como você vai para baixo. Vou acelerar o vídeo para que você possa ver minha ilustração completa, e então passaremos para o próximo passo. Depois de completar todas as formas de sua ilustração, você pode ir em frente e mover sua imagem de referência. Isto é o que parece, apenas por traçar uma imagem de referência. Obviamente, algumas cores estão realmente fora, nós vamos manipular isso. Há algumas lacunas e espaços lá dentro. Mas neste ponto, vá em frente e envie seu projeto para que possamos dar uma olhada nele e ver como você se saiu com a ferramenta Caneta. 8. Colorir sua ilustração: Agora vamos mergulhar em colorir nossa ilustração. Vamos trabalhar com a nossa ferramenta de seleção direta, ou você pode pressionar A, que é a tecla de atalho para a seleção direta. Para selecionar várias coisas, basta manter pressionada a tecla Shift enquanto clica nas formas. Eu quero que todos eles sejam uma cor semelhante e você pode mexer em torno até você obter uma boa cor de tom de carne que você está feliz com. Então, uma vez que eu tenho uma cor que eu estou feliz com, eu gosto de referenciar meus outros tons fora dessa cor. Brincar com suas cores, ver o que é bom, ver o que parece bom. Agora eu tenho um tom de pele melhor combinando. Então eu vou me mudar para a roupa. Isto puxou um pouco de um azul Eu estou realmente indo para [inaudível] vestido preto, e talvez torná-lo como um carvão escuro, bem ali, que parece muito melhor. Então seus jeans também são um pouco mais escuros. Vamos em frente e puxar um pouco de cor mais escura lá. O próximo passo é limpar a nossa ilustração. Vou orientá-los sobre como limpar esses caminhos e pontos de ancoragem, então aqui a ilustração parece um pouco mais polida. 9. Finalização da sua ilustração: À medida que encerramos nossa ilustração, vamos avançar e ajustar nossos pontos de ancoragem e caminhos e fazer isso parecer um pouco mais limpo. Você pode ver que há pequenas lacunas brancas em alguns lugares. Novamente, eu só gosto de começar pelo topo e olhar para a ilustração e ver o que sente um pouco fora. É como se este ângulo aqui fosse muito duro. Para ir em frente e selecionar um ponto de ancoragem, basta clicar e arrastar. Vou ter aquela reunião lá em cima. Vou mover isso só um pouquinho. Clique duas vezes e mova isso para cima. Então note aqui como isso não tem uma alça sobre ele, mas meu punho está aqui em baixo para que eu possa ir em frente e esticar isso apenas para que ele se sobreponha realmente muito bem. Vá em frente e mova isso um pouco para cima. Aqui é onde você vai ser delicado, mover as coisas até que pareçam bem. Além disso, se você notar que certas coisas estão na frente quando devem estar na parte de trás, você pode ir em frente e reorganizá-las clicando com o botão direito do mouse em “Organizar” e “Enviar para trás”. Agora temos uma boa sobreposição no pescoço e na camisa. Talvez você precise ampliar e ficar muito perto da sua ilustração para que você possa completar essas linhas muito bem. A mão dela aqui deve ter uma sombra atrás dela. Então eu vou ir em frente e criar uma forma de um conta-gotas com essa cor de pele e eu vou ficar um pouco mais escuro porque é uma sombra. E então eu vou organizar e enviar isso para trás para que pareça a mão dela tem um pouco de sombra nele. Vá em frente e só isso. Então delicadeza e veja o que é bom para você. Suas formas estão se sobrepondo. então você só quer continuar a tê-los sobrepostos para que você tenha um visual realmente perfeito. E se você quiser selecionar dois pontos de ancoragem ao mesmo tempo, vá em frente e segure “Shift” e então você pode selecionar apenas esses dois pontos de ancoragem, o que é muito bom. Você vai resolver este carinha aqui se você quiser fazer uma curva fora dessas linhas retas, você pode puxar para baixo sobre isso e ele vai curvar as coisas para fora. Então aqui você vai notar que eu tenho esta manga que deve estar em cima. Mas eu fiz este corte aqui na mão, então isso não vai funcionar. Então o que vamos fazer é este vai ser um ótimo lugar para adicionar pontos de ancoragem. Então eu vou puxar as coisas para baixo para que eu possa ver, eu vou entrar na minha ferramenta de caneta e, em seguida, adicionar isso mais alguns pontos de ancoragem lá. Vou pressionar “A” de novo para poder manipulá-los. E eu vou apenas traçar ao longo deste caminho. 10. Considerações finais: Tudo bem. Agora, isso parece muito bom. Para ir em frente e terminar, se eu destacar tudo, você vai notar onde todos esses caminhos estão se sobrepondo e todas essas formas estão se sobrepondo. Então eu vou vir aqui e eu vou apenas cortá-lo com nossa ferramenta Pathfinder. O que isso faz se eu fosse para a seleção direta, ele apenas corta qualquer um desse excesso. Eis a nossa ilustração final. Se você quiser vir aqui para a ferramenta de texto, você pode ir em frente e colocar um nome chique aqui. Esta é uma das minhas fontes favoritas quando eu estou fazendo ilustrações para as pessoas. Talvez queiramos transformar isso um pouco. Entre na nossa ferramenta de pincel. Aí está, pessoal, do começo ao fim. Há uma ilustração completa. A partir daqui, você pode ir em frente e obter este impresso, você pode colocá-lo em um cartão, você pode enviá-lo para seus amigos, ea habilidade é realmente grande para ilustrar tudo, desde objetos a pessoas a animais de estimação. Há muitos usos diferentes para isso. Muito obrigado por se juntar a mim nesta aula de Skillshare. Diverti-me tanto a ilustrar contigo. Por favor, deixe sua ilustração final nos projetos, e eu adoraria ver o que vocês criaram.