Digite em um caminho no Adobe Illustrator — um curso de Graphic Design for Lunch™ Class

1. Digite um caminho no Illustrator - introdução: Olá, sou Helen Bradley. Bem-vindo a este design gráfico para a aula de almoço, digite em um caminho no Adobe Illustrator. Design gráfico para almoço é uma série de aulas que ensinam uma variedade de dicas e técnicas para criar designs e trabalhar em aplicativos como Illustrator, Photoshop e Procreate. Hoje estamos analisando a criação de texto em um caminho no Illustrator. Vamos começar olhando para as ferramentas para criar texto em um caminho. Em seguida, veremos como incorporar esse texto em um design, como um banner de premiação. À medida que você está trabalhando nesses vídeos, você pode ver um prompt que permite recomendar essa classe a outras pessoas. Por favor, se está gostando da aula, dê um polegar para cima. Essas recomendações me ajudam a colocar minhas aulas na frente de mais pessoas que, como você, querem saber mais sobre o Illustrator. Se você gostaria de deixar um comentário, por favor faça-o. Eu leio e respondo a todos os seus comentários e olho e respondo a todos os seus projetos de classe. Se você estiver pronto agora, vamos começar a criar texto em um caminho no Illustrator. 2. Tipo em um caminho - parte 1: Para criar texto em um caminho, vamos parar criando um caminho. Eu só estou arrastando um círculo segurando a tecla “Shift” como eu faço, e eu estou segurando esta barra de espaço apenas para mover o círculo para a posição, e eu vou deixar ir o botão esquerdo do mouse e nós temos um círculo. É um círculo branco cheio com um golpe preto. Agora, podemos criar tipo no caminho, quando o caminho é selecionado usando a Ferramenta de texto, mas é um pouco exigente e você provavelmente vai querer usar a ferramenta de texto no caminho em vez disso. O que você está procurando, é que isso indicado apareça na linha e quando você começa a digitar para que as coisas circulem em um círculo, bem, isso não aconteceu aqui. Este não é o Tipo em um Caminho mesmo que ele supostamente seja isso. Vou desfazer tudo aqui. Eu estou indo para Type on a Path Tool porque é muito mais confiável a própria Type Tool. Ilustrado, quando você seleciona essa ferramenta, espera que você esteja indicando um caminho para digitar. Eu só vou clicar aqui neste caminho, e agora quando eu digitar, você pode dizer que as coisas estão decolando ao redor do círculo. Bem, vou digitar a palavra Illustrator. São tipos muito pequenos, eu só estou selecionando ou, eu só vou ampliá-lo. Vou selecionar a Ferramenta de Seleção, e vamos dar uma olhada e ver o que temos aqui. Estes dois indicam como uma marcação a borda esquerda e direita da área possível que esta conversa poderia consumir. No momento está alinhado à esquerda, então está alinhado contra esta margem aqui. Se nós escrevêssemos uma linha que você acha que o texto vai todo o caminho em torno da forma, porque esta é a margem certa para o texto, e se nós centralizá-lo, enquanto ele vai ser centrado entre essas duas margens aqui, que é todo o caminho do outro lado daqui. Vamos voltar ao texto alinhado à esquerda. Se você quiser que o texto, por exemplo, seja alinhado na parte superior da forma, você pode ajustar estes, marcadores, eu estou pairando sobre um deles e eu tenho uma linha reta e uma seta apontando para a esquerda. Esta é na verdade a borda direita dos tipos. Eu só vou arrastá-lo e colocá-lo aqui, bem neste ponto de ancoragem. Quando envio para o meu tipo, está centrado entre este marcador e este marcador. Vou ajustar este. Novamente, eu vou passar o mouse sobre este ponto aqui, até que eu tenha um mouse apontado que está acima e uma seta apontando para a direita. Um pouco confuso, este é o fenótipo da margem esquerda, e eu vou clicar e arrastá-lo de volta aqui. Agora o meu texto está organizado entre este ponto aqui e este ponto aqui. Porque eu tenho isso centrado, ele está centrado em toda a parte superior da forma. Há mais uma linha aqui, e esta é esta. Quando eu passar o mouse sobre ele, meu mouse apontou gira para uma barra com uma seta apontando para cima. Esta é a ferramenta que você usa para inverter o texto através da linha. Se você quiser virar o texto através da linha, você pode fazê-lo usando este indicador. Você também pode colocá-lo de volta usando este indicador, se ele vira quando você menos espera. Vou apenas clicar e arrastá-lo até aqui. Agora há algumas coisas esta noite, eu acabei de clicar fora deste texto e você vai dizer que o caminho não é mais visível. Se você quisesse que o caminho ficasse visível, você precisaria salvar esse caminho, antes de tudo, porque você perderá o caminho assim que criar texto sobre o caminho. Você também pode criar texto em um caminho não circular. Na verdade, vou adicionar outra prancheta aqui. Vou clicar na Ferramenta de prancheta, e vou selecionar, arrastar e duplicar a prancheta aqui. Eu vou adicionar “Shift”, para que eu possa simplesmente colocá-lo diretamente ao lado da prancheta existente, e eu selecioná-lo e removê-lo. Vamos criar uma linha lá. Você pode criar uma linha com a Ferramenta Caneta ou a Ferramenta Lápis. Eu tenho a ferramenta Lápis e está ajustada para suavizar. Eu só vou arrastar uma linha aqui. Esta é a minha linha. Vou adicionar tipo ao longo deste caminho. uma vez, vou para a minha Ferramenta Type on a Path, indo selecioná-la. Eu vou passar o mouse sobre o caminho até que meu cursor se torna este feixe I com uma pequena linha através dele, Clique uma vez, e agora eu vou começar a digitar. Você pode dizer que mesmo que eu cliquei aqui, eu estou digitando aqui, e isso é porque eu tenho tipo central ligado. Se eu tivesse uma linha esquerda, então eu vou passar para aqui, e se eu tiver uma linha direita, eu vou digitar para trás. Voltando para a ferramenta Seleção, temos todas as mesmas opções aqui. Eu posso mover este ponto para trás para mover o meu tipo mais para trás na linha. Também posso ajustar este ponto. Só preciso ter muito cuidado para eu passar o mouse aqui e esperar até que meu ponteiro do mouse esteja correto. Deve ser uma barra com uma seta apontada para a esquerda. Ele vai movê-lo para a posição aqui, e se eu quiser centralizar o meu tipo, então ele vai ser centrado entre este ponto e este ponto. Se eu quiser virar a linha, estou procurando este pequeno ponto médio aqui, e eu vou apenas arrastá-lo e ele vira ao longo da linha. Leve-o de volta, vira ao longo da linha desta forma. Agora, existem algumas outras opções para trabalhar com o tipo em um caminho, que podem ser acessadas através do menu Tipo. Você deseja que seu caminho seja selecionado com tipo nele e escolha tipo e, em seguida, digite em um caminho. Nós vamos escolher tipo em um caminho opções. Vou ativar a Pré-visualização e clicar em “Virar”. O que isso faz é a mesma coisa que estávamos fazendo. Ele apenas vira o texto ao longo da linha. Vamos colocá-lo de volta do jeito que veio. Você também pode alterar as opções de caminho alinhado no momento em que é definido como linha de base. A linha de base deste texto vai aparecer ao longo desta linha. Se fôssemos selecionar o centro, então eles tomam serão centrados ao longo da linha. Também podemos escolher Ascender. Nesse caso, o texto é alinhado para que o Ascender, a parte mais alta da fonte, esteja ao longo da linha. Parece que os caracteres que eu selecionei aqui possivelmente não são os caracteres mais altos nesta fonte, é por isso que há uma lacuna aqui, que não é o que estamos dizendo quando selecionamos a linha de base, por exemplo, você pode ver aqui com a linha de base selecionada, esses personagens têm seu destino muito firmemente ao longo do caminho. Se você quiser selecionar o remetente, você pode pensar que as partes superiores desses caracteres devem estar ao longo do caminho. Em alguns casos que pode ser o caso neste caso de fontes, não é. Você também pode ajustar o espaçamento sobre eles. Nesta lista suspensa, você tem opções de espaçamento. Você pode aumentar ou diminuir o espaçamento aqui, para ajustar o texto. Escolher valores diferentes pode oferecer um melhor ajuste para o texto ao longo do caminho. Só vou redefinir isso para automático, vou clicar em “Ok”. 3. Tipo em um caminho - parte 2: Agora que você sabe como criar texto no caminho, é hora de olhar para uma situação prática onde você pode querer fazer isso. Esta é uma das imagens de banner que eu criei. Na verdade, tenho um vídeo sobre como criá-los. Se você quiser usar sua própria imagem de banner desse vídeo, fique à vontade para fazê-lo. Eu também vou dar-lhe o link para baixar esta imagem você mesmo, que você possa usá-lo se você não tem uma imagem de banner para usar. Vou abrir a paleta de camadas aqui porque precisamos dizer o que temos aqui. O que temos é um símbolo aqui que é esta parte traseira da fita. Vamos fechar isso porque não queremos que se mova. Eu também vou bloquear o fundo quadriculado aqui e a fita de cima por agora. A única coisa que é móvel é esta forma circular. Esta é apenas uma única forma que era o que o vídeo era sobre, estava mostrando como criar isso como uma única forma. Queremos colocar o nosso texto no topo desta questão. Vamos pegar uma duplicata dessas formas. Eu só vou arrastar e soltá-lo no novo ícone aqui. Vou bloquear a versão traseira dele. A forma traseira está bloqueada. Eu só vou pressionar a letra D para padrão para definir isso para as cores padrão, para o segundo agora perdeu todos os seus bits e passos extravagantes. Precisamos escalar isso para dentro. Vou segurar Shift +Alt, essa opção Shift em um Mac. Eu só vou arrastá-lo para dentro porque eu quero colocar isso onde eu quero que o meu tipo seja. Seria mais fácil nesta fase se eu realmente fizesse isso, digamos, jogar no meio. Só vou tirar o preenchimento para podermos dizer o derrame. Acho que precisa ser ainda um pouco menor. Vou datilografar para o almoço na metade superior desta forma. Poderíamos fazer do jeito que temos sido, mas você também pode cortar as formas em duas partes apenas para torná-lo um pouco mais fácil ainda. Vou pegar a tesoura aqui. Ela tem uma posição na barra de ferramentas com as matrizes. Com a ferramenta tesoura, eu só quero clicar em uma âncora. Estou apenas localizando o ponto de ancoragem neste tamanho do círculo e clicando uma vez nele. Vou clicar novamente neste ponto de ancoragem deste lado. Então agora isso é cortado em dois pedaços. Então há um semicírculo aqui e um semicírculo aqui no topo. Vamos usar o que está no topo. Então, novamente, eu estou indo para o meu tipo em uma ferramenta de caminho. Eu tenho meu semi-círculo selecionado, então eu vou apenas clicar para começar a digitar. Sabemos que isso está funcionando porque perdemos o traço em torno desta forma e este pequeno cursor piscando aqui está definitivamente ao longo do caminho. Então eu só vou digitar ilustrado para o almoço. Vou selecionar sobre o texto e apenas aumentar o tamanho da fonte aqui. Quero centralizar isto entre estes dois pontos. Vou clicar na Ferramenta Central. Não parece centrado para mim, então vamos investigar os problemas com isso em um minuto. Vamos apenas clicar longe do tipo. Se você precisar alterar a cor do tipo ou a fonte como eu faço, você selecionará novamente a forma e voltará para a Ferramenta de texto. O que você tem que fazer é localizar o ponto em que este texto termina. Eu só vou clicar e arrastar. Se você receber algo que você não espera basta pressionar Control ou o comando Z para desfazer e tentar novamente. Pode ser um pouco confuso até que você saiba exatamente onde clicar. Então eu vou deixar meu texto branco. Vamos apenas clicar aqui. Quando eu clico nesta forma, você pode ver que o ponto final para este tipo é por aqui, mas o ponto de partida é por aqui, é por isso que ele está centrado de uma maneira tão peculiar. Bem, eu estou indo para ir aqui e localizar o indicador que vai me deixar mover este ponto. Tenho o meu bar com a minha flecha a apontar naquela direcção. Eu só vou mover esta marca para cima para que seja aproximadamente oposta a este marcador. Assim, o texto agora está centralizado entre a margem esquerda e a margem direita para o tipo. Isso vai clicar de distância. Isso parece muito bom. Na verdade, vou apenas clicar para bloquear esse texto. Eu não preciso mais desse caminho de baixo, então eu posso apenas clicar e excluí-lo. Mas eu gostaria de um pouco de texto aqui. O que eu quero fazer é encontrar um caminho que seja a forma desta fita. Por isso vou desfazer ou desbloquear esta parte superior. Este é um pedaço de fita. O que eu quero fazer é que eu quero obter o lado de cima dele. Eu vou realmente apenas clicar longe da forma. Vou clicar nesta parte da linha. Tem um pouco mais aqui. Eu vou mudar clique nele. Eu selecionei tudo a partir deste ponto de ancoragem aqui, todo o caminho até este ponto de ancoragem aqui. Não está totalmente claro que foi isso que eu selecionei, mas será em apenas um minuto. Vou escolher editar cópia e, em seguida, editar colar no lugar. O que aconteceu é que agora eu tenho uma linha que eu copiei e colei no lugar e que tem um preenchimento e nenhum traço. É por isso que estamos vendo esse ritmo de cor aqui. Bem, eu vou virar o preenchimento e o derrame. Vou selecionar o traço e vou torná-lo preto ou alguma cor que possamos ver mais claramente. Vou às ferramentas de seleção. Quero selecionar a linha inteira. Eu só vou movê-lo para baixo. Isso me dá um caminho que é cópia exata do topo desta forma de fita. Eu vou para a minha fita, que é este ritmo aqui. Só vou fechar isso. Se você der uma olhada na última paleta aqui, você vai ver, eu tenho duas formas diferentes. O que eu preciso fazer é juntá-los para que eles se tornem um caminho ao longo do qual meu texto possa fluir. Vou escolher a junção do caminho do objeto. Isso vai torná-los um único caminho que agora podemos colocar texto junto. Então, você quer ter certeza de que, se você tiver várias linhas, por exemplo, formando um caminho que você realmente uni-los antes de iniciar esse processo. Vamos voltar e selecionar isso agora. Vamos clicar na ferramenta Tipo, clicar na linha, e toda a linha perde seu traçado, nos dizendo que nós realmente vamos estar digitando daqui para aqui, ou potencialmente poderíamos digitar daqui para aqui. Digitei criar tipo em um caminho no Illustrator e ele não se encaixa. Sabemos que há alguns textos que não se encaixam no nosso caminho porque temos uma pequena caixa aqui com um sinal de mais e é de cor vermelha. Mas eu vou selecionar meu texto antes de sair daqui e vamos apenas torná-lo da cor que queremos que ele seja. Eu queria ser uma cor de preenchimento, sem um derrame. Eu só poderia querer escurecer minha cor de preenchimento um pouco. Vou voltar para a Ferramenta de Seleção e podemos ver o que está acontecendo aqui. Bem, este é o lado esquerdo do nosso tipo e você pode ver que está bem no passado. Vamos querer movê-lo para que possamos potencialmente encaixar mais texto aqui. Então eu estou procurando o indicador para ser a linha apontando para dentro e eu vou apenas arrastar isso de volta para fora. Aqui está a outra margem aqui, e está muito bem posicionada no final do caminho aqui. Vou certificar-me de que tenho o centro selecionado e este texto está agora centrado ao longo do caminho. Há algumas coisas para estar ciente aqui. Uma delas é que às vezes pode ser muito, muito difícil pegar essas dicas aqui. Se você achar que eles são difíceis de pegar e você realmente deve ver essa linha com a seta ou então ele simplesmente não vai funcionar, você pode mudar para a Ferramenta de Seleção Direta. Às vezes descobri que usar a Ferramenta Seleção Direta em vez da Ferramenta Seleção torna um pouco mais fácil passar o mouse sobre essa forma e encontrar o ponteiro exato do mouse que você está procurando. Então, se você está tendo dificuldade, pode ajudar a alternar entre essas ferramentas e apenas ver se você pode obter uma para trabalhar onde a outra não está. Então, há algum texto adicionado à nossa forma aqui. Se você acha que isso não está posicionado corretamente, então podemos usar a Ferramenta de Seleção para voltar e selecionar esse caminho. Neste caso, você terá que escolher a Ferramenta de Seleção porque você deseja escolher o caminho inteiro. Em seguida, você pode mover o caminho um pouco para cima enquanto você move o caminho, que o texto que está anexado a esse caminho vai com ele. 4. Digite em um caminho - parte 3: Antes de terminarmos, vamos olhar e ver como criaríamos dois pedaços de texto em um caminho. Vamos ter textos indo nessa direção e alguns textos na parte inferior aqui. Novamente, se você não tem uma forma semelhante a esta que você pode usar, eu vou te dar um que você pode baixar. Vou abrir a última palete para vermos o que está acontecendo. Esta é apenas uma única forma. Vamos duplicar isto de novo. Vou arrastá-lo para o novo ícone de camada, vou bloquear a versão inferior. Vou selecionar a versão superior e pressionar a letra “D” para obter minhas cores padrão. Novamente, segure “Alt” e “Shift”, que é a opção “Shift” no Mac. Vou arrastar tudo para cá. Na verdade, vou fazê-lo não preencher, então novamente, eu posso ver mais ou menos para onde estou arrastando. Este é o caminho que vou usar. Mas neste caso, eu quero cortar o caminho em um lugar diferente. Vai me ajudar a cortá-lo no mesmo lugar se eu usar a régua. Vou escolher “Ver” e depois “Réguas” e, em seguida, clicar em “Mostrar réguas”. Vou arrastar uma linha de régua até aqui. Eu só vou arrastá-lo para baixo para que eu possa marcar muito claramente onde eu preciso cortar este caminho. Agora, eu tenho o guia selecionado agora, então eu quero selecionar o caminho. Eu só vou clicar nisso. Guias no Illustrator são apenas linhas como qualquer outra coisa. Eu estou indo para a ferramenta tesoura e eu vou apenas clicar para cortar o caminho neste ponto guia. Vou clicar para cortá-la aqui também. Uma vez que eu faça isso, eu deveria ter duas metades. Meio círculo aqui, bem, pouco menos de meio círculo e pouco mais de meio círculo aqui. Eu não preciso mais do meu guia, então eu vou arrastar e soltar isso na lata de lixo. Agora eu vou adicionar um pedaço de texto no topo aqui. Novamente, digite em uma ferramenta de caminho, eu tenho meu caminho selecionado, basta clicar aqui, e eu vou começar a digitar. Basta digitar meu texto, eu vou apenas selecioná-lo e ampliá-lo. Agora eu vou selecionar uma fonte estendida porque eu quero que isso se estenda um pouco. Você pode ver que o texto vai consumir mais de meio círculo, então é por isso que criamos um caminho um pouco maior que para este texto. Só vou aumentar um pouco de tamanho. Eu fugi do limite aqui, mas temos muito espaço para mover nossa mensagem. Agora, antes que eu termine com o texto agora, eu vou re-colorir. Eu só vou selecionar uma cor azul escuro e vamos apenas torná-la um pouco mais escura do que era. Vou voltar para a ferramenta de seleção. Vou selecionar aqui e o que estou procurando é esse marcador. Você pode ver que nós temos um pequeno marcador vermelho aqui indicando que há algum texto aqui que não é adequado. Eu só vou arrastar isso de volta. Eu vou arrastá-lo todo o caminho de volta para o ponto de partida porque o marcador de borda direita para o texto está aqui. Se eu centralizar o texto agora, ele vai funcionar perfeitamente. Aqui está a nossa melhor categoria de restaurantes de negócios locais. Aqui vamos digitar 2015-2016. Vou selecionar isto. Vou selecionar meu tipo em uma ferramenta de caminho, vamos clicar aqui, e vamos começar a digitar. Agora o texto foi na direção errada, mas tudo bem. Agora vou selecionar sobre o texto. Para fazer isso, estou pressionando “Shift” e a seta para a esquerda assim como eu faria se os textos estivessem no caminho certo. Eu quero colorir da mesma forma que este outro texto é colorido. Eu só vou pegar a ferramenta conta-gotas. Vou clicar no texto para pedir emprestado a formatação. Vou voltar para a minha ferramenta de seleção e você pode ver aqui que os marcadores estão aqui e aqui. Bem, eu quero este marcador todo o caminho para o outro lado daqui. Mais uma vez, eu vou pegar aquele pequeno indicador quando é a barra e a seta e apenas arrastá-lo até aqui. Agora o meu texto está centrado. Está centrado, mas está de cabeça para baixo, então agora vou virar a linha. Tendo virado a linha, é claro que agora não está onde eu quero que ele esteja, mas eu posso empurrá-lo lá para baixo usando o tipo em uma opção de caminho. Vou selecionar “Type”, “Type on a Path”, “Type on a Path Options”. Vou clicar em “Pré-visualização” para que possamos ver. Vou ajustar isto para “Ascender” em vez de “Baseline”. Isso só empurra para cá. Agora há outra maneira de você fazer isso. Vou colocá-lo de volta aqui com a linha de base. Vou clicar em “Cancelar” para sair daqui. O que você poderia fazer é ir para a caixa de diálogo de caracteres aqui com o texto selecionado, e você pode empurrá-lo para baixo na página com uma mudança de linha de base. O que vou fazer é diminuir a linha de base aqui. Novamente, isso empurra o texto para esta área. Ele também afasta os números um pouco. Tendo feito isso, você pode querer diminuir o rastreamento. Você pode querer aproximar o rastreamento um pouco mais para que os números fiquem um pouco mais juntos. Eles tendem a ficar um pouco separados se você alterar a linha de base. Mas essa é outra opção para você reorganizar o texto para que pareça que ele está sentado corretamente entre essas linhas. Seu projeto para esta classe será reproduzir esses banners com o texto em um caminho. Agora você pode usar seus próprios banners ou você pode usar os meus. Basta baixá-los a partir dos links que você encontrará na área do projeto da classe. Quando terminar seus designs, você pode publicá-los na área do projeto para que todos nós vejamos. Espero que você tenha gostado deste curso e que tenha aprendido um pouco sobre como colocar texto em um caminho no Illustrator. Se você gostou do curso e se você vir um prompt para recomendar esta aula para outros, por favor, dê um polegar para cima. Isso ajuda os outros a identificar isso como uma classe que eles podem querer tomar. Se você gostaria de deixar um comentário, por favor faça-o. Eu leio e respondo a todos os seus comentários e olho e respondo a todos os seus projetos de classe. Meu nome é Helen Bradley. Muito obrigado por se juntar a mim para este episódio de Design Gráfico para Almoço, e estou ansioso para vê-lo em um próximo episódio em breve.