Aquarela com fontes e pincéis no Adobe Illustrator — um curso de Graphic Design for Lunch™

1. Introdução no tipo e pincel no Illustrator no Illustrator: Olá, sou Helen Bradley. Bem-vindo a esta aula de design gráfico para almoço; aquarelas com tipos e pincéis 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. A primeira coisa que vamos criar é um fundo em aquarela. Se alguém acabou de pintar um respingo de aquarela na página e alguns carrapatos brancos que parecem ter sido pintados, por exemplo, com resistir para que a aquarela tenha sido resistida por esse texto. O segundo efeito que vamos criar é exatamente o oposto. Neste caso, vamos pegar alguns carrapatos e vamos preenchê-lo com uma textura aquarela. Agora, uma das ferramentas que usaremos neste vídeo é a ferramenta de toque que era nova no Illustrate CC, então está na CC 2014 e 2015. Agora, se você não tem essas versões, eu vou fazer um vídeo suplementar no final, então cuidado com isso. Isso vai mostrar como você pode fazer algumas coisas extravagantes com o seu tipo se você não tiver a ferramenta de toque. Mas, é claro, se você estiver usando o Illustrator CC ou posterior, use a ferramenta de tipo tátil, pois ela é apenas uma ferramenta incrível. Vamos começar com a nossa magia de aquarela. 2. Magia em aquarela em uma parte 1: Agora, para começar com o primeiro de nossos efeitos de aquarela, vamos baixar um conjunto de pincéis de aquarela da web. Este é o local onde eles estão. Vou dar-te isso aqui. Existem 90 pincéis neste conjunto. O problema com este navegador direito é que ele não está realmente mostrando os pincéis, mas acredite em mim, esse é o conjunto que estamos usando. Você vai querer Clique aqui em Baixar anexo e que irá baixar esses pincéis. Agora, eu já fiz isso, então vamos entrar nos meus Downloads. Este é o conjunto de pincel que você vai conseguir. Eu só estou indo para Click show na pasta. Podemos vê-lo aqui na minha pasta Downloads, então você só vai clicar duas vezes para abri-lo e então você vai querer extrair esses arquivos agora dependendo do sistema operacional com que você está trabalhando, se você estiver no Mac, isso provavelmente vai para acontecer para você automaticamente sobre o pagamento dizer que você pode precisar fazer isso sozinho. Agora, dentro desta pasta está o arquivo AI pincéis de aquarela, e nós vamos apenas abrir isso. Vamos apenas fechar isso porque eu já fiz tudo isso e eu estou indo para abrir arquivo e então você iria e abrir o arquivo de onde quer que você extraiu. Agora, eu já abri, então vamos aqui, e vamos pegar o arquivo. Agora, é um arquivo enorme, então não se surpreenda em toda a máquina se demorar um pouco para abrir, e não se surpreenda também se uma vez que você abrir você não vê nada. É um documento CMYK e a única ação aqui está na paleta de pincéis. Eu só vou abrir a paleta de pincéis, que nós chegaríamos escolhendo Pincéis de Janelas. Agora, eu realmente não preciso de todos esses pincéis. Eu realmente determinei que eu realmente só quero um punhado deles, então o que eu vou começar fazendo é selecionar os pincéis que eu não quero e eu vou apenas excluí-los. Quando clicamos neste e Shift Clique neste para selecionar estes três. Vou jogá-los na lata de lixo. Agora eu sei que no fundo, eu não quero realmente nenhum desses pincéis. Eu só vou clicar, Shift Click e despejar na lata de lixo, qualquer coisa que eu não queira. Eu só quero trabalhar isso para baixo para um subconjunto menor de pincéis que potencialmente eu posso querer usar. Agora eu tenho o arquivo ainda no meu computador. Se eu quiser voltar e abri-lo, eu poderia fazer isso e ter acesso a esses 90 pincéis, mas por agora, realmente tudo o que eu quero é um par para baixo conjunto de pincéis e eu estou pensando que isso é mais do que suficiente. Agora o que eu quero fazer é que eu quero salvar esses pincéis de aquarela porque eu determinei que eles são os que eu estou mais propensos a querer usar no futuro. A partir da paleta de pincéis aqui, eu só vou clicar aqui no menu e eu vou escolher Salvar biblioteca de pincel, e vamos apenas ir e obter a pasta que está aberta aqui. Você pode ver aqui que estou abrindo na pasta na qual o ilustrador espera salvar meus pincéis. Eu já salvei um conjunto, mas vamos salvar isso como definido também para que possamos identificá-lo em um minuto. Ok, aqui está o conjunto dois, e apenas clique em Salvar. Agora, uma vez que esses pincéis são salvos, eles são salvos para sempre para que você possa simplesmente se livrar desses documentos. Não queremos mais, então vou fechá-la e não preciso salvá-la. Eu realmente não quero salvá-lo porque ele tinha aquele conjunto de pincéis emparelhados nele. Não quero perder esses pincéis, só não os quero aqui agora. Agora estamos prontos para ir em frente e usar os pincéis. Vou escolher Arquivo e depois Novo, e vamos criar um documento. Agora, isso é bom, é 960 por 560.Isso vai ser bom por agora então eu vou apenas clicar em Ok. Agora eu preciso ir e pegar meus pincéis porque eles estão escondidos, então vamos para a paleta de pincéis. Vamos abrir o menu aqui. Abra a Biblioteca de Pincel, pincéis de aquarela definidos pelo usuário definir dois. É assim que você volta aos pincéis que você salvou anteriormente. Abro o menu de pincéis, escolho Abrir biblioteca de pincéis definido pelo usuário e seu conjunto será aprimorado. Eu só vou clicar aqui para abri-lo. Aqui está o conjunto reduzido de pincéis que eu salvei. Agora é um arquivo muito menor, então ele vai ser mais rápido para abrir e você pode dizer que sua máquina está perdida para falhar porque você fez isso. Vou clicar na ferramenta de pincel. Vou clicar neste pincel e vou pintá-lo no meu documento. Agora eu posso ampliar isso selecionando a ferramenta de seleção, selecionar sobre a linha porque isso é apenas uma pincelada e eu posso apenas aumentar o tamanho do ponto e eu posso apenas esticá-lo para fora se eu quiser fazê-lo. Há o fundo da aguarela e depois vou colocar um pouco de texto em aquarela em cima dele. 3. Magia em aquarela parte: Agora, para o nosso texto em aquarela, vamos precisar de uma fonte que vai parecer algo como aquarela. Agora, eu encontrei uma boa fonte para usar e é chamado de Mestre do Break. Aqui está o site para o qual vou te enviar, é dafont.com. Agora, esta fonte é gratuita para uso pessoal, e é $39 se você quiser comprá-la. Se você quiser usá-lo para uso comercial, você pode comprá-lo. Agora, este design em particular tem algumas fontes que eu realmente gosto. Um deles é a fonte Master of Break, e eles também têm uma fonte chamada Bakery, que também é fácil de usar para este tipo de aplicação. Você quer vir ao site e clique para baixá-lo agora. Novamente, eu já baixei essa fonte, então vamos ver o que conseguimos. Bem, quando você abrir a pasta, você verá que você tem um OTF, um PNG, e um arquivo TTF. Bem, é o TTF que você vai querer porque esse é o seu arquivo de fonte. Em um computador Windows, vou apenas clicar duas vezes nesse arquivo para abri-lo. Vai abrir numa janela. Vou apenas clicar em “Instalar” para instalá-lo. Agora, eu já o instalei, então estou recebendo uma mensagem dizendo que você já instalou. Eu não quero substituí-lo, mas você provavelmente não terá ele instalado e então ele é instalado muito bem. Agora que fizemos isso, vamos em frente e usar essa fonte. Vou clicar na ferramenta “Type” aqui. Eu vou clicar sobre o topo do meu fundo aquarela, e eu vou digitar a palavra aquarela. Vou selecionar o texto, e vou torná-lo branco. Quando eu clicar duas vezes sobre isso, eu posso apenas subir aqui e ter certeza que eu selecionei ffffff, que é branco puro, e clicar em “Ok”. Agora, precisa ser um pouco maior. Eu vou clicar na caixa de diálogo tamanho da fonte aqui, e eu estou indo apenas para Shift seta para cima porque isso aumenta em uma quantidade maior cada vez, porque eu quero que ele fique muito grande. Agora, eu quero selecionar minha fonte, que é Master of Break. Agora, se você não vê-lo na lista de fontes, você sempre pode começar a digitar seu nome e ele aparecerá. Vamos parar com isso. Mestre do Break, aqui está. Estou a clicar nele. Agora meu tipo é formatado com essa fonte e tamanho da fonte. Estamos prontos para ir em frente e criar algo um pouco mais interessante ainda, do que o que temos aqui. 4. Magia em aquarela em parte 3: O recurso que usaremos a seguir foi novo no Illustrator CC, portanto, se você tiver o mais recente Illustrator CC, terá esse recurso. Se você não tem, vou mostrar em outro vídeo o que você pode fazer, mas se você tem CC, esta é a ferramenta de escolha. A partir das opções de texto aqui, vamos selecionar aqui a “Ferramenta de Tipo de Toque” e agora, quando você clicar em seu tipo, você verá que cada letra tem uma caixa delimitadora nele. Mas, na verdade, este ainda é tipo editável. É que a Touch Type Tool nos permite fazer coisas com nosso tipo. Este ícone aqui nos permite girar a letra para que possamos girar esta carta, mas deixar todas as outras letras intactas. Este aqui nos permite escalar horizontalmente esta letra em particular. Você pode dizer que acabou de ficar muito mais largo. Este é o deslocamento de linha de base para que eu possa usá-lo para mover a linha de base deste caractere, deixando o resto do texto alinhado exatamente como era originalmente. Esta é uma escala vertical para que eu possa usá-lo para dimensionar verticalmente meu texto, e aqui eu posso dimensionar meu texto tanto vertical quanto horizontalmente. Você está pegando esse personagem de cada vez. Primeiro, vou girar este W. Vou movê-lo um pouco para cá. Estou muito feliz com o W agora. Vou me afastar dele. Eu vou pegar meu A e eu vou mover minha letra A para que eu possa apenas puxar sobre ela. É tudo o que preciso fazer. Acho que vou torná-lo um pouco maior. O que eu estou pretendendo fazer aqui é apenas fazer este texto parecer um pouco menos como uma fonte e um pouco mais como se pudesse ter sido desenhado à mão. Estou tendo um pouco de dificuldade em chegar ao T, lá estamos nós. Esta fonte, você pode ver aqui que tem linhas que permitem que você faça com que pareça que se juntou. Quando você está movendo seus personagens, você provavelmente quer movê-los de modo que eles estão sobre o joined-up cego do personagem antes para que você mantenha este olhar de que é uma fonte juned-up. Vamos tirar o nosso A, só quero colocar isso aqui. Eu acho que eu vou fazer meu E um pouco maior, então talvez girá-lo um pouco e apenas movê-lo de volta para a posição. Meu R saiu da posição em relação ao A, mas isso é bom porque eu posso apenas selecioná-lo. Eu também vou torná-lo um pouco maior. Eu vou girá-lo um pouco porque ele realmente é um personagem bonito, este R. Eu só vou alinhá-lo então novamente parece que ele foi desenhado. Vamos pegar este C porque eu tenho um monte de possibilidades com este C. Eu vou torná-lo um pouco maior e eu vou girá-lo para que ele apenas dobra aqui dentro do R Eu acho que eu fiz um pouco grande demais, mas eu vou dar um pouco de florescimento então ele está sentado ao lado do R. Vamos para o O. Lembre-se que o que estamos fazendo aqui é que nós estamos apenas tentando fazer esta fonte parecer um pouco menos como se fosse uma fonte baixada e um pouco mais como potencialmente poderia ter sido desenhado à mão ou pincel. Este é um exercício muito bom para brincar com a Touch Type Tool porque há muito que você pode fazer com esta fonte para movê-la e redimensioná-la e apenas dar-lhe um pouco de florescimento. Tendo feito isso, você pode voltar a qualquer momento e apenas alterar essa fonte. Você pode ver que é apenas uma fonte normal para que pudéssemos mudar as letras nele, poderíamos redigitar a palavra. Ele não mudou o fato de que este é o tipo editável. Só mexeu as coisas. Vou selecionar a “ferramenta Seleção”, vou selecionar a “Fonte” e o que quero fazer para terminar é apertar ligeiramente a borda desta fonte. Isso vai reforçar a impressão que temos de que talvez esta fonte tenha sido desenhada com uma ferramenta de aquarela. Vamos escolher “Efeito”, “Distorcer” e “Transformar”, e depois “Rough”. Vou ativar a pré-visualização e você vai ver o que não quer. Isso é muito de um efeito, mas você pode diminuir isso um pouco. Em primeiro lugar, eu vou escolher “Suave”, e então eu vou definir a configuração por polegada para apenas um. Eu quero isso muito baixo. Isso não é bem um. Aqui está o nosso e então esta é a porcentagem de tamanho. Eu quero que ele seja muito pequeno, então eu vou digitar 0,5 por cento. Vamos testar isso. Se você der uma olhada de perto, você verá que o texto acaba de começar a perder sua forma fina e ele está realmente dobrado um pouco, dando-lhe um pouco mais de um olhar desenhado à mão. Eu só vou me contentar com este conjunto sobre o tamanho, 0,5 de um por cento e os dados, um por polegada ponto tão suave e basta clicar em “Ok”. Aqui está o primeiro dos nossos efeitos de aquarela. Neste caso, temos texto branco com um fundo estilo aquarela. Agora vamos virar. Vamos adicionar o fundo do estilo aquarela dentro do texto. 5. Magia em aquarela na parte 4: Agora, para este próximo efeito, vamos precisar encontrar algo que possamos usar como fundo aquarela. Mais uma vez, encontrei algo para você baixar. Vamos para um site diferente desta vez, e vamos baixar esse fundo em aquarela em particular. Isso é gratuito para uso pessoal e você pode usá-lo para uso comercial com atribuição. Com a atribuição, você está dizendo a todos que isso veio do freepik.com. Vá para este lado e clique aqui no Download gratuito. Depois de baixá-lo, vamos abrir Meus Downloads, e aqui está o download. É um arquivo zip. Eu só vou abrir. Você pode ver dentro do arquivo zip é um AI, um JPG e um arquivo APS. Bem, você quer o arquivo AI, então nós vamos clicar em “Extrair todos os arquivos”, e extrair tudo para uma pasta que você pode encontrar mais tarde. Então você vai abrir este arquivo. Novamente, já fiz isso antes, então vamos voltar para o Illustrator. Vamos abrir esse arquivo com o File. Eu vou abrir arquivos recentes porque eu tenho isso sentado aqui. Agora, quando você abri-lo, é provável que você não tenha uma fonte que tenha sido usada no arquivo. Mas isso não importa porque você vai apagá-lo de qualquer maneira. Não vá para Localizar fontes, basta clicar em “Fechar”. Agora vamos abrir o palete Camadas porque é muito importante para nós nos livrarmos dos bits que não queremos. Se você não conseguir ver sua paleta Camadas, escolha “Janela” e, em seguida, “Camadas” para visualizá-la. Agora, a parte superior é 800 por 800 pixels. Você não quer isso, então você só tem que pegar toda a camada e jogá-la na lata de lixo. Então você vai abrir esta camada de 1.200 por 800 pixels. Você tem três grupos aqui. Você tem um que parece que não tem nada nele, outro que parece que não tem nada nele. Bem, o que eles são são esses pedaços de texto aqui, esses objetos. Quando eu as desligo, você pode ver que elas desaparecem. Vamos pegar esses e colocar no lixo também. Tendo feito isso, você deseja abrir o painel Amostras. Não deveria haver realmente nenhuma amostra aqui, porque as amostras que você está vendo aqui são as que vieram com este documento. O que vamos fazer é pegar a ferramenta de seleção e vamos selecionar sobre absolutamente tudo. Então vamos arrastá-lo e soltá-lo no painel Amostras aqui. Tendo feito isso, vamos excluí-lo do documento. Podemos apenas pressionar Delete nesta fase porque isso vai acelerar um pouco as coisas. Agora, no painel Amostras, o que queremos fazer é salvar isso como uma amostra. Eu só vou me livrar das minhas amostras brancas e pretas então eu realmente só tenho esta amostra aqui. Vou abrir o menu de fly-out para as amostras. Vou escolher “Salvar Biblioteca da Swatch como IA”. Vou salvar isso, vou chamá-lo de aquarela e clicar em “Salvar”. Agora isso é salvo como uma amostra que eu posso usar a qualquer momento no futuro. Posso ir em frente e fechar este arquivo. Eu não quero salvá-lo porque eu não quero perder essa textura porque eu a excluí deste arquivo. Só quero lixar este ficheiro nesta fase, por isso vou clicar em “Não”. Agora que temos nossa textura de patente de aquarela que podemos usar, estamos prontos para seguir em frente, e para pegar o texto que já temos e preenchê-lo desta vez sem nossa textura em aquarela. 6. Parte de mágica em aquarela: Agora, eu já fui em frente e salvei esta versão. Acabei de chamá-lo de fundo azul de texto branco. Eu vou reutilizar o texto porque eu passei por todo o trabalho de criar este efeito de texto que eu vou apenas continuar a usá-lo. O que vou fazer é salvar isso de novo. Vou escolher Arquivo, Salvar como, e desta vez vou chamar esse texto em aquarela porque é isso que estou prestes a criar. Vou clicar em “Salvar”. Agora, tendo feito isso, eu posso me livrar do elemento aqui, este elemento aquarela porque eu não preciso mais dele, mas, claro, agora eu não consigo ver meu texto. Eu só vou colorir qualquer cor antiga por agora só para que eu possa vê-lo na tela. Só estou dando uma cor verde. Estamos prontos para ir em frente e preenchê-lo com a nossa textura em aquarela. Para fazer isso, primeiro de tudo vamos ter que ir e obter a nossa textura em aquarela. Vou clicar aqui no menu suspenso, vou para Abrir Biblioteca de Amostras, vou até Definido pelo Usuário e selecionarei aquarela, porque essa é a biblioteca de amostras que acabei de salvar. Eu só vou clicar nele para abri-lo. Passou aqui para a minha outra tela. Aqui está a minha amostra. Tudo o que eu preciso fazer agora é selecionar sobre o meu texto, ter certeza de que minha cor de primeiro plano está selecionada aqui, e eu vou apenas clicar em minha “amostra de padrão”. O que isso vai fazer é preencher o texto com o meu padrão. Lá está ele. O padrão aquarela agora foi usado para preencher o texto, e foi com isso que acabamos. Agora nós provavelmente poderíamos terminar essa ilustração deixando cair em uma textura atrás dela. Talvez uma textura de aquarela possa ficar boa por trás dela, ou algum outro elemento colorido usando esse efeito de aquarela, mas há o básico de criar efeitos de texto em aquarela no Illustrator. Um é um texto branco com um fundo em aquarela, e o segundo é o texto em aquarela com um fundo branco. Se você gostou deste treinamento em vídeo e se você acha que os outros também, por favor, dê um polegares para cima, e eu sempre adoro ouvir o que você pensa sobre as aulas, então se você quiser me dar um comentário lá também, eu realmente gosto de lê-lo. Meu nome é Helen Bradley, muito obrigado por se juntar a mim neste episódio de Design Gráfico para o Almoço. Estou ansioso para vê-lo em um próximo episódio em breve. 7. Magia em aquarela em uma: Este é o vídeo de adenda para qualquer pessoa que não tenha a ferramenta de toque em sua versão do Illustrator e se você quiser ver como você teria gerenciado este projeto sem ter acesso à ferramenta de toque. O que eu fiz, é que acabei de digitar esse tipo no Illustrator e estamos no ponto em que, no vídeo anterior , usamos a ferramenta de toque. Se você não tem isso, o que você vai fazer é selecionar seu tipo usando a ferramenta de seleção e, em seguida, escolher “Tipo” e depois “Criar contornos”, porque o que isso faz é converter seu tipo em contornos. Agora, o resultado disso é que seu texto não é mais editável, então você não pode entrar e mudá-lo. Você não pode alterar a ortografia, por exemplo, se você precisava soletrar uma palavra de maneira diferente. Você provavelmente precisa voltar ao início, onde você precisa remover uma carta que você não queria e substituí-la por outra coisa. Mas você realmente precisa assumir que este não é mais um texto editável. É também um grupo, então para que possamos trabalhar com esses objetos individuais, precisamos escolher “Objeto” e depois “Desagrupar”. Agora, cada uma dessas letras é um objeto separado e podemos fazer coisas com ele. Assim como fizemos com a ferramenta de toque, podemos redimensionar nossas letras selecionando na letra e arrastando qualquer uma dessas alças para redimensioná-la. Eu também posso movê-lo. Vamos para esta letra A, e vamos redimensioná-la, e eu posso movê-la. Aqui novamente, eu posso redimensionar a letra t. Eu posso girá-la arrastando aqui do lado de fora de uma alça quando eu vejo aquela pequena seta dobrada que me diz que eu sou capaz de girar essa letra. Temos praticamente o mesmo efeito que podemos criar usando este tipo, usando os contornos, mas não é tão conveniente quanto estava usando a ferramenta de toque. Se eu precisar empurrar essas cartas para fora, eu preciso pegar todas elas e depois empurrá-las para fora do caminho. Eles não se movem como um único elemento porque eles não são mais letras que estão associadas com a outra da mesma maneira que eles teriam sido se estivéssemos usando a ferramenta de toque. Tudo o que eu estou fazendo aqui é apenas redimensionar e reposicionar essas letras praticamente como eu fiz antes, mas apenas trabalhando com formas em vez disso. Posso pegar várias letras, clicar em uma, clicar tecla Shift pressionada nas outras para depois selecionar todas elas e movê-las todas de uma só vez. Então eu vou voltar e selecioná-los individualmente se eu precisar, para fazer alterações neles. Novamente, tudo o que eu estou procurando neste projeto é criar algo que não pareça que veio de uma fonte, que há um potencial que estes poderiam ter sido criados usando caligrafia. Poderia ter sido um projeto escaneado. Tem um olhar ligeiramente mais desenhado à mão para ele. Agora, se eu quiser aplicar o áspero e filtro para isso, eu vou mover que o, ele não está completamente encobrindo o elemento que é suposto ser anexado. Isso está parecendo muito bom. Vamos para a paleta de camadas. Vai abrir isto. Eu vou bloquear a camada de aquarela porque eu não quero que ela seja áspera, mas eu vou selecionar sobre tudo o resto, então é todo o texto, então eu vou escolher “Efeito”, “ Distorcer e Transformar”, e depois “Rough”. As configurações que estávamos usando eram 0,5 por cento em tamanho, uma por polegada em detalhes e suaves. Estou só a clicar em “Pré-visualização” e vamos clicar em “Ok”. Então temos este efeito ligeiramente áspero em nossas cartas, dando-nos um pouco mais da impressão de que isso foi realmente desenhado à mão. É assim que você lidaria com a ausência da ferramenta de tipo de toque se estiver usando o Illustrator CS6 ou anterior, e também se quiser ver como ela costumava ser feita no Illustrator.