Lettering monolinha: do esboço à tela

1. O QUE VOCÊ VAI PRECISAR: Oi pessoal, eu sou Jamie Bartlett. Nesta classe, vou mostrar meu processo para esboçar letras monolinas e convertê-las em caminhos vetoriais no ilustrador. Este método simplificado eu vou estar ensinando você criar curvas super suaves que vai levar o seu lettering monolina para o próximo nível. Estou muito entusiasmada com esta aula. Vai ser muito divertido. Vamos começar. Para começar, vamos precisar de papel, qualquer lápis que você se sinta confortável com, uma régua de borda reta e eventualmente vamos precisar de algum papel de rastreamento. Antes de começar, escrevo sempre a palavra que vou escrever no topo da minha página. Assim eu posso ver cada carta e como eles vão ser juntos. Porque se eu não fizer isso mais frequentemente do que não, eu acabo deixando uma carta de fora porque eu fico tão focada em desenhar as letras que eu não penso em soletrar. 2. Meu processo de esboço: Em seguida, você precisa decidir como você quer que suas letras se pareçam. Eu costumo começar a pensar na minha primeira carta porque é a primeira letra que você vê e a maior carta e pode ajudar a determinar como você quer que as outras letras se pareçam. Então eu comecei a esboçar aquela carta e vejo todas as maneiras diferentes que essa carta pode ser formada. Claro, você pode encontrar toneladas de inspiração online. Acho que vou usar este estilo. Em seguida, eu quero fazer uma linha de base para o meu letreiro. Isso ajudará a manter minhas letras um pouco diretas. Agora eu vou começar a desenhar e ver o que eu inventei. Neste ponto eu não estou realmente preocupado sobre como minhas cartas vão ficar, eu estou apenas brincando com como eles se encaixam. Estou gostando de como isso está funcionando juntos, mas agora está parecendo muito difícil. Então eu vou desenhá-lo novamente e refinar um pouco disso. Vou desenhar outra linha de base e fazê-lo nesta linha. Neste ponto, eu gosto de quantas letras estão olhando. Então, ao invés de continuar redesenhando do zero uma e outra vez, eu vou para o meu papel de rastreamento. Mas antes de fazer isso, vou desenhar alguns guias neste trabalho para me ajudar na próxima etapa. Vou desenhar guias no topo das letras maiúsculas e minúsculas. Então vou pegar o papel de rastreamento e usar isso para refinar meu esboço. Assim eu não tenho que continuar redesenhando do zero, eu posso estar rastreando e refinando como eu vou. [ inaudível] são realmente apertados bem aqui. Então, enquanto eu redesenhei, vou espalhá-lo um pouco. Então vou continuar redesenhando até ficar feliz com a aparência. Quero chegar o mais próximo possível da final, mas podemos sempre fazer alguns pequenos ajustes no Illustrator. Eu realmente não gosto do que está acontecendo lá, então eu vou apagá-lo e redesenhar essa parte. Um pouco mais assim. Isso acaba um pouco estranho, mas provavelmente vou reutilizar o primeiro final de qualquer maneira. Acho que isso é bom o suficiente para levá-lo ao Illustrator. Agora você pode digitalizar suas letras com um scanner ou, se você não tiver um, você pode baixar um aplicativo de digitalização para o seu telefone. Eu gosto de usar um chamado Scanbot porque você pode ajustar para uma perspectiva se você precisar, e ele também armazena todas as suas digitalizações dentro do aplicativo em vez de misturá-lo com todas as suas fotos. Então, para começar, precisamos fazer um novo documento e eu vou fazer o meu 3.000 pixels por 2.000 pixels. Para o meu projeto, eu vou trabalhar em RGB porque eu não vou imprimir isso e certifique-se de que esta caixa de seleção Alinhar novos objetos à grade de pixels está desmarcada. Clique em “OK”. Agora precisamos colocar nosso esboço em nosso documento. Então eu vou para File, Place, colocar nossa foto. Eu vou ampliar o meu, para quase lá. Então agora eu quero mudar a opacidade da minha imagem para cerca de 50 por cento, e, em seguida, bloquear a camada para que eu não possa movê-la e, em seguida, para baixo, eu vou adicionar outra camada e esta é a camada em que eu vou começar a trabalhar, e isso faz com que seja um muito mais fácil de rastrear. Então, com a camada dois selecionada, eu vou para a minha ferramenta de caneta e você pode fazer isso pressionando P no seu teclado. Agora é muito mais fácil se você ampliar. Agora que tenho minha arte, preciso configurar alguns guias. Agora minhas réguas não estão aparecendo, então tudo que eu preciso fazer é pressionar Command+R no teclado, e agora eles aparecem e se você clicar na régua e puxar para baixo, você pode obter um guia. Então eu quero guiar no topo das minhas letras minúsculas - Este ponto. - e também na parte inferior das minhas letras minúsculas. Então ele também quer um em cima do M, que é o mesmo para o L e, em seguida também na parte inferior do M onde todos esses descendentes atingem, e agora eu preciso de mais um guia. Quero um guia de ângulo que corresponda à inclinação das minhas letras. Então, para fazer isso, eu vou desenhar uma linha com a ferramenta de caneta e como o n aqui é a linha mais reta das minhas letras, eu vou traçar essa. Vou voltar para a minha ferramenta de seleção pressionando V no teclado e agora quero aumentar a escala. Você pode realmente transformar qualquer caminho em um guia. Para fazer isso, você precisa ir até Exibir, Guias, Criar guias ou também pressionar Apple cinco no teclado. Agora eu tenho um guia de ângulo. Agora queremos fazer algumas duplicatas deste guia angular. Então eu preciso ir até Ver, Guias e desbloquear meus guias. Agora eu posso duplicar isso como qualquer outra camada. Se eu segurar a opção no teclado, Eu recebo seta dupla e isso significa que se eu clicar e arrastar, e, em seguida, soltar, Eu recebo outro guia. Posso fazer isso quantas vezes quiser. Tudo bem se seu esboço não se alinha perfeitamente com seus guias. É para isso que servem estes guias. Podemos corrigir nossas letras à medida que começamos a desenhá-lo. Depois de terminar de fazer seus guias, volte para Exibir, Guias e bloqueie seus guias. Acho que isso é bom para os meus guias, então vamos começar a desenhar. 3. Digitalizando seu esboço: Agora precisamos mudar para a ferramenta Caneta pressionando “Piano Keyboard”. Vamos começar com o M. Eu gosto de aproximar bem de perto. Agora, antes de começarmos a desenhar, você notará essa linha rosa que aparece, e isso significa que meus guias inteligentes estão ativados. Quando eu começar a colocar meus pontos para baixo, eles vão se encaixar nesses guias. Isso pode ser útil às vezes. Mas para este projeto, eu não quero usar isso. Eu preciso ir para ver, guias inteligentes e ter certeza que isso está desmarcado. Muitas vezes, quando começamos a desenhar com a ferramenta de caneta, não temos certeza de onde devemos colocar esses pontos. Começamos a desenhar, colocamos pontos onde quisermos, e fazemos coisas assim. Você pode ver aqui, há um pouco de pontos, é 1, 2, 3, 4, 5 pontos nesta pequena área. Poderíamos ajustar estes e tentar torná-los mais suaves. Mas quanto mais pontos tivermos, menos natural de uma curva vamos criar. Quando eu faço Monoline Lettering, o que eu gosto de fazer é limitar-me a criar apenas alças bezier horizontais e verticais. Ao fazer isso, você se limita a onde esses pontos podem ser colocados. Deixe-me mostrar-lhe o que quero dizer, começando com este M. Eu vou colocar um ponto aqui, e com o mouse pressionado e segurando “Shift” no teclado, eu esticar minhas alças bézier e segurar “Shift” bloqueá-lo horizontalmente. Vou tirar isso um pouco. Agora eu quero ir até o fundo aqui, e encontrar o ponto mais distante, que é bem aqui. Vou clicar, segurar “Shift” novamente e arrastar minha curva para fora. Vou tentar seguir o meu esboço o mais perto possível. Então eu vou subir aqui, clique. Não preciso de alças lá. Volte para o ponto mais distante, mantenha pressionado “Shift”, arraste-o para fora , e continue indo para o ponto mais distante para cima, e depois volte para o ponto mais distante para baixo, e depois termine-o Bem ali. Agora precisamos voltar e fazer alguns ajustes. Porque você pode ver aqui, este cabo foi arrastado para longe demais. Mudei para a Ferramenta de Seleção Direta pressionando a tecla “A” no teclado, posso clicar no meu “Ponto de Âncora”, depois manter pressionado “Shift” e, em seguida, arrastar isso de volta um pouco. Vejamos, este parece que precisa sair um pouco. Então aqui em cima, este definitivamente precisa ser retirado. Então isso parece muito bom. Eu vou mudar o meu caminho para preto para que eu possa realmente vê-lo. Eu posso desligar a camada de fundo e, em seguida, desligar meus guias pressionando “Ponto e vírgula de comando”, eu realmente posso vê-lo. Este parece precisar de um pouco mais de trabalho, talvez eu tenha levado isso longe demais. Você sempre quer se lembrar de segurar “Shift”. Agora provavelmente voltarei à justiça mais uma vez que terminar todas as minhas outras cartas. Mas como você pode ver, limitando-se apenas a essas alças horizontais e verticais, eu posso criar alguns caminhos bastante suaves com muito menos pontos. Vamos ver. Eu só tenho 1, 2, 3, 4, 5, 6, 7 pontos em M inteiro, e esta letra só é alças bezier horizontais. Vamos continuar. Para o, o, eu vou voltar para a ferramenta Caneta, encontrar o ponto mais alto, manter a tecla shift e arrastar para a esquerda, em seguida, ir até a parte inferior, arrastar para a direita e voltar para cima. Isso só precisava de dois pontos. No passado, eu arrastava um ponto aqui, encontrava um ponto ali, e dava a volta, e fazia o dobro de pontos. Isso não parece tão bom. Lá vamos nós. Então eu preciso adicionar este. Não vou me preocupar muito em ficar perfeito. Quero chegar o mais perto possível. Mas uma vez que eu terminar minhas letras, então eu sempre posso voltar e me ajustar mais. Você provavelmente pode notar, eu não estou colando tão perto do meu esboço. Eu quero olhar para os meus guias, e ajustá-lo ligeiramente com base neles. Meu esboço foi um áspero e é difícil obter as coisas niveladas, e no mesmo ângulo exatamente quando você está apenas fazendo isso à mão e não tem tantos guias para sair. Para o n, eu quero que esta parte do n seja um caminho separado da parte curva. Vou voltar para a minha Ferramenta de Seleção pressionando o clique fora dela e, em seguida, de volta para a minha Ferramenta Caneta para iniciar um novo caminho. Vamos encontrar o ponto mais alto no final segurando 'Shift', e vamos até aqui. Segure “Shift”, e então podemos voltar e arrastar este um pouco mais. Vou em frente e mover isto um pouco para cá, e depois mover isto. Outra coisa, eu não queria isso conectado porque eu queria ser capaz de movê-los se eu precisasse. Mas este ponto deve alinhar com este ponto. Agora, ao fazer coisas assim, é útil ter os guias inteligentes ativados porque o ponto se encaixa um no outro. Para ligar rapidamente aqueles, eu preciso fazer é pressionar o comando “U” no teclado e você pode ver o roxo aparecendo. Isso significa que ele está ativado, clique neste ponto e arraste-o, e ele encaixa-o nesse ponto. Vamos ampliar. Lá temos ele arrebentado bem ali. Marque para fora. Vamos desativar os guias inteligentes pressionando o comando “U” novamente. Agora temos isso, o, e temos outro “O” aqui. Eu só vou duplicar isso segurando a opção de turno, arrastando-o para cima. Nós também temos outro n, para fazer a mesma coisa para aqueles, então nós vamos continuar meu caminho através da minha palavra. Sempre tenha o dedo no turno. Agora, se eu cliquei aqui, ele irá conectá-los a um caminho. Eu só gostaria de manter minhas cartas desconectadas às vezes, só para o caso de eu querer movê-las. Se você não precisar que eles sejam desconectados, basta clicar e conectar os dois caminhos, ou simplesmente clicar um pouco longe do ponto de ancoragem, alternar para a Ferramenta de Seleção Direta. Ligue seus guias inteligentes e coloque-os no lugar. Enquanto eu estiver aqui, vou me adaptar um pouco. Então este n, eu quero que seja um pouco diferente. Este ponto vai acabar aqui, e eu apago este ponto, e apenas ajustá-lo ligeiramente, que o torna um pouco mais interessante, então eles não são exatamente os mesmos. Então vamos passar para a nossa última carta. Vá até o topo, dê a volta até aqui. Eu posso ver se eu cliquei aqui e esticado nós temos essa forma estranha de S acontecendo. Preciso mudar a direção desta alça. Para fazer isso, mantenho a tecla “Opção” no teclado, que altera a ferramenta de caneta para a ferramenta de ponto de ancoragem. Eu clico nisso. Então eu quero segurar o shift, para que ele mantenha em linha reta, e arrastá-lo para fora na direção oposta. Agora posso continuar meu caminho. Agora posso voltar, e ajustar qualquer uma das minhas alças que precisam ser ajustadas. Neste ponto é uma boa idéia para desligar o seu esboço, que você possa ver o passe por conta própria e você pode até mesmo desligar os guias apenas para dar-lhe uma visão mais clara do que está acontecendo. Se você tiver problemas para obter uma curva para olhar exatamente como você quer com apenas as alças bezier verticais e horizontais. Tente adicionar em outro ponto usando uma alça bezier de 45 graus. Apenas como um exemplo de adicionar um ponto aqui, e eu quero usar 45 graus. Eu ainda mantenho o turno e vou chegar a 45 graus. Ele se encaixa a uma horizontal, 45 e vertical. Não quero esse ponto, vou desfazer. Apenas lembre-se, quanto menos pontos você tiver, mais natural de uma curva você vai conseguir. Vou continuar ajustando minhas curvas onde acho que precisa. Livrar-se de quaisquer bordas retas que eu vejo ou protuberâncias e tentar fazer tudo parecer tão suave e natural quanto possível. Outra coisa que seria inteligente para fazer neste momento é fazer o seu derrame tão grosso quanto você quer que ele seja. Porque às vezes um traço mais grosso pode mudar a aparência do caminho. Eu vou definir o meu para oito, e fazer um pouco mais de ajuste. Se você quiser redesenhar suas alças para que elas tenham o mesmo comprimento, tudo o que você precisa fazer é mudar para essa ferramenta âncora pressionando “Option”. Clique no seu “Ponto” e redesenhe. 4. Espaçando as letras: Agora eu tenho os caminhos bem próximos do que eu quero que eles sejam. Vou trabalhar um pouco no espaçamento das letras. Um truque que gosto de fazer é apertar os olhos e olhar para a palavra. Ao apertar os olhos, ajuda você a ver onde algumas das letras podem ser mais apertadas do que precisam ser, ou mais distantes. Então você deve apenas olhar para onde há grandes lacunas ou as lacunas não são grandes o suficiente. Para mim, parece que este o e n estão um pouco apertados. Então eu vou tirar minhas cartas um pouco. Este o e n estão um pouco apertados também. Parece que isso eu poderia ser centrado um pouco melhor entre o l e n. Então eu vou selecionar esses pontos e apenas empurrá-los sobre um pouco com as setas no meu teclado. Vou continuar a olhar e a olhar, e a ver o que penso. 5. Toques finais: Agora que temos todas as nossas partes feitas, podemos fazer algumas coisas para terminá-lo. Primeira opção, poderíamos adicionar uma tampa redonda para as extremidades de nossas letras. Se quisermos fazer isso, certifique-se de que toda a nossa parte está selecionada. Vá para a nossa paleta Traçado, e clique no Tampão Redondo, e também queremos clicar nos cantos arredondados para que áreas como esta no E sejam arredondadas. Você pode ampliar e você pode ver nas extremidades, eles são todos agradáveis e arredondados. Se você quer manter as extremidades planas, você vai ter que fazer um pouco mais de trabalho, porque agora as tampas estão indo na direção dos caminhos, e parece muito melhor se eles são perfeitamente horizontais. Para fazer isso, precisamos delinear nossos caminhos. Você absolutamente precisa duplicar isso primeiro, você sempre tem isso e pode mudar o peso do curso mais tarde se precisar. Basta arrastar sua camada para baixo para uma nova camada, e ela faz uma cópia. Você pode apenas bloquear e esconder sua cópia. Selecione sua palavra inteira, vá até Objeto, Traçado do contorno do caminho. Agora, nossa palavra é um preenchimento e não mais um golpe, precisamos de um zoom in. Para torná-los horizontais, vamos ampliar bastante longe e eu vou ligar nossos guias inteligentes, e isso é Command U no teclado. Eu não quero que ele se encaixe nos guias, então eu preciso desligar os guias. Eu quero que ele se encaixe de nível com este ponto. Ao fazer isso, certifique-se de que não quer puxá-lo aqui, e então você terá uma espessura estranha aqui em cima. Você quer ter certeza de que, ao puxar o ponto para cima, seu contorno de caminhos corresponde à forma. Uma vez que está nivelado, você pode deixar ir, e seguir em frente para o próximo. Vamos fazer a mesma coisa com isto aqui em baixo. Não quero fazer isso aqui, quero manter esse ângulo com a curva. Eu continuaria fazendo isso por toda a palavra. Então mais uma opção seria ter as tampas planas, mas ter os cantos ligeiramente arredondados, que eles não sejam tão afiados. Esta opção só está disponível para o Illustrator CC, vou mais alto. O que você precisa fazer é certificar-se de que você tem o caminho de canto selecionado que você deseja ao redor, em seguida, subir aqui para Cantos e alterá-lo para o quão arredondado você quiser. Um pixel é geralmente muito bom, e ele apenas o arredonda ligeiramente para torná-lo um pouco mais suave. Você pode selecionar todos os cantos e fazer o arredondamento de uma vez, ou fazê-los um de cada vez. Quando você terminar com suas letras, certifique-se de postar na sua página do projeto, e eu adoraria ver todo o seu processo começando com seu esboço. Quando terminar de desenhar seu passado no Illustrator, faça uma captura de tela de todas as alças verticais e horizontais. Você pode fazer isso acessando o Illustrator, Seleção de preferências e exibição de âncora e verifique se há alças de exibição quando várias âncoras são selecionadas, marcadas. Clique em “Ok”. Depois, quando você tiver sua ferramenta Seleção direta selecionada e selecionar seus caminhos inteiros, todas as alças serão exibidas. Essa é uma maneira divertida de ver como você criou suas curvas. Obrigado rapazes por terem assistido à minha aula, espero que tenham gostado. Sinta-se livre para me fazer quaisquer perguntas, e se você postar qualquer um de vocês trabalhar no Instagram, certifique-se de me marcar sob um par de pares, e também não se esqueça de me deixar seu comentário. Obrigado mais uma vez, pessoal. Te vejo na próxima vez.