Lettering sombreada no Procreate

1. Introdução: Olá, amigo criativo. Bem-vindo. Eu sou Sarah. Sou artista e designer. E nesta aula, mostrarei como criar letras sombreadas divertidas usando o aplicativo Procreate Começaremos configurando alguns guias de letras e criando alguns esboços de nossas Em seguida, passaremos para a pintura e a sombra e, finalmente, finalizaremos com algumas texturas e sombras Tudo o que você precisa para a aula está no iPad, sua caneta. Vou usar meu Apple Pencil e o aplicativo procreate. Você está pronto? Vamos começar. 2. Projeto do curso e downloads: Para seu projeto de classe, crie algumas letras sombreadas com seu nome usando as técnicas demonstradas em E se você quiser compartilhar seu projeto, não se esqueça de enviá-lo para a galeria de projetos. Estou animado para ver o que você criará. Eu vou te mostrar rapidamente como baixar os recursos da aula. E algo importante a ter em mente é que você só precisa usar um navegador da web e não o aplicativo Skillshare para acessar os downloads Estou usando o Chrome. Então, logo abaixo desse vídeo, você verá algumas abas. Vá até a guia Projeto e Recursos. Agora, role para baixo até Recursos de download da UC e tocaremos no pincel sombreado Bem na parte inferior, você verá que seu pincel foi baixado. Então toque em Baixar, depois abra e você selecionará Procreate E seu pincel será importado automaticamente para sua biblioteca de pincéis. E geralmente está no topo. Agora faremos a mesma coisa com nossa paleta de cores. Voltaremos aos nossos Recursos de download e, desta vez, tocaremos no arquivo de amostras E faremos a mesma coisa. Tocaremos em Baixar, abrir em e selecionar Procreate E para as paletas de cores, geralmente a coloca na parte inferior da sua biblioteca de paletas Podemos tocar e segurar sua paleta e levá-la até o topo Agora que você tem isso, estamos prontos para começar 3. Guias de escrita: Nesta lição, definiremos algumas linhas orientadoras e criaremos um esboço de nossas letras Então, vou começar criando uma nova tela. Vou tocar no sinal de mais aqui no canto superior direito E vou clicar em uma nova tela. E vou definir minha unidade de medida 2”. E vou fazer essa tela de 11 "por 11" a 300 DPI. Para nosso perfil de cores, vamos mantê-lo em RGB. E agora ligamos, tocaremos em criar. Agora que temos nossa nova tela, podemos começar configurando alguns guias de letras E se você é novato em letras ou quer ver meu processo de escrita, tenho uma aula em que mostro meu processo de criação de letras tenho uma aula em que mostro meu processo grossas sem serifa e escrita E vou vincular essa aula logo abaixo deste vídeo, se você quiser dar uma olhada. Agora, vou para o meu painel de camadas. Vou me certificar de que estou em uma nova camada limpa. Eu posso simplesmente pegar meu lápis de desenho na minha biblioteca de pincéis E vou me certificar de ter apenas uma cor preta para meus guias de letras Agora posso começar desenhando minha linha de base, e isso será para todas as minhas cartas. Agora, vou desenhar a altura do meu boné. aí que todas as letras se tocam na parte superior e na minha altura x. E isso vai ficar no meio. E já que vou criar uma espessa, mande Sarah Todas as letras maiúsculas desta classe. Não preciso me preocupar com letras minúsculas poder colocar minha altura x na altura que eu Se eu quiser que minhas letras se cruzem mais alto, como quando o a cruzaria o Hs. Ou eu posso colocá-lo mais baixo ou bem no meio. Na verdade, depende apenas de você e da estética que você está procurando. Vou colocar o meu um pouco abaixo do meio. Isso será para todas as minhas cartas cruzadas. Ele vai cruzar. Agora que eu tenho minhas guias de letras definidas, posso diminuir a opacidade dessa camada porque eu só quero que elas sejam essas linhas guia cinza claro Vou colocá-los em 30% para a opacidade. E posso simplesmente centralizar minhas letras. Os guias garantirão que meu encaixe e magnetismo estejam Depois, posso simplesmente centralizar meus guias de letras no campus. E você verá essas duas linhas amarelas ativadas quando meus guias estiverem bem no meio da tela. Então isso parece bom. Agora posso começar a fazer meu esboço para minhas cartas. Vou criar uma nova camada acima da minha camada de linha guia E, novamente, usaremos nosso lápis de desenho e nossa cor será apenas essa cor preta Agora posso começar escrevendo meu nome. E é aqui que vamos corrigir todo o nosso espaçamento e as letras que queremos antes de começarmos a pintar nosso projeto final Então, vou jogar com minhas cartas para Estou feliz com a fechadura. Eu farei meu a na travessia. Eu queria exagerar um pouco. E você pode simplesmente jogar com o que quiser, mas eu quero acrescentar alguns interesses. Então, vou fazer com que isso fique um pouco distorcido onde o “a” se cruza. Vou continuar com o resto das minhas cartas. Novamente. Vou apenas cruzar o a para passar um pouco nas laterais. Vou examinar minhas letras um pouco para poder adicionar meu H. E como você pode ver, estou deixando um espaço entre as letras aqui. Porque eu sei que vou entrar com um pincel mais grosso para minha peça final e quero ter certeza de que tenho espaço suficiente entre minhas letras Agora, vou acrescentar minha idade, novamente, vou examinar um pouco os lados só para adicionar um pouco de interesse à minha carta Acho que você ficará muito bonita quando estiver toda sombreada Se você ver alguma letra agora, queira ajustar. É aqui que eu faria isso. E eu quero que meu S seja um pouco mais grosso. Então, vou pegar minha ferramenta de seleção. Vou selecionar meu S e me certificarei de que meu encaixe e magnetismo estejam desligados para que não se encaixem E vou tocar aqui, onde está escrito em formato livre, para que eu possa ajustar livremente minha carta para torná-la um pouco mais grossa. Eu queria ficar um pouco abaixo minha linha de base e do meu top Isso parece bom. Eu vou fazer o mesmo com a área. Acho que quero um pouco mais grosso. Então, eu posso ajustar isso agora, já que essa é apenas a camada de esboço, você não precisa se preocupar com linhas pixelizadas ou qualquer coisa, porque vamos pintar Então isso parece bom. Agora, vou desativar minhas diretrizes de esboço para ver como estão minhas cartas E eu gosto muito disso. Então, eu vou continuar com isso, mas fique à vontade para fazer quantos esboços quiser e brincar com as Cartas e ver qual estilo você gostaria Então, na próxima lição, começaremos a trabalhar na construção espessura de nossas letras 4. Impressão de carta: Na próxima lição, criaremos espessuras nossas letras e as prepararemos para sombreamento Agora que temos nosso esboço, podemos começar a adicionar espessura às nossas letras Vou até meu painel de camadas e criarei uma nova camada acima da minha camada de esboço Vou ligar meus guias de letras novamente. E para a camada áspera do meu esboço, diminuirei a opacidade porque usarei essas letras apenas como guias Então, novamente, posso simplesmente diminuir a opacidade e reduzirei essa camada para cerca Agora vou me certificar de que estou na camada acima da minha camada de esboço Eu vou pegar essa cor vermelha média. Essa será a cor das nossas cartas para esta aula. Você pode usar qualquer cor que quiser. Apenas certifique-se de ter uma cor mais clara e uma cor mais escura A cor mais escura será para nosso sombreamento. E se você puder usar qualquer cor que quiser, mas para esta aula eu vou usar essa paleta de cores Vou me certificar de que tenho minha cor vermelha mais clara. Desta vez, vou pegar meu pincel monolínico retangular Eu tenho meu pincel definido para 45, o tamanho definido para 45%. Eu quero um tipo de carta mais grossa. Agora que tenho essa configuração, posso começar a traçar as letras com este pincel mais grosso. Então, vou traçar minha camada de esboço assim. E eu farei isso com todas as minhas cartas. Agora que tenho todas as minhas letras engrossadas e esboçadas, vou duplicar a camada para torná-las um pouco menos transparentes Quero ter certeza de que eles têm uma cor de preenchimento mais sólida. Então, vou duplicar isso mais duas vezes. Então eu terei três camadas. E agora eu posso mesclar todos eles. Então, vou apenas tocar na minha camada e depois tocar aqui onde diz Merge Down. E faremos a mesma coisa com a próxima camada. E agora temos uma camada sólida. Agora que eu tenho isso, quero limpar as bordas como você pode ver aqui no a e na borda do S, e algumas dessas letras, elas têm esses tipos estranhos de peças saindo Então, vou pegar minha borracha. E vou me certificar de selecionar a borracha monolina e você pode encontrá-la na guia de caligrafia E você só tocará na linha mono para sua borracha. E agora eu posso ir para onde eu quiser ajustar ou apagar alguma coisa e vou apenas endireitar as bordas das letras E estou apenas preparando todas as minhas cartas. Então, estaremos prontos para pintá-los, pintá-los e sombreá-los. Em nossa próxima lição. Eu apenas endireitaria todas as bordas e me certificaria de que é exatamente como eu quero Eu posso simplesmente consertar tudo. E isso parece bom. Agora eu posso desligar minha camada de esboço e linhas de orientação e ver se tudo parece bem e se tudo parece muito bom Então eu acho que estamos prontos agora para passar para o nosso Shading 5. Sombreamento de letra: Nesta lição, adicionaremos nossas linhas de corte de sombreamento. E eu quero te mostrar um exemplo de estar fazendo. Então. Eu fiz isso anteriormente para mostrar a vocês como exemplo. Então, como você pode ver, vamos realmente estudar as letras, dividi-las e decidir onde queremos adicionar nosso sombreamento E podemos encontrar áreas que se sobreporão, como nesta, podemos ver que a tem uma área que pode se sobrepor aqui na parte superior e nas laterais E o R também. E podemos apenas encontrar partes da nossa carta. Eles podem se sobrepor. Assim, podemos começar a planejar onde nosso sombreamento estará em nossas cartas Então, você pode ver exatamente como queremos fazer isso aqui, você pode ver o a no topo. E aqui o H. Parece que está indo por baixo e depois por cima, aqui mesmo. Que realmente preferem o que você gosta. Você pode fazer uma partida mista ou pode fazer todas da mesma forma. No a, parece que está chegando, a barra transversal está chegando por cima e parece a parte superior do a ou simplesmente dobrada Então, como você pode ver, o S realmente não tem nada. Então, vamos deixar isso como agora que você estudou as Letras e meio que olhou seu nome, frase ou palavra, você entendeu? E você pode mapear onde acha que seria o melhor lugar para suas letras, onde elas se sobrepõem para que haja alguma sombra Podemos voltar ao nosso projeto. Sabemos que teremos sobreposições aqui no topo, aqui mesmo, onde o a se cruza Nós somos nossos objetivos na esquina aqui, e nessas duas áreas aqui. E a idade ou cruz nesses dois cantos aqui. Sabemos que é aí que adicionaremos sombreamento a essas letras Agora, posso desligá-los e deixá-los se precisarmos referenciá-los como guias. Se nos confundirmos onde temos o Sombreamento, sempre podemos ativar essa camada novamente Vou dar uma cor ao meu plano de fundo. Bem aqui, no fundo. Você verá a camada de cor de fundo. Vamos tocar nisso. E vou escolher o tom mais claro de rosa e minha paleta Agora vou criar uma camada totalmente nova e ela ficará logo acima. Pode derrubar isso. Logo acima das minhas letras, minhas letras com tinta. Esse aqui. Vou pegar meu pincel de sombreamento desta vez. E eu vou pegar essa cor vermelha escura porque agora vamos sombrear as letras que queremos que haja contraste Agora que entendemos isso, começaremos a cortar nossas letras. Então, podemos ativar essa camada novamente. Sabemos que teremos uma cruz aqui onde o a, bem aqui no topo, é uma espécie de dobra Então, vou diminuir o tamanho do meu pincel porque não quero que fique muito grosso. Isso é muito bom. Esse é o tamanho do pincel. Vamos fazer com que seja 10%. E vou cortar isso aí mesmo. Agora mesmo. Vamos apenas cortar as letras. Não vamos começar o sombreamento, vamos apenas adicionar essas linhas primeiro Então, sabemos exatamente onde estaremos sombreando nossas letras Altere a mesma coisa. Vou fazer com que essa cruz a para as cruzes a fique acima da cruz a. Mas se você quiser que ela se sobreponha, podemos cortá-la assim e aquela ficará embaixo E se quisermos ir acima, você pode cortá-lo dessa maneira. Você pode começar a ver onde ela se sobreporá. Então, para este, vou adicionar minhas linhas de corte na parte superior porque eu superior e inferior porque eu queria ficar assim. Cruzado a. Esta parte aqui está acima da letra a. Eu posso apenas isso. Então, para o R, desligue-o para que eu possa ver exatamente onde adicionar isso. Vou adicionar uma linha aqui, cortar linha aqui. E aqui mesmo. Vou apenas seguir a curva da área. Você pode simplesmente visualizar como isso vai começar a ficar visível, ficará com essa parte aqui, ficará abaixo dessa parte aqui Então isso parece bom. E, na verdade, acho que vou apagar isso aqui e colocar esse artigo no topo Em seguida, vamos sombrear essa parte e essa parte, o que realmente depende de você onde você quer que suas letras se cruzem e quais partes você deseja Então, brinque com isso e tenha uma ideia. E você pode experimentar muitas variações ou planejar isso e ver como ficará. Essas linhas de corte realmente ajudam você a visualizar se você não gosta de algo, você sempre pode apagá-las Como estamos em uma camada separada, é fácil apagá-las e começar de novo ou criar uma camada totalmente nova Está parecendo bom. Eu meio que vi como tudo isso vai ficar no final. Para o H., eu meio que queria supervisionar. Então, podemos ver que essa parte pode cair. Então, vou adicionar linhas de corte nas laterais. Porque queremos que esse H esteja acima. E então, para este , vai afundar. Então isso parece bom. Agora podemos aumentar o tamanho do nosso pincel para cerca de 17%. Vou apenas adicionar um pouco mais de espessura aqui. O lado. Minhas linhas de corte não são demais, só um pouco mais, um pouco mais dramáticas, um pouco mais sombreadas. Não se preocupe, se você ver suas metas de sombreamento terminadas assim As camadas serão colocadas sobre a letra desse jeito. Mais tarde, adicionaremos uma máscara de recorte. Então, tudo bem se sairmos um pouco da carta. Vou continuar adicionando um pouco de espessura às minhas linhas de corte, como aqui. Eu vou fazer isso com todas as minhas cartas. Agora que adicionei espessura a todas as minhas linhas de corte, posso criar uma massa de recorte para que possamos começar a borrar tudo e adicionar Então, vou ao meu painel de camadas e me certificarei toda minha camada de linha de corte sombreada que toda minha camada de linha de corte sombreada tocará nela e clicará na máscara de recorte E isso só garantirá que nada aconteça fora das letras. Agora que criei uma máscara de recorte, posso começar a borrar algumas dessas linhas para deixá-las mais suaves e parecer uma espécie de linha sombreada Aqui na parte superior, ao lado sua biblioteca de pincéis Você verá isso como um dedo mindinho, que é nossa ferramenta de borrar aqui. E vou apenas tocar nele e me certificar de que selecionei meu sombreador Porque esse será o efeito de mancha que isso causará efeito de mancha que isso causará E eu quero que seja igual ao meu pincel. Então, novamente, vamos brincar com o tamanho do nosso pincel: quanto mais alto você o tiver, maior será a mancha Quanto menor você tiver o tamanho, menor será esse valor. Então, podemos simplesmente brincar com isso e ver do que gostamos. Isso é muito bom. Isso é cerca de 22%. E vou começar a tirar meu, meu Shading. Então você continua saindo e meio que se misturando. E como você pode ver, se você exagerar muito, ele se misturará cada vez mais. Então, brinque com ele e veja do que você gosta. E vou continuar borrando até ficar feliz com a aparência Então, eu sempre quero que minha parte mais sombria seja onde minhas letras se cruzem. E à medida que avança, essa combinação ficará mais leve. Por isso, cria um efeito sombreado dramático. Então, eu vou fazer isso em todas as minhas áreas aqui e eu meio que brincar com isso e ver do que eu gosto. Está parecendo bom. Então, vamos continuar fazendo isso e não se preocupe, agora ele parece um pouco mais escuro, mas vamos diminuir a opacidade e adicionar E isso realmente lhe dará um bom efeito. Eu vou acelerar isso. E vou fazer isso com todas as minhas partes sombreadas, onde tenho todas as minhas linhas de corte desenhadas Agora que terminei de borrar tudo, posso diminuir um pouco a opacidade e refinar um pouco mais. Portanto, lembre-se de dedicar seu tempo a esta parte, adicionar mais textura ou borrar mais e ficar com a aparência que você gostaria de ver Parece muito bom. Então eu vou para o meu painel de camadas e vou me certificar de ir para minha camada sombreada, esta aqui E vou ver como fica se eu diminuir um pouco a opacidade. Então, vamos ver. Cerca de 80% de vocês querem um efeito mais dramático. Você pode deixá-lo mais alto. Ou se você quiser um efeito muito sutil, você pode reduzir a opacidade Eu queria. Tenha uma aparência um pouco mais dramática, mas não muito avassaladora Então, cerca de 90%. Eu gosto muito disso. Então, eu sempre posso entrar e adicionar um pouco mais de escuridão às áreas se achar que precisa de um pouco ou borrá-las dos lances Ótimo Aqui, eu senti que precisava de um pouco mais. Isso parece muito bom. Eu realmente gostei disso. E como eu disse, dedique seu tempo até ficar realmente feliz com isso. E você sente que essa é a aparência que você está procurando. Na próxima lição, adicionaremos alguma textura às nossas letras sombreadas e adicionaremos uma sombra às nossas letras 6. Textura e sombras: Na próxima lição, adicionaremos um pouco de textura e sombras às nossas letras Então, vou ao meu painel Camadas e criarei uma nova camada acima da camada da máscara de recorte Agora, vamos garantir que nosso vermelho escuro ainda esteja selecionado. E desta vez, vou pegar o pincel de lápis de textura. Vamos adicionar alguma textura à parte que está sombreada Então, vou me certificar de que o pincel seja bem pequeno porque não queremos que muita textura vá para qualquer lugar. Só queremos adicionar um pouco de textura para adicionar alguma dimensão e interesses às nossas cartas. Só vou ver qual tamanho será bom. Vamos ver, vamos tentar 2% para o tamanho do nosso pincel. E então eu vou entrar aqui. E, como você pode ver, está apenas adicionando um pouco de textura a essa parte sombreada e dá alguns interesses em vez de ficar tão suavizada Então, vou continuar fazendo isso em todas as áreas que temos. Sombreado. Você pode adicionar tanta textura ou tão pouca textura quanto quiser. Vou continuar fazendo isso com todas as minhas cartas sombreadas Ok, agora que adicionamos textura a tudo, se sentirmos que algo precisa ser suavizado, sempre podemos usar esse dedo mindinho, indicador. Se precisarmos de uma mancha, alguma coisa para sair, talvez aqui, podemos simplesmente mesclá-la um pouco, ficou um pouco ficou um pouco E se isso parecer bom, acho que agora podemos brincar com a opacidade Está um pouco escuro, mas estou adorando toda a textura que está nas letras. Então, iremos para o nosso painel de camadas. Claro, estamos na camada texturizada. E vou ampliar aqui para que possamos ver como fica. E vou diminuir um pouco a opacidade. Como eu disse anteriormente. Quanto menor a opacidade, as pernas, menos dramática ela é. E quanto maior a opacidade, mais textura você verá Então, vamos ver. Vou diminuir a textura para cerca de 80%. Agora eu posso diminuir o zoom e ver se isso é bom e podemos jogar com isso até ficarmos felizes. Isso parece muito bom. Acho que estamos prontos para nossa etapa final e vamos adicionar um pouco de sombra abaixo dessas Cartas para dar a elas um pouco Agora vou voltar ao meu painel Camadas e irei para a camada que era nossa letra original sem nenhum efeito nela E vou apenas duplicar essa camada para que possamos deslizar para a esquerda e tocar em Agora vou pegar a camada que está abaixo da camada original Agora vou tocar na camada e vou tocar no bloqueio alfa. Vamos deixar isso completamente preto e será apenas uma espécie de camada de sombra Então vamos brincar com a opacidade. Agora que temos isso, selecionaremos nossa cor preta em nossas paletas de cores E podemos simplesmente tocar novamente nessa camada e tocar na camada de preenchimento. Abaixo de nossas letras originais. Você verá que temos uma camada preta. Vou me certificar de que estou na minha camada de letras pretas. Vou movê-lo levemente para o lado cerca de 45 graus, apenas para adicionar um pouco de sombra. Você pode ir o quanto quiser. Se você quiser que as sombras sejam maiores ou muito pequenas. Se você mal quisesse ter uma sombra na linha do cabelo, eu meio que gostaria de colocá-la em algum lugar Algo parecido. Agora eu posso desmarcá-lo. Agora também é uma parte divertida, pois diminuiremos a opacidade e ela realmente começará a criar esse efeito 3D Então, novamente, iremos ao nosso painel de camadas. Agora vamos apenas diminuir a opacidade. E como você pode ver, quanto mais leves ficamos, mais tridimensional ela começa a parecer Então eu acho que gosto de cerca de 17%. E como você pode ver, isso é apenas brincar com o quanto, quão escuras você quer que suas sombras sejam Se você quiser um pouco mais escuro, você pode ir mais alto Ou se você quiser que seja super, super fraco, você pode ir bem baixo apenas para adicionar um pouco de efeito Depende totalmente de você. Então vá em frente e coloque em 17%. E é isso. Lá você tem suas letras sombreadas. Na próxima lição, mostrarei como reduzir o tamanho da tela e salvar nosso arquivo final 7. Salvar e exportar arquivo final: Agora vamos cortar o tamanho da tela e salvar nosso arquivo final. Então, aqui no canto superior esquerdo do seu Canvas, você vai tocar neste pequeno ícone de chave inglesa. É o seu painel de ações. Você abrirá a aba para ver se diz tela. Agora clique em cortar, redimensionar. É aqui que podemos redimensionar nossa tela para caber perfeitamente em nossas letras Vou apenas reduzir as marcas de corte de satélite até ficar feliz com a aparência das letras na tela Eu não vou ir muito longe e descer assim. Vou dar um pouco de espaço ao redor das minhas cartas. Isso parece bom. Quando estiver satisfeito com isso, você clicará em Concluído. E, como você pode ver, temos um arquivo finalizado muito bom que podemos compartilhar como um gráfico da web em nossas mídias sociais ou talvez imprimi-lo. Você pode realmente fazer o que quiser com isso. Agora podemos salvar nosso arquivo final. Voltaremos ao nosso painel de ações. E desta vez clicaremos em Compartilhar. E aqui estão suas opções para compartilhar. Você pode salvar como PSD, JPEG, PNG, PSD. Vou salvá-lo como JPEG. Então, vou tocar em JPEG. E agora vou tocar onde diz Salvar imagem. Agora nosso arquivo final foi salvo em nossa galeria de fotos, ou podemos compartilhar nossos belos projetos escritos à mão 8. Considerações finais: Muito obrigado por dedicar seu tempo e participar da aula. Espero que tenha sido útil e que você se divirta criando algumas letras sombreadas Eu adoraria um projeto sênior, então não se esqueça de publicá-lo na galeria do projeto. E se você tiver alguma dúvida, não hesite em perguntar. Você pode postar sua pergunta na guia de discussão, e você pode encontrá-la logo abaixo deste vídeo. Obrigado novamente, e nos vemos na próxima vez.