Lettering: do esboço à arte vetorizada

1. Introdução do curso: Olá a todos. Sou Ilana Griffo. Eu sou um designer gráfico e artista de letras à mão. Eu dirijo um estúdio de design tamanho mordida e uma loja de artigos de papel chamada Sugar and Type. Nesta aula, vou mostrar a vocês como uso várias ferramentas no Adobe Illustrator para meus projetos de letragem. criação de arte vetorial permitirá que você crie curvas suaves, linhas nítidas e arte escalável que funciona em qualquer tamanho. Para essa classe, você precisará de materiais de desenho de soma e do Adobe Illustrator. Se você tem um scanner, mantenha isso à mão também. Se não, seu telefone ficará bem. Estou tão entusiasmada com esta aula. Vamos mergulhar. 2. Digitalização: A primeira coisa que vamos fazer é digitalizar nossas letras. Para esta aula, escolhi escrever letras como minha palavra, mas você pode escolher qualquer palavra que quiser. Nós não vamos rever esboços na classe, mas há tons de tutoriais lá fora para letras manuais. Eu uso a caneta de mícron preto para isso, e qualquer papel branco vai fazer muito bem. Faça o seu melhor para apagar suavemente quaisquer marcas de lápis para que você tenha uma cópia limpa. Então você vai querer capturar uma foto de sua arte. Se você não tem um scanner, não se preocupe, você pode usar um aplicativo de scanner em seu telefone, como a barra de digitalização, ou simplesmente tirar uma foto e enviá-la por e-mail para você mesmo. A audição de resolução não é crítica, já que vamos recriar o arquivo como arte vetorial. Mas se puder, tente digitalizar a 600 DPI. Você sempre pode ajustar os níveis de sua foto no Photoshop ou, se você cometeu um erro, você pode entrar e encobri-la. Eu gosto de ter uma foto em preto e branco de alto contraste para este tipo de trabalho. Em seguida, você vai querer salvá-lo em algum lugar que você vai se lembrar, porque nós vamos precisar dele na próxima etapa. 3. Configuração do arquivo: Vamos abrir o Adobe Illustrator e começar com nosso projeto. Vamos abrir um novo documento, e eu vou dar o título do meu Skillshare-Lettering. Eu quero que o meu seja em pixels, mil por 800, e eu quero o meu horizontal, porque foi assim que eu tirei minha foto. Desde que eu não vou ser imprimir, eu não preciso de nenhuma sangria e modelo de cor RGB ser perfeito. A primeira coisa que quero que faça é ter certeza de que está no espaço de trabalho certo. Vá para Janela, Workspace e clique na configuração Tipografia. Eu faço um monte de trabalho no essencial também, mas eu descobri que este vai cobrir o básico para esta classe. Vamos ao File, Place e vamos pegar a imagem com que estávamos trabalhando. Vá em frente e clique em sua prancheta e a imagem deve aparecer. Queremos dimensionar nossa imagem para que ela se encaixe na prancheta, mas não queremos alterar as proporções, então precisamos manter pressionada a tecla Shift. Certifique-se de que você está na ferramenta de seleção, que o atalho é V. Então você vai manter pressionada a tecla Shift e apenas arraste, que parece ótimo. Vamos mudar a opacidade para 30 por cento, que ela esteja em segundo plano e atue como um guia durante todo o projeto. A próxima coisa que queremos fazer é bloquear essa camada. Se você entrar no painel Camadas, a primeira coisa que você deseja fazer é nomear sua camada. Vamos chamar este escaneamento original, e então vamos bloqueá-lo pressionando bem aqui. Assim, qualquer trabalho que fizermos não o afetará. Vamos criar uma nova camada para que possamos trabalhar nela, vamos configurar guias de soma para nos ajudar a alinhar tudo. Pressionando o Comando R, nossos governantes aparecerão. Para configurar um guia, você só precisa pegar de sua régua para onde você quer que seu guia. Eu quero que um guia seja a linha de base, eu também quero um no topo. Se você precisava de uma linha diagonal para algo mais Itálico, você pode usar a ferramenta Caneta para criar um guia. A ferramenta de caneta é composta de pontos de ancoragem, caminhos , curvas básicas e alças, estaremos usando muito a ferramenta de caneta nesta classe. Se você clicar em “P”, você pode acessar a ferramenta de caneta. Pode clicar no local onde pretende que o guia comece e, em seguida, clicar novamente no local onde pretende que termine. Esta linha diagonal seria um ótimo guia para Itálico. Para transformá-lo em um guia, basta ir para Ver, Guias Fazer Guia, você pode ver que agora é da mesma cor que os outros guias. Nós não vamos precisar dele para este projeto, então eu vou ir em frente e pressionar “Command Z” para desfazer. 4. Como usar formas básicas: Vamos começar fazendo algumas formas básicas que podemos ver ao longo de nossas letras. Parece que temos alguns retângulos ouvir. Vamos começar com a ferramenta de retângulo. Você pode chegar à ferramenta de retângulo aqui, ou pressionando M. Nosso L, R, I e N todos têm retângulos nele. Vamos começar com o nosso L. Para desenhar um retângulo nós só precisamos começar clicando, arrastar para baixo e solte onde queremos que ele termine. Se você segurar Shift, você receberá um quadrado, então não queremos estar segurando o turno de escrever agora. Vou fazer uma cópia do caule do L e girá-lo 90 graus para a perna. Eu quero ter certeza que eu estou na ferramenta de seleção, Eu vou fazer isso pressionando V, em seguida, uma opção de segurar até que eu obter a seta dupla e eu vou mudar o meu item sobre. Se você manter a tecla Shift pressionada enquanto estiver fazendo isso, seu item permanecerá no mesmo avião. Agora, para girá-lo, vamos para a ferramenta girar e clicar duas vezes nela. Queremos que se mova 90 graus e depois apertamos tudo bem. Como queremos pegar tudo, vamos pegar a ferramenta de seleção pressionando V, e vamos movê-la para baixo enquanto segura o turno. Sabemos que queremos isso mais curto, mas queremos manter a altura, então só precisamos mover esses dois pontos de ancoragem para a esquerda. Para fazer isso, eu vou pegar a ferramenta de seleção direta, que é o atalho A. A diferença entre a ferramenta de seleção direta e a ferramenta de seleção, é que a ferramenta de seleção direta permitirá que você isolar uma âncora ou vários pontos de ancoragem, enquanto a ferramenta de seleção irá pegar uma forma como um todo. Sei que preciso desses dois pontos de ancoragem selecionados. Vamos nos certificar de que estamos na ferramenta de seleção direta pressionando A, então eu vou desenhar uma forma em torno desses dois pontos de ancoragem, segure Shift e trazê-lo para dentro. Vou fazer a mesma coisa aqui. Aquela linha rosa que aparece é o meu guia inteligente, que me diz que tenho um cruzamento. Isso significa que tudo está em linha. Perfeito, nosso L está feito. Antes de uni-lo em uma forma, eu quero usar alguns desses itens para a soma de nossas outras letras. O caule do nosso L corresponde à soma de R, então vou fazer uma cópia e movê-lo. Outra maneira de fazer uma cópia é pressionar Comando C com seus itens selecionados e Comando V. Você pode vê-lo apenas colocado em qualquer lugar do tabuleiro. Se você quiser colocar o item no mesmo local, mantenha pressionadas as teclas Shift Command e V. Agora vamos arrastá-lo para cima, e temos o R iniciado. Acho que gostaria que nosso R fosse um pouco mais fino, então vamos pegar os dois pontos de ancoragem externos e trazê-los para dentro. Estou segurando Shift aqui para que nada saia da linha. Vamos também copiar isso novamente para o I e para o Comando C, Comando V, e eu vou movê-lo. Vamos pegar os dois principais pontos de ancoragem com a ferramenta de seleção direta e mudar isso para baixo para que o nosso I fique mais curto. Também queremos usar esse tronco do R para iniciar nosso N, mas sabíamos que ele precisa ser mais fino. Vamos fazer outra cópia aqui. Vamos selecionar o retângulo com a ferramenta de seleção. Em seguida, mantenha pressionada a opção e comece a arrastar a duplicata. Mantenha pressionada a tecla Shift enquanto arrasta. Quero que esta peça seja um pouco mais fina, já que é assim à minha imagem. Vou pegar os dois pontos de ancoragem externos usando a ferramenta de seleção direta e trazê-lo para dentro. Agora vamos movê-lo para que esteja no lugar. Sei que precisamos duplicar isso para o outro lado. Agora eu vou bloquear ambas as camadas e mostrar como eu gosto de fazer o meio do N. Eu vou dois pegar ambos com a ferramenta de seleção e eu vou pressionar ferramenta de comando para bloqueá-los. Você pode ampliar pressionando Z e clicando ou você pode pressionar o comando mais sinal. Eu vou pegar a ferramenta caneta pressionando P e eu vou começar um caminho na borda externa do primeiro retângulo. Vou desenhar o meu próximo ponto na parte inferior do lado de fora, outro ganho por dentro e volta para cima. Precisamos fechar nosso caminho para que ele esteja terminado, então vamos clicar direito em cima do primeiro ponto de ancoragem. Você pode ver que esse círculo significa que estou prestes a fechar um caminho. Agora você pode ver se eu desbloquear pressionando Opção de Comando e dois, suas três peças que estão fazendo nossa forma. Cada peça pode ter sua própria cor, ou podemos uni-los em uma forma. 5. Como criar curvas: Ao aprender a usar a ferramenta de caneta, um dos erros comuns é usar muitos pontos. Ao fazer isso, você criará bordas irregulares. Nosso objetivo é ter linhas nítidas. Então vamos usar menos pontos colocando nossos pontos nos extremas, esses são os pontos mais altos e mais baixos de uma curva. Nós também vamos manter nossas alças em ângulos de 90 e 45 graus segurando Shift ao arrastá-los para fora. Começaremos colocando nosso primeiro ponto bem na borda e arrastando nossas alças enquanto segura Shift. Muita gente colocaria seu próximo ponto aqui, mas na verdade, queremos ir direto para o fundo até o nosso extremo e arrastar essas alças. Lembre-se de segurar Shift, e voltaremos e refinaremos essa curva mais tarde. Para fazer uma borda reta, vamos pressionar “Opção”, clicar nesse ponto de ancoragem, depois terminar e fechar nosso caminho. Agora vamos largar a opacidade e vamos entrar e refinar essa forma. Mantenha pressionada a tecla Shift e ajuste as alças. Para o balcão, vou copiar exatamente a mesma forma, reduzi-lo. Vou unir essas duas formas com a ferramenta Pathfinder, e vou deixar isso como branco, então parece que está saindo. Para a cauda do nosso R, eu sei que eu quero que ele desça um pouco mais baixo para que ele não se cruze com o i. Eu vou trancar o i para que eu não o mude acidentalmente. Vamos colocar o nosso primeiro ponto aqui e depois vamos para o ponto mais baixo da nossa curva. Arrastamos as alças, depois colocamos uma segunda aqui no topo. Eu gosto de experimentar com os cantos se eles parecem melhor em 45 ou 90. Vou manter este em 45. Eu vou chegar aqui e colocar outro ponto no fundo da minha curva, arrastar essas alças e terminar a curva. Novamente, vou pressionar “Opção” e depois fechar meu caminho. Agora posso entrar e fazer refinamentos. Eu sei que eu quero que isso aconteça, então eu quero pegar os três pontos de ancoragem para que eu só afete esta seção. Vou agarrá-los com a ferramenta Seleção Direta, depois mantenho a tecla Shift pressionada e move-a para baixo. Gosto muito mais disso do que o meu esboço. Agora vou pegar as duas partes do R, vou usar a ferramenta Pathfinder e uní-las. Nosso balcão ainda está lá, mas vamos trazê-lo para a frente pressionando Shift, Command e o suporte direito. Agora está na frente para que possamos dividi-lo. Pegue as duas formas, pressione “Dividir”, e então vamos remover esta parte para que possamos ver que é realmente uma peça agora. Agora podemos fazer ajustes dentro. Muito melhor. Agora vamos trabalhar no título do i. Uma maneira que você pode fazer um círculo é indo para a ferramenta Elipse. O atalho para isso é L. Se você queria fazer um oval, você só precisa clicar e arrastar. Se você pressionar Shift enquanto faz isso, você terá um círculo perfeito, mas para isso, quero mostrar como desenhar seu próprio círculo usando a ferramenta Caneta. Comando Z para desfazer isso. Então pegue nossa ferramenta Caneta e clique no topo, o ponto mais alto do nosso círculo. Agora vamos arrastar nossas alças para fora na direção que queremos ir. Estou arrastando para a esquerda porque o próximo caminho que vou é para a minha esquerda. Agora quero ir para a parte inferior. Você pode ver se eu não usar minhas alças, não é a forma que eu estou indo para. Então vamos desfazer e fazê-lo novamente enquanto arrasta. Isso parece ótimo. Agora vamos fechar o caminho e redesenhar essa alça. Perfeito. Agora posso entrar e fazer ajustes. Essa é uma das minhas coisas favoritas sobre a ferramenta Caneta, é que tudo é editável. Eu posso entrar e pegar essa seção, movê-la para cima ou mover essas alças para realmente aperfeiçoar minha forma. Vamos passar para o g. Ao trabalhar em letras de script, eu gosto de desenhar um contorno da minha forma. Começarei pelo meu extremo, arrasto minhas alças para fora, e vou para o fundo. Você pode ver que eu preciso colocar um ponto aqui, mas este ângulo não parece certo. Enquanto eu estiver na ferramenta Caneta, eu vou manter pressionada a opção, arrastar essa alça para dentro, quando eu liberar a opção, eu posso pegar meu caminho onde eu parei. Acho que os pontos finais geralmente são onde eu não uso um ângulo de 45 ou 90 graus. Agora que meu caminho está fechado, vou entrar e fazer aqueles pequenos refinamentos. Pressionando “A” e segurando Shift aqui e pegando o caminho em vez do ponto de ancoragem, eu posso fazer um canto simétrico. Se esse é o olhar que você quer, é perfeito. A razão pela qual temos uma sobreposição aqui é porque eu quero ter certeza que eu posso entrar e editar esta peça sem afetar o resto dela. Isso parece muito bom. Vamos transformá-lo em um preenchimento. Vamos passar para o E. maiúsculo para o meu E, eu gosto de desenhar alguns dos contornos primeiro. Gosto de desenhar qualquer coisa que não tenha uma curva, assim como a minha fundação. Você pode ver aqui que eu preciso transformar isso em um derrame, caso contrário, nós não seremos capazes de ver com o que estamos trabalhando abaixo dele. Agora, para esta curva no topo, eu vou pegar o caminho, desenhar mais um ponto de ancoragem, então eu vou unir esses dois caminhos fechando o caminho e arrastando meu guidão. Eu sei que eu quero exatamente essa mesma curva na parte inferior, então eu vou usar minha ferramenta Seleção Direta, pegar os pontos âncora que eu quero, Comando C para cópia e Comando F para colar na frente. Vou pegar esse objeto e transformá-lo para refletir. Quero reflectir sobre o eixo horizontal. Agora está no fundo e podemos criar alguma simetria. Eu preciso fazer isso mais curto para que eu possa ver, e eu sei que eu peguei muito desse caminho no topo. Posso entrar no modo de contorno aqui e ver um pouco melhor. Agora eu posso ver que esses dois caminhos precisam se juntar. Vou pegar os dois com a ferramenta de seleção direta e pressionar Command J. Não preciso de todos esses pontos de ancoragem extras. Então eu vou pressionar o sinal de menos e remover esses dois pontos de ancoragem. Você pode ver que o caminho permaneceu intacto. Se eu tivesse pressionado “Delete”, eu teria perdido uma parte do meu caminho. Perfeito. Eu sei que este serif e o serif inferior vão ser diferentes, então eu vou trabalhar no topo e então eu vou para o fundo. Vou pegar meu caminho. Eu posso ver aqui que parece um pouco instável. Se aumentarmos o zoom, é nítido e depois vai para a curva, então eu quero tornar isso um pouco mais suave adicionando essas alças lá. Isso é melhor. Gosto de ampliar de perto, mas lembre-se de considerar o tamanho em que as pessoas vão ver o seu arquivo. Agora, para este serif do meio, vou usar formas básicas para criar isso. Vou usar a ferramenta Retângulo arredondado. Eu vou desenhar meu retângulo, e então agora tudo que eu quero fazer é adicionar um retângulo regular para uni-los. Eu vou usar a ferramenta Pathfinder e então eu vou fazer a mesma coisa aqui. Eu quero fazer meu E um pouco mais alto, então eu vou pegar a metade inferior usando a ferramenta Seleção direta e movê-lo para baixo. Vou voltar a este ponto de ancoragem porque não estou amando o que parece. Muito melhor. Vamos transformar isso em um preenchimento agora para que possamos ver como ele realmente parece. Perfeito. Agora só temos estas três letras sobrando. Estes são no estilo da caligrafia moderna, onde os traços descendentes são grossos e os upstrokes são finos. Também temos uma ligadura aqui porque a barra transversal do t é na verdade a barra transversal de ambos os ts. Vamos guardar essa parte para o fim. Pegue a ferramenta Caneta, e vamos começar no ponto superior novamente. Arrastar nossas alças, escolher nosso próximo ponto. Voltaremos e consertaremos a curva mais tarde. Eu não vou para desenhar a próxima carta porque eu gosto de cada uma das minhas cartas para ser separada antes de eu estar pronto para finalizar meu projeto. Novamente, vamos transformar isso em traço para que possamos ver abaixo a arte e vamos continuar desenhando. Você pode ver que não se parece com o que queremos. Agora que temos a forma básica, podemos entrar e refiná-la. Muito disso está brincando com tentar encontrar o espaço certo para colocar seu ponto de ancoragem. Isso parece muito bom. Vamos passar para o nosso T. Vou colocar um ponto aqui porque quero que seja uma linha reta bem nítida. Eu não quero que ele se afaste. Uma vez que estas são a mesma letra, nós podemos realmente apenas fazer uma cópia e, em seguida, fazer ajustes em vez de fazer todo o trabalho novamente. Eu sei que eu quero um canto bem nítido aqui, então eu vou usar a ferramenta Seleção direta. Você pode ver que isso está fazendo um canto perfeito. Eu sei que temos alguns ajustes para fazer aqui em cima. Vamos transformar isso de volta em preenchimento para que possamos ver como está. Isso está ótimo. Vamos trabalhar nesta swash agora. Vou começar por esta borda e depois desenhar um ponto de ancoragem aqui e puxar minhas alças. Agora é hora de voltar e revisar. Esta é uma forma muito orgânica, então eu não estou muito preocupado com essas alças verticais e horizontais aqui. Quero que seja muito fluida e divertida. Vou pegar essa parte do caminho. Você pode ver que as curvas [inaudíveis] também estão sendo afetadas. Vou pressionar “Shift C” aqui, mantenha a tecla Shift pressionada, e vamos conseguir aquele canto legal. Acho que devo ter exagerado com o meu esboço aqui, então vou deixá-lo assim. Vamos ver o que acontece quando o transformamos em um preenchimento. Isso está ótimo. 6. Finalização: Agora, vamos remover a nossa camada de fundo e ver como gostamos dela. Clique no globo ocular e essa camada desaparece. Para remover o nosso guia para que possamos ver claramente, vamos apenas pressionar o ponto-e-vírgula de comando. Se entrarmos no modo de contorno, podemos ver onde nossos pratos estão se sobrepondo. Uma vez que você está realmente satisfeito, você pode entrar e você pode unir suas formas. Eu gosto de manter uma cópia das letras antes uní-la no caso de eu querer fazer alterações mais tarde. Pegue tudo e pressione Command C, crie uma nova camada e vamos editar, colar no lugar. Assim fica exatamente no mesmo lugar, mas em uma nova camada. Vamos trancar essa camada e chamá-lo de “pedaços de letras”. Agora adicione um pouco de cor e mal posso esperar para ver o que você criou. Espero que esta aula tenha ensinado algumas dicas novas para trabalhar no Adobe Illustrator. Lembre-se que está tudo bem se seus esboços não são perfeitos, pois você estará usando como guia. Mantenha seus formulários de carta únicos, e quanto menos pontos de ancoragem, melhor. Quando você começar a trabalhar com a ferramenta caneta, não desanime se sua arte não estiver parecida com seu esboço. Lembre-se que muito desse processo será no refinamento que você fará depois de colocar seus pontos iniciais. Para o seu projeto de classe, escolha sua própria palavra e não se esqueça de compartilhar seu trabalho com a classe. Carregue sua peça acabada e processe capturas de tela para a página do projeto, e sinta-se livre para me fazer qualquer pergunta. Se você postar qualquer um de seus trabalhos no Instagram, certifique-se de marcar @sugartype. Por favor, deixa-me uma vista espelhada e mal posso esperar para criar contigo outra vez.