Transcrições
1. Introdução: Oi, todo mundo. Meu nome é Jing e sou um ilustrador freelance baseado em Brooklyn, Nova York. Eu diria que meu estilo é geralmente muito limpo e colorido e definitivamente conceitual também, e eu geralmente gosto de incorporar um monte de pessoas
macias e formas e animais porque isso me faz feliz. De uma perspectiva pessoal, o que separa meu trabalho é apenas o fato de eu ter sido capaz de aplicá-lo a muitos tipos diferentes de projetos. Basicamente, o que quer que me desafie. Hoje, vou levá-los através do meu processo pessoal,
bem como como como codificar uma ilustração do começo ao fim. Vamos começar no Adobe Sketch, que é um aplicativo que eu gosto de usar para criar meus esboços digitais, e então vamos passar para o Illustrator para finalizar a peça e construir formas, e então colocaremos alguns acabamentos toca no Photoshop. Então, para fazer esta aula, você precisará de um tablet, uma caneta e um laptop. Quando eu estava começando a fazer ilustrações editoriais, eu estava usando apenas um caderno de esboços e lápis. Mas então, assim que aprendi essas ferramentas digitais, isso realmente me ajudou a simplificar meu fluxo de trabalho e aumentar a eficiência, que para mim é realmente importante para meu trabalho comercial agora. No entanto, eu ainda amo a sensação de desenhar com um lápis em um pedaço de papel. Então, eu não diria para jogar isso fora. Eu adoraria desenhar no meu caderno de esboços para se divertir nos dias de hoje, mas às vezes quando estou sob uma crise, eu realmente gosto de ir com o que é o caminho mais rápido. Esta aula é praticamente aberta a todos, se você está apenas começando a se dedicar à ilustração ou você quer criar algo que seja um pouco mais comercial, espero que todos vocês dêem uma chance. Vamos começar.
2. Esboçar: introdução: Então, antes de começarmos, vou mostrar a vocês onde você pode encontrar o aplicativo Adobe Sketch se você ainda não o tiver. Então, vamos começar procurando pelo Adobe Sketch, lá vamos nós, e aqui está. Eu já o tenho baixado, então eu vou apenas abri-lo, e ele vai ser lançado diretamente na minha conta pessoal. Então, para criar um novo esboço, estaremos clicando neste botão círculo, e então ele lhe dará uma variedade de formatos. Eu acho que provavelmente devemos começar com o quadrado porque é um formato bastante versátil, e também funciona bem com social. Então, esta é a sua tela, esta é a sua área de trabalho, e então aqui é onde você estará mantendo suas camadas. Trabalharemos no esboço mais tarde porque essas são as camadas editáveis, e então o plano de fundo seria apenas um pano de fundo consistente para o seu trabalho. Tudo bem? Então, vamos passar pela barra de ferramentas lá em cima. Este é basicamente apenas para esconder tudo, então você pode apenas focar em sua tela. Esta pequena engrenagem basicamente irá ajudá-lo a girar sua tela. Você pode fazer um encaixe na grade e você pode adicionar uma grade, é basicamente para ajudá-lo a definir algumas diretrizes. Esta é toda a seção de exportação, você tem um monte de opções como você pode ver, e nós estaremos entrando nisso um pouco mais tarde. Esta é outra ferramenta de ocultação para que você possa ocultar suas camadas, embora pareça redundante. Esta é a opção de forma. Eu realmente gosto de usar esta seção na verdade, porque é fácil ajudá-lo a desenhar uma borda reta, ou um círculo, ou semi-círculo. Acho que é muito útil. E, finalmente, aqui, temos a opção de desfazer e refazer, então você pode fazer qualquer coisa muito rapidamente, ou você pode trazê-lo de volta. Você também pode usar nossa abreviação e deslizar para a esquerda para desfazer
e, em seguida, deslizar para a direita para refazer. Então, aqui, a Adobe definiu alguns pincéis básicos que você poderia começar com. O que eu gosto de usar aqui é o lápis de grafite, e aqui em baixo temos uma caneta de tinta,
um pincel marcador, um pincel acrílico grosso, e também um pincel plano de aquarela. Então, nós vamos entrar no pincel de lápis de grafite aqui, e eu só vou mostrar a vocês como eu gosto de personalizar a ferramenta. Para ajustar qualquer uma dessas configurações, basta clicar e arrastar. E então para algo assim, para aumentar o tamanho e a opacidade, você pode simplesmente empurrar isso para cima e para baixo. Vou começar com o tamanho, geralmente
gosto de empurrá-lo para um pouco mais perto 10 porque eu gosto de uma linha forte e ousada, e eu também sempre aumentar a opacidade para 100. Então, se você descer para a cor, você pode mudá-lo para a cor que você quiser, mas eu gosto de mantê-lo simples, e ficar com o preto. Eu acho que é realmente importante e útil limitar seu kit de ferramentas a apenas um lápis porque ele ajuda você a se concentrar em suas idéias e no próprio desenho, e não ficar sobrecarregado com todas as diferentes opções.
3. Esboçar: miniaturas: Ok, então agora estamos prontos para começar com brainstorming. Então, vou escrever o prompt que está falando com o seu eu futuro. Ok. Então, a primeira coisa que eu gosto de fazer é começar a quebrar o prompt e espero que isso vai levar a algumas idéias visuais. Então, eu gostaria de começar pensando frases pequenas, quase como uma forma de associação de palavras. Então, eu vou começar a escrever as coisas que eu penso quando eu ler o prompt falando com o seu eu futuro. Então, eu inventei essa lista. Temos mudança no tempo, reflexão, ambiente/espaço, comunicação, futuro presente passado, tensão e conexão. Então eu acho que todas essas palavras vão
me ajudar a chegar ao próximo passo que é o polegar. Então, você pode interpretar isso como quiser. Para mim, eu estava dividindo o prompt em duas áreas diferentes. Um deles é comunicação e conexão com seus eus duplos e , em seguida, o outro tipo de circulando em torno do tempo e como retratar isso visualmente. Então, uma mudança no tempo, como mostrar que uma imagem que pode ser feita através um ambiente ou espaço ou uma ação ou até mesmo roupas. Então, eu tenho um pouco disso escrito. Tudo bem. Então, agora que eu tenho minha lista, eu tenho alguns pontos de partida, para que eu possa começar a miniatura. Ok, então vamos montar o quadrado e estes serão apenas desenhos muito rápidos, só para colocar algo na página só para que eu possa ter uma noção da composição. Vou fazer essa bolha de ficção científica porque é viagem no tempo. Eles geralmente começam bem simples porque eu acho que uma idéia pode levar à próxima. Você pode construir sobre a idéia anterior e, em seguida, tornar o mundo um pouco mais complexo com cada tentativa. Então, este é um personagem que eu frequentemente desenho ou alguma versão deste personagem. Eu gosto deste prompt porque ele está especificamente falando sobre você. Então, eu acho que é realmente interessante tentar visualizar sua própria semelhança. Você pode fazê-lo de uma maneira divertida ou você pode se aproximar de uma maneira mais séria. É realmente muito aberto. Tudo bem. Então, estas são as miniaturas e eu cheguei na última idéia, mas isso definitivamente nem sempre é o caso. Às vezes a sua primeira ideia é a sua melhor ideia, às vezes a sua centésima ideia é a sua melhor ideia. Eu pousei sobre esta idéia porque eu acho que ele satisfaz algumas coisas diferentes que vai para a criação de uma ilustração bem sucedida. Ele tem dois personagens que estão interagindo e eu acho que, assim, alguma tensão está sendo criada. Ele tem um ambiente, tem alguma história e eu acho que ele se adequa muito bem ao prompt. Tudo bem. Então, agora que temos nossa miniatura escolhida, podemos começar a fazer um desenho mais detalhado.
4. Esboçar: desenho: Tudo bem. Agora, que temos nossa miniatura escolhida, vou isolar a imagem e usá-la como uma camada de referência para o desenho final. Então, eu vou manter o conjunto de miniaturas apenas para fins de preservação, e então eu vou duplicar essa camada. Em seguida, ao tocar duas vezes, você pode ocultar a camada anterior ou qualquer camada. Então, agora estou trabalhando com uma camada duplicada e
salvei o conjunto anterior de miniaturas. Eu só vou apagar tudo, mas isso mostra alguns agora. Então, agora isolamos essa imagem. Eu só vou tocar na camada que vai trazer essas opções, e eu vou escolher transformar. Então, com meus dedos, eu só vou expandir essa imagem para que ela preencha o quadro. Tudo bem. Então, agora temos uma marcação solta do que será a imagem e a composição. Para que as coisas não fiquem confusas, vou diminuir a opacidade desta miniatura, que eu possa realmente usá-lo quase como uma situação de caixa de luz. Em seguida, podemos trabalhar em uma nova camada no. Então, eu estou usando a miniatura como um guia para bloquear em algumas das formas maiores e configurar o ambiente. Eu sei que eu também vou adicionar alguns detalhes mais específicos que vai acontecer depois que eu colocar para fora a composição. Então, eu estou basicamente usando a ferramenta lápis de grafite como minha principal ferramenta de criação de marcas, e então a borracha atua em conjunto para ajudar a fazer quaisquer correções ao longo do caminho. Então, eu realmente gosto de alternar para frente e para trás entre esses dois porque eles servem propósitos diferentes, mas eles trabalham em perfeita harmonia para tentar criar um desenho muito limpo. Eu gosto de limitá-lo a duas ferramentas porque me ajuda a focar no desenho, então eu não tenho que ficar preso em toda a tomada de decisão se eu tivesse que escolher, por exemplo, uma variedade de pincéis. Eu acho que isso realmente iria chegar no caminho. Eu acho que, uma vez que eu tenha mapeado as formas básicas, é bom ir lá e tentar dar a roupa um pouco mais de detalhes, mais personalidade porque semelhante ao ambiente, quanto mais detalhes específicos você tem, mais interessante a imagem será. Qualquer coisa extra ajuda a imagem, e dá ao personagem muito mais personalidade, que você possa começar a imaginar quem é essa pessoa e qual sua história pode ser. Então, agora temos a maior parte da imagem disposta. Vou olhar ao redor para ver se há algum espaço negativo que precisa ser preenchido. Neste ponto, eu gostaria de desligar a camada inferior, que eu
possa apenas olhar para o desenho final como sua própria camada. Acho que está tudo bem. Eu vejo algum espaço negativo no meio que eu vou preencher com este braço, e talvez adicionar alguns detalhes de última hora, como fazer essa pessoa ter mangas curtas. Então, qualquer linha pequena, eu acho que pode fazer a diferença. Este relógio pode funcionar melhor no meio porque temos um pouco de espaço negativo aqui. Talvez seja melhor não ter um espelhamento direto desses elementos, de modo que jogue as coisas fora um pouco. Tudo bem. Acho que acabamos com o desenho. Ok. Então, agora temos o nosso desenho final. Estamos prontos para exportar. Então, eu vou até aqui para este pequeno botão quadrado com a seta e pressionar sobre isso, e então ele vai te dar um menu suspenso de todas as suas opções diferentes. Você sempre pode enviá-la para a Creative Clouds
e, se você não tiver uma conta da Creative Cloud também poderá exportar a imagem por e-mail, salvá-la no iPad ou enviá-la para outro dispositivo. Vou voltar e escolher os aplicativos de desktop da Adobe porque quero exportar isso para minhas contas do ilustrador. Então, eu vou pressionar a opção ilustrador, e ele deve enviar o arquivo como um arquivo em camadas para o programa. Tudo bem. Então, agora que exportei meu desenho final, vou passar para o meu laptop e trabalhar no Illustrator para começar a construir as formas.
5. Illustrator: criando formas: Então, agora eu tenho meu desenho exportado para ilustrador onde eu posso começar a trabalhar nele diretamente, mas você pode realmente transportar o arquivo de várias maneiras. Você pode enviá-lo por e-mail,
você pode colocá-lo no ar se estiver disponível para você, ou você pode sempre copiá-lo e colá-lo. Então, agora eu vou começar a construir a ilustração e eu vou começar
usando a ferramenta de forma para bloquear em algumas das formas mais simétricas maiores, e então eu vou estar usando a caneta para oferecer alguns dos detalhes mais finos. Tudo bem. Então, como você pode ver, o arquivo preservou cada camada individual, mas agora nós realmente não precisamos deles neste ponto. Então, eu só vou arrastar e soltar no lixo, e assim, nós ficamos com esta camada de desenho transparente. Então, agora eu selecionei minha camada de desenho e eu vou entrar em propriedades. Vou diminuir a opacidade como fiz
no iPad para que eu possa usar isso como uma camada de referência sem que ela seja muito perturbadora. Então eu vou bloquear essa camada para que ela não seja móvel e eu vou estar trabalhando principalmente na camada dois que eu vou renomear como a camada de forma. Vou começar separando os dois mundos, e vamos começar com o cinza claro. No começo eu realmente gosto de apenas trabalhar em cinza e escolher talvez dois a três valores diferentes,
para que eu possa me concentrar nas formas e não ter que
se preocupar com qualquer tomada de decisão de cor ainda. Então eu gosto de alternar entre o A e o V, e o A só me permite editar o caminho. Nesta situação eu estou trabalhando com este retângulo então eu quero selecionar apenas os cantos superiores para manipular a forma e eu vou pressionar shift para que eu possa selecionar ambos os cantos de uma só vez, e então eu vou apenas puxar esses dois círculos até que este se fecha em uma metade superior feito. Acho que isso pode ser arrastado um pouco mais então, lá vamos nós. Eu gosto de usar a tecla de atalho V para que eu possa selecionar todo
o caminho e isso me permitirá movê-lo, torná-lo menor, torná-lo maior, e eu gosto de apenas alternar entre os dois e ter a minha mão esquerda no teclado em todos os momentos. Então, agora eu vou continuar a identificar todas as diferentes áreas que podem se beneficiar dessas ferramentas básicas de forma. Eu também gosto de pressionar a tecla Shift para criar um círculo perfeito. Ok. Então, temos o nosso relógio ligado, esta lâmpada provavelmente pode ser composta de um retângulo e meio círculo. Retângulos e círculos são formas muito básicas, mas é incrível o que você pode fazer apenas manipulando. Ok. Então, eu acho que este vaso poderia provavelmente também ser uma forma de retângulo arredondado e novamente para este eu vou apenas pegar todos os cantos e então isso vai puxar para dentro. Ok. Agora, eu estou indo apenas para clicar e comando copiar comando V para colar e duplicar formas Eu acho que sempre que você tem uma oportunidade copiar e colar uma forma que definitivamente vai tornar sua vida mais fácil. Eu quero selecionar este relógio inteiro como três formas então eu vou apenas trancar isso de volta mais tarde. Eu vou fazer isso clicando na camada e, em seguida,
pressionando o comando dois e isso irá bloquear qualquer caminho que você selecionou para que eu possa apenas selecionar este relógio e então eu vou trazê-lo aqui para baixo. Em seguida, você pode pressionar a opção de comando dois para desbloquear. Uma outra tecla de atalho que é muito útil é a chave para me ajudar a reordenar as camadas, modo que seria apenas colchete de comando. Então, se eu quiser enviar algo para a parte de trás, eu apenas faria o colchete de comando shift, e se eu quiser trazê-lo para a frente eu
faria apenas o comando direito colchete e ele vai voltar para cima. Ok. Então, às vezes eu gosto de desativar as camadas de esboço para que eu possa ver a composição se parece e como a camada de forma está parecendo até agora, e apenas para verificar o progresso e ver se há algo que precisa ser movido. Acho que vejo mais algumas áreas que podem se beneficiar da ferramenta círculo. Ok. Então, agora eu vou começar a usar a ferramenta de caneta para algumas dessas curvas mais finas, e eu vou começar com esta folha. Então as outras formas são um pouco mais simétricas, mas eu acho que você pode realmente se divertir com a ferramenta caneta e trazê-lo em áreas que poderiam se beneficiar de um desenho mais livre. Eu gosto de colocar a forma mais ou menos e então entrar e usar esses braços pequenos para reajustar e refinar as curvas. Então, uma coisa a mencionar é que você quer ter certeza de fechar seus caminhos aqui para que seja uma forma autônoma completa. Ok. Então, agora temos a folha, mas está meio que se misturando com o espaço. Eu vou introduzir outro valor que será apenas preto, e eu vou enviar esta forma de volta. Então, parece que está sentado naquele vaso. Agora, eu vou adicionar um caule e para isso eu vou introduzir um derrame. Então, eu vou determinar aproximadamente minha curva e ângulo aqui, alternar para trás para que ele se torne uma linha, e então eu vou abrir a janela
do traçado e mudar a espessura que será em torno de cinco. Tinha mais algumas opções e depois gosto de completar a tampa. Então, para este, eu vou escolher o mesmo cinza,
copiar o código hexadecimal, e lá está a nossa folha. Então, agora vou usar a ferramenta de caneta para entrar e criar o resto dessas formas. Então, é aqui que você pode começar a ver os benefícios de simplificar cedo porque eu era capaz de construir as formas rapidamente devido
ao fato de que eu tinha um desenho muito limpo para trabalhar. Então, agora que todas as formas são construídas, podemos começar a pensar na cor.
6. Illustrator: adicionando cores: Então, eu criei um grupo de amostras de cores aqui com base nas cores que eu gosto de usar em minhas ilustrações, e eu vou usar isso como pontos de partida aqui. Então, a coisa que é realmente útil para mim quando eu estou trabalhando em escala de cinza é que eu posso realmente quebrar os valores e certificar-se de que a imagem tem contraste
suficiente para que ela seja clara e legível, e então eu posso começar pensando em cores. Eu acho que se você preservar esse sistema geral de valores e aplicar cores depois e preservar esse contraste, então a imagem deve funcionar. Então, eu vou começar a selecionar formas individuais e aplicar cores usando o Conta-gotas e vendo como isso se sente. Então, eu vou lentamente fazer isso em todas as formas e depois ajustar à medida que eu ir junto. Então, eu estou basicamente aplicando cor uma forma de cada vez e, em seguida, vendo como ele se sente como tudo se junta. Eu gosto de começar com áreas onde eu estou um pouco mais confiante em qual decisão de cor eu quero estar tomando, e então começar a experimentar um pouco mais a partir daí. Esta imagem é em grande parte baseada em forma, então é muito fácil para mim aplicar cores porque eu posso apenas pensar nisso como blocos contra o outro, e realmente me ajuda a visualizar a imagem e ela se junta muito rapidamente quando só estou trabalhando com formas. Ok. Então, estamos em um bom lugar com essa ilustração e eu acho que você poderia chamar isso de feito, mas você também teve a opção de adicionar alguns retoques finais, que é o que eu vou fazer no Photoshop.
7. Photoshop: aplicando texturas: Então, para esta última etapa, vou arrastar o arquivo do Illustrator para o Photoshop e vou trabalhar com algumas texturas apenas para dar uma sensação feita à mão. Está bem. Então, agora vou arrastar o arquivo. Isso é um pouco grande, então eu vou apenas levá-lo para baixo para 15 por 15. Então, como meu plano de fundo de trabalho no Illustrator já era branco, eu não adicionei uma forma a essa área inferior, então agora ela está aparecendo como uma área transparente. Então, eu vou preenchê-lo novamente criando uma nova camada,
arrastando-a para baixo e, em seguida, preenchendo essa camada com branco. Está bem. Então, agora eu vou clicar neste pequeno quadrado de papel que é dobrado e criar uma nova camada para a minha textura. Não quero aplicar textura a toda a ilustração, só
quero aplicá-la a cores seletivas. Então, eu vou começar com o azul e eu vou usar esta ferramenta varinha mágica para selecionar todo o azul na imagem. Então, você quer ter certeza quando você selecionar isso, a caixa contígua está marcada porque quando você
marcá-la, ela só selecionará uma forma fechada de cada vez. Então, queremos aplicar isso a todo o azul. Então, agora todo o azul é selecionado e eu vou apenas empurrar o comando Copiar,
clique na camada e, em seguida, clique no comando Colar. Agora, vamos ter isolado apenas o azul escuro da imagem. Então, como podem ver, esse é todo o azul que temos. Há um milhão de opções diferentes no Photoshop e você pode aplicar texturas de várias maneiras, mas eu gosto de usar o filtro de ruído. Então, você pode ir para a seção Filtros, soltar para Ruído e, em seguida, ir para Adicionar Ruído, e isso irá abrir esta janela de opção onde você pode ajustar a quantidade de ruído que deseja. Acho que isto é um pouco extremo, por isso vamos reduzi-lo para cerca de 20% ou mais. Agora, nós adicionamos uma textura a todo o azul na área, de modo que definitivamente dá a ele um pouco mais de vida nele. Então, se você ampliar, você pode realmente começar a ver a diferença entre
as áreas que foram sobrepostas com ruído e as áreas que não foram, então eu acho que a combinação dessa forma limpa versus a forma que tem sido sobreposto cria uma boa combinação e equilíbrio. Então, eu gosto que você pode misturar e combinar opções em filtros aqui. Há um milhão de estilos de camadas diferentes também. Um estilo de camada que eu gosto é a sobreposição de gradiente. Então, eu vou aplicar isso ao nosso azul texturizado atual. Então, aqui você tem algumas opções diferentes. Podemos aumentar a opacidade, e então podemos aplicar esse gradiente e ajustar onde queremos que isso defina. Está bem. Eu também gosto de jogar com o ângulo do gradiente. Então nós queremos a cor mais clara no topo e a sombra mais escura na parte inferior nesta situação, mas eu acho que a principal coisa para jogar é a opacidade e onde você quer que o gradiente seja definido. Então, vamos apenas aumentar a opacidade um pouco mais e depois ver como isso se sente. Então, agora você pode ativar e desativar e ver como ele se parece antes e depois. No geral, isso é bastante sutil, mas eu não acho que você quer que os toques finais sejam esmagadores. Ele só deve adicionar um pouco mais de 10% à sua imagem. Então, agora você pode exportá-lo para fora do Photoshop clicando em Salvar como e ele fornecerá várias opções. Podemos salvar isso em nossa área de trabalho. Se você quiser preservar as camadas, você pode salvá-lo como Photoshop ou TIFF, mas eu vou salvá-lo como um JPEG a maior parte do tempo para fins finais e sociais. Quero a máxima qualidade. Então agora você pode abrir o seu JPEG, e aqui está o seu final, completo com todos os retoques finais. Está bem. Então, agora você tem sua imagem final final como um JPEG e você pode compartilhá-lo no social, você pode postar em seu site, você pode enviá-lo para seus amigos, o que você quiser.
8. Considerações finais: É isso. Passamos do desenho no Adobe Sketch, criação
de formas no Illustrator, finalização e da adição de retoques finais no Photoshop. Então, espero que tenha tirado algo desse processo. Se há algo que eu espero que você tire, é que você pode realmente criar ilustrações
bonitas e profissionais a partir de um kit de ferramentas muito simples. Sinta-se livre para fazer upload de suas próprias ilustrações e eu adoraria ver como você interpretou o prompt. Não precisa ser peças acabadas, pode
ser apenas um trabalho de processo, como desenhos ou até mesmo uma lista de palavras. Estou curioso para ver como interpretam esses avisos. Espero que tenham gostado desta aula e mal posso esperar para ver o que vocês inventaram. Obrigado por assistir.
9. Mais aulas criativas no Skillshare:
Jing Wei, Illustrator
