Transcrições
1. Design de de de o almoço de 20 em 20 dicas de de de aparência: Olá, sou Helen Bradley. Bem-vindo a este episódio de Design gráfico para almoço, 20 dicas do painel de aparência do Adobe Illustrator em 20 minutos. Design Gráfico para Almoço é uma série de aulas, todas as quais ensinam uma pequena gama de dicas e técnicas. Agora, hoje estamos olhando para o painel de aparência no Illustrator. Você verá como usá-lo para formatar formas e também para formatar texto, que funciona um pouco diferente das formas. Você aprenderá técnicas para colocar preenchimentos e traçados em camadas e para criar um efeito reutilizável personalizado com o painel de aparência. Dominar o painel de aparência é uma habilidade fundamental para qualquer usuário do Illustrator. Ao final deste curso, você deve ter adicionado uma variedade de técnicas e conhecimentos ao seu conjunto de habilidades do Illustrator. Enquanto você está assistindo a esses vídeos, você verá um aviso que pergunta se você recomendaria esta classe a outras pessoas. Por favor, se está gostando da aula, poderia fazer duas coisas para mim? Em primeiro lugar, responda sim que você recomendaria esta aula e, em segundo lugar, escreva apenas algumas palavras sobre por que você está gostando dela. Essas recomendações ajudam outros alunos a dizer que esta é uma aula que eles também podem desfrutar e aprender. Se você gostaria de me deixar um comentário ou uma pergunta, por favor faça-o. Vou ler e responder a todos os seus comentários e perguntas, e vou olhar e responder a todos os seus projetos de turma. Se você estiver pronto agora, vamos começar com nossas 20 dicas de painel de aparência em 20 minutos ou menos.
2. Pt 1 para 5 dicas de painel da aparar: Como exibir o painel de aparência. Quando você está trabalhando no Illustrator, há algumas maneiras de exibir o painel de aparência. Você pode fazê-lo aqui clicando no ícone, que é um círculo preenchido com um monte de pequenos pontos em torno dele. Você pode escolher Janela e, em seguida, Aparência, e que irá exibir a caixa de diálogo. Há também um atalho de teclado, Shift e tecla de função F6. Antes de usar o painel Aparência, você precisará selecionar um objeto que seja um pouco desconcertante, pois enquanto o objeto não estiver selecionado, você ainda verá essa miniatura pequena, mas também verá Não Seleção dizendo que você não tem nada selecionado. Agora, que selecionei essa forma, você verá que tenho Caminho, o que me diz que qualquer coisa que eu fizer
no painel Aparência agora afetará a forma selecionada. Defina o preenchimento e o traçado através do painel de aparência. Vou selecionar essa forma e pressionar Shift F6 para exibir o painel de aparência. Aqui eu posso ajustar o curso e preencher a forma. Se eu clicar aqui na cor do traçado, todo
o painel de traçado fica acessível para mim. Posso escolher outra cor para o meu traçado, posso ajustar o peso do traçado, então posso ajustar outras coisas para fazer com o traçado clicando aqui para abrir o painel do traçado. Para preencher, posso fazer a mesma coisa. Clique aqui na amostra de cores e eu posso escolher uma cor diferente para o meu preenchimento. Trabalhando com vários preenchimentos e traçados. Como adicionar um novo preenchimento ou um novo traçado. Vou selecionar sobre a minha forma e posso adicionar um segundo preenchimento ou um segundo traçado a esta forma. Posso fazer isso de várias maneiras. Eu poderia clicar aqui nesses ícones, Adicionar novo traçado e Adicionar novo preenchimento. Vamos adicionar um segundo golpe dessa forma. Vou remover isso e vamos dar uma olhada em outro método do menu suspenso. Aqui você pode escolher Adicionar novo preenchimento ou Adicionar novo traçado. Desta vez, vou adicionar um novo preenchimento. Há o segundo preenchimento, ele foi colocado em cima do traçado e preenchimento existente. Você também pode adicionar um novo preenchimento ou traçado selecionando o traçado ou o preenchimento e clique no novo ícone que duplicará o item selecionado. Isso é praticamente o mesmo que selecioná-lo e soltá-lo no novo ícone. Traçados em camadas para efeitos de vários traçados. Vou escolher sobre esta forma aqui. Na dica anterior, adicionamos um segundo traço a ele. Vamos mudar a cor deste traço mais alto. Este traçado está em cima do verde porque está mais alto no painel de aparência. Se reduzirmos a largura do traço, então seremos capazes de ver o traço verde por baixo. Agora, o traçado rosa tem cinco pixels de largura, o traçado verde tem 18 pixels de largura. Ambos os traços são posicionados dentro da forma. Se você quiser alterar o posicionamento, você vai mudar o efeito final. Eu vou definir este golpe para o centro da forma, e eu vou fazer a mesma coisa para o golpe verde. Desta vez você pode ver que porque os traços estão centrados, o rosa está sobre o topo do verde. Variando a posição do traçado, bem
como a camada, lhe dará efeitos diferentes. Bordas rápidas usando um efeito de traçado e preenchimento inverso. Vamos dar uma olhada em como eu montei essa forma. Ele tem um preenchimento verde, e o traçado é uma linha tracejada de 30 pixels. É criado usando uma tampa arredondada. O peso da linha, 30 pixels é exatamente o mesmo peso que a lacuna aqui, e o traço é 0, e, claro, temos linha tracejada selecionada. Todos eles combinam para criar um traço pontilhado para a nossa forma. Mas os pontos estão em cima do preenchimento, é por isso que estamos vendo um ponto completo aqui. O que eu quero é um mais de um efeito de borda recortada. Para conseguir isso, o que eu preciso fazer é colocar o traçado embaixo do preenchimento porque os efeitos no painel de aparência são empilhados, o traçado rosa está no topo. Se eu movê-lo para baixo do preenchimento, eu tenho uma aparência muito diferente
do meu objeto, aquele que eu queria criar.
3. Pt 2 para 5 dicas de painel de aparência: Deslocar um preenchimento ou um traçado. Esta forma tem uma linha tracejada ao redor e que está sendo criada com um traço tracejado, tem apenas uma tampa normal, é uma linha tracejada. O branco da linha é seis pixels, o traço é 20 e o espaço é cinco. No momento, esse golpe está sentado ao redor da borda da forma, mas não precisa ser assim. Vou selecionar o traçado e escolher “Efeito”, “Caminho”, “Caminho de deslocamento”. Se eu clicar em “Visualizar”, você verá que a configuração padrão é de 10 pixels offset, que empurra o strike para fora da forma. Também é possível trazê-lo para dentro da forma usando um deslocamento negativo. Vou clicar em “Ok”. De forma semelhante, você pode compensar um preenchimento de um traçado. Eu tenho outra forma aqui. Nesse caso, se dermos uma olhada nisso no painel de aparência, você verá que o deslocamento foi aplicado ao preenchimento nesse caso, em vez do traçado. Crie reflexos automáticos. Para esta forma de estrela, tem um preenchimento, mas nenhum traço. No painel de aparência, quero criar um reflexo para isso. Vou direcionar o preenchimento e adicionar um segundo preenchimento. Vou mirar o mais baixo e quero refletir este preenchimento. Com ela selecionada, escolho “Efeito”, “Distorcer e Transformar” e depois “Transformar”. As configurações que usarei é ativar a visualização e selecionar o meio inferior dessas nove caixas, e então esse será o ponto de reflexão. Vou clicar em “Refletir Y” e clicar em “Ok”. Esta estrela tem a mesma intensidade que a de cima. Ficaria muito melhor se tivesse um preenchimento de gradiente simples aplicado a ele. Vou clicar neste preenchimento e usar uma amostra de gradiente para que eu tenha pré-preparado. Só preciso ajustar marginalmente o gradiente. Eu vou girá-lo menos 90, então ele vai na direção oposta, eu vou tornar o final do gradiente totalmente transparente definindo a opacidade para 0, e eu vou apenas ajustar o ponto de transição para o gradiente para que ele arremesse um pouco mais cedo. Há o nosso reflexo gerado automaticamente para uma estrela. Configurações de preenchimento, traçado e opacidade de forma. É importante notar que, no painel de aparência, cada um
dos traços que você cria e o preenchimento têm sua própria configuração de opacidade. Eu vou mirar este traço azul, e eu vou ajustar sua opacidade para que possamos ver através dele, e quando o fizermos, nós estamos vendo através dele para o traço e a forma por baixo. Os preenchimentos também têm sua própria configuração de opacidade. Você precisará abrir o preenchimento usando o triângulo,
clicar no botão “Opacidade” e, em seguida, ajustar a opacidade para se adequar. Isso faz com que a forma seja parcialmente transparente. Agora vamos enrolar todas as opacidades
até 100% porque há uma outra configuração de opacidade, e esta aqui embaixo, e ele controla a opacidade de toda a forma, os traços, bem como o preenchimento. Vamos enrolar e você verá que podemos ver através de tudo nesta forma agora. Quando você estiver procurando criar efeitos complexos, esteja ciente de que cada item no painel de aparência terá sua própria configuração de opacidade, bem como toda a forma com sua própria configuração. Mesclagem de preenchimentos, traçados e formas. Eu tenho um único círculo aqui que tem dois preenchimentos adicionais; um azul uma laranja, e um rosa. Esses preenchimentos foram transformados, então eles foram movidos usando a caixa de diálogo Transformar Efeito. Eu quero misturar estes juntos para que eu estou indo para o mais alto, e através do painel de transparência aqui, eu posso mudar o modo de mesclagem para multiplicar. Este preenchimento vai interagir agora com os preenchimentos abaixo. Eu vou fazer a mesma coisa para este preenchimento aqui, ir para o painel de transparência e mudar seu modo de mesclagem para multiplicar. Estamos a ter uma aparência diferente da nossa forma. Agora você também pode misturar toda a modelagem com objetos por baixo. Você faz isso através deste painel de transparência, aquele que pertence a toda a forma. Vamos definir isso para multiplicar o modo de mesclagem. Agora não há nada por baixo da forma para ver com, mas eu tenho um retângulo colocado aqui. Eu só vou ligar isso, e agora você pode ver que toda a forma está interagindo com o quadrado colorido abaixo. Limitar misturas a uma forma. Eu tenho duas formas idênticas aqui, e dentro das formas, os dois primeiros preenchimentos têm misturas multiplicadas sobre eles. As cores estão se misturando dentro da forma, mas vamos dar uma olhada e ver o que acontece quando eu colocar um preenchimento colorido atrás de uma dessas formas. Você pode ver que as cores agora são diferentes porque esta forma está interagindo com o fundo sólido por trás dela. Se você não quiser que esse seja o caso, o que você pode fazer é dizer ao Illustrator para limitar qualquer uma
dessas misturas para operar somente dentro da forma, e não para operar entre a forma e qualquer coisa por trás dela. Para fazer isso, você direcionará a forma, e aqui no painel Aparência, você abrirá a transparência e clique aqui em “Isolar mesclagem”. Agora as cores nesta forma são exatamente as mesmas que seriam se a forma não tivesse nada por trás dela.
4. Pt 3 para 5 dicas de painel da aparar: Adicione uma segunda forma a uma forma. É possível criar formas dentro de uma forma usando o painel de aparência. Eu vou adicionar outro preenchimento a esta forma aqui, e eu vou re-colorir. Agora eu vou fazer isso um círculo que eu posso fazer selecionando estes preencher e escolher efeito e, em seguida, converter para forma. Vou converter isto numa elipse. Vou certificar-me de que a pré-visualização está ativada e vou definir um tamanho absoluto. Eu vou fazer minha elipse um círculo, então eu vou defini-la para um 100 por 100 pixels. Agora temos um círculo no meio da nossa forma e tudo
é feito dentro do painel de aparência. Faça um buraco em forma. Na última dica criamos este círculo dentro desta forma. Desde então eu adicionei uma forma colorida por trás desta forma modo que em um minuto quando nós cutucar um buraco através desta forma usando este círculo, nós devemos ser capazes de ver esta forma azul preenchido por trás dele. Então, com esta forma selecionada, eu vou para o preenchimento que controla o círculo. Vou clicar na configuração de opacidade para abrir o painel de transparência, e vamos definir essas formas opacidade para zero. Isso é realmente importante porque qualquer preenchimento que tenha sua opacidade definida como zero pode ser usado como um knockout para a forma. Você faz isso a partir da configuração de opacidade para toda a forma, e você vai clicar aqui no grupo knockout até obter uma marca de seleção nele. Agora você pode ver que criamos um buraco dentro desta forma. Crie bordas rápidas usando um gradiente e um efeito de gradiente reverso. Eu tenho uma forma aqui que é preenchida com um gradiente linear simples. Podemos criar uma borda interessante a partir desta forma adicionando um traçado, e vamos adicionar o mesmo gradiente de um traçado. Vou aumentar o peso do derrame. Então vamos para o painel gradiente e vamos reverter esse gradiente. Então, em vez de zero por cento, vamos defini-la para menos 180. O impacto do uso de um gradiente em uma direção para o preenchimento e o gradiente em outra direção para o traçado proporciona um efeito de borda interessante. Entenda e faça engenharia reversa de estilos gráficos. Quando você tiver uma forma no Illustrator e aplicar um estilo de gráfico a ela, se estiver interessado em entender o que aconteceu para criar esse estilo de gráfico, abra o painel de aparência com a forma selecionada. Você poderá ver todos os preenchimentos e traçados que foram aplicados a essa forma para criar esse estilo específico. Você poderá experimentar ativar e desativar as coisas
e também ajustar as configurações, talvez para criar seu próprio estilo gráfico. Mas é certamente uma maneira útil de aprender mais sobre como formas podem ser formatadas. Faça buracos em um golpe de pontos. Em uma dica anterior, vimos como poderíamos fazer um buraco em uma forma usando um grupo knockout. Agora podemos fazer o mesmo tipo com um acidente vascular cerebral. Vamos dar uma olhada nesta forma. Tem dois pontos golpes nele. Um dos quais é configurado com um espaço de 50 pixels e um peso de 50 pixels. O segundo é configurado com exatamente o mesmo espaço, mas a largura é muito menor. Então temos círculos menores dentro dos maiores. Criar isso como um nocaute fará exatamente como fizemos antes. Vamos para a opacidade do que queremos usar como nocaute ou
o outro para fazer os buracos e enrolá-lo de volta ao zero. Então, com a forma ainda selecionada, vamos selecionar o grupo knockout, e isso faz buracos neste curso desta vez para que possamos ver através dele para estas formas abaixo.
5. Pt 4 para 5 dicas de painel da aparar: Texto como um caso especial usando aparências de caracteres. Eu tenho um pedaço de texto digitado aqui que eu selecionei agora. Você verá que o painel Aparência parece um pouco diferente quando estiver trabalhando com texto do que quando estiver trabalhando com forma. Porque este é um objeto de tipo, mas os próprios caracteres são o que têm a cor anexada a eles. Vou para a ferramenta Texto, vou selecionar um único
caractere e mudar a cor desse caractere. Com a ferramenta 'Tipo', eu posso selecionar sobre qualquer caractere neste texto e simplesmente mudar sua cor. Mas preciso fazer isso através da área de Personagens. Sombra texto do arco-íris usando caracteres e aparências de texto. Na dica anterior, vimos como poderíamos selecionar caracteres individuais e colori-los no painel Caracteres para criar algo como esse texto multicolorido. No entanto, não é possível adicionar uma sombra a este texto desta forma. Porque se eu escolher “Efeito” e depois “Estilizar”, a ferramenta Sombra suspensa não estará disponível. Para isso, precisamos estar na área Tipo Sem Aparência. Vou selecioná-lo. Agora posso adicionar uma sombra ao meu tipo; Efeito, Estilizar, Sombra. Se você descobrir que algum efeito não está disponível na área de caracteres desta caixa de diálogo, clique em “Tipo” e você pode descobrir que você é capaz de adicioná-lo a um objeto de texto inteiro em vez de caracteres individuais. Criando texto preenchido com gradiente. Eu tenho um pedaço de texto digitado aqui e é texto ao vivo. Quero preenchê-lo com um gradiente, então vou tentar fazer isso através do painel Caracteres. Vou abri-lo e mudar de uma cor preenchida para um gradiente. Embora pareça que isso funcionou, quando eu clique longe do texto, ele realmente não funcionou em tudo. O gradiente não foi aplicado ao texto. Em vez disso, precisamos selecionar sobre o texto e aplicar o gradiente através da área Tipo. Adicionaremos um novo preenchimento e garantiremos que esse preenchimento seja o gradiente. Agora você pode ver algumas linhas pretas ao redor do lado de fora do texto, e isso é porque
a área de caracteres aqui do Tipo tem um preenchimento nele e na verdade é um preenchimento preto, mesmo que pareça um gradiente, é realmente confuso. O que você quer fazer é vir aqui e remover esse preenchimento. Volte para a área Type. Agora temos nosso texto preenchido com gradiente e não temos linhas pretas feias em torno dele. Crie um efeito de texto de estêncil usando transparência quando os contornos precisarem ser usados. Vamos criar esse visual de estêncil agora. Infelizmente, não podemos fazer isso com Live Type, então teremos que converter nosso Tipo em contornos primeiro. Selecione “Tipo” e, em seguida, Criar contornos e, em seguida, Objeto, Desagrupar. Vamos adicionar o nosso Brilho Externo. Vamos selecionar no “Caminho composto” para que ele seja aplicado a toda a forma. Efeito, Estilizar, Brilho Externo. Estou usando um modo de mesclagem de multiplicação de cor vermelha, uma opacidade de 75% e um desfoque de 30 pixels. Ajuste estes para se adequar ao seu texto. Vou clicar em “Ok”. Agora, para criar nosso nocaute, vamos definir a opacidade de preenchimento para zero. O preenchimento pode ser de qualquer cor. A opacidade só tem que ser definida como zero. Em seguida, vamos para as configurações do painel Transparência novamente e clique duas vezes aqui em “Knockout”. Salve aparências complexas usando estilos gráficos. Sempre que tiver uma aparência complexa criada para uma forma, você pode salvá-la para poder reutilizá-la posteriormente como um estilo gráfico. Abra o painel Estilos de gráfico e clique em “Novo estilo de gráfico”. Agora ele será adicionado como um estilo gráfico. Se você esvaziar o painel Estilo de gráfico, exceto esse estilo, selecione o menu suspenso e escolha “Salvar biblioteca de estilos de gráfico”. Você pode salvar sua biblioteca de estilos gráficos para poder abri-la e usá-la novamente em qualquer outro documento no futuro. Você pode então ir em frente e criar uma forma e aplicar esse estilo gráfico a ela com um único clique.
6. Ponta de bônus: Para nossa dica bônus, vamos criar esse efeito como uma aparência. Então eu vou pegar o número 2 e trabalhar com ele para alcançar o mesmo resultado. Com ele selecionado, eu vou para
a área de caracteres porque eu quero desligar este traçado preto. Não quero que o texto seja preto. Vou datilografar e vou torná-lo branco. Então vou adicionar um novo preenchimento para o meu texto. Eu vou torná-lo branco eventualmente, mas por enquanto, vamos apenas fazer uma cor de mindinho para que possamos realmente ver o que estamos fazendo. Vamos adicionar outro preenchimento com o qual vamos fazer este círculo rosa. Vou clicar aqui para adicionar um novo preenchimento. Está atrás do tipo 1 agora. Eu vou fazer com que esta cor rosa rica, e então eu vou definir isso para ser um círculo. Então, com ela selecionada, escolho “Efeito” e depois “Converter em Forma” e “Elipse”. Vou ativar a pré-visualização. Eu vou ligar absoluta também, e eu preciso fazer este ponto muito maior. Eu estou pensando que provavelmente cerca de 500 para a largura e altura será perfeito. Isso parece muito bom. Só está no lugar errado. Então eu vou clicar em “Ok”. Agora eu preciso movê-lo, e para mover o círculo, eu vou usar a ferramenta transformada. Efeito, Distorcer e Transformar e, em seguida, Transformar. Vou ativar a visualização para poder ver o que estou fazendo e só quero ajustar a configuração vertical para isso. Então eu estou definindo como menos 90, que funciona com essa fonte específica e o tamanho da fonte com que estou trabalhando. Você precisará ajustá-lo para o que ele vai funcionar para sua fonte específica. Agora eu quero uma linha pontilhada em torno da minha forma, então, vamos pegar um derrame. Vamos definir o traçado para a cor que queremos usar, e então vamos fazer um traço pontilhado, então, eu vou definir o peso do traçado para 50, eu vou clicar em Traços e eu vou fazer uma tampa redonda e uma linha tracejada, 0 pixels para o traço e 50 pixels para a lacuna. Agora o que eu quero fazer, é fazer exatamente a coisa que eu fiz para este preenchimento, então, eu vou abrir este painel de preenchimento. Eu quero duplicar essas configurações de elipse, então, eu vou clicar nele e, em seguida, clicar em duplicar item selecionado, e isso é duplicado a elipse, então, eu vou movê-lo para cima, então, é com o traçado. Tenho uma elipse no derrame e uma no preenchimento, e você pode ver que estamos tendo o derrame que estamos procurando. Agora, só um aviso aqui, se você usar esta opção aqui, você tem um visual totalmente diferente. Não sei por que funciona assim, mas é assim que funciona. Então você pode precisar ajustar qual dessas opções você usa para realmente manter seus pontos quando você faz exatamente o que eu acabei de fazer então. Agora, também precisamos mover essa transformação. Precisamos fazer a mesma transformação para o traço aqui como fizemos para a elipse, então, vamos clicar na transformação e duplicá-la, e vamos pegar uma dessas e simplesmente soltá-la na elipse. Neste ponto, podemos simplesmente ir em frente e recolorir nossos textos porque eu vou colocá-lo em branco. Para terminar, precisamos colocar o traço atrás do preenchimento, e isso realmente vai quebrar isso um pouco, então, vamos ver o que vai acontecer. Vamos para o golpe e vamos arrastá-lo para trás do preenchimento. Você pode ver que ele está um pouco desligado, então, o que precisamos fazer, é ajustar nossa transformação, então, eu vou clicar em Transformar, ativar a visualização, e eu vou começar a reduzir esse valor. Eu só vou olhar para o resultado que parece muito bom para mim. Então esse é o nosso efeito para os nossos números. Agora, podemos salvar isso como um estilo gráfico indo para o painel de estilo gráfico e clicando para adicioná-lo. Agora ele pode ser aplicado a qualquer um desses objetos de texto. Vamos selecionar o número 3 e basta clicar para formatar o número 3 exatamente da mesma maneira que formatamos o número 2 aqui. Vamos fazer isso para o número 4. Claro que funcionaria para essa fonte e tamanho da fonte em particular, mesmo para letras do alfabeto.
7. Projeto e encerramento e de: Espero que você tenha gostado deste conjunto de 20 dicas de painel de aparência em 20 minutos ou menos. Seu projeto para esta classe é postar uma imagem de uma ou mais das dicas que eu mostrei aqui que particularmente falam com você. Agora, como você está trabalhando nesta classe, você verá um aviso perguntando se você recomendaria esta classe a outros. Por favor, se gostasse da aula e aprendesse algo com ela, faria duas coisas para mim? Em primeiro lugar, responda sim que você recomenda a aula, e em segundo lugar, escreva mesmo em apenas algumas palavras por que você está curtindo a aula. Essas recomendações ajudam outros alunos a dizer que esta é uma aula da qual eles também podem desfrutar e aprender. 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. Eu olho e respondo a todos os seus projetos de classe. 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.
Helen Bradley, Graphic Design for Lunch™
