Crie um efeito de texto de cordas em 3D com sua aparência no Adobe Illustrator - Tamanho de mordida de design gráfico

1. Aprenda a criar um efeito de texto String ou Scribble no Adobe Illustrator: Olá, sou Anne breaker e sou designer gráfico e ilustrador, mas também adorava ensinar, você pode me conhecer do meu canal no YouTube de design gráfico, onde eu ensino pequenos tutoriais sobre Adobe Illustrator, Photoshop e InDesign dos meus grupos do Facebook, onde ajudei designers gráficos a solucionar problemas que possam surgir. Hoje, nesta aula, vou te ensinar como fazer um efeito de texto de rabisco ou string no Adobe Illustrator. Esta aula é para iniciantes. Você não precisa conhecer o software. Vou orientá-lo por tudo o que você precisa saber passo a passo. E se você for um usuário experiente do Illustrator, quase posso garantir que você aprenderá algo nesta aula. Tudo bem, vamos começar. 2. Como fazer o download de arquivos de exercício e instalação da fonte: Primeiro, você vai querer baixar os arquivos de exercícios para poder acompanhar. Esta é uma classe diferente, mas eu só queria mostrar onde eles estão no site Skillshare. Você tem seu vídeo aqui e em baixo aqui você verá quatro guias. Os arquivos de exercícios estarão em projetos e recursos e, em seguida, basta rolar para baixo e haverá aqui em recursos, aqui em recursos, os desta classe estarão em uma pasta zip. E depois de baixá-los, você os verá entrarem na sua pasta de downloads. Se você estiver em um Mac, você pode encontrar isso rapidamente no seu localizador pressionando Opção Command L. Se você estiver em um PC e eu provavelmente estarei aqui em algum lugar em seus favoritos. E para abrir um arquivo zip, tudo o que você precisa fazer é em um Mac, clicar duas vezes nele e criar uma pequena pasta que tem arquivos dentro de um PC. Tudo o que você precisa fazer é clicar com o botão direito do mouse no arquivo e escolher extrair ou Extrair tudo. E isso lhe dará um resultado semelhante, outra pasta com alguns arquivos dentro, agora nos arquivos de exercícios, então você tem três coisas diferentes. Eu tenho uma versão final do que você estará criando hoje. Dessa forma, você pode verificar seu trabalho ou se você não consegue descobrir algo, você pode ver como eu fiz isso. Você também verá uma folha de ensino de atalhos de teclado que você pode imprimir para que você possa acompanhar facilmente os atalhos do teclado porque eu uso muitos atalhos de teclado. Mas, claro, também direi onde encontrar tudo em suas ferramentas e menus. A terceira coisa é a fonte que você precisará para esta classe. Esta fonte está bem para uso pessoal e comercial se você quiser usá-la fora desta classe e instalá-la, tudo o que você precisa fazer é clicar duas vezes nela. Vou fazer isso agora em um Mac, você terá uma tela como essa e, em seguida, escolherá Instalar fonte em um PC, acredito que seja semelhante. Se isso não estiver funcionando para você, basta clicar com o botão direito do mouse e escolher instalar. Se você quiser tentar usar uma fonte diferente, isso é totalmente bom. Eu escolheria uma fonte que tenha letras muito grossas e grossas como essa fonte. Caso contrário, uma string interna não parecerá bem. Ou se for muito fino, pode não aparecer. 3. Configurando seu documento no Illustrator: Tudo bem, então agora estamos prontos para entrar no Illustrator. Então abri o Illustrator e vou vir aqui para criar um novo documento. Vou vir aqui e mudar meus pontos para pixels. E então eu fui fazer minha largura 650 por 350. Isso nos dará uma bela tela larga. Não preciso de nenhum sangramento e quero que meu modo de cor seja de cor RGB. Agora isso está nos dando um pequeno aviso porque normalmente, quando você escolhe a carta, ela presumirá automaticamente que você está fazendo isso para impressão. E se você quer imprimir isso, CMYK provavelmente é o caminho a seguir, mas direi que a maioria das impressoras domésticas está bem usando cores RGB. Temos todas as nossas especificações e estamos prontos para criar, vou pressionar Command Z ou Control Zero para caber este quadro de arte na minha tela. 4. Como criar uma palavra e criar uma aparência: E, em seguida, vamos seguir em frente e digitar nossas palavras. Então eu vou apertar T no meu teclado. Isso realmente vai para a minha ferramenta de tipo, que está bem aqui. E eu só vou clicar uma vez na minha tela. Se você clicar e arrastar, provavelmente terá uma pequena caixa e não quer isso. Então, basta desfazer com o Command Z ou Control Z e tentar clicar uma vez sem arrastar. Só vou digitar string. Agora vou mudar as ferramentas. Escolherei minha ferramenta de seleção aqui em cima. Agora irei para a minha janela de Personagem. Você pode encontrar isso na janela, tipo e caractere aqui. E vou escolher a fonte que acabamos de instalar. Aqui está, pedaço cinco. Clique nisso. Agora vou fazer isso maior. Existem duas maneiras de fazer isso. Você pode ir direto em um canto e apenas segurar o Shift e arrastá-lo. Mas eu queria ser o mesmo para todos nós. Então eu vou vir aqui no painel de personagens e colocar 130. A razão pela qual estou fazendo isso é porque quero todos tenhamos o mesmo tipo de efeito. Os efeitos realmente dependem do tamanho do seu tipo. Temos nossa palavra de string e vou clicar e centralizar isso no espaço. Agora podemos começar a construir uma aparição nesta palavra. Então, vou vir aqui para a aparência do Window. Agora, há duas seções dentro da aparência, tipo e caracteres no momento, se clicarmos duas vezes em digitar, nada acontece, mas se clicarmos duas vezes em caracteres, podemos ver que há preenchimento preto na palavra está aqui em baixo em caracteres, e isso é realmente algo que não queremos. Precisamos tirar isso de lá. Vou clicar nele e depois escolher a lata de lixo. Agora, vou clicar no tipo de palavra e irei em frente e adicionarei um novo preenchimento que está bem aqui sob o Flyout. Isso basicamente nos dá exatamente a mesma lambida. O preenchimento é apenas no tipo em vez de caracteres, e é realmente importante fazer isso. Agora, na verdade, não quero que seja preto, então vou mudar meu preenchimento para um azul claro. Eu virei aqui para minha cor e vou clicar duas vezes nela. Agora vou puxar esse controle deslizante para o azul claro bem ali. E então eu estou gostando dessa cor azul aqui em cima. E eu vou dizer, Ok, agora meu texto está cheio de azul. Agora, se isso não funcionar para você, certifique-se de ter esse tipo selecionado com sua ferramenta de seleção antes de fazer isso, ok, em seguida, queremos adicionar um preenchimento logo abaixo deste. Vou clicar aqui na área em branco e arrastar isso para duplicado, que é aquele pequeno quadrado da vantagem nele. Agora vou clicar naquele que acabamos de criar. E eu quero fazer disso um azul mais escuro. Vou clicar duas vezes aqui. E vou mover minha explosão. Vou ter um azul mais, um pouco mais escuro, mas mais saturado. Isso parece bom. Vamos dizer, Ok, agora isso está sentado exatamente atrás do azul claro. Não conseguimos vê-lo agora. Então, vamos compensá-lo. Eu virei aqui para o Effect Path, Offset Path. E eu receberei esta caixa de diálogo. E isso fará parecer que há um esboço em torno dele. Então você pode estar se perguntando, por que não adicionamos apenas um traço em vez de outro campo? É compensado e é um pouco difícil de explicar. Mas se usarmos um preenchimento, será mais fácil fazer nosso efeito de profundidade, o que adicionará Next. Agora isso é um pouco grosso, esta parte é destacada, então estou usando minha tecla de seta para baixo e para cima para aumentar ou diminuir a quantidade de pixels. Estou gostando de sete. Então vamos dizer, ok, eu não estou gostando dos cantos afiados que estão aqui. Vamos voltar aqui. Vou alternar aquela pequena cenoura ao lado do Phil. E eu vou clicar em caminhos de deslocamento e vou mudar minhas junções para rodada. Acho que isso parece muito melhor. O próximo passo é fazer esse efeito de profundidade. Vou duplicar esse preenchimento clicando na área em branco e arrastando para o pequeno quadrado. Agora vamos clicar naquele mais baixo desta vez e vamos transformar esse preenchimento mais baixo para o efeito de dívidas. Vou me certificar de que sou clicado nisso e depois virei aqui para efetuar, distorcer, transformar e transformar. E agora temos muitas opções diferentes. Primeiro, quero ter certeza de que a pré-visualização está marcada e vou alterar minhas cópias para 20. Na verdade, haverá 20 cópias diferentes por trás lá. Agora chegará a escala. Vou destacar o 100% e depois usar minhas setas para baixo para ver o que acontece quando eu fizer isso. Ok, parece uma pequena mensagem. Estou gostando dos 99%. E depois farei o mesmo com a vertical. Você pode, claro, mover os controles deslizantes incríveis. Mas, para mim, essa é uma maneira mais fácil de fazer isso. Estou realmente gostando desse efeito, onde parece que está voltando ao ponto central. Agora também podemos mudar o ângulo, mas isso nos dá alguns efeitos realmente estranhos por causa das 20 cópias. Vou colocar isso de volta como 0. Há também essa pequena coisa aqui em baixo, onde podemos mudar de onde vem o efeito. Então, se eu clicar no canto superior esquerdo, você pode ver o que acontece. Vou clicar em tudo isso para encontrar o que mais gostei. Eu realmente gosto disso. Aquela parte inferior do meio. Sim, acho que vou com o meio inferior. E vamos dizer, ok, temos tudo praticamente feito exceto pelo próprio efeito de string. Ok, então para fazer isso, vou duplicar esse preenchimento superior da mesma maneira. E agora tenho dois preenchimentos azuis claros sentados em cima um do outro. Vou fazer esse preenchimento. Acho que vou torná-lo branco, então vou vir aqui para minha cor e escolher branco. Você pode chegar à sua cor rapidamente pressionando F6, que eu vou ativá-la ou você pode vir aqui para a cor da janela e está bem aqui. Ok, então temos um preenchimento branco em cima do nosso preenchimento azul claro. E agora vou subir aqui e adicionar um efeito de rabisco. Vou para o Effect, Stylize e rabiscar aqui. Isso abrirá essa caixa de diálogo. Vamos ver se podemos modificar isso para parecer um pouco mais limpo. Vou colocar meu ângulo. Vou fazer isso a 45 graus. Ok, então o caminho se sobrepõe, isso significa que ele vai empurrar para fora dos limites. Vamos fazer um número negativo aqui. Vou usar minhas setas para baixo para ajustar isso. E eu estou gostando desse menos cinco para a variação. Quanto menor fica, melhor parece-me. Então eu acho que vou colocar isso em cerca 0,5 para a largura do traçado. Agora está parecendo muito grosso. Então eu acho que vou colocar isso em cerca de 1,5. Se você acidentalmente pressionar Enter ou Return ou escape, basta clicar com o botão direito sobre esse rabisco, eles estão trazendo de volta sua caixa de diálogo. Vamos mudar a curvidade. Isso parece bom. Vou ampliar um pouco, então estou pressionando Z no meu teclado e depois vou apenas ampliar para ver o que temos. Isso parece muito bom. Vou voltar ao meu rabisco apenas clicando nisso, se aumentarmos muito isso, estou segurando Shift e, em seguida, usando minhas teclas de seta, você pode ver o que acontece. Sinais pensando 19 ou 20 para a curvatura. A variação, não estou vendo muita diferença com a variação. Talvez um pouco. Acho que vou colocar isso em cerca de cinco. Vamos ver o que muda com esse espaçamento. Podemos torná-lo um rabisco muito solto ou um rabisco muito apertado. Acho que aqui às cinco parece bom. Então, para variação, acho que precisa de um pouco mais de 0, mas menos de um, talvez 0,25. E então diremos, ok, vou diminuir o zoom com Comando menos ou Control menos. E isso está realmente ótimo. Vou fazer uma mudança. Vou clicar no Phil inferior. Acho que vou deixar isso um pouco mais escuro. Então eu cliquei nisso e depois virei aqui e clique duas vezes. E vou levar isso para uma marinha mais escura lá. Certo, isso parece bom. Esse tipo de adiciona alguma profundidade. Eu também posso deixar meu preenchimento superior um pouco mais brilhante assim. Isso está bonito. 5. Como criar um estilo gráfico e se aplicar a outros objetos: Agora que temos nossa aparência construída, quero mostrar algumas coisas que você pode fazer com isso 0.1 é que você pode criar um estilo gráfico. Para obter seus estilos gráficos. Você vai querer ir para Estilos gráficos da janela. Se sua aparência estiver aqui neste pequeno grupo, você pode simplesmente clicar na palavra e arrastá-la para fora para que pareça com a minha. O mais legal sobre as aparências é que você pode salvá-las em seus estilos gráficos e usá-los em muitas coisas diferentes. Para fazer isso, queremos ir direto nessa caixinha. Clique e arraste aqui para estilos gráficos. E você pode vê-lo aqui. Agora posso desenhar outras formas. Posso apertar M para entrar na minha ferramenta retangular, que está aqui. E basta desenhar um retângulo e, em seguida, clicar nesse estilo gráfico. Se aumentarmos o zoom, você poderá ver que ele tem todos os mesmos recursos que este. Você provavelmente está se perguntando onde está essa sombra, mas se você girar isso pressionando R no teclado para acessar sua ferramenta Girar. E, em seguida, basta clicar e arrastar, você começará a ver a profundidade entrar em jogo. Então, vamos apertar L no nosso teclado para acessar a Ferramenta Ellipse. E vou desenhar uma elipse. Talvez façamos uma forma de rosquinha. Então eu copiarei esse comando C ou controle C, colarei na frente com o Comando F ou Controle F e, em seguida, vou direto nesse canto. Mantenha pressionado o shift e a opção para redimensionar a partir do centro ou Shift e Alt em um PC. A propósito, se você não estiver vendo essa caixa delimitadora, ela estará em Exibir, Mostrar caixa delimitadora aqui. Temos duas formas. Um bem em cima do outro. Vou entrar na minha ferramenta de seleção. Vou selecionar os dois assim. Então eu irei aqui para o meu Pathfinder, que também está abaixo da janela. E eu vou usar esse segundo que é menos frente, e isso só vai perfurar esse buraco. Temos uma forma de rosquinha. Então eu posso aplicar meus estilos gráficos para que você possa obter algumas coisas realmente interessantes acontecendo com seu estilo gráfico. 6. Redimensionando texto ou objetos com efeitos: Agora, se você quiser redimensionar suas formas, pressione S no teclado para ir até a ferramenta de escala e, em seguida, pressione Enter ou Return. Isso abrirá a caixa de diálogo de escala e você precisará ter verificações de Traços e Efeitos de Escala. E os cantos da escala também não fariam mal quando você tiver isso ligado, diremos, ok, e então você redimensiona isso, assim, tudo se redimensiona juntos. Mas se isso for desativado e depois você redimensionar, esse efeito permanecerá do mesmo tamanho mesmo quando você redimensioná-lo menor. Portanto, isso é algo para saber quando você está redimensionando, certifique-se de que sua escala esteja definida para escalar traços e efeitos. 7. Modificando texto ou objetos após a aparência é aplicada: Outra coisa interessante que podemos fazer é fazer uma cópia disso. Vou segurar Option ou Alt e , em seguida, basta clicar e arrastar para fazer uma cópia. Agora eu vou meio que arcar isso. Vou para o Effect Warp. E arco aqui. Aqui estão nossas opções de dobra. Temos arco selecionado aqui. Vou diminuir essa curva para cerca de 26 e diremos: Ok, agora parece muito amplo. Então, vou acertar esta parte desta caixa de retenção Option e apenas apertar um pouco para que fique melhor quando você fizer isso, ele realmente adicionará esse efeito à sua aparência. Se você quiser, você poderia clicar nele e arrastá-lo para baixo para o seu estilo gráfico e aplicar isso a coisas diferentes. Como se fizéssemos isso, teríamos esse efeito. Certo, vou tirar este da prancha de arte. Agora você pode até combinar formas com seu texto. Vou fazer isso muito rápido para mostrar o que quero dizer. Eu segui Option ou Alt e arraste uma cópia aqui para baixo. A razão pela qual eu faço isso é porque é sempre bom manter sua fonte real, o pedaço cinco em seu gráfico em algum lugar. Pode ser para o lado ou o que quer que seja. Mas se você precisar mudar isso, é bom saber qual fonte foi porque vamos descrever essa fonte e torná-la para que ela não possa ser editada a partir desse ponto. Vou vir aqui para digitar contornos de criar. Agora, se pressionarmos o Comando Y ou Controle Y, você poderá ver a diferença. O tipo ao vivo se parece com isso. Ainda podemos digitar aqui, mas a fonte delineada se parece com isso. Não podemos digitar, é só tudo feito de caminhos e pontos. Agora, vou pressionar o Comando Y ou Controle Y para voltar. Fui estender essa parte inferior do meu G para baixo um pouco. Então eu vou pressionar Command Y ou Control Y. Para fazer isso, vou pressionar um no meu teclado para acessar minha ferramenta de seleção direta. Vou desenhar uma caixa em torno desses dois pontos e depois segurar shift e pegar os outros dois pontos. Portanto, os que você selecionou devem ser azuis. O resto aqui em cima será branco. E eu vou clicar com o botão direito nesse ponto. E eu só vou puxar isso um pouco para baixo. Estou segurando Shift, então ele vai direto para baixo. Certo, vou apertar o Comando Y ou Controle Y para voltar. Em seguida, vou apertar M no meu teclado para chegar à minha ferramenta retangular. E eu só vou fazer um retângulo que vai até aqui e tem quase a mesma largura que aquela parte no G. Ok, e não tem preenchimento nem traço para mim. Então vou seguir em frente e usar esse estilo gráfico, que me dará o mesmo Look. Estou usando minha barra de espaço para me mover um pouco, o que alternará para a ferramenta manual. Ok, então agora queremos que essas duas peças se unam. Para fazer isso, vou aumentar o zoom com minha ferramenta Z, esta aqui. Em seguida, pressionarei Command Y ou Control Y. Para chegar a essa visualização, usarei minha ferramenta a, a ferramenta de seleção direta, clique e arrastarei isso para baixo. E eu quero ter certeza de que meu retângulo está sentado ao longo do IG onde ele se conecta. Isso está parecendo muito bom. Vou pressionar o Comando Y ou Controle Y para voltar. Agora vou selecionar os dois com minha ferramenta de seleção. Vou vir aqui para o Pathfinder e escolher Unite. Pathfinder está em Janela caso você não o veja. Então eu vou clicar nisso e isso realmente causa um efeito meio estranho. Parece que essas duas peças não estão conectadas, então precisamos fazer com que os ilustradores as vejam como uma peça única. Selecione tudo que irá pressionar Command H ou Control H, e isso está criando um caminho composto. Então, a maneira de chegar até ele em seu menu como caminho composto de objeto, e fazer. Ok, vou ampliar um pouco, mover minha aparência para fora do caminho. E então eu vou suavizar isso um pouco. Então, vou selecioná-lo com minha ferramenta de seleção. Vou pegar minha ferramenta suave, que é Shift S e está embaixo do lápis. Vai estar bem aqui. E então, meio que vá ao longo da borda aqui e suavize essa parte um pouco. Isso está parecendo um pouco estranho. Então, vou selecionar isso com minha ferramenta de seleção direta e apenas movê-lo para cima. Então, com minha ferramenta de seleção, vou selecionar apenas este ponto aqui, que é um ponto de vértice. E quando eu selecionar isso, você verá este pequeno widget de canto branco com um pequeno ponto dentro. Clique e puxe isso, e isso vai virar esse canto. Então esse tipo de nos dá uma aparência interessante. Definitivamente há dezenas de coisas divertidas que você pode fazer com sua aparência e depois manipular os textos para lhe dar uma aparência diferente. Vou mover algumas dessas peças daqui com minha ferramenta de seleção. E agora eu quero adicionar um plano de fundo. Então, vou apertar M no meu teclado. E estou disposto a começar um pouco fora do quadro de arte e desenhar um retângulo do tamanho da placa de arte, um pouco maior. Então eu fui enviar isso para trás com objeto arranjar e enviar para trás. Agora eu quero que este seja o azul claro, então eu vou clicar na minha palavra e depois clicarei no preenchimento e na aparência, o que a trará aqui. Em seguida, podemos adicionar isso às nossas amostras apenas clicando e arrastando-o para as amostras. As amostras também estão sob a janela. E então aqui embaixo. Agora clique no meu plano de fundo e vou torná-lo tão azul claro. 8. Exportando seu design: Agora vamos supor que queremos compartilhar isso online ou fazer um projeto para essa classe. A prancheta é onde a imagem se corta. É totalmente bom ter as coisas pendentes. Na verdade, eu encorajo você a ter um pouco de saliência assim. Dessa forma, você certamente cobrirá todo o quadro de arte e não terá como uma pequena linha branca no topo, onde você não conseguiu até o limite. Então, para fazer isso, iremos para Arquivo, Exportar e Exportar para telas. Você pode vê-lo aqui. Se você tiver quadros de arte verificados e nós diremos isso em nossa área de trabalho. Só vou fazer um JPEG, mas também podemos escolher o tipo de formato que queremos aqui. Então vou exportar prancha de arte. Quando fizermos isso, obteremos uma pequena pasta com um x nele e esta placa de arte dentro. E então, em um Mac, podemos visualizar isso com a barra de espaço. Agora, se isso não for grande o suficiente, você pode voltar ao Illustrator, ir para File, Export and Export for Screens e, em seguida, torná-lo para x, se quiser, isso o tornará duas vezes maior. Nós exportamos esse quadro de arte. Vamos ter uma pequena pasta 2X2. E então este é bem maior. Claro que é o dobro do tamanho. 9. Crie seu projeto: Tudo bem, agora é hora do seu projeto. Gostaria que você criasse uma palavra com algumas das configurações que usamos nesta classe. Claro, é totalmente bom mudar as coisas e ser criativo com isso. Por exemplo, você pode usar cores diferentes ou uma fonte diferente, ou até mesmo mudar algumas das coisas para que ela tenha uma aparência completamente diferente. Mal posso esperar para ver o que você cria. 10. O que é a próxima e avaliações: Muito obrigado por ter feito minha aula. Se você estiver pronto para mergulhar mais fundo no Illustrator, eu realmente tenho alguns cursos para iniciantes que vão fazer você não saber nada sobre o software a um profissional experiente em pouco tempo. Então, por favor, dê uma olhada neles se você tiver uma chance. Tudo bem, espero que você tenha gostado dessa aula tanto quanto eu. Você tem uma chance, por favor, deixe um comentário. Eles ajudam outros alunos a ver a aula e me ajudaram a saber o que melhorar para a próxima vez ou se estou apenas fazendo um bom trabalho. Tudo bem. Vejo você na próxima aula. Obrigado.