Transcrições
1. Introduçãode texto sobre um fundo ocupado no Illustrator: Olá. Sou Helen Bradley. Bem-vindo a esta aula de Design gráfico para almoço, Colocando texto sobre fundos ocupados 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. Neste curso, mostrarei técnicas para tornar o texto mais facilmente visto quando colocado sobre um padrão ocupado ou uma fotografia. À medida que trabalhamos com essas técnicas, você aprenderá truques como adicionar várias aparências ao digitar, usar sombras, gradientes e knockouts e como escolher fontes legíveis. Essas técnicas ampliarão suas habilidades ao trabalhar no Illustrator todos os dias. Chega de mim, se você estiver pronto, vamos começar a colocar texto com sucesso sobre imagens ocupadas no Illustrator.
2. Pt 1: A primeira coisa que vamos analisar em termos de tornar seu tipo legível sobre um fundo ocupado é sua escolha real de fonte. Agora, eu tenho uma série de fontes aqui. Vamos apenas verificar e identificar o que
temos e quais são os possíveis problemas com eles. Esta é provavelmente a sua melhor escolha. É o que é chamado de fonte San-Serif. Ele não tem pouco destino no final dos personagens, e os personagens são todos tipo de espessura uniforme. Você verá que não há thicks ou afinas na fonte sans-serif. Essa fonte é Myriad Pro e é instalada normalmente com os aplicativos da Adobe. Esta é uma fonte chamada Sofia. Também é um san-serif. Não tem destino real no final dos personagens. É menos bom usar por causa das transições grossas e finas. Você descobriria que em um fundo ocupado, as áreas mais finas provavelmente desaparecerão, porque elas são muito menores do que as outras letras. Esta é uma fonte que merece um tratamento melhor do que eu acabei de lhe dar. Chama-se Arizona. O problema com esta fonte é que ela nunca deve ser definida em maiúsculas nunca. Os formulários de letras aqui são projetados para serem usados com letras maiúsculas e minúsculas. Isso é praticamente ilegível em qualquer tipo de fundo. Isto é o que ele deve parecer e definir corretamente, você tem uma melhor chance de classificá-lo, mas novamente, as transições grossas e finas neste tipo vão
torná-lo menos apropriado para adicionar sobre o topo de um fundo ocupado. Aqui também, este é realmente um tipo de letra Serif que obteve ou destino no final dos personagens. Chama-se CongAlineNF, mas porque as transições finas são tão finas, em relação às outras áreas do tipo. Novamente, isso não vai ser um bom tipo de letra para definir em um fundo ocupado. Este é um exemplo de uma fonte serif bastante padrão tem pouco destino. Você encontraria algo parecido se estivesse
olhando para coisas como Times New Roman, por exemplo. Novamente, ele vai ter alguns problemas em um fundo muito ocupado por causa dessas transições muito finas e as áreas mais finas aqui. É provável que desapareçam em um fundo ocupado. Muito simplesmente, suas melhores escolhas serão uma fonte San-serif que é bastante bloqueada, que tem caracteres que são agradáveis, até mesmo largura. Vai ser ideal para ser capaz de ler esse texto em um fundo vai lhe dar um bom ponto de partida. Agora eu tenho essa fonte e essa fonte em um tamanho menor. Deixe-me ligar isso para você. Aqui estão eles. Este é o san-serif, e este é um tipo de letra serif. Enquanto eu estou olhando para ele, este parece um pouco mais cinza, mesmo que eles estão definidos exatamente na mesma cor, porque esses caracteres são, mesmo com, o texto parece um pouco mais preto. É um pouco mais legível. Mesmo que em termos de tamanho de ponto, este é apenas 30 pontos e eu tive que aumentar este até 48 pontos para obtê-lo para ser o mesmo tamanho físico. Também é um pouco cinzento. Novamente, está perdendo algo em um passado ocupado. A primeira coisa que você quer fazer é fazer uma boa escolha de fonte. Dê a si mesmo a melhor chance possível de seu tipo ser legível em seu plano de fundo.
3. Pt 2: A segunda coisa que você vai querer ver quando você está tentando tirar o texto
do fundo é construir em algum contraste entre o texto e o plano de fundo. Aqui eu tenho algum texto que é colorido exatamente o mesmo rosa que eu tenho amostrado a
partir do padrão de fundo e o texto é perdido nesta imagem. Esta é uma amostra de cor mais clara, é um pouco mais legível, mas basicamente está perdida também. O branco é apenas branco puro e está se destacando muito bem contra o fundo porque contrasta com ele. Este é o tipo de cores
mofadas de Pinky e o branco é tão nítido que está se destacando. O preto é realmente contrastante. Está no outro extremo do espectro. É muito, muito escuro contra um fundo mais claro. Ao escolher cores contrastes, você pode se certificar de que seu tipo é mais facilmente visto sobre um plano de fundo. Mas vamos olhar para essas cores aqui porque
há maneiras de fazer cores como esta separadas do fundo. Vamos ver como fazer isso nos vídeos posteriores. Mas se você quiser uma solução realmente rápida e suja, então escolher cores de alto contraste, como neste caso preto e branco certamente lhe dará tipo que pode ser facilmente lido sobre um fundo como este.
4. Pt 3 Mude a escala: Outra opção que você tem quando você está tentando tornar Tipo B mais reconhecível sobre um plano de fundo ocupado, é alterar a escala do tipo. Estas letras muito maiores são um pouco mais fáceis de ver do que as versões menores, particularmente nesta cor mais clara. Mas vamos ver o que também, podemos fazer com o fundo, eu realmente criei um segundo retângulo preenchido com uma versão menor do padrão. Se reduzirmos o tamanho do padrão, o texto começará a ser retirado do plano de fundo, então alterando a escala do que você está trabalhando, por exemplo, reduzindo o tamanho de um padrão ou aumentando o tamanho do texto, ou fazendo ambos, pode dar-lhe um efeito que é mais facilmente lido. Agora, obviamente, para dimensionar o texto, você só vai selecionar o texto com
a ferramenta de seleção e, em seguida, apenas arraste em suas alças de canto. Se você manter pressionada a tecla Shift enquanto faz isso, você restringirá os textos para que você não o desproporcione. Não vai fazer isso, e não vai fazer isso. Para alterar a escala de um objeto preenchido com padrão, você selecionará o objeto preenchido com padrão aqui no último painel, você pode dizer que eu tenho esse padrão preenchido por último selecionado. Escolha Objeto, Transformar e, em seguida, Escala. Você vai desativar Transformar Objetos, porque você não deseja alterar o tamanho do objeto. Você só deseja alterar o tamanho do padrão dentro do objeto. Neste caso, vou aumentá-lo. Vamos apenas levá-lo para cima, para dizer 200. Então você pode apenas digitar a caixa uniforme aqui, um valor para aumentar ou diminuir o tamanho do padrão dentro dessa caixa.
5. Adicione uma sombra de gota: Uma maneira simples de separar visualmente seus textos do fundo é dar uma sombra. Vou selecionar esta palavra rosa, vou para o menu Efeito e escolher estilizar e depois soltar sombra. Basta notar que há verdadeiras opções de estilização aqui
neste menu apenas para adicionar confusão à situação, é aquele no topo que você deseja usar e escolher sombra. Agora a sombra padrão será algo parecido com isso. Ele será definido para Multiplicar modo de mesclagem,
que é um modo de mesclagem escurecimento. A cor é uma cor preta,
a opacidade será de cerca de 75 por cento e o deslocamento e desfoque x e
y serão de sete pixels e cinco pixels. Mas isso pode ser diferente dependendo se você está usando esse diálogo ou não. Agora, se você queria que ele se misturasse um pouco melhor em vez de ser tão bruta como é, há poucas coisas que você poderia fazer. Você poderia diminuir a opacidade
para, por exemplo, algo como 50 por cento, e ele se misturará um pouco melhor. Você também pode aumentar o azul e isso irá suavizar o efeito um pouco. Deixe-me apenas colocá-lo de volta para 75 por cento porque você também pode usar uma cor diferente do preto. Vamos clicar aqui. Eu já provei amostras das cores das minhas obras de arte, então eu vou para amostras de cores, e eu vou selecionar a cor que estamos usando neste trabalho artístico, então é esta cor rosa e clique em “Ok”. Como estamos usando o modo de mesclagem Multiply aqui, ele está realmente atuando como uma sombra. Podemos levar isso até 100 por cento, e teríamos um efeito um pouco mais escuro. Se você quiser essa cor, mas um pouco mais escura, clique nela e vá até o valor Bay, esse é o valor de brilho. Se tirarmos isso do que é agora, que é 78 até, por exemplo, 60, vamos ter uma versão mais escura da cor rosa. Ainda vamos ter uma sombra rosa, mas vai ser um pouco mais escura do que era. Você pode brincar com as opções aqui na janela de sombra. Agora, além de uma sombra rosa, você também pode usar uma mais leve. Deixe-me pegar uma duplicata dessa cor rosa. Deixe-me ir e remover a sombra. Eu faço isso selecionando todo o meu tipo e indo para o painel de aparência. Você pode chegar a isso escolhendo janela e depois aparência. O que eu vou fazer é selecionar esta camada de sombra e eu vou apenas lixá-la. Agora vamos colocar uma sombra de gota mais clara neste tipo. Com ela selecionada, voltaremos para Effect e estilizaremos e soltaremos sombra. Vamos definir o modo de mesclagem em vez de multiplicar para tela, porque a tela é um modo de mesclagem de clareamento e você já pode ver o efeito que essa cor rosa escuro teve no objeto preenchido com padrão abaixo. É um efeito de iluminação. Então você poderia, por exemplo, baixar o raio do borrão para apertá-lo um pouco. Você também pode usar cores ainda mais claras, então vamos voltar para nossas amostras de cores. Eu tenho outra cor que é deste documento, esta cor aqui. Eu poderia usar isso como uma sombra. Novamente, isso é muito intenso, então eu poderia deixar cair para baixo para dizer 75 por cento. Você pode usar sombras como efeitos de escurecimento ou efeitos de raios. Apenas certifique-se de que, se você quiser uma sombra escura que você está usando multiplicadores, o modo de mesclagem. Se você quiser uma sombra de luz, então você vai usar a tela como seu modo de mesclagem para a sombra.
6. Adicione um ou mais traçados: Outra opção que você tem para levantar seu tipo acima um fundo básico é adicionar uma borda em torno dele, um traço em vigor. Eu tenho o meu tipo selecionado aqui. Eu tenho o derrame selecionado. Eu vou clicar para adicionar um traço e eu estou amostrando e usando uma das cores da arte aqui eu vou mostrar a vocês em apenas um segundo, como eu consegui essas cores. Só vou aumentar o peso do acidente vascular cerebral aqui. Agora eu também posso colocá-lo no lado de fora das letras aqui com Alinhar traçado para
fora para que apenas certifique-se de que o traçado está no lado de fora das letras. Agora podemos ir um passo adiante e adicionar vários traços. Mas para fazer isso, precisaremos usar um processo ligeiramente diferente. Antes de fazermos isso, vamos ver como coloquei as cores do trabalho artístico no meu painel de amostras. O que eu fiz foi selecionar o objeto que realmente tinha as cores nele que eu queria, então esse é o fundo aqui. Eu o alvejei e selecionei. Fui ao painel Amostras e cliquei aqui em Novo Grupo de Cores. Quando eu clico nisso, obtenho aqui a opção do que eu quero obter minhas cores, e eu quero isso da arte selecionada e eu quero essas duas opções marcadas, e eu vou clicar em Ok. Isso só me dá as cores da minha obra de arte que são estes ossos cor taupe, um rosa e então há este azul rico. Tendo feito isso, vou bloquear meu passado. Novamente agora eu não preciso de dois conjuntos desta cor, então deixe-me apenas ir e me livrar deste conjunto, mas é assim que você obtém as cores da sua imagem. Agora vamos dar uma olhada nesse ritmo do tipo, porque o que eu quero fazer é adicionar vários traços a ele. Irá para o painel de aparência. Você pode ver que ele não tem sequer um preenchimento aqui se eu clicar duas vezes em caracteres, é
aqui que nós dizemos o preenchimento. Neste ponto, o que precisamos fazer é desligar o preenchimento. Eu vou remover o preenchimento completamente e depois voltar aqui para onde ele diz Digite Sem Aparência e clique em um. O tipo desapareceu. É suposto desaparecer a esta altura. Agora vamos clicar aqui para baixo e adicionar um novo filtro para o tipo. Agora o preenchimento está chegando como preto, tudo bem. Eu provei minha cor, então aqui está a cor que eu quero usar. Quero fazer com que o preenchimento seja o rosa que estamos usando. Eu quero que o traço seja das mesmas cores que estamos usando aqui, então eu vou direcioná-lo, selecioná-lo, e vamos apenas aumentar o peso do traço um pouco. Agora, neste ponto, somos capazes de adicionar um segundo traço algo que não poderíamos fazer com este texto. O que faremos é descer aqui e clicar em Adicionar novo traçado. Agora esta greve é exatamente do mesmo tamanho e cor que as outras, então não estamos vendo nada. Vou fazer uma versão mais escura deste rosa. Deixe-me ir e pegar meu rosa primeiro de tudo, então eu vou vir aqui para o golpe e clicar duas vezes sobre ele para abrir o diálogo. Eu vou para o brilho e eu só vou reduzir isso para 60 por cento porque isso vai me dar uma versão mais escura da minha pintura. Vou clicar em “Ok”. Ainda não conseguimos ver porque está por trás de tudo. O que temos que fazer é compensar. Temos que empurrá-lo para longe deste derrame aqui. Com este traçado selecionado, o escuro que queremos empurrar,
escolherei Efeito e, em seguida, Caminho e Deslocamento caminho. O valor de caminho de deslocamento padrão é 10 pixels, então ele está empurrando muito longe para minhas necessidades. Eu só vou clicar aqui e pressionar a seta para baixo para trazer o traçado de volta mais perto do texto. Agora ele não tem que sentar direito no outro golpe. Você pode colocar um espaço entre ele que pode aumentar o efeito. Você precisa fazer uma ligação você mesmo. Vou fazê-lo ficar um pouco além do derrame original. Lá temos o resultado de adicionar apenas um único traçado em torno nosso texto e usar um traço duplo novamente basicamente nas mesmas cores, como o objeto por baixo. Estamos começando a levantar o tipo de fundo. Este efeito pode ser combinado com, por exemplo, a nossa sombra. Deixa-me ir buscar esta. Vamos para Effect, Stylize e, em seguida, Drop shadow. Vou usar uma sombra de queda multiplicada. Vou usar a minha cor rosa. É muito útil ter salvo como uma amostra de cores porque o torna tão acessível. Defina-o para Multiplicar o modo de mesclagem. Acho que vai ficar tudo bem. Vou clicar em “Ok”. Adicionar traços ao redor do seu tipo ajudará a diferenciá-lo do plano de fundo, e você pode combiná-lo com uma sombra.
7. Pt 6: Vamos dar uma olhada agora em outra opção para trabalhar com o nosso tipo, e vai parecer um pouco diferente
na palavra rosa que temos usado nesta fonte Myriad Pro, e algo que não é uma fonte de script. Vou começar a trabalhar na fonte do meu script. Primeiro, é uma fonte chamada Creampuff. Eu tenho meus dois eleitos, é esta cor rosa. Nós vamos para o painel de aparência e vamos remover
o preenchimento e o traçado para que ele não tenha preenchimento, nem traçado, e eu vou digitar a si mesmo e eu vou adicionar aqui um novo preenchimento, e ele vem preenchido com preto. Na verdade, quero que seja a cor rosa com que estamos trabalhando. Eu vou fazer uma duplicata deste preenchimento, então com ele selecionado, eu vou apenas clicar aqui no ícone de mais. Este aqui, eu vou fazer preto e eu quero movê-lo. Neste momento, o preenchimento está imediatamente atrás do texto rosa existente. Eu quero movê-lo para cima e para baixo, então usamos nossa ferramenta de transformação para isso. Com isso selecionado, escolheremos efeito, distorcer e transformar, e depois transformar. Esta é a maneira que podemos mover tipo em vez de compensar o caminho. O que eu vou fazer é movê-lo horizontalmente e vertical, dez horizontal e dez vertical e clique bem. Agora eu poderia usar um rosa mais escuro ou eu poderia apenas me contentar com preto. Eu estou gostando muito do efeito negro, então eu vou fazer outra duplicata disso clicando no preto. Eu vou preenchê-lo com esta cor mais clara que nós amostramos da imagem, então essa é esta cor aqui. Mas novamente, porque era uma duplicata do preto, ele está sentado imediatamente atrás do preto. Eu quero usar a ferramenta de transformação nele, mas eu já tenho a transformação aqui, é simplesmente não está na direção certa, então eu vou clicar na transformação. Deixe-me mostrar-lhe o que eu fiz, eu fui para este preenchimento aqui, e eu cliquei em transformar, e eu vou retirá-lo de volta menos dez, e menos dez. Ele fica para cima e para a esquerda do tipo original, então esse é o efeito que eu estou olhando para criar aqui, e novamente, ele está começando a puxar o tipo para longe do fundo. Ele simplesmente não funciona tão bem em uma fonte como este Myriad Pro. Vou mostrar-lhe a solução para isso. Com o tipo selecionado, vamos voltar ao que estamos fazendo, vamos desligar o preenchimento e traçado, vamos voltar para o próprio tipo, vamos clicar aqui para adicionar um novo preenchimento e traçado. Vamos definir este preenchimento para as mesmas cores que temos usado, vamos fazer uma duplicata dele. Este que está por baixo porque queremos que esteja debaixo do tipo principal. Nós vamos fazer preto e vamos empurrá-lo, mas desta vez vamos apenas empurrá-lo horizontalmente, não verticalmente, então vamos escolher efeito, distorcer e transformar, e então transformar. Eu só vou puxá-lo 10 horizontalmente. Vamos dar uma olhada em 10 vertical e ver por que eu não gosto desse efeito. Você pode ver que está sendo cortado aqui. Eu acho que é um efeito mais forte se usarmos apenas o movimento horizontal e não o movimento vertical, e então para fazer uma duplicata disso,
basta clicar no sinal de mais aqui, preenchê-lo com esta cor mais clara que estamos usando aqui, e alterar sua transformação. Vamos empurrá-lo para trás na direção oposta, então eu vou clicar na transformação, e em vez de 10 pixels positivos, eu vou apenas fazer 10 pixels negativos. Novamente, está sendo empurrado. Eu acho que é melhor do que usar o menos 10 menos 10, que se perde novamente aqui e aqui nestas letras angulares. Se suas letras não têm ângulos sobre eles, então você pode ser capaz de usar o efeito como fizemos aqui, mas onde eles têm seus ângulos fortes, eu acho que você está perdendo o impacto do efeito se você usar um movimento vertical. Lá temos o nosso texto rosa mais algum texto preto, e mais este outro texto colorido estrangeiro. Eles são afastados um do outro. O preto está vindo 10 pixels para a direita, a versão de cor mais clara está indo 10 pixels para a esquerda. Aqui está indo 10 pixels para a direita, e dez para baixo, e este mais leve vai menos 10 para a esquerda e menos 10 para cima. Claro, um dos benefícios desse efeito é que ele é totalmente editável e mesmo que tenhamos três camadas de tipo aqui, é apenas um efeito de tipo. Se eu entrar aqui e mudar isso para punk, então você vai dizer que todas essas três camadas do tipo, o preto, a cor mais clara, o rosa têm todos os tipos alterados. Apenas um objeto para editar, não um objeto múltiplo, e eu acho que isso torna um efeito mais robusto.
8. Use uma sobreposição semi transparente: Até agora, as opções que temos analisado para nosso texto envolvem alterar o texto de alguma forma. Vejamos agora como poderíamos mudar o fundo de alguma forma para levantar o texto acima dele. Vou adicionar um novo retângulo ao documento que é o tamanho do documento. Eu só vou acertar isso no documento aqui. Eu me alinhei ao quadro de arte já selecionado. Agora vou colocá-la atrás dos textos. Deixe-me apenas ir para o último painel será mais fácil vê-lo aqui. Vamos apenas arrastá-lo e soltá-lo atrás dos objetos de texto. Porque é exatamente a mesma cor que o texto, não
estamos vendo e porque é uma cor sólida, não
estamos vendo o padrão através dele. Poderíamos ajustar a opacidade
do objeto e isso mataria parte da cor do padrão por baixo. Só não está ajudando os textos porque é da mesma cor que o texto. E se fizéssemos isto branco, por exemplo? Agora podemos ver o texto muito claramente e também podemos ver o padrão também. Mas podemos querer ver um pouco do padrão em sua forma original, mas basta cobrir o padrão aqui onde o texto está sobre o topo dele. Para fazer isso, eu realmente vou enrolar isso de volta para uma opacidade de 100 por cento. Em vez de branco, vou preencher esta forma com um gradiente. Eu só vou preenchê-lo com o gradiente preto para branco padrão. Vou reverter os gradientes, então negros por este lado, brancos por este lado. Eu vou torná-lo branco para branco gradiente. Vou clicar duas vezes aqui, e vou fazer isso branco. Essencialmente, temos exatamente a mesma coisa que tínhamos antes. É um objeto branco sólido preenchido, mas é preenchido com um gradiente, que nos dá mais algumas opções. Aqui esta parada no gradiente controla este lado
do documento e é uma opacidade de 100 por cento. Esta parada aqui controla este lado do documento. É também uma opacidade de 100 por cento. Vamos ver o que acontece se fizermos zero. Quando fazemos zero, vemos o padrão aqui e este é o ponto de transição. Esta transição é entre esta parada, que é um 100 por cento branco e esta parada que é zero por cento de opacidade, mas ainda cor branca. Eu posso trazer isso um pouco mais perto para trazer o ponto de transição para cima, e isso não precisa ser 100%. Posso clicar duas vezes sobre ele e reduzir a opacidade de paradas para, por exemplo, 60 por cento. O texto está levantando o plano de fundo porque tem um gradiente abaixo dele, e o gradiente está fazendo a transição de
60% de branco todo o caminho para zero por cento branco. Ainda podemos ver o nosso padrão que não é exatamente como era antes, mas também podemos ver o nosso texto. Você combina isso com um efeito como um traçado em torno seu texto ou uma sombra e você pode ter a solução que você está procurando. Agora, antes de terminarmos, deixe-me colocar um derrame em torno deste tipo porque ele
não vai funcionar exatamente do jeito que esperamos. Quando eu adiciono um traçado a este tipo, você verá que o traçado está nos formulários de letra individuais, e por isso está dando essa aparência estranha ao tipo. Mas já sabemos o suficiente sobre o Illustrator que podemos corrigir isso com nosso tipo selecionado vamos e remover o traçado e o preenchimento. Vamos voltar ao topo aqui, clicar nele e adicionar um novo traçado e preencher. Vamos dar-lhes as cores exatas como estávamos usando anteriormente e vamos ter o mesmo resultado do que aconteceu anteriormente. Mas há uma ordem de empilhamento aqui. Quando aplicamos nosso traçado e preenchimento usando a opção de tipo em vez da opção de caractere, então podemos ajustar o posicionamento do traçado e o preenchimento. No momento em que o traçado está em cima do preenchimento, vamos movê-lo para baixo. Vou arrastá-lo para baixo do preenchimento e isso esconde as áreas sobrepostas. Tudo o que eu preciso fazer é ir tornar o derrame um pouco mais largo. Este tipo não vai ter exatamente
os mesmos problemas porque os formulários de carta não se sobrepõem. Poderíamos adicionar um traço branco a este tipo específico e obter o resultado que estávamos procurando. Mas com o texto juntado, precisamos fazer algo para impedir que as formas de letra sejam delineadas individualmente com esse traço.
9. Pt 8: Outro efeito que podemos usar aqui para afastar nosso tipo do fundo, mas neste caso, até mesmo usado o fundo como nosso tipo é criar um efeito knockout. O que eu vou fazer é ir para a ferramenta de retângulo e eu vou usar uma zona de cor diferente direcionando a cor de preenchimento, e eu vou usar uma das outras cores do padrão, que é este tipo de azul escuro, porque Quero um pouco de contraste aqui. Vou arrastar um retângulo que vai cobrir o texto. Tem 1920 por cerca de 350 pixels de altura. Está indo de um lado do documento para o outro, e eu vou colocá-lo atrás do texto. Deixe-me apenas colocá-lo diretamente abaixo do texto, podemos dizer o texto e banner. Eu tenho um curso inteiro sobre efeito nocaute. Se você gostou deste efeito, você pode querer ir e olhar para o meu curso sobre efeitos
knockout porque eu levá-lo muito mais devagar do que isso. Nós olhamos para um monte de efeitos de nocaute diferentes. O que vamos fazer é selecionar o tipo primeiro de tudo, e vamos definir o preenchimento para 0 opacidade. Vamos para o painel de aparência, vamos direcionar seu preenchimento aqui e ele tem uma opacidade em seu preenchimento e isso é tudo o que queremos selecionar. Vou configurá-lo para 0 opacidade, ele deve desaparecer. Então vamos selecionar o tipo e o tipo de fundo [inaudível] ou o retângulo de fundo. Eu estou clicando em um e turno clicando no outro. Ambos escolheram, vou colocá-los em um grupo. A razão para isso é que quando você tem um grupo de objetos, você pode decidir ilustrá-lo. A coisa que eu acabei de fazer totalmente transparente com 0 opacidade. Quero que use isso para fazer um buraco no que está aqui embaixo. Em outras palavras, neste retângulo. Vou voltar ao painel de aparências do grupo. Você pode dizer que esse grupo está aqui e nós estamos indo para a opacidade aqui, e basta clicar em “Grupo Knockout”. O que isso faz é fazer um buraco no retângulo azul, a forma exata do tipo que acabamos de definir como opacidade 0. Agora podemos movê-los ao redor do grupo interno eles podem ir para qualquer lugar. Você tem esse efeito em que temos um retângulo azul em todo o documento e o tipo ainda é bastante legível. É perfurado através do retângulo azul como um buraco, e através disso estamos vendo o padrão por baixo. Para recapitular rapidamente sobre isso, o que você vai fazer é pegar seu tipo e você vai definir seu preenchimento para 0 opacidade, então você vai agrupar o tipo com o retângulo. Isso é muito importante. Quando você os tiver em um grupo, vá para o painel de aparência, localize a opacidade aqui, e defina este Grupo de Eliminação para verificar. Ele vem em, ele tem apenas um pequeno traço em que você vai clicar nele uma vez para verificá-lo. Isso faz um buraco no retângulo por baixo. Isto é editável. Se formos para o último painel, você pode dizer que este é o nosso grupo aqui, nós temos o tipo aqui e o retângulo, nós poderíamos selecionar o tipo e nós podemos movê-lo ao redor e apenas ajustar o seu posicionamento se você quiser fazê-lo. Mas como eu disse, se você gosta desse efeito knockout, se você está interessado em efeitos knockout e olhar para fora para a minha classe sobre efeitos knockout e ele vai ser ligado na descrição abaixo.
10. Pt 9 com fotos: Tudo o que fizemos neste curso pode ser usado com fotos no Illustrator também. Antes de terminarmos, vamos dar uma olhada na situação especial de trabalhar com fotos. Eu tenho um documento já criado 1920 por 1080, o seu pode ser do tamanho que quiser. Vou colocar uma imagem fotográfica. Vou escolher “Arquivo” e depois “Colocar”. Vou usar uma imagem Unsplash de Markus Spiske. Eu só vou selecionar a imagem, e clicar em “Lugar”. Observe que estou incorporando a imagem, tenho todas essas opções desabilitadas. Na verdade, a imagem vai ser incorporada no documento. Agora posso colocá-lo em meus documentos. Eu só vou arrastar para colocá-lo dentro Quero usar o máximo que puder. Tenho um documento de paisagem e uma imagem de retrato. Com a imagem selecionada, vou mudar sua largura para a largura do meu documento, e a largura do meu documento é 1920. Vai ter certeza de que isso está bloqueado para que se eu ajustar a largura, a altura vai ser ajustado também. Deixe-me reduzir o meu quadro de arte para que eu possa ver tudo. Eu vou mover a imagem aproximadamente para a posição que eu quero que ela seja,
e eu estou olhando aqui para a parte da imagem que eu realmente quero usar. Isso é muito bem colocado sobre o meu quadro de arte. Deixa-me mostrar-te o que estamos a ver aqui. Só vou usar essa parte da imagem. Agora, as versões mais recentes do ilustrador, há uma ferramenta de corte. Quando você tem uma imagem bitmap como uma fotografia selecionada, há uma opção aqui chamada Cortar imagem. Eu vou clicar nele, e eu vou apenas dimensioná-lo sobre o meu quadro de arte. É apenas encaixando na posição 1920 por 1080, eu vou clicar em “Aplicar”. A imagem agora é cortada para o tamanho. Agora, se você não tiver uma versão do Illustrator que tenha a ferramenta Cortar imagem, deixe-me mostrar o que você vai fazer. Deixe-me voltar para onde eu estava. Imagem muito grande, placa de arte muito pequena. Vamos colocar um retângulo sobre o topo do quadro de arte, que é 1920 por 1080 que queremos cortar esta imagem. Eu só vou fazer isso. Não importa que cor é ou se tem uma cor. Só estou centrando isso sobre o quadro de arte aqui. Vou selecionar a fotografia e o retângulo. Vou fazer uma máscara de recorte. Escolha “Objeto”, “Máscara de recorte”, “Criar”. Isso tem exatamente o mesmo efeito, exceto que neste caso nós temos a imagem ainda lá e uma máscara de recorte. Se você estiver usando as versões mais recentes do Illustrator, será necessário cortar a imagem em excesso. Essa é a única diferença. Deixe-me ir e adicionar meu texto agora. Vou adicionar o meu texto em preto. Permitam-me apenas provar o preto, que é 000, e os canais vermelho, verde e azul. Vou digitar a palavra “rabanete”. A fonte que estou usando é Canal inclinado. É apenas uma fonte muito agradável, e isso vai funcionar muito bem para este projeto. O texto não é altamente legível. Vamos usar a opção para adicionar um traçado ao redor do texto. Na verdade, vou adicionar dois traços ao redor do texto. O problema está na amostragem das cores aqui. Se eu selecionar sobre este objeto aqui, e tentar provar as cores no pinheiro Swatches aqui, basicamente nada acontece. Eu já estive trabalhando nessa imagem, então deixe-me apenas me livrar dessas amostras. Podemos construir no set. Agora vou adicionar um novo grupo de cores. Não recebo amostras, tudo bem. Podemos pegá-los nós mesmos. Vamos para a ferramenta Conta-gotas de Olhos, e você vai para “Shift”, clique sobre uma parte da imagem da qual você deseja fazer uma amostra de cor. Assim que você vir um compartimento de cores, basta clicar no símbolo de adição para adicioná-lo ao painel Amostras. Agora, se você tiver seu grupo de cores selecionado, ele vai realmente entrar nesse grupo de cores. Estou apenas selecionando cores, olhando para o que eu tenho, decidindo se é algo que eu quero manter, ou se eu gostaria de tentar algo um pouco diferente. Ele pode mostrar que estou pressionando “Shift” enquanto estou clicando para fazer uma amostra de uma tag de cor, a amostra de cor à qual eu queria adicionar, clique no sinal “+” e clique em “OK”. Vou pegar algumas cores. Você verá que é fácil
tirar cores do texto se você chegar muito perto do texto. Ilustrar, acha que você realmente deseja fazer uma amostra do preto do texto, e isso não é normalmente o que você quer fazer. Você pode fazer uma amostra de todos os tipos de cores da sua imagem que você pode usar neste efeito. Vamos voltar para “Type”. Vamos voltar ao painel Aparência. Vamos clicar duas vezes em “Personagens”. Eu quero tirar o preenchimento e o golpe, porque eu quero adicionar o meu próprio. O topo desapareceu totalmente, não é um problema. Vamos clicar em “Adicionar novo preenchimento”, e ele é preenchido com o preto. Voltamos para onde estávamos, exceto que temos muito mais flexibilidade nesta área do painel Aparência. Vamos adicionar um traço rosa a isso. Vou usar um rosa claro. Vou aumentar o acidente vascular cerebral branco. Temos o mesmo problema com esta fonte, como tivemos com aquela outra fonte, exceto que o traço está indo em torno de cada formulário de letra individual, e temos algumas coisas desordenadas acontecendo aqui. Bem, já sabemos o que fazer com isso. Nós só vamos arrastar este golpe para baixo do preenchimento, e isso resolve o problema. Só precisamos fazer o derrame um pouco maior para que possamos vê-lo. Agora vou adicionar um segundo golpe. Vou tomar este derrame porque está na posição certa. Isso parece perfeito. Vou usá-la para fazer uma cópia. Vou clicar aqui em “Duplicar traçado selecionado”. Vou fazer isso uma cor escura,
a cor mais escura que eu provei. Vou deslocar este caminho porque neste
momento este golpe escuro está debaixo da luz. Está sentado bem ali. Bem, eu quero afastá-lo, então vamos usar o caminho de deslocamento. “ Efeito”, “Caminho”, “Caminho de deslocamento”. Apenas certificando-se de que antes de fazer isso, você tem o traço certo selecionado, porque você tem que mirar este, porque é o que você quer mover. Mudou-se para longe demais. 10 pixels é o padrão, e é um pouco longe demais aqui. Vou trazê-lo para cerca de seis e clicar em “OK”. Aqui está um texto preto, é muito escuro sobre uma imagem muito escura, mas nós pudemos provar algumas cores da fotografia, e usar aquelas que usam um dos efeitos que aprendemos anteriormente nesta classe, para criar texto que felizmente, levantado acima da fotografia, e é facilmente legível.
11. Projeto e embrulho: Agora terminamos a parte de aprendizagem de vídeo deste curso por isso é tudo para você para o seu projeto de aula. Seu projeto de classe será tirar um padrão ou tirar
uma fotografia e importá-lo para um documento do Illustrator, colocar um pedaço de texto em cima dele
e, em seguida, usar uma das técnicas que você viu nesta classe, para fazer seu texto se destacam acima de seu plano de fundo ocupado. Quando terminar, publique uma imagem do seu trabalho concluído como seu projeto de classe. Agora, enquanto você está assistindo a esses vídeos, você teria visto um aviso perguntando se você recomendaria esta aula para outras pessoas. Por favor, se gostasse da aula e aprendesse com ela, faria duas coisas para mim? Em primeiro lugar, responda sim, que você recomenda a aula. Em segundo lugar, escreva mesmo em apenas algumas palavras, por que você está gostando da aula. Essas recomendações ajudam outros alunos a ver que esta é uma aula da qual eles também podem desfrutar e aprender. Se você vir o link a seguir na tela, clique nele para se manter atualizado com minhas novas aulas à medida que elas são lançadas. Se você gostaria de me deixar um comentário ou uma pergunta, por favor faça-o. Eu leio e respondo a todos os seus comentários e perguntas, e olho para fora 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.
Helen Bradley, Graphic Design for Lunch™
