Transcrições
1. Apresentando a dupla poderosa: Olá. Meu nome é Hayden Aube, e sou ilustradora e designer gráfico. Agora, quer você tenha frequentado minhas aulas no Adobe Illustrator ou tenha descoberto isso por si mesmo, o programa oferece uma excelente variedade de recursos. Embora haja algo legal sobre a criação uma ilustração robusta que é um vetor de 100 por cento, muitas vezes, não é necessário. Como já expliquei na minha aula de textura, obter um visual texturizado é totalmente possível dentro do Illustrator sozinho. No entanto, se você realmente quer ser libertado em sua ilustração, é aí
que o Photoshop brilha. Nesta aula, vou mostrar a vocês que, quando reunidos, Illustrator e o Photoshop são realmente o casal de poder de ilustração. Vou lhes mostrar como pegar algo feito no Illustrator, como esse, e transformá-lo nisso. Vamos converter seu arquivo do Illustrator em um arquivo perfeitamente organizado do Photoshop e, em
seguida, analisar quais pincéis usar uma vez no Photoshop. Em seguida, aprenda e aplique sete movimentos principais de poder que trazem eficiência e controle para trabalhar no Photoshop. Além dessas lições, vou incluir um conjunto gratuito de pincéis Photoshop,
para que você também possa alcançar o estilo que vamos passar. Esta aula é para qualquer um que esteja procurando trazer um sentimento mais orgânico para a arte que eles criam com o Illustrator. Se isso soa como você, venha descobrir por que o Photoshop e o Illustrator são feitos um para o outro.
2. Preparação e execução: Eu quero que você imagine que há duas fases para criar sua arte, preparação e execução. Assim como ensaiar para a performance irá garantir que tudo corra bem uma vez que é hora do show, preparação
adequada para uma ilustração de designer garante que quando se trata de produzir uma peça final, você a derruba de O parque. Enquanto a fase de preparação pode parecer muito diferente dependendo de como você trabalha, a escala do projeto, ou apenas o tempo que você tem. É um passo essencial e não só tornará a sua vida mais fácil, mas também tornará o seu trabalho muito melhor. Então, como isso se aplica ao que estamos fazendo? Então a peça final, no meu caso, este cartaz, será criado na Photo Shop. Uma vez que me mudei para lá, isso vai sinalizar a fase de execução. Em saber que eu quero descobrir o máximo possível, mas a minha peça de antemão, modo que é apenas uma questão de colocar o tempo dentro Aqui está o que eu fiz para me preparar para a minha fase de execução. Primeiro, eu desenhei um esboço detalhado e em esforço para economizar tempo. Pode ser muito atraente deixar de fora certos detalhes e optar por descobri-los mais tarde. Não só isso custa mais tarde em ter que decidir as coisas quando você tem menos espaço de manobra. Mas isso torna a fase de execução esmagadora porque você vai ter muito em seu prato pisando nela. Quanto menos você tiver que se preocupar ao executar, mais liberdade você terá para aproveitar o processo e fazer algo grandioso. Em segundo lugar, eu decidi sobre a composição. Trabalhar digitalmente significa que podemos mover nossos elementos tanto quanto quisermos, o que é ótimo. Isso também significa, no entanto, que pode ser mais uma vez fácil salvar essa parte para execução. Assim como com o esboço, encorajo-o a tomar uma decisão definitiva sobre o layout da sua peça. Sim, tudo bem embaralhar as coisas ao redor da estrada. Até fiz isso com alguns dos instrumentos desta peça. Mas é só porque o resto da minha composição foi escolhido que eu tive a liberdade de fazê-lo. Finalmente, em preparação, decidi minhas cores. Não guarde cores para a peça final, decida antes do tempo. A cor é um fator enorme e você não quer que isso entupa seu cérebro quando você está executando. Novamente, eu adicionei alguns ajustes a cor na final, mas foi fácil de fazer isso quando as principais decisões sobre ele já estão definidos em pedra. Imagine saber exatamente como tudo vai parecer, onde vai estar e que cor vai ser antes mesmo de começar sua final. Isso é o que queremos realizar na fase de preparação. Sim, sempre haverá coisas que mudamos na peça final. Mas com as principais decisões já tomadas, somos livres para fazer essas mudanças em vez de nos distrairmos com coisas como, que cor será a roupa dessa pessoa?
3. Do Illustrator ao Photoshop: Assim que você se sentir suficientemente preparado, você precisará criar suas formas básicas no Illustrator como eu fiz aqui. Agora, embora não vamos cobrir o trabalho do Illustrator nesta classe, maioria das minhas outras classes sim. Para a demonstração mais completa de como crio formas no Illustrator,
confira minha criação de uma arma de fantasia na sala de aula. Se você não tiver certeza de quais formas básicas você deve ou não criar no Illustrator, eu recomendo aguardar até o final da aula. Uma vez que você entender como vamos trabalhar com eles, você vai saber melhor o que precisa ser feito neste momento. Além disso, quando você está em dúvida sobre um determinado elemento, basta fazê-lo. Eu sabia que estaria recriando essas linhas pontilhadas com um pincel no final,
mas eu as incluí nesse ponto de qualquer maneira, só para que eu pudesse ter uma boa idéia visual de como elas se parecem. Para todas as peças que você quer em sua própria pasta uma vez no Photoshop, por exemplo, esta menina e seus símbolos colocá-los em sua própria camada no Illustrator. Em seguida, dentro dessa camada, crie um grupo para tudo o que você deseja estar em sua própria camada dentro dessa pasta. Muito importante é ter certeza de que você nomeia tudo. Lembre-se que é tudo sobre tornar sua vida mais fácil depois que você executar. Garanto-lhe que o futuro você realmente não vai apreciar 100 camadas sem título. Para este exemplo, eu fiz um grupo para a cabeça dela, cada braço, cada símbolo, cada cabelo de parceiro, e assim por diante. Se você não criar grupos dentro dessas camadas do ilustrador, tudo será achatado em uma camada depois que você a colocar no Photoshop. Agora você pode ter apenas 10 ou formas básicas, em cada caso, sinta-se livre para dar a cada peça sua própria camada e ignorar o agrupamento. Mas se você é como eu e tem mais de 100 peças que você quer separados, vale a pena organizar. Observe também que qualquer camada que tenha sido desativada não será exportada. No meu caso, eu quero que meu esboço seja levado para o Photoshop, então eu vou ativar essa camada. Assim que tudo estiver organizado como você gostaria, vá para Arquivo, Exportar como e selecione PSD no menu suspenso. Claro, as configurações que você faz aqui dependerão inteiramente do que suas peças para. Este cartaz vai ser impresso em um tamanho grande para a educação de artistas. Vou mudar a resolução para 300. A cor que eu vou manter no RGB, porque ele será impresso digitalmente, e muito importante, certifique-se de que as camadas direita está selecionado. Vamos dar uma olhada no que temos. Assim como planejado, vemos que cada seção tem sua própria pasta e dentro dela, uma camada para cada peça que queríamos separados. Eu também quero salientar que, quando possível, eu combinar objetos semelhantes em sua própria camada. Podemos ver que para as caixas de rótulo, eu fiz uma camada para cada seção em vez de uma camada para cada caixa individual. Para o meu próprio bem, vou agrupar as coisas um passo adiante. Vou colocar todos os instrumentos de um tipo particular em sua própria pasta e o resto em outro. Se você realmente quer ser organizado, você pode colorir suas diferentes seções também. Vou deixar meus ventos laranja, cordas verdes, latão amarelo e azul de percussão. Uma vez que você tenha seu arquivo configurado exatamente como você gosta, certifique-se de salvá-lo e nós podemos começar a dar-lhe vida com pincéis.
4. Utilizando pincéis do Photoshop: Embora haja uma oferta infinita de pincéis, tanto no Photoshop já quanto online, vamos usar apenas dois para este projeto. Vamos precisar de um pincel para trabalho de linha e um pincel para textura. Vou usar o pincel Skool e NupaTEL do Megapack de Kyle Webster. Enquanto eu recomendo verificar estes ou qualquer outro pincel feito por Kyle, Eu também criei um par de pincéis livres especificamente para esta classe. Eles podem ser encontrados nos Recursos. Sabendo disso, há uma Internet cheia de grandes pincéis gratuitos e pagos, e você pode até experimentar fazer o seu próprio. Seja como for, certifique-se de que, como eu faço, você tem um pincel para trabalho de linha e um pincel para textura.
5. Movimentos poderosos do Photoshop: Criar este cartaz demorou muito tempo e a maior parte foi bastante repetitiva. Em vez de te guiar por todo o processo, juntei tudo o que precisas de saber em sete movimentos de poder. Desta forma, se você precisar rever qualquer uma dessas técnicas novamente, elas serão fáceis de encontrar. Vamos saltar para dentro. Embora seja possível criar um trabalho de linha no Illustrator, fazê-lo no Photoshop nos oferece uma ótima oportunidade de adicionar campos orgânicos à peça. As peças no Illustrator às vezes podem ser um pouco precisas demais,
portanto, usando nosso pincel de trabalho de linha, podemos fazer essas peças manualmente. Digamos que estou tentando adicionar alguma decoração a essas maracas, tudo o que eu preciso fazer é criar uma nova camada em cima delas. Selecione o pincel de trabalho de linha no tamanho apropriado e desenhe. Minha recomendação é que você pretende manter seu pincel em um tamanho semelhante para a maioria de sua linha de trabalho por causa da consistência. Dito isto, pode haver momentos em que você quer uma variedade de largura. Como você pode ver, eu usei a mesma técnica em toda a peça. As vogais do clarinete, os rostos de cada personagem, e até mesmo linhas de movimento sutis e notas musicais em todo o lugar. Há até alguns casos como essas linhas pontilhadas em que eu criei isso primeiro no Illustrator, mas então decidi redesenhá-lo no Photoshop para que ele se encaixasse melhor no visual que eu estava procurando. Ao fazer o trabalho de linha à mão, trabalharemos na maioria dos casos, às vezes a vida seria muito mais fácil se você pudesse basear linhas em um caminho, assim como um Illustrator. Bem, você pode. Para criar as cordas para este baixo vertical, tudo o que eu fiz foi usar a ferramenta de
caneta do Photoshop e desenhar o caminho que eu queria que eles seguissem. Agora, eu posso mudar para a ferramenta de pincel, certifique-se de que o meu pincel de trabalho de linha está selecionado e não o tamanho que eu quero e, sob a janela de caminho, eu posso selecionar este botão. Agora eu não só como as linhas retas que eu queria, mas eles também manterão a aparência texturizada do pincel. Embora seja possível criar camadas adicionais e cortá-las em suas existentes, muitas
vezes pode ser mais fácil pintar tudo em uma camada. Para fazer isso sem arruinar a forma que você criou, tudo que você precisa fazer é realçar sua camada e pressionar o botão de bloqueio de pixels transparentes. Bloquear pixels transparentes é exatamente o que parece. Ao pressionar este botão, você não pode mais pintar em nenhum pixel transparente. No caso desta cabeça de tambor, isso seria qualquer outra coisa além da elipse que a compõe. Isso significa que eu sou livre para pintar tudo sobre ele e não me preocupar em ir para fora dos limites, que faz toda a diferença em jogar sombras e destaques. Às vezes você não vai querer pintar diretamente em uma de suas camadas, mas você ainda quer que sua tinta adira aos limites da forma. Por exemplo, eu quero que as linhas da camisa dos trompetistas estejam em
uma camada separada para que eu possa mantê-las separadas dos destaques e sombras que vou adicionar. Desde que eu ainda não quero que essas linhas para sair de sua camisa, tudo que eu preciso fazer é cortá-lo para
a camada de camisa, segurando a opção e clicando entre eles. Agora, esta camada superior só exibirá o que aparece na camada abaixo dela. Enquanto as máscaras de recorte só mostrarão partes de uma camada com base no que é recortado, as máscaras de
camada nos dão a liberdade apagar
essencialmente partes de uma camada sem realmente perdê-la. Chamamos essas edições não destrutivas. Por exemplo, digamos que eu queira que as bordas desta seção desapareçam em segundo plano. Claro, eu poderia usar a ferramenta Borracha para me livrar da cor que eu não quero, mas isso significa que se eu quiser voltar a como era originalmente, eu vou precisar reimportá-la ou tentar recriá-la exatamente no Photoshop. Uma abordagem melhor é pressionar este botão, criando uma máscara de camada. As máscaras de camada funcionam assim, todas as áreas brancas exibirão a camada mascarada, enquanto todas as áreas pretas esconderão essa parte da camada. Se eu quiser esconder partes de uma camada para fazer parecer que está desvanecendo, tudo que eu preciso fazer é pegar meu pincel de textura e pintar com preto na máscara de camada. Fazendo desta forma, se eu decidir que quero
adicionar ou tirar o efeito em certas áreas, tudo o que eu preciso fazer é pintar
na máscara de camada e então eu posso deixar a camada real intocada. Se eu realmente quiser, eu posso simplesmente excluir a máscara inteiramente e minha camada original ainda está lá. Embora nossa intenção seja criar todas as nossas formas básicas durante o estágio do Illustrator, às vezes precisamos criar algumas no Photoshop. Para fazer isso, temos algumas opções. Digamos que eu precise criar o cabelo do trompetista. Primeiro, posso tentar desenhar a forma do pincel, mas acho que descobrirá rapidamente que, a menos que queiramos algo áspero, esta não é uma boa opção. Em segundo lugar, podemos usar a ferramenta de laço para desenhar
a forma que queremos e, em seguida, preenchê-la usando o balde de tinta. Dependendo da circunstância, isso pode funcionar muito bem e ser bastante rápido. No entanto, acho que só produz formas tão suaves como sua mão é firme e a minha realmente não é. O que eu recomendaria é trazer nossa ferramenta de caneta amigável e familiar e desenhar a forma como faríamos no Illustrator. Então, assim como fizemos para criar linhas a partir de caminhos anteriormente, podemos preencher nosso caminho para produzir uma nova forma suave. Adicionar sombras e realces é tão simples quanto pegar seu pincel de textura e pintar em sua camada com cores mais claras e escuras, garantindo que seus pixels transparentes estejam bloqueados, é claro. Dito isto, há algumas coisas boas a ter em mente ao fazer isso. Em primeiro lugar, considere sua fonte de luz. O meu vem do canto superior esquerdo,
então, enquanto pinto cada um desses objetos, vou ter certeza de adicionar destaques onde a luz iria bater e sombras onde não iria. Se você está tendo problemas para descobrir o que deve ser claro e escuro, não se preocupe, é preciso muita prática para estudar para ficar realmente bom nisso. Se você quiser me ver aprofundar mais em minhas decisões de iluminação,
então você pode conferir minha aula de fazer uma arma de fantasia. Mas fora disso, existem inúmeros tutoriais online para aprender a sombrear objetos. A segunda coisa que queremos ter em mente ao pintar com o pincel de textura, é aumentar a saturação à medida que escurecemos as cores. Isso nem sempre deve ser o caso, pois vai depender do olhar que você está indo para, mas eu muitas vezes acho que quando eu estou fazendo uma cor mais escura, também
é útil para mim para bombear a soma de saturação para que ele não parece muito lavado para fora. Por esse motivo, enquanto estou pintando, gosto de manter meu painel de cores aberto nos controles deslizantes de saturação de matiz e brilho. Finalmente, recicle suas cores. Ao manter pressionada a tecla de opção enquanto estiver usando a ferramenta Pincel, você pode fazer uma amostra de qualquer cor na peça. Se você já criou uma sombra azul escura como eu fiz aqui, então você pode apenas reutilizá-la. No total, eu só tenho cerca cinco ou seis tons diferentes para cada uma das cores desta peça. Esta paleta de cores limitada ajuda as coisas a sentirem-se consistentes e poupa-me de ter de criar uma nova cor a cada vez.
6. Demonstrações de ferramentas: Então, primeiro vamos ver como fiz o violoncelo. Vamos criar o que está à direita a partir do que está à esquerda. Aqui você pode apenas ver como eu separei os diferentes elementos. Estas eram as minhas formas básicas no Illustrator. A primeira coisa que vou fazer é bloquear os pixels transparentes de todas essas camadas. Assim como eu
mostrei, eu não pinto fora dos limites quando estou usando meus pincéis. Antes de entrar em qualquer uma das texturizações reais, eu vou usar meu pincel de linha para criar todos os elementos que ainda não foram criados, começando com os suportes de som no corpo do violoncelo. Tudo o que estou fazendo é em uma nova camada, estou desenhando essas formas S. Uma vez que eu tenha um como eu gosto,
tudo o que eu vou fazer é realmente duplicar isso em vez de desenhá-lo para fora novamente. Então segurando a opção, eu vou arrastá-lo para fora e eu vou criar uma nova camada e, em seguida eu vou girá-lo horizontalmente e reposicioná-lo para que ele está do outro lado. Então eu vou mesclar as duas camadas apenas para que seja mais fácil de acompanhar. A próxima coisa que vamos fazer com o pincel de linha é eu realmente vou desenhar as cavilhas que estão no topo do instrumento. Embora isso seja algo que eu poderia ter criado como uma forma no Illustrator, eu pensei que era uma peça pequena o suficiente que seria fácil para mim apenas desenhá-lo. Novamente, em vez de elaborar quatro deles, eu vou apenas criar um e então eu vou continuar duplicando. Então, uma vez que tudo esteja posicionado, como eu gostaria, vou fundi-lo em uma única camada mais uma vez para manter as coisas organizadas. A última coisa que eu vou fazer com o pincel de trabalho de linha é eu vou criar as cordas. Para fazer isso, eu vou usar a técnica baseada no caminho e eu estou realmente indo apenas para desenhar um único caminho que tipo de serpentes para cima e para baixo ao longo deste violoncelo. Uma vez que o caminho é como eu gosto, eu vou selecionar o caminho na janela do caminho. Certifique-se de que meu pincel está selecionado no tamanho apropriado que eu quero. Então eu vou pressionar o botão para criar um traçado a partir do caminho. Agora, se você é como eu e tem o tamanho errado, talvez seja um pouco grande demais. É simplesmente você simplesmente desfaz e então você pode mudar o tamanho do pincel e tentar novamente. Eu só vou pegar uma borracha e me livrar desses pedaços no final que eu não quero. A última coisa que eu vou fazer é apenas adicionar uma máscara de camada e, em seguida, usando o pincel de textura, eu realmente vou mascarar
o topo das cordas para que pareça que eles estão desvanecendo no topo. Agora posso usar o pincel de textura. Assim como eu mostrei antes, eu só vou usar o pincel de textura e pintar em sombras e destaques onde eu acredito que eles estarão. Então, no lado direito do violoncelo, eu vou adicionar um monte de sombras. No lado esquerdo vou adicionar um monte de destaques. Isso só funciona com meu esquema de iluminação atual. Você também vai notar como eu estou trabalhando, eu estou constantemente usando a ferramenta conta-gotas segurando opção apenas para provar cores diferentes. Estas pequenas peças aqui, estou apenas adicionando um pouco de destaque a eles e novamente, estou experimentando uma cor que eu já criei. Eu não estou criando uma nova cor toda vez. Para esta parte aqui em ajuda que eu entendo como a forma parece que eu posso colocar nessas linhas para dar-lhe um senso de forma. É aqui que é realmente útil ter alguma referência. Você pode encontrar algumas imagens de um violoncelo se é isso que você está fazendo on-line e apenas descobrir como a iluminação atinge ele, como as sombras atingem e então você pode replicar isso em sua própria peça. Tirando isso para o final preso no fundo aqui, eu quero um pouco mais escuro. Para pintar algo como este arco, que para mim é um pouco mais cilíndrico, eu estou pintando como eu faria um cilindro. Você pode ver que com este método, mesmo se eu decidir mudar algumas das cores ao redor, é totalmente bom, desde que eu tenha a forma básica para baixo, não
é muito grande para mim decidir que o fim deste arco é mais sombrio do que antes. Basta adicionar alguns destaques. A última vez que eu vou tomar é mais uma vez meu pincel de textura e apenas pintar no fundo com uma cor mais brilhante. Isto é apenas para fazer com que os instrumentos se destacem mais. Aí está você. Agora, para a corneta mais uma vez, você pode olhar para as formas básicas que eu usei na criação deste instrumento. Eu também vou mais uma vez bloquear todos
os pixels transparentes porque eu não quero estar pintando fora do instrumento. Agora eu estou realmente indo para pintar a peça inteira passo a passo, indo do escuro para o brilhante e, em seguida, adicionando as sombras finais. Agora estou passando por todas as peças e aplicando uma textura ligeiramente mais brilhante. Realmente, eu só estou tentando pintá-lo como eu vi instrumentos de
latão olhar quando eu estava procurando fotos de referência. Depois que eu fiz a primeira cor mais brilhante, eu vou dar um passo mais brilhante e desta vez eu realmente vou estar aqui para onde minhas fontes de luz, que é tipo do canto superior esquerdo e eu vou principalmente colocar essa cor lá. Você verá passo a passo, estou passando por cada camada e aplicando a cor. Saber que vamos colocar seus destaques e suas sombras é algo que requer prática. Enquanto, quando eu comecei, parecia apenas uma forma plana. Agora você pode entender por que eu me separei em pedaços que eu fiz. Agora eu tenho sido a maioria dos destaques, eu vou entrar com as sombras. Aqui eu realmente estou aplicando-o ao oposto de onde minha fonte de luz está vindo, bem
como eu estou adicionando em alguns pontos mais escuros onde os tubos se sobrepõem um ao outro. Mais uma vez, realmente exatamente onde eu acho que as sombras vão estar. Como sempre, se você está tendo problemas para descobrir isso, procure por referência on-line de como algo
do mesmo material que você está criando está sombreado. Eu só vou adicionar outro destaque mais brilhante apenas para um toque final. Agora vou entrar e adicionar os botões para este instrumento. Mesmo que normalmente usado para linha escova de trabalho para este tipo de elemento, Eu pensei que eu seria tipo de mim se eu usar a textura um em vez. Aqui você pode dizer em uma nova camada, Eu acabei de criar esses botões e, em seguida, eu bloqueei para pixels
transparentes mais uma vez e agora uma pintura sobre ele com os destaques. Os últimos elementos deste instrumento que eu preciso incluir são apenas estas pequenas peças de junção entre alguns dos tubos e, em seguida, a válvula de cuspe. Mais uma vez, eu só vou desenhar isso em uma camada separada atrás de tudo. Assim como com o violoncelo, eu vou acabar com isso adicionando alguma textura mais brilhante atrás do instrumento mais uma vez para fazê-lo se destacar. Então temos uma corneta totalmente acabada
7. Agora é sua vez: Para o seu projeto, você vai criar seu próprio cartaz educacional. Decida sobre um tema que você ama. Pode ser esportes, matemática, leitura, até dinossauros, e projetar seu próprio cartaz usando os passos que falamos na aula. Você vai esboçar seu design, criar seus pôsteres, formas
básicas e cores no Illustrator e, em seguida, trazê-lo para o Photoshop para introduzir sombreamento, textura e detalhes. Vale a pena notar que, tanto no início quanto no final do projeto, realizo algumas técnicas do meu nível até sua classe de cores para realmente harmonizar as cores. Se suas cores não estão exatamente onde você gostaria, considere verificar isso. Eu também quero incentivá-lo a aplicar o que você aprendeu hoje através deste projeto. Assistir é uma coisa, mas fazer os passos você mesmo é onde você realmente vai obter o benefício. Se procura inspiração para o seu cartaz, pode dirigir-se ao artistsforeducation.com. Não só há alguns cartazes de grande qualidade lá, mas eles estão fazendo grandes coisas ajudando os
professores a obter arte educacional para suas salas de aula. Vale a pena apoiar. Finalmente, obrigado por ter assistido à aula. Espero que você tenha aprendido muito e estou ansioso para ver o que você inventou.
Hayden Aube, Illustrator & Designer
