Transcrições
1. Apresentação: Oi Sou Sarah, sou designer
de superfícies, ilustradora e planejadora digital Em 2017, decidi
combinar minhas habilidades de design e amar a organização para
criar e vender
agendas e adesivos digitais Desde então, aprendi
os detalhes
dos diversos programas para criar adesivos de agenda digital e me tornei especialista em simplificar o processo de
criação de lindos adesivos No mundo das agendas, existem dois tipos de adesivos funcionais e Nesta aula, vamos nos concentrar em aprender como criar adesivos
funcionais Ok. Para o projeto da classe, você criará adesivos de
agenda funcionais
usando o Adobe Illustrator usando o Adobe Illustrator Para um projeto de segunda classe, você usará esses adesivos de
agenda para criar uma
folha de adesivos Se você deseja criar adesivos
personalizados para seu próprio uso ou sonha em
abrir uma loja de planos ou adesivos, esta aula
mostrará como criar adesivos de agenda
digital com eles usando o
Adobe Illustrator Adobe Illustrator Te vejo na aula. Ok.
2. Projetos do curso: Para esta aula,
haverá dois projetos estudantis. No primeiro projeto, você
trabalhará no Adobe Illustrator,
e no segundo projeto, e no segundo projeto, você trabalhará no Se você ainda não
tem o Adobe Illustrator, pode obter um teste gratuito por sete dias no site
da Adobe Good Notes tem uma
versão gratuita para iPad e desktop que permite
criar até três notebooks, o que funcionará
perfeitamente para essa classe Para o projeto de primeira classe, você criará vários tipos de adesivos usando o
Adobe Illustrator Você aprenderá a
criar formas básicas, formas
personalizadas, adesivos técnicos, adesivos ícones e, em seguida,
aprenderá a
combinar técnicas para criar
seus próprios adesivos exclusivos Examinaremos cada tipo de adesivo em detalhes
na próxima lição Para o projeto de segunda classe, você pegará
os adesivos digitais que criou no Adobe Illustrator e os
formatará em uma folha de adesivos
pré-recortada Esta é a folha de adesivos
que você poderá usar em agendas digitais no aplicativo
Good notes ou para vender Como eu disse anteriormente,
o bom aplicativo de notas está disponível no iPad e
também no desktop. Para este curso, você me
verá fazendo deming em um iPad. Mas as etapas seriam as
mesmas na versão para desktop. Te vejo na próxima aula.
3. Tipos de adesivos para o planner digital: Antes de começarmos a aprender
como fazer adesivos, vamos aprender sobre quais tipos de adesivos podemos fazer primeiro Todos os
adesivos de agenda digital são imagens que devem ser usadas
em aplicativos de planejamento digital, como boas anotações, e funcionam da mesma forma que você usaria um adesivo físico na Os adesivos funcionais têm o
objetivo de chamar
a atenção ou organizar
informações específicas em sua agenda Esses adesivos enfatizam
a
função, em vez de
serem puramente Compare-o com destacar suas anotações para chamar a atenção
para os pontos principais Os adesivos funcionais também podem ser visualmente agradáveis e, ao mesmo tempo,
servir a um propósito, que é o que será
demonstrado neste curso Aqui estão os tipos de adesivos de agenda
funcionais que examinaremos hoje caixa, adesivos
estilo bloco de notas, adesivos de etiquetas de
texto, adesivos de
compromissos e faturas, adesivos de
bandeira, adesivos de coração
e estrela, adesivos de
ícones, adesivos de
texto com contornos, o que eu gosto de chamar de adesivos de caixa de bolhas Adesivos de caixa, adesivos
estilo bloco de notas, adesivos de etiquetas de
texto, adesivos de
compromissos e faturas, adesivos de
bandeira, adesivos de coração
e estrela, adesivos de
ícones, adesivos de
texto com contornos, o que eu gosto de chamar de adesivos de caixa de bolhas. E adesivos de lista de verificação. Agora que você sabe quais tipos de adesivos aprenderá
a criar, vamos começar a
configurar nosso documento no Adobe Illustrator e revisar as ferramentas que
usaremos Te vejo na próxima aula.
4. Ferramentas e configuração de seu espaço de trabalho: Vamos abrir o Illustrator
e começar. Nos recursos da aula, forneci um arquivo do
ilustrador que inclui uma
folha de referência das ferramentas, atalhos de
teclado e tudo o mais que será
abordado nesta lição Eu recomendo fortemente
baixá-lo
se você não estiver muito
familiarizado com o Illustrator Ele também tem uma prancheta em
folha de adesivos já configurada para
você trabalhar seguir, mostrarei as
etapas de como configuro esse arquivo de exemplo do Illustrator para que você
possa aprender a
configurá-lo sozinho Ao
abrir o Illustrator pela primeira vez, você
clicará em novo arquivo
no canto superior esquerdo e verá uma tela
parecida com esta No lado direito,
onde diz chicote e altura, é onde podemos definir as medidas
da nossa prancheta O tamanho que
vamos usar hoje para nossa prancheta é de 7,25 polegadas Por 9,75" de altura. A razão pela qual eu uso esse tamanho é porque ele é compatível com os métodos de impressão e corte de adesivos usando máquinas
como críquete Esta aula é sobre adesivos
digitais, mas você pode facilmente
usar o mesmo arquivo para criar adesivos físicos impressos e
recortados Se você não se importa com isso, você pode absolutamente usar
qualquer tamanho que quiser. Alguns tamanhos comuns são A cinco, oito por dez, 8,5 por
11 ou sete por nove. E todos esses
tamanhos estão em polegadas. Em seguida, na tela, aqui, temos as medidas de suas pranchetas,
para que você
possa selecionar qualquer uma dessas
medidas Eu normalmente uso
polegadas ou pixels, e também podemos mudar isso
mais tarde. Vou manter o
meu em centímetros hoje. Vamos manter
o modo de cores em RGB porque esses são adesivos
digitais e
o espaço de cores RGB é o que
é usado Vamos manter
o PPI em 300, que são os pixels por polegada, que será a resolução
mais alta. Em seguida, você pressionará criar. Ok. Então, assim que você
abrir seu novo documento, a ferramenta de prancheta será selecionada aqui Então, vamos
chegar aqui canto superior esquerdo e clicar na ferramenta
de seta. Agora, se seu plano de fundo não
for branco como meu e for cinza e você
quiser alterá-lo para branco,
vá para as configurações
e a interface do usuário do Illustrator no canto superior
esquerdo e a interface do usuário E então aqui onde
diz Cor da tela, você pode selecionar branco. E pressione. Ah. Agora vamos configurar seu espaço de trabalho para que todas as suas ferramentas estejam no
mesmo lugar que as minhas, e seja fácil
acompanhar as aulas No canto superior direito, você verá esse botão
que, quando você o cobre diz alternar espaço de trabalho Clique nele e
, em seguida, eu quero que você clique em Essentials Classic. Isso nos ajuda a
configurar nossa barra de ferramentas na maior parte do
tempo, mas faremos
algumas personalizações para obter todas as
ferramentas de que precisamos Para obter essas ferramentas,
vamos até a barra de
menu superior e pressionaremos a
janela. E pressione uma linha. Você verá uma caixa pop-up. Você vai clicar
aqui e
arrastá-lo para qualquer lugar
até o painel lateral. Você pode mover as coisas
depois de colocá-las no lugar. Em seguida, vamos para a janela novamente, desceremos até a
digitação e os glifos e os arrastaremos para a nossa
barra de ferramentas Ok. Ok, vamos reorganizar algumas coisas para que
tenhamos o que mais usaremos no topo Eu gostaria de ter meu
painel de camadas voltado para o topo, clicar e arrastá-lo até
o topo. Ok. Em seguida, podemos nos livrar de algumas coisas para que tenhamos uma barra de ferramentas organizada que
tenha apenas o que precisamos No quinto item abaixo, você verá uma foto
de alguns pincéis Você pode clicar e
arrastar isso aqui e depois
sair. Então, logo abaixo
disso, estão os símbolos. Clique e arraste isso para fora
e saia disso. Em seguida, nosso painel de
aparência, que é esse círculo
com um contorno tracejado Clique e arraste isso
para fora e para fora. E estilos gráficos. E bens comuns. Estamos praticamente terminados organizar nossa barra de ferramentas
no lado direito Se você quiser mover
alguma coisa, pode fazer isso agora e depois a salvaremos
como uma nova área de trabalho Dessa forma, podemos ter essa configuração sempre que
usarmos o Illustrator Para salvar isso como um novo espaço de trabalho, você vai para
Janela, espaço de trabalho, que é o quarto item
abaixo e novo espaço de trabalho, e você pode chamá-lo do que
quiser E pressione. Então, sempre que você abrir o Illustrator
no futuro, pressionará esse botão
no canto superior direito da
sua área de trabalho e poderá selecionar esse nome para garantir que sempre
tenha essas ferramentas
exatamente no mesmo Há algumas
outras coisas que vamos
ativar para configurar nosso espaço de trabalho que
serão úteis na
criação de adesivos Vamos
ver e garantir que os guias inteligentes estejam marcados com a caixa de seleção marcada. Em seguida, também em exibição, garantiremos
que Snap to Pixel, Snap to Point e Snap to glyph estejam marcados com a
opção Snap to Pixel, Snap to Point e Snap to
glyph Essas configurações serão
muito úteis quando estivermos tentando
alinhar perfeitamente nossos adesivos Ok. Tudo bem Em seguida, faremos uma
breve visão geral
do painel de ferramentas no
lado esquerdo da tela. Começando do topo,
temos nossa ferramenta de seta
, chamada de ferramenta
de seleção. Certifique-se de que isso esteja destacado
para poder clicar e
mover objetos. Então temos nossa ferramenta de seleção
direta, que é essa seta branca aqui. Isso é bom se você quiser
apenas selecionar um ponto de ancoragem ou apenas uma parte de uma forma e movê-la
em vez da forma inteira Em seguida, pular duas para baixo
está a ferramenta da caneta. Você pode usar isso para criar linhas curvas e formas personalizadas E abaixo disso, temos a ferramenta
de tipos, autoexplicativa. À direita,
temos nossa ferramenta de segmento de linha. Além disso, temos
nossa ferramenta de segmento de linha, que é diferente
da ferramenta caneta porque é usada apenas para desenhar
linhas e não curvas Abaixo da ferramenta de texto, temos a ferramenta de forma. Se você clicar aqui, verá a seleção de formas que você
pode escolher. Abaixo disso, você
verá a ferramenta de rotação. À direita da ferramenta de rotação está a
ferramenta de balança. E aqui está
a ferramenta de conta-gotas, que você pode usar
para obter amostras Então, aqui embaixo, temos
a ferramenta de prancheta, que você usará para
editar sua prancheta, alterar o nome da
prancheta e adicionar novas Abaixo disso, temos
a ferramenta manual, que você pode usar para se
deslocar pela tela. Então, abaixo disso, temos nossas cores de traçado e preenchimento
que estão atualmente selecionadas A caixa preenchida é
para a cor de preenchimento. E a caixa delineada é
para a cor da listra. Você verá essa seta de ponta
dupla. Se você clicar
nele, ele permitirá que você
alterne a cor do preenchimento
e do traçado. Abaixo disso, você verá um quadrado com uma linha
diagonal vermelha. Se você clicar aqui, o preenchimento
ou o
traçado serão alterados para que não tenham cor. Esses são todos os
princípios básicos da barra de ferramentas. Aprenderemos como
usá-los mais detalhadamente à
medida que avançamos nas aulas de criação de
adesivos Para todas essas ferramentas que
acabamos de conhecer, várias delas têm atalhos de
teclado Adoro usar atalhos de
teclado para otimizar meu fluxo de trabalho
e o Illustrator Ao longo do curso, você pode
olhar para o canto inferior esquerdo
da tela para ver quais atalhos de
teclado estou usando Vou tentar
denunciá-los também. Aqui está uma lista dos meus favoritos. Eles também estão escritos no arquivo de demonstração do
Illustrator que eu forneci nos recursos da classe para você consultar posteriormente Ok. Estamos prontos para
começar a trabalhar como ilustradores Vamos
configurar nossa prancheta para que possamos nos manter organizados. Temos essa prancheta aqui que podemos usar como nossa folha de adesivos e faremos outra logo abaixo para usar como espaço de Vou diminuir o zoom
para poder ver a
tela um pouco melhor. E vou até minha ferramenta de
prancheta aqui. Você pode alterar o nome
dessa prancheta para folha de adesivos Em seguida, podemos pressionar
o sinal de mais
aqui para criar uma nova prancheta Ele criará automaticamente
um novo ao lado dele. Mas vamos colocá-lo abaixo da nossa prancheta de folhas de
adesivos. Vamos chamá-lo de nosso espaço de trabalho. Criar nomes para
as pranchetas
realmente ajudará quando estivermos
exportando os arquivos posteriormente Em seguida,
criaremos uma paleta de cores para referência ou para o
resto do curso Queremos que nossos adesivos funcionais aprimorem nossa
agenda, não Eu recomendo usar
uma ou duas cores e ter uma variação de um
tom claro e escuro para cada cor Para criar nossa paleta de cores, vamos até
a ferramenta retângulo aqui e vamos
desenhar um Você pode criar isso em
qualquer tamanho que desejar. Por padrão, será
uma cor de preenchimento branca
com uma cor de traçado preto
que você pode ver aqui. Então, para mudar a cor disso, podemos mudar a cor em
várias áreas diferentes. Podemos mudar a cor clicando
duas vezes aqui. Podemos mudar a cor aqui
ou também podemos ir até a barra de ferramentas
do lado direito e
selecionar uma cor aqui Então, vou clicar duas
vezes aqui e
escolher uma cor rosa
pêssego. Ok. Eu gosto disso,
e então mudaremos nosso contorno para ficar sem cor Então, para fazer isso,
pressionaremos x no teclado. E agora sabemos que
a cor do traçado está selecionada porque está na
frente e pressionamos
e, em seguida, voltaremos
para nossa cor de preenchimento aqui. Ok, então temos nossa cor
primária agora. Vamos criar um tom mais claro. Então, vamos manter pressionada
a tecla de opção no
teclado até ver
a
seta de duas pontas e clicar,
arrastar e soltar enquanto
pressionamos a
seta de duas pontas e clicar,
arrastar e a tecla de opção. Agora, para deixar esse
tom mais claro, clicaremos duas vezes
e, aqui, você verá um S que significa
saturação e um B, que alterará a quantidade de brilho da cor Ao manipular essas quantidades, podemos criar um tom mais claro, você pode simplesmente
editá-lo até ficar satisfeito com isso Temos nossa paleta de cores aqui. Agora, queremos mover
essas cores para nosso painel de amostras aqui, para que elas sejam salvas
para usarmos mais tarde Então, se olharmos
nosso painel de amostras, o padrão tem muitas cores que não são
realmente meu estilo e eu não vou usar Então, eu quero limpá-los. Então, vou deixar essa cor
sem preenchimento, o branco
e o bloco e
clicar nessa cor vermelha,
manter pressionada a tecla Shift e clicar o final
para que todas
as cores que eu não
quero sejam destacadas
e, em seguida, pressionarei essa
lixeira para excluí-las E então, para adicionar cores
ao painel de amostras, você pode selecionar um objeto E pressione o sinal de mais
para adicioná-lo ou você pode destacar suas cores e
pressionar o ícone da pasta, então eu criarei uma pasta. Quero que você crie uma pasta
com suas cores,
pois a usaremos mais tarde,
quando usarmos a ferramenta de recolorir Agora que escolhemos nossas
cores, vamos começar a criar adesivos. Te vejo na próxima aula.
5. Formas básicas: OK. Tudo bem. Vamos começar a
fazer adesivos. Vou usar
o arquivo de demonstração que
forneci nos recursos da classe, para que você
possa
acompanhar isso, ou você pode usar o
arquivo que foi recriado
do zero no vídeo de configuração do
espaço de trabalho Primeiro, aprenderemos
como
criar adesivos de formato básico Para a maioria desses adesivos, usaremos a ferramenta de modelagem Essa ferramenta está aqui
na barra de ferramentas esquerda. OK. Começaremos
com adesivos circulares Vamos selecionar uma cor para nosso adesivo circular acessando
o painel de amostras e eu selecionarei
essa cor rosa Em seguida, vou
alternar para a cor do traçado pressionando x e
pressionando nenhum e , em seguida, alternando de
volta para a Em seguida, vou
até nossa barra de ferramentas e clique com o botão
direito do mouse na ferramenta de
forma, selecione a ferramenta Elipse e
clique em qualquer lugar da tela e
você verá uma caixa pop-up onde poderá inserir Digamos que estamos criando
um adesivo com círculo de data e queremos usar esse tamanho de adesivo
comum Vamos colocar 0,313 3" por
0,313 3". Se você fizer um adesivo, ele é muito grande ou pequeno e você deseja alterar
as dimensões dele Tudo o que você precisa fazer
é selecioná-la e ir até a barra de ferramentas superior
no painel Transformar ou sua barra de ferramentas lateral até
o painel Transformar, e você pode alterar a largura
e a altura aqui. Em seguida, faremos adesivos com estrelas. Os adesivos de estrelas funcionam de
forma bastante semelhante aos adesivos circulares. Vamos clicar aqui e
selecionar a ferramenta estrela clicar uma vez e inserir
nossas dimensões. OK. E se você notar, você também pode especificar o número de
pontos que deseja. E quando essa caixa
pop-up aparece, o raio um são os pontos
externos da estrela O raio dois são os
pontos internos da estrela. Novamente, você pode redimensioná-los
usando uma ferramenta de transformação. Ou também podemos usar
nossa ferramenta de escala. Para a ferramenta de escala, o atalho do teclado é S, e tudo o que precisamos fazer é clicar fora do objeto
e arrastar na diagonal Isso não bloqueia as proporções
, a menos que você mantenha
pressionada a tecla shift. OK. Vamos aprender como fazer um adesivo de caixa
com um contorno Vamos acessar
nossa ferramenta de forma, clicar com o
botão direito do mouse e selecionar
a ferramenta retangular Eu quero que essa caixa seja um fundo branco
com um traço amarelo. Vamos clicar duas vezes sobre isso. Pressione amostras de cores e selecione branco e clique duas vezes
na cor do traçado Clique nas amostras de cores
e pressione amarelo. E vamos alternar a
cor de preenchimento para ficar na frente novamente. Vamos clicar na tela e inserir as medidas de um quarto
de caixa
de
nossos tamanhos comuns de adesivos E pressione. Podemos alterar o
tamanho do nosso traço aqui em cima. Um traçado é
aplicado automaticamente na
parte externa da forma. Na verdade, isso é um pouco maior do
que essa medida que digitamos Para manter
as medidas exatas ao
usar um traçado, pressione
traçado aqui e selecione um traçado de linha para dentro. Se ampliarmos aqui, você pode ver que o
traçado está dentro
da forma versus antes de
ser centralizado Para qualquer uma de nossas formas, você também pode ajustar os cantos, e podemos fazer isso
subindo para moldar aqui. Se você passar o mouse sobre
esse ícone aqui, verá que diz tipo de canto, ou você pode acessar a ferramenta de transformação aqui
e verá o mesmo Se pressionarmos a biografia para cima, veremos que ela a
torna mais arredondada. E você também pode inserir
suas próprias medidas. Outra forma de ajustar os cantos é clicando e
arrastando esse símbolo aqui Você pode até mesmo selecionar um canto por vez com
nossa seta de seleção direta, pressionar o atalho de teclado A e clicar em um desses pontos para selecionar seu canto
e clicar e arrastá-lo vamos aprender como criar esse adesivo em forma
de bloco de notas Começaremos fazendo
do retângulo base, que tem esse tamanho
aqui, uma caixa cheia Então, selecionaremos nossa ferramenta de forma e mudaremos nossa cor. Vou clicar e inserir
as medidas. Pressione Enter. Agora precisamos desenhar
algumas linhas no topo. Usaremos a
ferramenta de linha para isso. Vamos até nossa barra de ferramentas e selecionaremos a ferramenta de segmento
de linha Agora, a diferença entre
a ferramenta de segmento de linha e as ferramentas modeladas é
que a cor
da linha é baseada na cor
do traçado,
não na cor de preenchimento. Vamos
até nosso preenchimento e traçado
e trocá-los para que o preenchimento não tenha cor e
o traçado seja uma cor. Eu quero mudar
a cor para branco. OK. Vamos desenhar nossa linha
vertical primeiro. Não se
preocupe muito com o posicionamento disso, pois podemos
mudar isso posteriormente. Vamos clicar, arrastar
e pressionar a tecla shift. Isso fará com que sua linha fique
perfeitamente vertical, e então você poderá
soltar o mouse Agora vamos desenhar algumas linhas
horizontais. Vamos usar um atalho de teclado
para duplicar essas linhas, para que não precisemos desenhar
cada uma individualmente e possamos garantir que todas
tenham o mesmo tamanho Então, vamos usar
a ferramenta de seta e,
com essa opção selecionada, mantenha pressionada a
tecla de opção até ver essa ponta de seta dupla e clique, arraste e
solte o mouse. Agora, para duplicar essa ação, podemos usar o
atalho de teclado Command D. Em seguida, vamos
garantir que todas essas linhas horizontais
estejam centralizadas
nessa caixa e também
alinhadas, pois
posso ver que algumas dessas
bordas são irregulares Então, você selecionará todas as
suas linhas horizontais. Primeiro, vamos
alinhá-los um com o outro. Você pode ver imediatamente quando
eu seleciono vários objetos, todas essas ferramentas de alinhamento
aparecem na barra de ferramentas superior Caso contrário, por algum motivo, na nossa barra de ferramentas
à direita aqui, temos a ferramenta de alinhamento, você também pode clicar e alinharemos
os centros horizontais Agora, todas as bordas estão uniformes. Agora, se por algum motivo você
desligou uma dessas linhas, você também pode usar as ferramentas de alinhamento distribuir uniformemente o
espaço entre as linhas Você pode fazer isso
distribuindo verticalmente os centros
dessa forma , pois você também pode usar a ferramenta de
espaçamento distribuído OK. A diferença
entre eles é que este se distribui entre os centros
dos objetos Se suas linhas fossem de tamanhos
diferentes, seria baseado no centro
das próprias linhas
e, para espaçamento,
isso garantiria que houvesse uma quantidade igual de
espaço entre cada objeto Agora vamos agrupar todas essas linhas
horizontais. Usaremos o
comando de atalho de teclado G para
agrupá-los. Então eu quero centralizá-los dentro desse
fundo retangular Também vamos selecionar o fundo do retângulo mantendo
pressionada a tecla shift E então queremos tornar esse fundo
retangular
um objeto chave Dessa forma, quando usarmos
nossas ferramentas de alinhamento, elas se alinharão com base na
posição desse objeto-chave Para criar um objeto chave, mantenha pressionada a opção e você verá a ponta de seta dupla e
clique no seu Podemos ver que agora esse é um objeto chave devido ao
contorno vermelho em negrito Agora, quando os centralizarmos, ele se centralizará com
base no retângulo OK. Vamos clicar nisso. Agora, quero mover
a posição
dessa linha vertical
porque quero que alguém possa usá-la como uma lista de verificação e tenha
espaço para marcar itens Vou clicar nele, e vou dar usando minhas
teclas
de seta no teclado Eu gosto desse local aqui. Vamos garantir que
essa linha vertical também
esteja centralizada em nossa caixa Vamos selecionar nosso retângulo. Torne-o um objeto chave
pressionando a opção e clicando em. E então vamos
alinhá-lo. Perfeito. Parece ótimo. Queremos
clicar e arrastar para selecionar tudo e
comandar G agrupá-lo. Dessa forma, este é
um adesivo móvel. Agora, digamos que você
queira voltar e editar a largura ou a
cor dessas linhas. Precisamos entrar
nesse grupo para que
possamos clicar nas linhas
e simplesmente editá-las. Então, clicaremos duas vezes e agora entramos no
modo de isolamento dentro desse grupo. Portanto, não podemos editar mais nada
que não esteja nesse grupo. Se formos ao nosso painel de camadas, também
podemos ver isso. Tudo no painel de camadas é somente o que está nesse grupo. Então, vamos selecionar
todas as nossas linhas, manter pressionada a tecla Shift para
selecionar vários objetos e vamos mudar a
cor do traçado para uma tinta clara. E você também pode alterar o tamanho do
traçado. Você também pode fazer com que as extremidades
das linhas sejam arredondadas. E então, para sair
do modo de isolamento, você clicará duas vezes em qualquer lugar
fora do grupo. Vamos revisar o que
acabamos de aprender na aula básica de
adesivos de formato Aprendemos a fazer círculos, retângulos, estrelas e linhas Aprendemos a usar
a ferramenta de transformação para alterar o tamanho de um objeto. Aprendemos a usar a ferramenta de escala para alterar o tamanho de um objeto. Aprendemos como
ajustar o traçado em um objeto e como
agrupar objetos. Aprendemos a duplicar objetos e também a
duplicar uma ação com o atalho de teclado Command D. Aprendemos a trabalhar em um grupo isolado e a alinhar objetos
com base em Nos vemos na próxima
lição, onde aprenderemos como criar formas exclusivas
e personalizadas.
6. Formas personalizadas: Ok. Ei, bem-vindo de volta. Nesta lição,
aprenderemos como criar formas
mais exclusivas que não estão disponíveis
na ferramenta de formas. Vamos começar com
esse adesivo de bandeira. Esse é muito fácil. Podemos simplesmente construir a partir de
um retângulo para fazer isso. Pegue sua ferramenta de retângulo
e desenhe um retângulo. Vamos mudar nossa cor para
algo em nossa paleta de cores. Vou escolher
rosa claro e sem traços. Então, podemos usar nossa ferramenta de caneta. Vamos adicionar um ponto
a esse segmento de linha aqui Se você passar o mouse sobre essa
linha em direção ao centro, deverá ver uma linha rosa
que a encaixa diretamente no centro e clicar. Em seguida,
pegaremos nossa ferramenta de
seleção direta, clicaremos nesse
ponto
e arrastaremos para centro e clicar. Em seguida pegaremos nossa ferramenta de
seleção direta, clicaremos nesse
ponto
e arrastaremos E aí está. A seguir, aprenderemos
como fazer um coração. A maneira mais fácil que
descobri de criar uma forma de coração é combinando dois retângulos e arredondando
os cantos de um lado Vamos acessar nossa
ferramenta de retângulo e arrastar um retângulo. Com esse tamanho, teremos nossa ferramenta
de
seleção direta, que é a seta branca. Pressionaremos o teclado A e manteremos pressionada a tecla Shift
para selecionar dois cantos. E arraste-os em direção
ao centro para arredondá-los. Agora, se seu retângulo
for muito longo, ele vai
acabar parecendo engraçado Você pode ver que isso
realmente não parece um coração. Precisa estar no
lado mais curto. Vamos duplicar isso segurando opção, clicando
e arrastando E então precisamos
girá-lo pressionando R, clicar e girar
e segurar a tecla Shift para que eu fique perfeitamente
alinhado e solte Agora, vamos garantir que essas
bordas estejam perfeitamente alinhadas. Destacaremos tudo o que estiver alinhado nos lados direitos do
objeto. E o fundo. Para tornar esse objeto sólido, destacaremos tudo e
acessaremos nossa ferramenta
Pathfinder e pressionaremos Unite Agora você pode ver quando
eu clico
nisso, é apenas um objeto sólido
versus este exemplo aqui, que ainda são dois objetos
separados colocados um em cima do outro. Podemos girar isso
para ficar com o lado certo para cima. Estou pressionando a tecla
Shift para que ela se encaixe em 45 graus. Como você pode ver
nessas formas personalizadas, podemos criar a maioria delas manipulando
nossas formas básicas E isso, o que vou
chamar de bloco de bolhas, não
é diferente Isso é
composto por seis círculos, e estes têm apenas uma
borda reta. Eles são cortados ao meio. Vamos à nossa ferramenta de elipse. Clique, arraste e mantenha
pressionada a tecla Shift para fazer
um círculo perfeito. Não se preocupe muito com
o tamanho disso agora. Em seguida, vamos clicar e arrastar até que eles se
cruzem na metade do caminho Ok. E pressione o comando D
até que você tenha seis desses. Ok. Agora, para
cortá-los ao meio, vamos usar
outra de nossas ferramentas de localização de caminhos, chamada divisão, e que separará os objetos colocados uns
sobre os outros Vamos desenhar um retângulo, mas antes de começar a desenhá-lo, quero que você passe o mouse
sobre esse círculo final até que ele se encaixe no centro e, em seguida, clique
e arraste a partir daí, e vamos
alongá-lo para que cubra Repita esse processo
no outro lado. Agora,
destacaremos todos os círculos e os uniremos como um objeto, assim como
fizemos com o coração, e depois
destacaremos nossos dois retângulos e nossas
bolhas e pressionaremos O que isso faz é se espalhar em todos os lugares onde eles estão sobrepostos e agrupar
automaticamente todos
os objetos Então, clicaremos duas vezes neles
para entrar no modo de isolamento. Ok. Clique em todas as
áreas que você deseja excluir. E basta pressionar a tecla delete. Em seguida, clicaremos duas vezes
para sair do modo de isolamento. Vamos rever o que
acabamos de aprender. Você aprendeu a usar
a ferramenta Caneta para adicionar um ponto de ancoragem ao
criar uma bandeira Você aprendeu a
mover pontos de ancoragem e cantos
arredondados com a ferramenta de seleção
direta Você aprendeu a
girar objetos. Você aprendeu a usar a ferramenta
pathfinder para unir objetos e também a usar a ferramenta pathfinder Você está fazendo um grande progresso. Nos vemos
na próxima lição para
aprender a fazer adesivos técnicos
7. Adesivos de texto: Está bem? mostrar como criar
três tipos diferentes de adesivos de texto, adesivo de
etiqueta, adesivo de data
e um adesivo de texto
simples com um Primeiro, nosso adesivo de etiqueta é composto apenas por
um retângulo e uma caixa de texto.
Bem simples. Vamos desenhar um retângulo
para nossa etiqueta adesiva. Vou fazer com que seja semelhante
ao tamanho de um quarto de caixa, mas um pouco menor porque quero que
seja mais uma etiqueta. Em seguida, precisamos
adicionar nosso texto. Vamos abordar a ferramenta de digitação. Eu gosto de criar minha caixa de texto
fora da minha forma primeiro. Vamos digitar um lembrete. Vamos fazer alguns ajustes. Se você chegar até
a barra de ferramentas superior, quero que o texto se alinhe verticalmente ao centro da caixa de
ferramentas Então, mudamos
isso. Vamos passar para o parágrafo e centralizar
nosso texto horizontalmente Então eu quero colocar tudo em maiúsculas. Assim, podemos chegar ao personagem
e pressionar todas as letras maiúsculas. Eu quero adicionar um pouco mais de
espaçamento entre eles. Vamos definir o rastreamento. Vamos tentar 200 e depois
torná-lo um pouco menor. Também quero mudar a
fonte para uma para a qual eu tenha uma licença comercial já que pretendo vender
esses adesivos Todas as fontes que eu
uso são do Adobe Fonts, o que é muito fácil
porque todas elas estão disponíveis para uso comercial e são gratuitas com
sua assinatura da Adobe. A fonte que
vou usar para esse adesivo é chamada de modo IV, e vou
usar o semi negrito, e essa é uma fonte da Adobe Vamos começar a organizar isso
sobre nosso adesivo de etiqueta. Vou tornar essa caixa de
texto um pouco menor. Eu quero mudar a cor
da fonte para branco. Então eu quero centralizá-los. Destacaremos os dois Se você chegar até
a barra de ferramentas superior, verá que ela está
configurada para se alinhar à seleção Isso é muito importante
porque, se estiver definido para qualquer outra coisa, como
alinhar à prancheta, ele será alinhado à prancheta int of em relação aos objetos selecionados Vamos alinhar os centros
horizontais
e os centros verticais Estou muito feliz com isso, e depois vamos
destacá-los e agrupá-los. Em seguida, criaremos nossos adesivos de círculo de
data, que é exatamente o mesmo método que acabamos de usar para
nosso adesivo de etiqueta Iremos para a ferramenta Ellipse. Vou usar esse tamanho. Eu vou fazer isso rosa. Digite a caixa de texto em quatro, torne-a muito
menor e alinhe-a. Então, digamos que
você já tenha criado um adesivo de texto e seu
próximo adesivo de texto, você quer que ele tenha
exatamente as mesmas configurações de fonte Você pode
destacar sua caixa de texto e pressionar o atalho do
teclado ou
acessar a ferramenta de conta-gotas e selecionar os textos
que deseja copiar Ok. E isso não
parece perfeitamente centralizado porque ainda não
alteramos nosso texto para ser centralizado na
caixa de texto. Lá vamos nós. E vamos agrupar isso. Agora, o bom das caixas
de texto é que, mesmo quando elas estão
agrupadas, você ainda pode editar o texto sem entrar no
modo de isolamento do grupo Digamos que queremos criar outro adesivo de etiqueta
que diga: não esqueça Vamos manter pressionada a tecla de opção, clicar e arrastar para duplicar. Agora, mesmo sem
entrar no modo de isolamento, podemos clicar em T no teclado ou clicar na ferramenta de
tipo de texto e clicar em. Dessa forma, você pode
editar o texto
rapidamente e criar vários adesivos
diferentes Esses são ótimos para adesivos de texto
básicos. Agora vamos criar algo
um pouco mais exclusivo. Para fazer algo
assim, não esqueça o adesivo. Vamos começar com nossa ferramenta
de digitação novamente e digitar o que
queremos que nosso adesivo diga Vou escrever um compromisso.
Vamos
centralizar o texto
em nossa caixa de texto. Altere sua fonte se quiser. Novamente, estou usando apenas a
fonte
da qual tenho a licença comercial.
Vamos ampliar um pouco. Quando tiver certeza de
que está satisfeito com a aparência do seu texto. Vamos transformar esse
texto em um objeto. Vamos começar a expandir e pressionar o
objeto. Agora, se realmente ampliarmos aqui, você verá que cada uma
dessas letras são objetos
separados
porque eu posso ver os contornos onde elas se sobrepõem Vamos usar nossa
ferramenta Pathfinder e juntá-las para criar
um objeto perfeito Ok. Agora vamos
selecionar nosso objeto de texto. Pressione o
atalho de teclado Command C para copiar e o comando B
para colar por trás Chegaremos ao nosso painel de camadas, para
que você possa ver como é. Temos um atrás e
outro diretamente na frente. Queremos garantir que o que está
por trás seja selecionado. Vamos mudar a cor
do objeto que está por trás. Você verá y em um minuto. E ainda com esse
objeto selecionado, que você pode ver
por esse quadrado
vermelho neste círculo duplo aqui, o caminho do objeto, o caminho do deslocamento O que isso faz é
compensar o caminho por meio de uma
certa medida Você precisará descobrir qual medida fica
melhor para seu adesivo Eu acho que isso parece
bom. Vamos pressionar. Assim como nosso texto, esses são objetos separados e queremos
uni-los para formar um Vamos até nossa ferramenta
Pathfinder e pressionar unir. Queremos
agrupá-los, e então você pode alterar o
tamanho se quiser Digamos que você tenha feito
vários adesivos e queira mudar tudo de
uma cor para outra Podemos fazer isso com muita facilidade
com a ferramenta de recoloração. Vamos destacar todos os
nossos adesivos dos quais queremos
mudar de cor
e ir até a
barra de ferramentas superior. Você
verá esse círculo com recortes em Pi Vamos clicar nele e
clicar em Opções avançadas. Agora, isso vai nos
mostrar todas
as cores que estão em todos
esses objetos selecionados. Estes são seus
resultados finais aqui, e essas são as cores
iniciais. Podemos alterá-los
de várias maneiras. Podemos clicar em uma cor inicial e
arrastá-la até a cor n. Isso mudou tudo o que é amarelo para
a cor rosa escuro. Se você vê preto e branco, não tem uma cor final. Basta clicar e ele dirá: você deseja adicionar uma nova cor à harmonia atual? Clique? Sim. Eu vou fazer isso de novo. Então, vamos mudar
tudo o que é preto para branco clicando e arrastando Você também pode clicar
em uma cor final e usar esses
controles deslizantes aqui embaixo Ou você pode usar nossas amostras
que fizemos anteriormente. Pressione esta seta
aqui e você verá todas as
suas pastas
aqui em grupos de cores. É por isso que era muito
importante
colocarmos nossas amostras em uma pasta Você pode clicar em um
deles e ele aplicará toda
a pasta e você pode clicar neste botão para percorrê-los
aleatoriamente Ou você pode clicar e
arrastá-los para onde
quiser. Você também pode
clicar duas vezes e pressionar
amostras de cores para
selecionar diretamente a que você deseja Você pode se divertir muito
com a ferramenta de recolorir. Vamos pressionar
e depois pressionar agora. Agora que você
terminou esta lição, vamos revisar o que aprendemos. Aprendemos que tipo de fonte usar
para vender adesivos. Aprendemos a centralizar o
texto em uma caixa de texto. Aprendemos como ajustar o espaçamento entre as
letras com o rastreamento Aprendemos a usar
a ferramenta de conta-gotas para copiar um estilo de fonte Aprendemos como
transformar texto em objeto expandindo. Aprendemos como deslocar o
caminho de um objeto para criar
um contorno e
aprendemos tudo sobre
o uso da ferramenta de recoloração Nos vemos na
próxima lição, onde aprenderemos como
criar adesivos com ícones
8. Stickers para ícones: Vamos aprender como
criar adesivos com ícones. Agora, eles são bem parecidos com
a criação de adesivos de texto. A principal coisa a se falar
é de onde obter os ícones. Você pode criar seus próprios ícones
desenhando no Illustrator
com a ferramenta Caneta, mas isso pode ser demorado Você pode encontrar ícones de uso
comercial, imagens
SVG à venda
e comprá-las Ou meu favorito pessoal
é encontrar uma fonte de ícone. Geralmente, elas serão
chamadas de fontes Ding bats. E você pode encontrá-los
gratuitamente ou para compra. O mais
importante é
garantir que eles permitam o uso
comercial. Eu prefiro usar fontes de ícones porque é muito
mais fácil alternar entre ícones e adicionar
novos em vez de importar
imagens de ícones diferentes para o seu programa Ok, vamos
começar a aprender como fazer esse adesivo com
ícone de círculo Vamos fazer isso exatamente
da mesma forma que fizemos um adesivo de data
faça um círculo com as
mesmas medidas Desenhe uma caixa de texto fora
do círculo. A fonte de ícone que estou usando
hoje se chama icon works. E então vamos até
nossa barra de ferramentas
lateral até o ícone do glifo O painel de glifos nos permite
ver todos os ícones na fonte. Para selecionar um,
basta clicar duas vezes. Podemos começar a alinhar nosso círculo e ícone usando as ferramentas de alinhamento Vou ampliar
aqui para refinar um pouco
mais o posicionamento desse
ícone Ok, isso parece quase centrado. Vou mudar a cor
do ícone para branco. Destaque e
agrupe-os e
pronto para fazer com que este adesivo de etiqueta comece com um retângulo Eu vou fazer 1,5 "por 0,33 “. Em seguida, criarei minha caixa de texto
e abrirei o painel de glifos. Clique duas vezes no ícone que eu quero. Vou ampliar para que
eu possa alinhá-los melhor. Vou arrastar o ícone para
onde eu quiser. E vou criar
outro retângulo, que criará o espaço para você escrever para realizar tarefas Vou arrastar isso para cima
do retângulo rosa e aumentá-lo
arrastando os lados para fora Vou mudar a cor do meu ícone
para branco clicando
nele e usando a
ferramenta conta-gotas para selecionar Gosto de verificar novamente o
adesivo diminuindo o zoom. Eu posso dizer que o retângulo
branco
não está totalmente centralizado
dentro do rosa Então, vou selecionar os retângulos branco e rosa, manter pressionada Option e clicar
no retângulo rosa para torná-lo um objeto chave Em seguida, usarei as ferramentas do painel de
alinhamento para centralizá-lo verticalmente Isso parece melhor. Vamos
revisar o que aprendemos. Aprendemos a encontrar ícones para usar em nossos adesivos de agenda Aprendemos a pesquisar uma fonte
de adesivo de ícone. E aprendemos a usar o painel de glifos para visualizar todos os caracteres
de uma fonte Nos vemos na próxima
lição, onde aprenderemos a combinar todas as habilidades que
você aprendeu na anterior
9. Combinando técnicas: Há muitas maneiras de
ser criativo e combinar todas as técnicas
que você
aprendeu nas lições anteriores. Vamos combinar nosso
conhecimento sobre formas, texto e ícones para criar
um adesivo de compromisso Vou começar com
um retângulo do tamanho de meia caixa. Isso tem 1,5" de largura
por 0,95" de altura. OK. Em seguida, vou selecionar
a ferramenta de texto
e escolher um ícone. Eu vou pegar essa campainha. Em seguida, vou
criar outra caixa de texto e digitar a
palavra compromisso. Vou clicar e selecionar a caixa de texto com
a ferramenta de seta
e, em seguida, vou
usar a ferramenta conta-gotas para alterar a fonte para que
você possa realmente lê-la Agora vou começar a arrastar meu adesivo de texto e ícone para
o topo da caixa Eu quero tornar esse
ícone um pouco menor, então vou fazer isso usando
a ferramenta de escala. Em seguida, quero fazer
dois retângulos brancos. Eles podem ser usados em áreas
para escrever onde
é o compromisso e a hora. Estou duplicando esse retângulo usando a opção, clique e Depois, vou
ajustar um pouco o tamanho
desses retângulos e quero
centralizá-los horizontalmente. Vou selecionar todos os
três retângulos e usar a opção de clicar para tornar o retângulo
rosa um objeto-chave Em seguida, centralizarei os retângulos
brancos. Vamos ampliar para
mover as coisas um pouco mais. Vou mover
os retângulos brancos para baixo e o texto e o ícone para baixo também, para que haja menos espaço na
parte inferior do adesivo Em seguida, vou destacar tudo
e agrupá-lo. Em seguida, podemos usar
nosso conhecimento de formas para criar esse adesivo de lista de verificação de
bandeiras Começaremos
criando um retângulo alto. Vou fazer 1,9 “de
altura por 0,33" de largura. OK. Em seguida, usaremos a ferramenta caneta para nos
alinhar com o centro e adicionar um ponto à
linha inferior do nosso retângulo Vou usar a ferramenta de seta
branca de seleção direta para clicar e arrastar esse ponto para cima para criar
a forma de V da bandeira. Em vez de círculos
para a lista de verificação, vou fazer estrelas Vou selecionar a
ferramenta estrela e desenhar uma estrela. Em seguida, usarei a
ferramenta conta-gotas para mudar a cor para branco Vou arrastar isso para
o topo da lista de verificação. Vou duplicar a estrela
pressionando
a opção, clicando
e arrastando Depois de fazer isso uma vez, você pode usar o
atalho Command D para duplicar a Eu vou fazer sete estrelas. Em seguida, destacarei
tudo e pressionarei a
tecla Shift para desmarcar o fundo
amarelo Vou me certificar de que
todas as estrelas estejam centralizadas e uniformemente
espaçadas usando o painel de alinhamento Então eu vou agrupar
todas as estrelas. Agora que eles estão agrupados,
posso alinhá-los ao centro da bandeira selecionando
tudo e usando
o painel de alinhamento Vou mover o
grupo de estrelas um
pouco para cima usando a
tecla de seta para cima no meu teclado Ok, isso parece ótimo. Vamos
fazer outra lista de verificação divertida Vou
até minha ferramenta de formas
e selecionarei a ferramenta de polígono Vou marcar as caixas de seleção para
os hexágonos
desta lista e
tê-las com um traçado
rosa e uma cor de preenchimento branca Ok, eu vou
duplicar isso. Estou examinando minha outra lista de verificação
para garantir que elas estejam espaçadas
uniformemente e que eu
tenha aproximadamente espaçadas
uniformemente e que eu o mesmo
número Os hexágonos são um
pouco maiores, então acabei criando
seis deles Vamos selecionar todos eles e usar
o painel
de alinhamento para garantir que
estejam centralizados
e uniformemente E vamos agrupá-los. Acho que seria divertido
tornar esse adesivo um pouco mais
interessante e combiná-lo com o adesivo em estilo
bloco de notas que aprendemos na aula
básica Vou criar um retângulo do tamanho de uma
caixa inteira com
1,5" de largura por 1,9" de altura e arrastarei minhas caixas de seleção até
o retângulo Vamos selecioná-los e
alinhá-los verticalmente. Agora, vamos adicionar algumas linhas
usando a ferramenta de linha. Estou desenhando minha linha
e mantendo pressionada tecla Shift para que ela se
encaixe e fique perfeitamente nivelada E eu vou duplicar
isso usando a opção, clicar e arrastar e, em
seguida, comandar D. Ok. Vamos ampliar e ajustar a
localização dessas linhas. Em vez de
selecionar cada linha individualmente, eu tenho um método mais rápido. Vou selecionar tudo,
manter pressionada a tecla Shift e clicar
no retângulo para desmarcá-lo Dessa forma, somente as
linhas são selecionadas. Em seguida, vou
arrastá-los um
pouco para cima e usar o
painel de alinhamento para centralizá-los Vamos selecionar as linhas e as caixas de seleção selecionando tudo, mantendo pressionada a tecla Shift, clicando
no retângulo para desmarcá-la
e, em seguida, agrupando as linhas
e as caixas de seleção Depois, podemos selecionar tudo, tornar o retângulo um
objeto-chave e centralizar tudo Ok, eu gosto de onde
isso está indo, mas quero tornar todas essas caixas
de seleção um pouco menores Eu tenho um atalho para
manter todos eles
no mesmo local e
apenas alterar o tamanho Vamos clicar duas vezes para entrar no grupo de linhas e
caixas de seleção Em seguida, clique com o botão direito nas
caixas de seleção em Desagrupar. Em seguida, selecionaremos todos
eles e iremos
até o objeto, transformaremos cada um. Você pode fazer muitas coisas
divertidas aqui. Estou diminuindo o tamanho
horizontal e vertical para 75% cada Em seguida, vou sair do modo de isolamento e centralizar
o retângulo em um grupo de caixas de seleção de linhas. Perfeito. Vou selecionar tudo e
agrupá-lo e pronto. Essa foi nossa última lição sobre como aprender
a fazer adesivos. Eu encorajo você a
ser criativo e criar qualquer tipo de adesivo que queira colocar em
sua folha de adesivos Na próxima lição,
vamos nos preparar para exportar nossos arquivos organizando tudo em uma folha de
adesivos e
10. Preparando-se para a exportação: OK. Agora que você criou
alguns adesivos lindos, vamos fazer seu projeto de primeira
classe e aprender como colocá-los juntos
em uma folha de adesivos Vou trabalhar no arquivo de demonstração
do Illustrator que
forneci para você nos
recursos da classe Eu adicionei um cabeçalho
e um rodapé à minha folha de adesivos para
colocar sua marca e o nome da folha de
adesivos, o que é muito importante se você vai vendê-los Mas mesmo que sejam
apenas para uso pessoal, é bom ter um nome para sua folha de adesivos
para se manter organizada No arquivo de demonstração, a marca da
folha de adesivos está bloqueada Antes de fazer qualquer edição, você precisará acessar o painel de
camadas e desbloqueá-lo Você pode fazer isso pressionando
o ícone de cadeado aqui. Depois de colocar o cabeçalho e o rodapé da
folha de adesivos, do jeito que você quiser, podemos começar a
organizar os adesivos
nela organizar os adesivos Vou organizar meus
adesivos do maior para menor e manter um grupo de adesivos com
formato semelhante grupo de adesivos com
formato Também vou criar
dois de
cada tipo de adesivo usando opção mais
o atalho de clicar
e arrastar Dessa forma, posso ter duas opções de cores
diferentes para cada tipo de adesivo Não se preocupe
muito em
colocá-los perfeitamente espaçados agora Usaremos as
ferramentas de alinhamento em um minuto para garantir que tudo
esteja perfeitamente alinhado Ok, agora que temos todos os nossos adesivos dispostos,
vou usar
as ferramentas
de alinhamento para alinhar as coisas e até
mesmo linhas e colunas,
e vou usar o objeto-chave para
ajudar a alinhar as coisas Agora que tudo parece
bem espaçado e organizado, vamos selecionar todos
os adesivos e
agrupá-los Em seguida, podemos alinhá-los
como um grupo ao centro
da prancheta usando
as ferramentas alinhadas E então podemos nos agrupar. Em seguida, podemos nos
divertir mudando as cores. Vou fazer meus
adesivos rosa e amarelo, então selecionarei uma
coluna por vez e
usarei a ferramenta de recoloração para
alterar a cor de vários
adesivos de uma ferramenta de recoloração para
alterar a cor só Lembre-se de que, para
a ferramenta de recoloração, a entrada está
no lado esquerdo e a cor de saída é o pequeno retângulo
no lado direito Quando seleciono uma coluna
de adesivos cores diferentes e
abro a ferramenta de recoloração, seleciono um nesse menu
suspenso para torná-los
todos da mesma cor, mas isso exclui o
branco automaticamente Depois, você pode alterar facilmente
a cor de cada adesivo. Também é importante abrir esse menu suspenso e selecionar. Caso contrário, suas cores
serão redimensionadas como tons. OK. Sim. Alguns desses adesivos menores,
que têm apenas uma forma, posso selecionar e clicar na cor
no
painel de amostras para alterar Agora você criou
com sucesso uma folha de adesivos no
Adobe Illustrator algumas
outras coisas Queremos fazer algumas
outras coisas
que nos ajudarão a
criar uma folha de
adesivos digitais pré-cortada em Vamos
criar um modelo de
nossa folha de adesivos que nos
ajudará a alinhar perfeitamente nossos adesivos quando estivermos
trabalhando em boas notas, porque
boas notas não têm nenhuma das ferramentas de alinhamento que
o Illustrator Vamos ao nosso
painel de camadas e
verifique se nossa marca em nossa folha de
adesivos está desbloqueada OK. OK. Agora vamos
duplicar nossa prancheta Selecione a ferramenta de prancheta, mantenha pressionada a opção,
clique no nome
da prancheta e
arraste para duplicar Em seguida, destaque todos os
adesivos e mudaremos a cor para
preto usando a ferramenta de recoloração No menu suspenso, selecione um e, em
seguida, usarei os controles deslizantes de cores para alterar a cor para preto Em seguida, clico
nesse menu suspenso e seleciono agir de forma que seja preto puro em vez
de usar tons. Decidi simplificar
ainda mais isso e arrastar o branco para a barra de cores para
que tudo fique completamente preto. Então, esse será o
modelo que usaremos em boas notas para arrastar e
soltar nossos adesivos Vou fazer mais uma cópia dessa prancheta
e excluir todos
os adesivos dela para
que ela tenha apenas a marca da nossa folha de
adesivos Salvaremos isso como um PDF na próxima lição para ser
o plano de fundo de nossa
boa folha de adesivos de notas Em seguida, colocaremos todos os nossos adesivos individuais
no painel
de exportação de ativos para nos prepararmos
para a exportação Você quer ter certeza de que
todos os seus adesivos estejam em grupos se forem compostos por mais
de um objeto Vamos abrir nosso painel de exportação de
ativos, destacar todos os nossos adesivos
e, aqui em
nosso painel de exportação de ativos, você verá essa caixa com um sinal de mais e várias
caixas com um sinal de mais Uma é para adicionar vários
objetos como ativos separados e a outra é para
adicionar um único ativo. Você deseja clicar no botão
para gerar vários ativos. OK. Agora, você deve
percorrer o painel de ativos e
verificar se tudo
está correto. Se um adesivo não foi
agrupado corretamente, você saberá
porque os componentes
serão ativos separados em vez
de um único Ok, tudo parece bem. Estamos prontos para
começar a exportar. Te vejo na próxima aula.
11. Exportando seus arquivos: Ok. Antes de começarmos a
exportar nossos arquivos, vamos falar sobre onde você
deve salvá-los Você vai querer salvar tudo em um
local que seja
fácil de abrir no iPad se estiver usando boas
notas para iPad. Vou salvar
tudo em uma pasta do iCloud, mas você pode usar outro tipo de sistema em
nuvem, como o Dropbox ou o Google Drive, que também pode ser acessado
facilmente no
seu iPad Vamos nos preparar para
exportar nossos arquivos. Ok. Os arquivos que
vamos exportar são um P&G transparente de nossa folha de adesivos, um PDF
de nosso modelo de adesivo, um PDF de nossa página de
capa de adesivos
e arquivos PNG
individuais de cada e Vamos primeiro exportar um PNG transparente da nossa folha de adesivos Há várias maneiras de
exportar um ilustrador, como você verá nesta lição, e uma delas é por prancheta Para exportar uma prancheta inteira, você precisará saber
o número da prancheta Ao clicar na ferramenta da
prancheta, você pode ver os
nomes e números da prancheta Nossa folha de adesivos está
na prancheta sete. Agora, vamos para
Arquivo, Exportar como. Em seguida, você pode marcar as pranchetas
dos EUA e alterar o intervalo para
o número da prancheta, que no meu caso Você também pode marcar o sufixo
se tiver nomeado sua prancheta, pois isso adicionará o nome da prancheta ao
final do nome do Vou mudar o
nome do arquivo para poder acompanhar a folha de adesivos,
caso eu crie
versões diferentes no futuro E verifique se o formato está
selecionado como PNG e pressione OK. Você verá uma caixa pop-up com algumas opções para
salvar como PNG. Teremos a
resolução em 300 PPI. Certifique-se de que otimizado esteja selecionado e que a
cor do plano de fundo seja transparente. Em seguida, pressione ok. Em seguida, vamos
exportar nossos PDFs Você não precisa anotar os números
da prancheta porque,
na tela de exportação de PDF, isso permitirá que você os veja. Vamos para Arquivo, Exportar,
Exportar para telas. Certifique-se de que a palavra pranchetas esteja selecionada na parte superior central
e, em seguida, você
poderá marcar as pranchetas que
deseja exportar Verifique se a pasta de
destino está correta na porta dois. Mudaremos o formato para PDF e isso nos permitirá selecionar
a opção Exportar PDFs como vários arquivos para criar dois documentos PDF separados de
página única Em seguida, você pode clicar em Exportar Rs. Aqui você pode ver o arquivo salvo como os nomes
das pranchetas É por isso que é
ótimo nomear todas as
suas pranchetas no documento do Illustrator Estamos quase terminando de exportar. Agora só precisamos exportar
nossos adesivos individuais. Vamos abrir nosso painel de exportação e precisaremos garantir que todos os nossos adesivos estejam selecionados Você pode dizer se
eles estão destacados porque serão
delineados em azul Se não estiverem, você
pode selecionar todos clicando no
primeiro adesivo, rolando para baixo, mantendo pressionada tecla Shift e clicando
no último Em seguida, alteraremos
nossas configurações de exportação para 300 PPI e P e G. Você pode alterar o sufixo para o que
quiser ou simplesmente deixá-lo em branco Eu experimentei
vários tamanhos
e resoluções diferentes de adesivos,
mas 300 PPI produz
os melhores resultados com e resoluções diferentes de adesivos, mas 300 PPI produz os melhores resultados adesivos
digitais Sinta-se à vontade para testar
suas próprias configurações e ver o que você mais gosta. Em seguida, vamos pressionar porta e
escolher nossa pasta de destino. Gosto de criar uma nova
pasta apenas para os adesivos PNGs residirem
porque são muitos arquivos pequenos Em seguida, pressione escolher e você verá um pop-up verde informando que a
exportação foi bem-sucedida. Lá você pode ver
nossa pasta de adesivos com nossos quatro tipos
de arquivos Agora você concluiu o projeto de
primeira classe. Sim. Eu adoraria ver a folha de adesivos em que você
criou como ilustrador Faça upload de uma captura de tela ou salve um arquivo extra da sua folha de
adesivos com fundo branco em vez de transparente para enviar
para os projetos da turma Deixe-me saber se você
tiver alguma dúvida ou se quiser algum feedback. Eu adoro ajudar.
Na próxima lição, começaremos nosso projeto de
segunda classe. Mostrarei como transformar
esses adesivos em
boas anotações e criar uma folha de adesivos pré-recortada para uso em agendas digitais.
Te vejo lá.
12. Crie uma folha de adesivo no Goodnotes: Ei, bem-vindo de volta. Vamos
fazer boas anotações e aprender como criar um arquivo de folha de
adesivos pré-recortado Se você ainda não
tem o aplicativo, acesse a loja de aplicativos
e faça o download. A versão gratuita é boa
para até três notebooks. Eu já tenho boas
notas abertas aqui. Good notes é um aplicativo
leitor de PDF composto por
arquivos PDF ou cadernos Vamos criar
um novo caderno que conterá todos os seus arquivos de folhas de
adesivos Vou tocar neste
sinal de adição aqui e pressionar caderno. Você pode trocar a
capa se quiser, mas somente você verá a capa. Não será algo que você
enviará aos clientes. Mantenha o estilo do papel em branco e mudaremos o
nome para livro de adesivos Em seguida, importaremos
nossas páginas em PDF de capa adesiva e modelo de adesivo Vamos clicar nos quatro quadrados
no canto superior esquerdo. Isso nos mostrará todas as páginas
do nosso caderno. Você pode clicar no
sinal de adição para adicionar uma nova página ou importar uma página. Vamos pressionar Importar. Localize o verso do
adesivo e os modelos de PDFs. Eu salvei o meu no iCloud Drive, mas se você estiver usando o
Dropbox ou o Google Drive, você iria para essa
pasta Selecione os dois PDFs e
pressione abrir. Ok. Agora podemos excluir
essa página em branco ou movê-la para o final. Vamos abrir nossa página de modelos de
adesivos. Em seguida, começaremos
a adicionar nossos adesivos PNGs no topo desta página
de modelo A maneira mais fácil de
fazer isso é usar a
exibição em tela dividida com boas notas um
lado e o aplicativo de
arquivos do outro. Para entrar no modo de tela dividida, deslize de
baixo para cima na tela, clique e arraste
no aplicativo de arquivos e
puxe-o para o lado Você pode pressionar os três pontos
na parte superior e arrastá-los
pela tela Em seguida, ajuste os cantos
das
janelas para que os aplicativos não se sobreponham,
mas estejam próximos um do outro Agora podemos abrir nossa pasta PNG e deixar que todos os nossos
adesivos sejam carregados E então
vamos começar a
arrastá-los para nossa boa página de modelo de
notas Para redimensionar os adesivos, você selecionará a
ferramenta de laço em boas notas Desenhe um círculo ao redor
deles e toque, selecione redimensionar e arraste com a seta no canto inferior
direito da imagem Isso garante que a
proporção de tamanho seja bloqueada. Ok. Você pode usar o
dedo ou um lápis de maçã. Acho que posso ser um
pouco mais preciso com meu lápis. Meu método é arrastar todos
os adesivos do
mesmo tipo ao mesmo tempo e depois usar
a ferramenta de laço para
redimensioná-los Às vezes, boas notas são um pouco
engraçadas e o mesmo adesivo
é engraçadas e o mesmo adesivo importado para a
página de boas notas em um tamanho diferente Mas é por isso que temos
nossa página de modelo útil. Estou apenas colocando tudo
na posição geral deles e ainda não me preocupo muito ser preciso com
o tamanho Para esses adesivos menores,
eu gosto de ampliar. Ok. Ok, agora que temos todos os nossos adesivos em sua localização geral, vou ser mais
preciso ao redimensioná-los e posicioná-los o mais
próximo possível do
modelo Aqui eu tenho a ferramenta de
imagem selecionada, então eu posso simplesmente tocar
em cada adesivo e aquela seta de ponta dupla
no canto inferior direito aparece Às vezes, você precisa ter
cuidado com isso
, pois é fácil
girar acidentalmente um Se você fizer isso, a
maneira mais fácil de
endireitá-lo é ampliar o adesivo e depois
reduzi-lo Se você realmente
distorcer seu adesivo, basta excluí-lo e
inserir um novo O motivo pelo qual estamos fazendo essa folha de adesivos pré-recortada
é porque ela permite que você ou o cliente tenham todos os
adesivos prontamente disponíveis para copiar e
colar em boas notas, em vez de gastar muito
tempo importando e redimensionando-os tempo importando Essa etapa é um pouco
demorada, mas na verdade pode ser relaxante. Gosto de organizar adesivos
nos modelos à noite,
enquanto assisto Ok, estou feliz com isso. Não analise demais e deixe
tudo muito preciso. Se não for exato
até o pixel, tudo bem. Ok. Portanto, lembre-se de que
colocamos nossa página de apoio de adesivos
ao lado desta página de modelo
em nosso caderno Agora vamos mover todos esses adesivos para
essa página de modelo Vamos usar nossa ferramenta de
laço e desenhar um grande círculo ao redor de todos os nossos adesivos em
nossa página de modelo Toque e pressione cortar. Passe o dedo até a página de fundo do
adesivo, pressione colar
e tente apenas olhá-los para
centralizá-los Agora reserve um momento para admirar sua linda e profissional página de adesivos de notas Agora você ou seu cliente podem
simplesmente usar a ferramenta de laço para circular o adesivo que desejam
usar , copiá-lo e
colá-lo na agenda Não se esqueça das páginas de
agenda gratuitas que incluí nos recursos
da aula para você testar seus
novos adesivos Se você ainda não enviou seus adesivos para a página do projeto da
turma, você também pode fazer
uma captura de tela da
folha de adesivos do Good Notes e Ok, então fizemos essa incrível folha de
adesivos pré-recortada com boas notas Como compartilhamos isso
com nosso cliente? Boas notas
facilitam muito,
permitindo exportações com
seu tipo de arquivo nativo. Há algumas maneiras de acessar
a tela de exportação. Você pode abrir
todas as suas páginas. Pressione a pequena seta ao
lado da página que você
deseja exportar e pressione porta. Ou você pode pressionar
o botão de compartilhamento. Isso é ótimo se
você quiser exportar várias páginas como um
bom documento de anotações. Para isso, vou
exportar esta página. Selecione boas notas, então esse
será um bom arquivo de anotações. nome ao seu arquivo. Gosto de colocar o nome da minha marca
em algum lugar no nome do arquivo. E, em seguida, pressione a porta. Role para baixo e selecione
onde você deseja salvá-lo. Vou salvar o meu em um arquivo
para poder salvá-lo na nuvem. A seguir, mostrarei como
importar um bom arquivo de anotações. Vamos tocar
nos quatro quadrados
para mostrar todas as páginas do
caderno Pressione o sinal de mais e toque exatamente como fizemos para
importar nossas páginas em PDF. Em seguida, você localizará seu bom arquivo de
anotações e pressionará abrir. Você pode ver, aí está
com adesivos móveis. Na próxima lição,
veremos como usar nossos adesivos digitais em
outros aplicativos de planejamento digital e farei uma demonstração usando o aplicativo de notabilidade.
Te vejo lá.
13. Adesivos para outras aplicações de planejamento: OK. Você acabou de ver na lição anterior que
o Good notes tem um tipo de
arquivo nativo que
permite exportar uma folha de adesivos e compartilhar com outros usuários do
Good Notes Existem alguns outros aplicativos de
planejamento digital que têm esse recurso de notabilidade
e prateleira de notas No entanto, seria
demorado criar uma folha de adesivos pré-CO em vários aplicativos e exportar em
seu sistema de arquivos nativo Minha abordagem é criar uma folha de adesivos
pré-recortada
no sistema de arquivos nativo
do aplicativo de planejamento
digital mais popular, que consiste em boas notas,
e depois fornecer um método alternativo simples para clientes que estão usando
outro aplicativo de planejamento digital A forma alternativa de
os clientes usarem nossos adesivos em outro aplicativo de
planejamento é fácil Nós já o salvamos. Eles podem usar facilmente o PNG transparente de
nossa folha de adesivos completa Isso permite que o cliente
importe apenas uma imagem. Ele mantém sua marca na página em vez
de fornecer PNGs de adesivos
individuais, onde
sua marca pode se O cliente poderá duplicar e
recortar facilmente a folha de adesivos conforme
necessário para usar os Vou demonstrar isso de forma
notável para
você, para que você possa ver
como é fácil Aqui eu tenho uma notabilidade
aberta em uma página em branco. Vou usar o mesmo método de importação que
usei em boas notas. Vou criar uma
janela de tela dividida com o aplicativo de arquivos e navegar até a pasta que tem nossa folha de adesivos
PNG transparente Vou clicar e arrastar a folha de
adesivos. Depois, posso
recortar ou copiar e
colar facilmente os adesivos que quero usar na página da minha agenda Você aprendeu muito hoje. Nos vemos em seguida na
nossa aula final sobre como embalar seus
adesivos para venda
14. Pacote de arquivos para venda: OK. Agora que criamos nossas lindas folhas de
adesivos e exportamos todos os nossos arquivos, como podemos realmente enviar esses
arquivos para o cliente e o que eles precisam
para usar nossos Vamos fornecer a eles pelo
menos três arquivos, no arquivo de folha de
adesivos Good Notes,
que é a folha de adesivos
pré-recortada
para bons usuários para bons Arquivo de folha de adesivos Dot PNG, que é para outros usuários do aplicativo, um guia em PDF sobre como usar os adesivos e um PDF
com o link para download O link para download pode estar
no guia do usuário em PDF ou em um
PDF separado.
Depende de você. Por que precisamos fornecer
ao cliente um link
para baixar seus arquivos? Alguns
mercados de vendedores, como ETs, têm um limite de tamanho de arquivo para o que você pode enviar para produtos digitais. Se seus arquivos forem
maiores que o limite de upload, você pode contornar
isso enviando seus arquivos de adesivos
para um sistema em nuvem Em seguida, você pode obter um link
compartilhável para
a pasta do sistema em nuvem
e colocá-lo em um PDF O PDF com o
link para baixar os arquivos é o que você
enviaria para os ETs. OK. Eu recomendo usar o Dropbox
ou o Google Drive para enviar seus arquivos se eles forem grandes demais para serem enviados diretamente para
onde você estiver vendendo Ambas as opções permitirão que você crie um link compartilhável para sua pasta de adesivos que ninguém poderá acessar, a menos
que tenha o Você acessará esse URL e é para lá que o link para baixar
os adesivos será direcionado Depois de enviar
seus arquivos de adesivos para
a nuvem e ter o URL do link
compartilhável, precisamos realmente criar o guia do usuário em PDF com
o link para download Vou
mostrar um exemplo de um PDF combinado que é
um guia do usuário e
um link
para download em um. Você precisará
usar um programa que
possa criar um arquivo PDF com
hiperlink Meus favoritos são Canva, Adobe Express e
Adobe in Design Meu exemplo foi feito
usando o Adobe Express. OK. Então, o que seu guia
do usuário precisa incluir Gostaria de começar
agradecendo ao cliente
pela compra Então, eu gostaria de
ter o link para baixar seus adesivos
na parte superior em uma fonte maior e destacada porque é aí que o
cliente está mais animado para ir Em seguida, é uma boa ideia listar quais arquivos estão incluídos
na compra. Então, eu gostaria de incluir breves instruções sobre como
realmente abrir seus arquivos. Incluirei um conjunto para bons usuários de notas e
outro para outros aplicativos. Adicionar algumas
instruções breves sobre como usar seu produto também
é útil. Também gostaria de adicionar termos
de uso para informar ao cliente que a compra
desses arquivos é apenas para uso
pessoal e que o uso comercial não
é permitido. Pode parecer óbvio, mas é melhor tê-lo
por escrito para que fique claro. Fecharei o PDF com uma mensagem pessoal
para o cliente, informando que estou
aberto a responder a quaisquer perguntas que ele tenha
sobre a compra Se você fizer algum tutorial
em vídeo sobre como usar seus produtos, esse seria um ótimo
lugar para vinculá-los Sempre certifique-se de que seu nome
e links para sua loja e mídias sociais
também estejam
no guia em PDF , para que o cliente
possa saber facilmente de onde comprou os adesivos e
devolvê-los para outra Este exemplo de
guia do usuário em PDF está anexado
aos recursos da classe que você possa consultá-lo
ao criar seus próprios recursos. você tem tudo o
que precisa para criar Agora você tem tudo o
que precisa para criar
e vender adesivos digitais Nos vemos no próximo vídeo
para algumas reflexões finais.
15. Considerações finais: Você fez isso. Você sabe
oficialmente como criar adesivos de agenda digital
no Adobe Illustrator Muito obrigado por se juntar a
mim durante esta aula. Espero que você tenha se divertido
tanto quanto eu fazendo
adesivos digitais e que tenha aprendido algumas ótimas dicas
ao longo do caminho para tornar o processo mais rápido e fácil Você aprenderá a criar adesivos de
vários formatos, adesivos texto e
adesivos com ícones neste curso Em seguida, encorajo você a usar suas novas habilidades para ser criativo. Pegue o que você aprendeu e crie adesivos
exclusivos que seriam úteis para eventos específicos em sua vida e seus planos diários Provavelmente, há
outra pessoa que também se
beneficiaria com eles. Se você já tem, não se esqueça de
enviar uma foto da
sua folha de adesivos para
os projetos da turma Mal posso esperar para ver
o que você criou. Não deixe de me seguir no
Skillshare para ver quando eu
criarei mais cursos sobre
planejamento digital no futuro Eu adoraria se
você deixasse uma avaliação e um comentário sobre o que
gostaria de aprender a seguir. Muito obrigado por
se juntar a mim hoje. vejo na próxima vez.
Até lá, mantenha-se criativo.