Efeitos de texto recortado no Adobe Illustrator — um curso de Graphic Design for Lunch™

1. Design gráfico para o efeito de texto de cout para o almoço: Olá, sou Helen Bradley. Bem-vindo a este episódio de Design gráfico para almoço, crie efeitos de texto recortado no Adobe Illustrator. Design gráfico para almoço é uma série de aulas que ensina uma gama de dicas e técnicas para criar projetos e trabalhar em aplicações como Illustrator, Procreate e Photoshop. Hoje estamos olhando para efeitos de texto recortado. Começaremos recortando textos de uma foto de bitmap de tal forma que o texto em si permaneça totalmente editável. Em seguida, criaremos um segundo efeito que corta o texto de uma forma nos locais onde a forma e o texto se sobrepõem. Vamos fazer isso também de uma forma que garanta que o texto seja totalmente editável. Analisaremos algumas maneiras pelas quais você pode usar esse efeito em seus próprios designs. Agora, enquanto você está trabalhando nesses vídeos, você pode ver um prompt que permite recomendar essa classe a outras pessoas. Por favor, se estás a gostar desta aula, dá-lhe um polegar para cima. Recomendações como essa me ajudam a colocar minhas aulas na frente de mais pessoas, pessoas como você que querem aprender mais sobre o Illustrator. Se você gostaria de deixar um comentário, por favor faça-o. Eu li todos os seus comentários e olho para todos os seus projetos de classe. Se você estiver pronto, vamos começar a usar os efeitos de texto recortado no Illustrator. 2. Efeitos de texto de recorte - parte 1: É possível cortar texto de uma foto no Illustrator e vamos fazer isso agora. Vou começar com um novo documento, escolhendo “Arquivo” e depois “Novo”. O documento terá 1.000 pixels por 750 pixels e seu modo de cor RGB. Vou clicar em “Ok”. A imagem que vou usar é de unsplash.com. Aqui está. Unsplash.com é um site onde você pode encontrar imagens que você pode usar para fins comerciais e pessoais. Fui ao unsplash.com e procurei a palavra-chave Londres e encontrei esta imagem. Eu gosto do contraste nele, então isso é o que vamos usar. Em unsplash.com, quando você vir uma imagem que você gosta, clique nela e ela será aberta em uma nova janela do navegador e você pode clicar para baixá-la. Eu já fiz isso, então vamos pegar a imagem. Dentro do ilustrador, vou escolher “Arquivo” e depois “Colocar”. Aqui está a imagem. Vou clicar nele. Quero ter certeza de que o link está desmarcado porque eu quero incorporar essa imagem no meu documento e vou clicar em “Inserir”. Agora eu preciso apenas arrastar uma área para a imagem. Eu só vou arrastar para fora um ponto no meu documento para ele, em seguida, clique de distância. Em seguida, eu fiz meu texto, então eu vou clicar aqui na ferramenta Texto e eu vou digitar algum texto. Vou digitar a palavra trabalho. Vou selecioná-lo, clique na caixa de tamanho da fonte aqui e pressione Shift seta para cima para aumentar o tamanho do meu tipo. Vou movê-lo para uma posição sobre a minha imagem e apenas testar para ver como ela fica. É um pouco difícil de dizer, então eu só vou colorir uma cor totalmente diferente; laranja vai ficar bem. Eu acho que eu poderia escolher uma fonte melhor; uma fonte mais grossa funcionaria melhor aqui. Myriad Pro tem uma série de variedades diferentes com ele. Um desses pode me ajudar. Eu abri a lista de fontes aqui, então eu vou clicar em Myriad Pro e, em seguida, basta ir para baixo e olhar para as opções que eu tenho disponíveis. O mais grosso que eu tenho é negrito semi estendido. Vou selecionar isso. Posso dizer que é uma boa fonte grossa, talvez um pouco grande demais para nossos projetos. Vou diminuir o tamanho da fonte. Eu também posso mover as letras mais perto, clicando no painel Character aqui e indo para esta opção de rastreamento . Eu estou realmente indo para diminuir o espaço entre os caracteres para que eu possa obter um pouco mais da minha foto nos textos que eu tenho Aqui. O método que vamos usar para preencher este texto com a imagem é criar uma máscara de recorte. Escolherei a ferramenta Seleção para selecionar sobre o tipo e a foto. Vou clicar com o botão direito do mouse e escolher fazer máscara de recorte. Agora, temos [inaudível] que está preenchido com a nossa foto. Vamos dar uma olhada no último painel e ver o que temos. Temos camada um. Dentro disso há um grupo de recortes e dentro do grupo de recortes está o nosso texto e a nossa foto, todos os quais ainda são editáveis. Se eu clicar no meu texto e ir para a ferramenta Tipo, eu posso apenas clicar neste texto e eu posso digitar algo completamente diferente. Se eu clicar fora, o texto ainda será preenchido com a imagem. É que o texto em si mudou. Também é possível selecionar a imagem dentro da máscara de recorte e movê-la. À medida que movemos a imagem, uma parte diferente dela aparecerá dentro do nosso texto. Eu gosto do fundo das cadeiras lá. Eu poderia realmente selecionar isso e clicar de distância. Se você gostaria de digitar efeito, mas você gostaria de um pouco de um strike sobre estas letras que é capaz de ser feito também. Voltaremos para a última palete. Desta vez, vamos clicar na máscara de recorte em si, então precisamos selecionar a máscara de recorte. Aqui é o traço e essa é a frente, então podemos apenas ir e selecionar, por exemplo, um traço preto. Isso dá à imagem um traço preto muito fino. Se você quiser que ele seja mais fino ainda vá para Janela e, em seguida, traçar. No momento, temos um peso de um ponto, mas poderíamos digitar isso para dizer meio ponto e então temos apenas uma linha muito fina em torno do nosso texto. Há uma maneira simples de cortar texto de uma foto no Illustrator. É claro que esta foto permanecerá uma imagem bitmap. Se o escalarmos para um tamanho realmente grande, vamos sofrer de alguma pixelização na própria imagem. 3. Efeitos de texto de recorte - parte 2: Para criar um efeito de texto inverso no ilustrador, vamos escolher Arquivo e Novo e apenas criar um novo documento. Estou usando 1.000 por 750 pixels de tamanho, modo de cor RGB. Vou clicar em “Ok”. Agora, eu vou começar com o círculo, então eu vou para a ferramenta de elipse. Vou clicar nele e segurar Shift enquanto arrasto um círculo. Vou movê-lo mais ou menos para o meio da minha imagem. Quero preencher meu círculo com uma cor sólida. Eu só vou para a minha paleta de amostras, e eu vou escolher uma cor para usar. Vou escolher esta cor laranja. Vou virar o traçado e preencher cores e remover o traçado completamente. Agora vou adicionar um texto. Vou clicar aqui na ferramenta de texto e, no interesse de tornar o texto visível sobre a forma laranja, vou clicar longe da forma e, em seguida, selecionar preto como minha cor de preenchimento. Vou clicar na ferramenta Texto novamente e vou digitar as palavras círculo mágico. Agora estou digitando duas linhas de texto. Eu só vou escolher sobre eles. Clique na caixa de tamanho da fonte, pressione Shift seta para cima para ampliá-los para um tamanho grande. Vou posicioná-los sobre o círculo e vou certificar-me de que as linhas estão alinhadas centralmente. Vou clicar na opção central e vou movê-los de volta mais uma vez. Encontrei uma fonte que eu gosto e chama-se alfabeto mono. Eu só vou selecioná-lo. Aqui está, mono-alfabeto regular. É uma fonte bastante interessante e eu vou te dar o link de download para ele. Está disponível a partir de dafont.com e é uma fonte gratuita e é gratuito para uso comercial e privado. Agora que temos esses dois elementos que digitei e um círculo, vamos criar nosso efeito de texto recortado. Vou para a ferramenta de seleção. Vou selecionar sobre o texto e eles circulam. Ir para a paleta Pathfinder e o que eu quero fazer é o equivalente a uma opção Excluir. A opção Excluir excluirá áreas de forma sobrepostas. Ele vai se livrar das áreas onde o texto e o círculo estão se sobrepondo, dando-nos um efeito de recorte. Mas se eu clicar na opção Excluir aqui, nada acontece. A razão pela qual nada acontece é que meu tipo ainda está digitado. Agora, eu tenho duas opções neste momento. Uma boa e outra não tão boa. Vamos falar sobre o não tão bom. O não tão bom é ir e converter este tipo em contornos e, em seguida, aplicar este efeito e ele iria funcionar. Mas isso vai nos limitar mais tarde em termos da flexibilidade que teríamos em trabalhar com esses objetos. A melhor opção é voltar para esta opção Excluir, que clique como poderíamos nele não vai funcionar e adicionar a tecla Alt ou Option. Neste momento, estou mantendo pressionada a tecla Alt ou Option, estou clicando em Excluir e vamos ver o que acontece. Bem, algo bastante mágico acabou de acontecer. Conseguimos cortar o texto da forma subjacente. Perdemos a cor da forma. Transformou-se na cor do texto, mas temos o efeito que procurávamos. Como bônus, também temos editabilidade. Descendo aqui até a última palete, basta clicar para abrir a última palete e você dirá que temos aqui uma forma composta e dentro dessa forma composta está o nosso texto de círculo mágico e o nosso caminho, ambos editáveis. Se eu clicar no texto do círculo mágico, eu posso mover o texto ao redor e quando eu fizer isso, ele ainda vai operar esse efeito de texto recortado, mas a posição de recorte vai mudar de acordo com o local onde o texto é colocado. Agora o texto também é editável. Eu poderia vir aqui e remover uma carta. Com este efeito, o texto permanece totalmente editável. Agora, se quisermos voltar para uma cor diferente do preto para a nossa forma, podemos apenas voltar e clicar no caminho composto e você pode ver que há preto aqui indicando que o caminho composto, cor de preenchimento é preto. Agora, se formos para o texto, você também verá que isso é preto, mas alterar a cor real do texto não terá efeito sobre este objeto. Temos que ir para o caminho composto, selecionar cada um, e agora podemos selecionar uma cor. Não importa qual cor escolhemos, o efeito será aplicado a ele. Você também pode preenchê-lo com um padrão e eu tenho um par de padrões sentados aqui no painel de amostras. Alguns deles funcionarão melhor do que outros. Com este padrão específico, pode parecer melhor se o padrão fosse dimensionado um pouco para baixo. Vamos ver como fazemos isso. Com a forma ainda selecionada, vamos para transformação de objeto e, em seguida, escalar. Vou ativar a pré-visualização. Vou desativar objetos de transformação, porque não quero que o tamanho desse objeto mude. Só quero que o tamanho do padrão mude. Vou clicar aqui, mudar a seta para baixo para tornar o padrão um pouco menor. Isso torna o texto um pouco mais fácil de ler, e eu vou clicar em OK. Também é possível adicionar um traçado fino ao redor do objeto. Agora ele vai aparecer em torno do texto, bem como em torno do círculo. Vamos nos certificar de que selecionamos tudo, voltar para a última paleta, certifique-se de que esta forma composta está selecionada. Vamos mudar aqui para a cor do traçado, e então eu posso clicar aqui em cima e encontrar um traçado de cor para usar. Vou usar um azul, um pouco semelhante ao azul que está no próprio padrão. Se eu for para o diálogo de traçado com o traçado do Windows, temos que aumentar, por exemplo, o branco do traço. Agora você pode dizer que a greve está se sobrepondo aqui. É um efeito que você pode ou não querer usar. Claro, ele é facilmente removido, certificando-se de que você tenha o objeto selecionado e apenas desligue o traçado. Há uma maneira de cortar texto de uma forma e no próximo vídeo vamos ver uma aplicação prática para isso. 4. Recortado parte 3: Para ver como podemos usar o efeito de texto recortado em uma situação mais prática, eu fui a um site chamado Vecteezy, que é onde você pode encontrar livre para download de objetos vetoriais. Olhei para cima e encontrei estas silhuetas de café e bule. Vou dar-lhe o link para encontrá-los e baixá-los. Quando você os baixa, eles aparecem como um arquivo zip, e dentro desse arquivo zip há um arquivo AI que tem todas essas imagens nele. Primeiro, vou abrir o arquivo AI no Illustrator. Agora, eu abri recentemente esse arquivo, então ele vai estar na minha lista Arquivos recentes aqui. É aqui. Só estou abrindo. Vamos para o último painel, e você verá que cada um desses potes de café é um caminho composto, então só precisamos encontrar o que estamos interessados em usar. Eu quero usar este aqui, então eu vou apenas selecioná-lo e eu vou escolher Editar, Copiar. Vamos copiar para o Windows ou para a área de transferência do Mac. Posso fechar isto. Vou escolher Arquivo e, em seguida, Novo, e vou criar um documento que seja quadrado. Eu vou fazer 750 pixels de altura e largura, modo de cor RGB, e clique em “Ok” e eu vou apenas escolher Editar, Colar para colar minha cafeteira. Vou manter a tecla Shift pressionada para ampliá-la nesta ilustração. Em seguida, eu vou adicionar algum tipo então eu vou para o tipo 2. Eu só vou clicar aqui e eu vou digitar chá para dois. Vou selecionar o tipo e ampliá-lo um pouco. Vou colocá-lo em posição sobre meu bule e eu vou escolher uma fonte diferente. Agora, a fonte que estou usando é chamada de flores silvestres e asas. Novamente, é uma fonte livre disponível a partir Daft Font e eu vou dar-lhe o link de download para isso. Vou datilografar porque vai ser mais fácil, de flores silvestres e asas. É só uma fonte bonitinha. Vamos colocá-lo em posição e provavelmente queremos ampliá-lo. Mas primeiro, vamos mudar a cor dele para que possamos realmente vê-lo. Com o tipo 2, eu só vou selecionar sobre o tipo e ampliá-lo um pouco ainda. Agora, eu vou para a última paleta porque eu quero tirar uma segunda cópia deste texto de distância. Vou selecioná-lo e arrastá-lo para o ícone Nova camada e isso me dará duas camadas de texto. Vou movê-lo debaixo meu bule e vou desligá-lo e fechá-lo por enquanto. A próxima coisa que vou fazer é criar o meu efeito de texto recortado. Vou selecionar essas duas camadas, a camada que tem o bule e a camada que tem o texto. Vamos voltar para o Pathfinder, segure Alt ou Option enquanto clicamos na opção “Excluir” aqui e isso nos dará o efeito de recorte. Agora, eu gostaria que meu bule de chá fosse um bule vermelho então vamos para esta camada. Vamos clicar no “Caminho Composto” e vamos torná-lo um vermelho profundo. Para uma ilustração como esta, seria bom ter um padrão atrás do bule de chá, então eu vou selecionar a ferramenta Retângulo e eu vou clicar para criar um retângulo que é o tamanho da prancheta. No momento, ele está em cima de tudo, então vamos para a última paleta e apenas arrastá-lo baixo abaixo de todos os outros objetos nesta camada, incluindo o ritmo nu do tipo que temos. Agora, estamos vendo que tudo é vermelho agora porque nosso formato composto é vermelho também, então estamos vendo vermelho em cima do vermelho. Quero preencher isto com um padrão. Há uma série de padrões que são fornecidos com o Illustrator. Alguns dos quais vão funcionar muito bem para esta ilustração em particular. Vou para a paleta dos Swatches. Eu vou clicar neste menu “Fly Out” aqui e ir para Open Swatch Library e depois Padrões, e eu quero ir para Nature e eu quero ir para Nature_Foliage. Isso abre uma paleta. Agora, eu reorganizei essa paleta já em ícones maiores, indo para o menu Fly Out e escolhendo Exibição em lista grande. Só nos ajuda a ver os padrões um pouco mais facilmente. Os padrões que eu estou procurando são esses preto e branco porque preto e branco e vermelho apenas olhar muito bem juntos. As opções incluem Blossom, há também Daisy. Claro, se for muito grande o nosso padrão, sabemos como reduzi-lo. Há Full Leaves. Floral Vines é muito bonita. Há muitos padrões em preto e branco aqui que você poderia usar. Folhas Graphic e, em seguida, há Lotus Squares, Morning Glories, e alguns outros. Vou voltar para Floral Vines. Vou fazer o padrão um pouco menor indo para Object, Transform, Scale. Não quero transformar o objeto, então vou desmarcar essa opção, ativar a visualização e selecionar um tamanho agradável para o meu padrão. Eu acho que provavelmente cerca de 60% é bom e eu vou clicar em “Ok”. Agora, essa imagem é realmente muito agradável, mas há uma outra coisa que podemos fazer aqui e que envolve a segunda cópia do tipo que mantemos de lado. Vou voltar aqui e ligar esta camada. O que temos é o tipo que aparece onde o efeito de texto recortado ocorreu. Mas esse tipo não precisa ficar verde. Vou apenas desligar o ícone de cadeado para que possamos mover e trabalhar com este tipo agora. Vou clicar na camada de texto e posso escolher uma cor como o preto para isso. Estou a ter um efeito interessante a acontecer aqui. Agora, porque eu tenho duas camadas de texto aqui e ambas estão contribuindo para esse efeito, se eu gostar desse efeito, então se eu quiser mover meu tipo por aí, eu vou precisar ter certeza de que eu movo ambos lotes de tipos. Eu vou vir aqui para o Compound Shape, abri-lo. Eu vou selecionar na camada tipo, chá para dois, e agora eu vou descer aqui e Shift clique nesta versão de chá para dois. Eu tenho uma camada de texto dentro de uma Forma composta selecionada e uma camada de texto que é tudo por si só. Agora, se eu for para a ferramenta Mover, eu posso apenas mover o tipo. Em ambos os passos do tipo, o tipo que é uma parte da forma composta de recorte e também o tipo que está fornecendo este fundo preto estão se movendo juntos. Só quero ter cuidado se você usar um efeito como este, que você dá a si mesmo a melhor chance de sucesso, certificando-se de selecionar ambas as camadas se você ir para movê-los. Há um exemplo mais prático, algo que você pode usar para um cartão de visita ou um logotipo ou algo assim criado usando este efeito de texto recortado. Seu projeto para esta classe é criar um ou ambos os efeitos desses vídeos. Recorte o texto de uma foto ou crie um dos outros dois efeitos de texto recortado do vídeo. Você pode usar as mesmas imagens que eu tenho e as mesmas fontes, ou você pode usar fontes e imagens de sua própria escolha. Espero que você tenha gostado deste curso e que tenha aprendido muito sobre efeitos de texto recortado no Illustrator. Se você gostou deste curso e se você vir um prompt para recomendar esta aula a outros, por favor, dê um polegar para cima. Essas recomendações me ajudam a colocar minhas aulas na frente de mais pessoas como você, pessoas que querem aprender mais sobre o Illustrator. Se você gostaria de deixar um comentário, por favor faça-o. Eu li todos os seus comentários e olho para 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.