Transcrições
1. Bem-vindo e introdução: Você é proprietário de uma pequena
empresa ou empreendedor que precisa de uma marca, mas quer ter controle total
sobre sua aparência, ou talvez seja uma marca
pessoal que precisa atingir alguma
consistência em suas redes sociais Você quer expandir seu conjunto de habilidades criativas
com o Adobe Illustrator Se alguma dessas coisas soa como você, espero que você se junte a mim hoje. Oi, eu sou Kathleen Lyons. Sou artista e profissional de marketing
digital com sede em Nashville Eu me formei na
Audubn University com um BAN R e comecei minha carreira como designer gráfico
fora de Chicago Hoje, passo das nove às cinco
na área de marketing digital e passo minhas noites e fins de semana
buscando minha carreira criativa Eu vendo meus designs em sites de impressão sob demanda,
como Society six, red bubble, spoon flower, bem
como em minha própria loja Etsy Nos últimos 15 anos, minha especialidade tem sido na área de marketing
digital,
desde o desenvolvimento e
teste de sites até marketing
e gerenciamento de marcas Eu trabalhei e
forneci estratégias para pequenas startups para empresas da
Fortune 500. Com projetos que vão desde aprimoramentos
básicos do site, não se esqueça de
conferir minha aula de SEO Dois planos de marketing completos. Hoje vou mostrar uma maneira fácil de começar a usar o Adobe Illustrator criando
seu próprio guia de marca Você acompanhará como eu
descrevi, passo a passo, como dar
vida à sua marca definindo
sua paleta de cores, tipo de letra e estilo fotográfico Sua marca será
reconhecida em um piscar de olhos. As aulas foram
elaboradas pensando nos iniciantes. No entanto, meus designers mais
experientes
provavelmente gostarão de receber
um modelo gratuito e talvez uma ou duas atualizações O que estamos esperando?
Vamos começar a criar uma marca. Vou ver toda a próxima lição.
2. Projeto do curso: Hora do projeto da aula. É
sempre meu favorito. Mas para este,
vai ser muito simples. Nós já passamos por isso. Nesta aula,
você desenvolverá seu próprio guia de marca de
página única, seja para sua
marca pessoal ou empresa. No que diz respeito aos materiais,
você precisará de um laptop e também precisará
acessar o Adobe Illustrator E se você ainda não o tem, não se preocupe, há testes
gratuitos disponíveis. Certifique-se de fazer o download
e configurar uma conta. Falando nisso, nossas etapas
serão bem fáceis. Você acessará sua conta
existente ou configurará um teste para começar a
usar o Adobe Illustrator Em seguida, orientarei você
passo a passo sobre como usá-lo. Existem três modelos
diferentes para que
você possa escolher
qual funciona melhor para você. Depois de obter
todos os seus detalhes, basta escrever, depois vamos
exportá-los e compartilhá-los. Falando em compartilhar,
eu
adoraria que você o compartilhasse na sessão
do projeto. Quero ver o que todos vocês estão fazendo e o que está disponível no que diz
respeito à sua marca. Se você tiver algum
problema, entre em contato. Estou sempre feliz em ajudar. Te vejo na próxima aula.
3. Noções básicas da marca: Nesta lição,
falaremos sobre algumas noções básicas sobre branding
e o que
incluiremos em seu guia de marca de
uma única página Se você vai criar uma
marca para sua marca
pessoal ou
para sua empresa É importante manter
um estilo e uma
personalidade consistentes que sejam reconhecíveis
pelo seu público Isso começa com seu
logotipo e marca. Essa classe pressupõe
que você tenha uma. Caso contrário, existem muitas aulas
excelentes na plataforma para criar um logotipo. Vá
em frente e dê uma olhada neles. Mas é mais do que provável
que você já tenha um logotipo. Você está apenas procurando
consistência agora. Então, o que vamos desenvolver hoje é o resto
dessa identidade visual. Começaremos definindo
a paleta de cores. Isso é importante para
vários aplicativos. Portanto, se for sua web ou impressa
ou se você tiver um anúncio em qualquer lugar, certifique-se de que
essas cores estejam corretas. Então, também
adicionaremos códigos de cores para ajudar a manter a consistência. A hipografia também ajudará a apoiar o
tom e a imagem da sua marca Os modelos
funcionarão com L para dois. No entanto, isso pode ser modificado se você tiver mais de duas fontes. Idealmente, você
quer ficar em torno de dois, mas talvez você tenha
um que não esteja disponível para a web e
queira adicionar um terceiro. Se você tiver problemas com
isso, entre em contato. Estou feliz em ajudá-lo com isso. Por fim, o guia incluirá algumas imagens de marca para ajudar a
definir seu estilo fotográfico Ilustrações ou padrões, talvez você tenha alguma iconografia Qualquer um deles
também pode ser incluído para ajudar a aprimorar a
imagem completa da sua marca. Aqui estão algumas dicas importantes. Um guia visual da marca
ajuda a manter você ou sua empresa consistentes
e facilmente reconhecíveis Definir sua
paleta de cores, tipografia e estilo fotográfico
garantirá que sua marca seja visualmente
coesa Te vejo
na próxima aula.
4. Introdução ao Adobe Illustrator: E nesta lição,
vamos nos familiarizar com o Adobe Illustrator e as ferramentas que você
usará para criar seu guia de marca.
Vamos começar. Portanto, existem algumas maneiras
diferentes
de chegar aqui
com os links do site. Se você está
procurando um teste gratuito, há um link de rascunho ou
você pode acessar a página. Eu tenho a página em
si aberta aqui. E como eu já
sou membro da Adobe, na verdade, ele está
me pedindo para atualizar meu aplicativo. Mas, normalmente, você vê lá o teste gratuito ou se inscreve
e, à medida que
navega, vê outra oferta. Então, se eu tivesse, você sabe, vamos ver incógnito Então, aqui, estou vendo um teste
gratuito ou agora. Então, se você
ainda não tem a Adobe, vá em frente e configure isso, basta entrar
com seu endereço de e-mail e se inscrever para
o teste gratuito ou iniciar sua assinatura. Agora que temos a Adobe estamos logados
ou inscritos, vamos
baixar os modelos Se você for às aulas nos projetos
e recursos, verá que há
mais informações aqui, mas abaixo estão
os recursos. Você pode prosseguir e
baixar esses modelos. Talvez você queira
baixar os três, conferir e ver
qual deles funcionará melhor para você. E depois de
baixá-los, abriremos o Adobe
Illustrator Felizmente, porque
eu tive uma atualização. Estou fresco aqui, então
não há configurações ou coisas antigas. Isso deve ser muito parecido
com o que você está vendo. Em vez de criar um novo arquivo, poderíamos fazer isso aqui,
onde diz novo arquivo. Você também tem opções aqui. Você vê carta, cartão postal. Esses são apenas tipos comuns. Se você estiver fazendo
alguma coisa para vídeo, 1920 por 1080
também é muito comum Eles terão alguns sets
rápidos lá. Você também pode criar quadros de arte
personalizados, e veremos isso
um pouco mais tarde. Mas, por enquanto, vou
abrir nosso primeiro modelo. Agora que os abrimos, baixei todos os três modelos . Esse é
o primeiro modelo. Vou prosseguir e
desligar esses guias. Eu vou te mostrar como
fazer isso mais tarde. Mas esse é o
primeiro. Então, isso pressupõe que você tenha
uma paleta primária, então essa é a cor superior aqui
e, em seguida, uma paleta secundária,
que é Ele fornece duas fontes e,
em seguida, uma espécie de filme, um rolo fotográfico para as imagens da
sua marca, sejam suas fotos,
desenhos ou padrões Já mencionamos isso antes. Isso é o que vai
descer na parte inferior. Então esse é o nosso primeiro modelo. O segundo é um
pouco diferente, pois
vemos algumas variações de logotipos. Portanto, se você tiver várias cores, essa pode ser uma opção melhor e talvez você tenha uma paleta
de cores mais limitada Esse seria o
modelo para você. E, por fim, isso
combina todos eles. Portanto, se você precisar de um
pouco mais de detalhes ou apenas quiser
ser super minucioso, este seria o
modelo para você. Você terá
sua marca nominativa, qualquer variação de cor abaixo dela
e, em seguida, suas paletas de cores
secundárias primárias, suas fontes e,
finalmente, as imagens da marca Então, eu só queria dar uma visão geral rápida de cada um dos modelos
e do que está disponível. A seguir, veremos algumas
das ferramentas que usaremos. Então, se você é novato em
ilustradores até agora, espero que esteja indo bem Conseguimos
baixar, acessar ou fazer login e
abrir E então, uma coisa
que você mais usará são essas ferramentas de seta. Portanto, provavelmente está inadimplente. Essa é sua ferramenta de seleção. É assim que você pode selecionar
qualquer coisa que esteja aqui, então essa é uma imagem
que vai ficar. Mas qualquer uma dessas caixas,
essas são formas. Então você é capaz de movê-los, você é capaz de ajustá-los. Você pode movê-los
e fazer o que
quiser com eles. Depois, você pode clicar
nas ferramentas de texto. É assim que você poderá
destacá-los e alterá-los. Essa será uma ferramenta muito
importante. Esse será o que
você mais usará. O atalho para isso é V.
Então, se você passar o mouse sobre eles, eles verão que a seleção
deles é V. Você verá onde está toda a seleção
direta A se você ver Ele fornece o
atalho no teclado. À medida que avança, você começará a pegá-los
e aprendê-los, mas eles também estão disponíveis aqui se você precisar consultar A outra grande coisa. Temos
muitas camadas aqui. Se você for para o
lado direito do painel,
verá logotipo, códigos de cores, paleta de
cores, tipografia Eu tentei organizar
isso da melhor maneira possível. Também bloqueei
algumas camadas. Estes são os guias que você estava vendo antes e depois
também o meu exemplo. Você pode se sentir
à vontade para excluir isso. Isso é só para que você possa ver
um exemplo desse modelo. As guias e divisórias nos
permitirão manter as coisas alinhadas Então, quando eu os ligo novamente, você vai ver e vai até os
guias, você pode se esconder. Portanto, é seu comando
e ponto e vírgula. Você também pode desbloqueá-los,
o que permite movê-los. Eu normalmente os mantenho trancados, mas você pode ocultá-los
e ativá-los e desativá-los, basta
comandar ponto e vírgula Então eu os mantenho ativados quando estou
tentando alinhar as coisas, para que você possa ver aqui Z para você Quando eu seleciono
isso, tudo está centralizado. Temos esses guias aqui
e depois os pequenos blocos. Estou tentando centralizá-los. O mesmo vale para isso. Você pode pegar sua ferramenta de
seleção e
arrastá-la para verificar se está
cruzando todas essas caixas. Agora você pode ver que todas essas caixas também estão
centralizadas nessa linha O mesmo acontece com esta linha aqui.
Estamos apenas mantendo as coisas organizadas e alinhadas
para obter uma boa grade que seja visualmente agradável.
Eles estão lá para ajudar. Se você não os ama, desligue-os e exclua-os. Não é grande coisa.
Eles estão lá para ajudá-lo a organizar
seu guia de marca. Algumas outras ferramentas importantes. Então, como eu disse, poderemos entrar
aqui e adicionar esses códigos. Então, um exemplo disso,
você pode ver aqui, eu já tenho esse, mas a
ferramenta y dropper me permitiria Então isso está aqui embaixo.
Eu sou um conta-gotas Eu seleciono a cor, e então você pode vê-la, na verdade, vamos fazer
a roxa. Você pode ver isso
aqui embaixo em suas cores, e então os códigos
estão todos aqui. Então, basta clicar duas vezes nessa cor depois de
usar o conta-gotas, seu código hexadecimal está aqui embaixo. E isso é
usado principalmente para a web. Você também tem RGB e depois CMYK, que é principalmente Então eu posso partir daí
e simplesmente copiar isso. OK. Vou recuperar minha ferramenta de
seleção e vou
clicar duas vezes aqui para destacar e colar esse código. Você faria
isso para seu Hx, seu CMYK,
RGB, e então eu mostrarei, enquanto estamos fazendo uma aula de paleta de
cores, como obter Há algumas
maneiras de fazer isso. Caso contrário, se
você estiver adicionando mais, sei que mencionamos fontes. Há dois aqui.
Esses são aqueles agrupados Você pode adicionar de forma mais simples
copiando um comando V
típico ou pode usar sua ferramenta de texto Se você ver T,
há uma ferramenta de texto, você pode literalmente
clicar nessa Drawbox E digite sua nova fonte. Você pode adicionar um de forma bastante
simples e, em seguida, arrastá-lo e reorganizá-lo
, da maneira que achar melhor Portanto, ele permite dois
e todos os modelos, mas sinta-se à vontade para
adicionar conforme necessário. Agora, no que diz respeito ao
Adobe Illustrator, uma das coisas que isso permite
que você faça é desenhar uma forma Então, vamos fazer isso. Estou usando
a ferramenta de lápis. O que é n. Se eu desenhei uma forma aqui, essa é uma das melhores
coisas do Illustrator Agora vou clicar
na ferramenta conta-gotas. Essa forma agora, como
um raster ou JPEG, qualquer coisa que tenha uma base de pixels, começaria a
perder sua integridade, ficaria embaçada e
pixelizada
quando eu pixelizada O melhor dos
vetores é que eles mantêm essa linha nítida, não importa o
quão grande eu a torne Esse é um dos benefícios. Isso também manterá o tamanho do
arquivo baixo se você estiver usando vetores em vez de imagens, e falaremos mais sobre
isso ao colocarmos nosso logotipo Agora, você pode ver que há dois documentos aqui,
essencialmente duas páginas. Elas são chamadas de pranchetas. O quadro branco que está aqui
atrás é uma prancheta. Se eu for para o arquivo,
configurar o documento, editar pranchetas. Então eu posso mudar
os tamanhos deles. Você pode fazer isso em tempo real e verá lá
sua largura e altura. Ou eu posso pressionar Enter e
fazer isso de forma muito deliberada. Eu posso até mesmo renomear a prancheta. Eu posso mudar a
altura, a largura, posso fazer com que seja paisagem
versus retrato, e fazer muitas coisas aqui. Mas isso se tornará mais
importante quando exportarmos. Você pode ver que esta
é a prancheta 2. Este é o Artboard um, um, dois. W para exportar ou quando
todos vocês exportarem para
usar o modelo, convém exportar
a segunda prancheta Falaremos mais sobre isso
na última lição. Aqui estão algumas dicas importantes. O Adobe Illustrator
permite trabalhar com vetores, que podem ser dimensionados em qualquer
dimensão sem perder qualidade em comparação com
um programa baseado em pixels,
como As pranchetas permitem que você crie várias páginas
em um documento Camadas e guias podem ajudar a
organizar seu documento. Vou ver toda a próxima lição.
5. Adicione seu logotipo: Nesta lição, explicaremos como
adicionar seu logotipo de marcador Brea existente ao documento do Guia Brea Há algumas maneiras de
adicioná-lo e você pode escolher qual modelo
deseja. Então, vamos começar. Em primeiro lugar,
vamos adicionar nosso logotipo. A primeira maneira de fazer
isso é colocá-lo. Se você tiver uma imagem
como um arquivo JPEG ou PNG, basta colocá-la
em seu documento Vá para o arquivo e, em seguida, coloque
este comando Shift. Selecione isso e, em seguida,
vou selecionar meu arquivo. Você vai ter
essa coisa
instável deixar que
ela te siga. Tudo o que você precisa fazer é clicar. E uma coisa a saber, estou fazendo isso dentro
da camada do logotipo, se você quiser manter
as coisas organizadas. Eu sugeriria
clicar, basta clicar nessa camada e você estará trabalhando
nela dentro dessa camada. Então, vou trazer isso
e alinhá-lo a esta caixa. Vou apertar a
tecla shift enquanto faço isso. E então eu vou
arrastá-lo até que caiba nesse espaço. Agora, o seu pode ter uma forma
ligeiramente diferente. Tudo bem, mas tente incluir
isso nesta seção superior. Agora que tenho esse lugar, vou até
meu logotipo e onde tenho
esse retângulo e o
seleciono aqui, simplesmente
vou clicar em
excluir, porque agora
não preciso desse contorno para
ajudar no posicionamento A outra maneira de fazer isso é se você tiver um arquivo vetorial. Se você tem a.ai ou
tem um ponto EPS, SPG também é um deles Você pode abri-lo e isso
realmente manterá o tamanho do
arquivo menor. A imagem fará com que
o tamanho do arquivo seja um
pouco maior. Mas o vetor, se eu
copiar sua comunicação de homem normal, vou copiá-la
e trazê-la de Novamente, ainda estou trabalhando
nessa camada de logotipo. Eu poderia ter feito isso e
depois trazido e dito:
vou segurar a tecla Shift pressionada e
simplesmente arrastá-la vou segurar a tecla Shift pressionada e para dentro. Ali. E então,
na verdade, vou excluir a foto vinculada e
deixá-la lá. Então agora eu tenho o
vetor lá dentro. E, novamente, na verdade,
deixe-me jogar um pouco. Deixe-me tirar essa imagem. Quando falei
na última lição, quando mencionei isso, acabará ficando pixlatd Você vê em bordas irregulares. Essa era a imagem. Agora eu
vou tirar isso, e então eu quero te
mostrar que quando eu arrasto este para fora,
ele nunca perde o controle. É sempre suave, e essa é a diferença entre
um pixel ou um vetor. Portanto, apenas os vetores FYI também
podem ajudar a reduzir
o tamanho dos arquivos em vez de
importar Então, vou mudar de marcha para o outro modelo, caso você
tenha outras cores Eu tenho alguns exemplos meus
aqui. Vou replicar isso
apenas para mostrar um exemplo. Vou controlar
ou comungar C e B, e vou dimensionar isso para caber nesses círculos Novamente, estou pressionando minha tecla Shift para que ela seja dimensionada
proporcionalmente E eu vou simplesmente colocar
isso no centro. Agora você pode ativar seus
guias e ver que é Stu lá Posso usar o que já está
no modelo para
poder selecioná-lo e , em seguida, basta usar a
ferramenta conta-gotas e selecioná-los Talvez você queira fazer isso depois selecionar
sua paleta de cores, o que será exibido
na próxima lição Essa é uma maneira
rápida de adicionar outras
variações locais e
incluí-las se quiser
usar o segundo modelo. Aqui estão algumas dicas importantes. colocação de uma imagem permitirá que você copie e revincule facilmente mantendo a mesma escala para várias variações locais. A ferramenta de escala pode ser usada para modificar seu local
sem distorção. Usar um vetor
minimizará o tamanho do arquivo. Vou ver toda a próxima lição.
6. Desenvolva sua paleta de cores: Essa é divertida.
Nesta lição, explicaremos como desenvolver
sua paleta de cores e
definir esses códigos de cores, para sua paleta de cores e
definir esses códigos de cores, você
possa garantir
a consistência em qualquer plataforma e também seu material de apoio.
Vamos começar. Estamos de volta no modelo dois. Eu fui em frente e
os descartei. Sei que o
exemplo que dei a
você não tinha um bom contrato. Falaremos mais sobre isso
posteriormente nesta lição. Então eu fui em frente e
fiz com que eles
correspondessem ao que eu tenho no meu exemplo. Você também pode importá-los. Mas nesta parte do nosso curso, vamos dar uma olhada na
definição da paleta de cores Então, já
abordamos isso um pouco, onde selecionaremos nossos códigos hexadecimais e, em seguida,
preencheremos CMYK,
RGB e, em seguida, falaremos um
pouco mais Então, vamos começar. Tenho alguns
recursos para você. Também os terei na seção de projetos e
recursos, para que você não precise
tentar escrever links para
download. Vamos
até lá. O primeiro passo é o Cava. O Cava tem uma ferramenta muito boa onde você pode fazer upload de uma imagem e
usá-la para criar sua paleta Meu único aviso aqui todos
esses tons são muito
semelhantes
e, quando estiver na web, você quer ter certeza que está obtendo contraste
suficiente para
que seja legível Deixe-me copiar esse azul. Vou te mostrar uma ferramenta. Super importante. Eu também abordo
isso na minha aula de SEO. Se dissermos que isso é, o
azul é o fundo. Estou apenas copiando esse código
e importando-o aqui, volto para mva e depois digo,
vou pegar essa
cor mais clara, esse amarelo E eu coloquei isso aqui. Agora esse vai
ser meu primeiro plano. Isso não vai funcionar. Você pode ver aqui e isso é para acessibilidade, para
garantir que as coisas estejam legíveis para quem está em seu site ou, mesmo que
você o tenha impresso, isso é realmente difícil de ler Novamente, essa é
outra ferramenta que você pode usar porque pode
começar a ajustá-las, para que eu possa torná-la mais escura Então, quando eu escurecer o suficiente, você verá que tenho que
escurecer bem para que todos passem. Existem diferentes
versões disso. Se for um texto
pequeno, um texto grande, obviamente, esses terão limites
um pouco
diferentes Mas você pode trazer isso
e jogar aqui. Esse
seria meu único conselho se você estiver usando o modelo do
Canva Certifique-se de
obter profundidade suficiente em sua paleta para
ter coisas super contrastantes e
nem todas do mesmo tom Novamente, aqui, você está
vendo o código hexadecimal. Isso é usado principalmente para a web. Falaremos mais sobre CMYK e
RGB e algumas
das combinações de Panton
à medida que
avançarmos Outra forma de
escolher imagens. Eu sei que vamos chegar à nossa marca no estilo fotográfico. Vamos dar uma olhada no n Splash, mas eu queria
te mostrar bem rápido Eu posso copiar essa imagem e
depois voltar para o Illustrator. Eles iam usar isso
como parte da minha marca. Não. Eu posso então copiar isso aqui. Na verdade, posso começar,
acho que tem uma boa variedade, então posso usar minha ferramenta de conta-gotas e começar a
selecionar cores a partir daqui Eu gosto muito desse verde. Então você pode ver isso aqui embaixo. E então eu tenho esse RGB, CMYK, se eu quiser fazer isso
dessa cor, vamos pegar Agora, um, já que estamos falando
sobre acessibilidade. Vou mudar essa
fonte para branca? Vamos clicar
lá e você pode selecionar tudo como faria no
Word ou em qualquer outro processador
e, em seguida, vá
até aqui e escolha o branco. Aqui, vou selecionar esse verde e apenas copiar as
informações daqui. Aqui está meu HX. OK. Eu vou
selecionar aqui. E coloque isso dentro. Agora, se eu estivesse compartilhando isso com a
equipe ou com um designer, eles sabem exatamente o que
significa verde para qualquer aplicativo da web. Agora, CMYK, novamente,
esse é mais o seu tipo de material de impressão,
e está aqui Então, 801-30-6605. Então eu vou
inserir isso aqui. Novamente, estou apenas
clicando duas vezes nessa ferramenta de texto e editando como
faria em qualquer outro normal. Word, PowerPoint, slides, etc., RGB também são
principalmente Então você teve uma apresentação de slides ou algum tipo de vídeo
ou algo parecido, você vai
exibir digitalmente Você também vai querer que seu
RGB seja incluído. Vamos entender
que é 40 11 e cinco. Agora eu tenho isso
muito bem definido. Chegaremos a Pan Tone por último. Mas isso é muito bom. No momento, eu só uso o código hexadecimal porque
o que eu faço principalmente é online Se eu estivesse fazendo mais garantias, quero ter certeza de que tenho
esse CMYK no Você pode acessar e
usar essa imagem. Novamente, estou apenas usando o seletor
de cores. E use isso como
sua inspiração. A ferramenta Cava
também é muito útil, mas se você quiser ser um pouco
mais personalizada, fique à
vontade para fazer isso Vou pegar mais alguns. Novamente, você
voltará e identificará cada um deles. No entanto, você pode misturá-los se quiser um gradiente
ou algo parecido Mas vá em frente e experimente
algumas opções. Você pode experimentar com o Cava se
você já tem uma imagem que apenas fala com você
ou fala com sua marca, ou você pode usar o Splash, tem imagens livres de direitos autorais Eu tenho muitos florais
e animais em meu trabalho, então isso fala mais sobre minha marca, é por isso que eu uso isso Também vou incluir um artigo que acho
muito bom para Medium sobre a paleta de
cores da sua marca e
por que ela é importante Então, isso está apenas no
começo e dizem que 85% dizem que a cor foi a principal razão pela qual
compraram algo. Então, para o seu negócio,
pode ser super importante. Mas também garante
que você seja reconhecível. Saber que seu
público diz: Ah, isso parece algo assim,
apenas pelas fotos, apenas pelas cores e pela maneira como você tem sua fotografia, pela maneira como você usa
suas cores juntas. Eles serão
muito importantes. Também vou vincular isso aos recursos
do projeto. Eu também encorajo você
a dar uma olhada no Pinterest. Há muitos exemplos
de paletas de cores diferentes, e você pode
ver onde essa
tem um contraste muito bom e outras não Certifique-se de ficar de
olho nisso,
estude algumas coisas que
já estão no mercado. E depois pense no
que
funcionará para você em sua empresa. E, finalmente, prometo à Pantone. Portanto, o Pantone é um sistema de correspondência. Então, se você estiver fazendo algo que será produzido
como uma peça física, isso provavelmente é o ideal. Se você tem sinalização, se
você tem bolsas, roupas,
qualquer coisa assim, é muito importante ter seu
pantone Portanto, existem versões em pad em
que você pode usar o
pantone oficialmente Também existem livros. Na verdade, tenho alguns livros. Há versões diferentes.
Eu encorajo você vincular este link também
para ler mais brinquedos. Enquanto isso, existem ferramentas on-line que ajudam
você a chegar bem perto Eu sei que continuamos
voltando para Hex. O código hexadecimal
mostrará quão perto você pode
chegar de um pantone Deixe-me voltar para a minha e
puxar esse verde para você. Vamos fazer um exemplo ao vivo. Vou copiar esse código hexadecimal. E volte e copie isso aqui e eu vou
chegar bem perto. Então, eu provavelmente
estaria entre esses dois. Novamente, ter o livreto
é muito útil. Então, muitas vezes eu uso
isso para entrar no estádio, e depois vou
conferir minhas cartas E às vezes fica um
pouco mais azul ou um pouco mais frio ou mais quente, e eu escolho com base nisso com base no que
eu gosto e no que
combina ou acho que está
melhor alinhado com Aqui estão algumas dicas importantes. Uma paleta de cores definida ajuda seu público a
reconhecer facilmente sua marca A ferramenta conta-gotas
é uma maneira rápida de
selecionar cores específicas das imagens A definição de códigos de cores
como Hack, RGB, CMYK e Pantone garante a consistência Vou ver toda a próxima lição.
7. Defina sua tipografia: OK. Não é tão divertido quanto o último, mas
ainda assim é muito divertido. Nesta lição,
definiremos seus tipos de letra para sua marca Se você encontrar algo on-line, mas não
tiver certeza do que é. Às vezes
nos apaixonamos por eles, e é muito difícil igualá-los. Eu tenho um segredo para você.
Então, vamos começar. Estamos falando de tipografia ou de seus tipos de
letra em seu modelo. Nós vamos ficar
com este. Eu fui em frente e atualizei isso para corresponder. Eu tirei essa imagem
só para nos manter coesos. O próximo passo será
a tipografia. Eu tenho o avião e o Times
New Roman aqui. Essas são apenas fontes básicas. Eles são sempre o que usam como padrão palavras e
pontos difíceis, etc Mas, idealmente, você quer ter duas fontes e quer que elas sejam complementares uma
à outra. Gosto de ter uma San sera Sempre me
inclino para San Serra se
forem mais modernas, mas
isso depende da marca Você pode ter algo um
pouco mais sofisticado;
nesse caso, você
deseja sera font A diferença entre
elas é aérea a San sera, não tem pés E então, às vezes,
você pode ver alguns pés pequenos. Essa é a diferença
entre Sansa e SERA quando
falamos sobre elas Em geral, gosto
de reduzir para dois. Você não quer ter
muitas, fica cansativo, mas às vezes você tem uma web
ou algo
em que ela
não está disponível imediatamente, ou você só quer ter aquelas fontes manuscritas
para aquelas fontes manuscritas ajudar a destacar Novamente, se você tiver
problemas para adicionar um terceiro, me
avise. Estou
feliz em ajudar. Mas, em geral, vamos usar uma ou duas fontes
e garantir que elas se
complementem e
também sejam fáceis de ler. Eu
vou abrir. Normalmente, as fontes da Adobe são
onde eu começo a procurar. Eles têm alguns
que estão na moda, eles têm novos lançamentos Mas eu encorajaria
você a dar uma olhada e descobrir que há personalidade
em cada um deles. Conforme você avança, você vê que alguns
deles são mais modernos, alguns deles são robustos e divertidos Há outras que são
mais assustadoras ou mais, antigas ou algo
que seria mais vintage À medida que
avança, pense como você quer que sua
marca apareça e que tipo de tom
você quer projetar? Tipo, você é sofisticado, você é mais divertido e brincalhão Essas coisas podem ser
comunicadas com algumas das tipografias
que você está usando Novamente, tente reduzir para duas, mas se você quiser algumas
dessas fontes manuscritas. Esses são divertidos. Vá em frente. Vá até eles. Eles podem ser usados como acentos. Eu simplesmente não a
usaria como fonte primária. Agora, você encontrou um que
você absolutamente ama, mas não estava em adobe. Você viu em um site.
Existe uma ferramenta para isso. É chamada de fonte e você pode literalmente carregar
ou colar o URL. Se você estiver no site, basta
inserir o URL
aqui ou fazer o upload de uma imagem. Peguei uma imagem de um site. De alguém que segue que
tem uma incrível mudança de marca. Adoro todas as cores
e a tipografia dela. Mas eu realmente
gosto dessa fonte Sara. Eu normalmente não gosto de Saraf. Estou muito curioso para saber se consigo encontrar
algo próximo a isso. Então, você faria o upload,
selecionaria a versão desejada porque
havia duas lá
e, em seguida, olharia aqui
e veria o que é semelhante. A partir daí, você pode
comprar
as fontes com base no
licenciamento necessário Ou você pode até encontrá-lo na Adobe, se for
algo disponível. Mas é uma ótima ferramenta. Se você encontrar algo on-line que lhe
diga: Ah, é isso. Então, minha marca, você pode realmente trazê-la
aqui e encontrá-la. A partir daí, você
simplesmente voltaria
ao modelo e
atualizaria esses títulos, então eu vou continuar e, por favor. Vou clicar
duas vezes aqui. E digamos que eu escolhi
Halbica, em vez de Arial. Vou me
limitar a um recurso. Agora, você pode se deparar com isso também. Você pode arrastar essa
caixa ou sua ferramenta de texto aqui. Você pode simplesmente alterar o tamanho. Se você perder essa caixa, tudo o que
você precisa fazer é ir até a janela e descer para digitar e caractere, e ela
aparecerá para você ou aquela comunicação F. Então, a partir daqui,
posso simplesmente atualizar isso para um recurso. Selecione isso. Novamente, quando você tem
essa pequena bolha vermelha, isso significa que há
algo cortado Basta arrastar para que eu atualizei
a fonte. Agora, vamos ver. O que é outra fonte sera. Deixe-me levantar isso. Então eu não mudei
o nome aqui. Certifique-se de que
, ao atualizar a fonte, você também atualize o nome. Eu só vou
retirar isso. Agora eu tenho dois novos
tipos de bases identificadas. Aqui estão algumas dicas importantes. As bases de tipos que você selecionar devem ser complementares
entre si e ajudar a exemplificar a personalidade e o tom de sua
marca A legibilidade é uma das principais
considerações na escolha de fontes. Definir alternativas
pode ser útil se você escolher uma fonte que não esteja prontamente
disponível para a Web Vou ver toda a próxima lição.
8. Identifique seu estilo de fotografia: Eles continuam ficando
bons. Nesta lição, começaremos a delinear
seu estilo fotográfico Agora, lembre-se de que mencionei
que você pode adicionar ilustrações, se tiver padrões,
iconografia, qualquer coisa assim Sinta-se à vontade para adicioná-los. Também vou mostrar onde
você também pode encontrar inspiração isenta de direitos autorais Vamos ver o que podemos encontrar. Te encontro na aula. Estamos quase terminando
com nosso modelo. Estamos focados na fotografia de nossa
marca. Então, há algumas caixas aqui. Ao clicar, você verá nas camadas
o estilo da imagem. Então é aqui que podemos
adicionar padrões ou imagens. Qualquer coisa que você
queira incluir, eu a manteria
nesta tira de filme. Vou mostrar como
usar uma massa recortada para mantê-la bem arrumada Mas quando
pensamos em fotografia de marca, eu queria falar sobre
alguns exemplos. Portanto, a antropologia é
obviamente sofisticada. É uma marca muito conhecida. Obviamente, isso é
mais voltado para mulheres. Mas você tem uma
ideia melhor da marca e da intenção apenas
olhando a fotografia deles. E, em comparação, eu
sempre penso em Old Navy. Você conhece um antigo
comercial da Marinha quando o vê. É divertido, é papoula. Eles claramente estão
usando jeans agora. Mas basta
pensar em como você deseja que sua marca apareça e
se sinta por meio de suas imagens Então, sejam fotos
ou, novamente, padrões, qualquer coisa visual, é isso que vamos
identificar. Então, isso não precisa ser muito
claro, mas, você sabe, pense em cores versus
preto e branco
versus cores suaves ou
brilhantes e Poppy Mas um lugar que eu gosto de
procurar é o Unsplash. Então, se você ainda não visitou Unsplash é um site com imagens livres de
direitos autorais Eles têm alguns anúncios para I
think it's unsplash plus e outros também para Stock
que exigem licenças Mas, em geral, são criadores que enviaram suas fotos e elas estão disponíveis para uso. Novamente, isso é apenas
mais um guia. Na verdade, isso não seria externo. Este é mais um guia interno para
ajudar com sua marca. Vamos voltar ao fato de que acho que
foi um pônei que eu escolhi. Eu quero acrescentar isso. Eu quero
voltar e encontrar aquele. A escolha do palete. Aqui está. Eu posso
literalmente copiar daqui e pegar isso de volta
e simplesmente controlar V. Agora eu tenho a imagem aqui. Quero ter certeza de que estou
na minha camada de estilo de imagem e vou
começar a redimensioná-la. Mais uma vez, eu ajudo a mudar para
mantê-la em proporção. Vou colocá-lo
perto do tamanho desta caixa. Então, o que eu vou
fazer? Você pode ver que está por cima
dessa caixa cinza aqui. Na verdade, vou
clicar com o botão direito do mouse, organizar e
mover isso para trás. Então, é o comando shift e, em seguida,
quando seus colchetes estão lá. Se você está procurando um atalho. Vou trazer
isso de volta e você ainda
pode ver o contorno aqui, e então vou me
certificar de que tenho isso
selecionado e, em seguida, pressionarei a tecla Shift
e, em seguida, clicarei nessa caixa Agora eu tenho esses dois selecionados. Você também pode simplesmente puxar e arrastar e verificar
se tem os dois. Então, a partir daí, eu vou fazer o controle ou o comando sete. E isso
criará uma máscara de recorte. Agora, isso é cortar isso, e isso o manterá
bem arrumado e garantirá que
todos sejam muito semelhantes
em tamanho e forma Você pode clicar duas vezes aqui, e isso o coloca
em modo de isolamento. Posso ter certeza de que esse
era realmente o tamanho certo, ou se havia
apenas uma parte
da imagem na qual eu
realmente queria focar, iluminada desse jeito. Eu poderia explodi-lo e
cortá-lo um pouco mais apertado. Então, eu continuaria e
terminaria de eliminá-los. Ok. Eu tenho. Aqui está
o que eu acho também. Se você tem desenhos ou iconografia que
gostaria de incluir, coloque-os
lá, ou sinta-se à vontade para usá-los
como inspiração
para
os ou sinta-se à vontade para usá-los seus também. Veja o slash e qualquer fotografia de marca que você
tenha que já exista Você também pode sair e tirar algumas fotos se houver coisas
que apenas o inspirem Você pensa: é assim que eu
quero que minha marca se sinta. Eu encorajaria
você a sair e fazer isso também. Então eu fui em frente e
preenchi o resto dessas imagens. Você também pode movê-los. Você também pode alterar as
formas. Então, talvez você realmente
tenha apenas dois ou mais de dois. Tudo o que você precisa fazer
é reduzi-los e adicionar mais. Então, eu vou te mostrar no terceiro modelo que seria. Portanto, se você planeja
fazer mais de quatro, aconselho fazer
isso com antecedência E você pode
literalmente selecionar todos eles
e depois pegá-los. E então você pode simplesmente
controlar F.
Colocaremos o Controle C
e, em seguida, o controle F
copiará e depois colocará um tapinha no lugar Depois, você pode ter certeza de que há espaçamento
próximo e apenas adicioná-los e depois
esticá-los novamente. Então, dessa forma, quando
você coloca sua imagem, vamos fazer a
última que acabei de fazer. Raiva. Envie-o de volta. Vou
selecionar aquele dos melhores. T seven comande sete
e insira isso. Você pode adicionar quantas quiser. Você poderia ter apenas um casal. Este, eu atualizei para
corresponder ao que fizemos ao
longo da aula. Este é um
artista focado em
flores e na natureza e tem alguns desenhos à mão,
como pinturas, e também arte digital Apenas um reflexo do
que é a marca, o que ela faz, quem é,
o que você quer sentir. É muito feminino. É o foco na natureza. Existem alguns
elementos que também são desenhados à mão e digitais. Isso só dá uma
ideia do tipo de marca
e do que você verá
nessas peças,
seja seu site, material promocional ou qualquer um de
seus trabalhos semelhantes Principais conclusões.
Fotos inspiradoras podem ajudar a informar
o estilo da sua marca. O Unsplash é um ótimo recurso
para imagens isentas de direitos autorais. Padrões, ilustrações e
iconografia
também podem ajudar a definir melhor
sua identidade visual Usar uma
máscara de recorte pode ajudar a modificar as imagens para manter seu guia
limpo e fácil de visualizar Vou ver toda a próxima lição.
9. Salvar e compartilhar: Ok, estamos quase
lá. Você pode sentir isso? E nesta lição,
vamos salvar e compartilhar nossos guias finais de
marca. Agora, existem algumas
maneiras de fazer isso, então examinaremos
cada uma delas e mostrarei para que
você possa escolher uma. Isso é certo para você.
Vamos começar. Então, estamos de volta com o modelo, e eu
praticamente resolvi isso. Vamos fingir que
terminei minha
identificação de paleta de cores Mas, na verdade, eu não odeio isso. Está um pouco diferente do
meu guia de marca atual, é um pouco mais legal
com algumas verduras, mas ainda está muito correto. É floral e tropical,
um pouco feminino. Na verdade, vou
exportar este, pois é nisso
que trabalhamos, e vou mostrar
como fazer isso em arquivo. E então você pode salvar como. Como há duas pranchetas, há duas pranchetas, você teria duas
páginas em seu documento Se eu disser PDF, posso usar pranchetas e selecionar tudo. Nesse caso, vou pegar as duas
páginas ou posso fazer uma variedade Se eu
quisesse apenas a segunda página, eu poderia fazer duas e ir em frente e salvá-la nesta pasta
que
tenho no meu desktop. Na verdade, você
pode excluir minha prancheta de
exemplo,
se isso for útil, ou pode exportar
com esse intervalo Se você quiser ir
para a configuração do documento, você pode absolutamente excluí-lo. E então você só precisa
ir aqui e desbloquear isso, selecionar aquela camada
e, em seguida, há uma pequena lata de lixo aqui embaixo Você pode simplesmente excluir
isso de lá. E então você não precisa se
preocupar em fazer o alcance. Você poderia simplesmente ter sua prancheta
solo aqui. Vamos fazer isso e depois
vou te mostrar uma segunda maneira. Acabamos de salvar como. Agora temos
um pequeno PDF
que está disponível. Então, aqui está nosso PDF, e provavelmente
está um pouco
cheio de imagens. Então, se você quiser
economizar no tamanho do arquivo, você também pode exportar
isso como JPEG Eu vou te mostrar como
fazer isso. Você desce até o arquivo e, novamente, exporta. Então, vamos exportar como. Existem algumas
versões diferentes, mas isso deve fornecer o que
você precisa. Além disso, novamente,
vou usar a prancheta. E então eu
vou escolher JPEG. Você também pode fazer um arquivo P&G. E porque eu
tirei aquela outra prancheta, não
há raiva. É só um. Eu posso exportar isso. Então, se eu vou compartilhar
isso, isso é complicado Se você
for imprimi-lo, eu manteria um C e Y k, mas se você fosse
compartilhá-lo digitalmente, eu faria esse
R GV Em seguida, neste menu suspenso, você pode selecionar sua tela média-alta. Vou continuar
com essa altura, então temos uma boa resolução em nossa fonte. Eu vou clicar em Ok. E isso vai
ser muito mais fácil compartilhar. Isso
vai ser menor. São apenas 2 megabytes
em relação ao meu modelo, quase 200 Portanto, dependendo
do tamanho do arquivo e do que você incluiu na fotografia de sua marca, pode ser mais fácil
compartilhá-la como JPEG Você também pode, se estiver
trabalhando com o designer, compartilhar
esse arquivo de IA ou o
arquivo vetorial,
seu arquivo do ilustrador, e eles poderão extrair o que
precisam de lá Então, não esqueça. Essa
é a maneira perfeita fazer o upload disso para os recursos do
seu projeto. Portanto, ao
exportá-lo como JPEG, faça o upload também e compartilhe
com a turma Uma última coisa que eu
percebi que acabei de perder. Se você estiver exportando
isso e
quiser alterar o nome para
algo diferente de modelo Você pode fazer isso aqui. Então, era como qualquer outro
documento que você salvaria. Companhia. Guia. Em seguida, passe pelo resto do
processo e use o quadro de arte. Novamente, MY K. Manter isso alto para que a resolução da fonte seja boa e Chris Acabei de clicar em OK. todos novamente. Isso tem
sido muito divertido. Principais conclusões. Salvar
como PDF é rápido e fácil, mas pode deixar você com
um tamanho de arquivo maior. Se preferir um JPEG, use
a opção de
prancheta e o intervalo para explorar
exatamente o que você precisa Por fim, não se esqueça de compartilhar seu guia final na seção de
projetos e recursos Vou ver toda a próxima lição.
10. Considerações finais: Muito obrigado por
se juntar a mim na aula hoje. Definir sua marca visual
é uma etapa importante, seja você proprietário de uma empresa
ou tenha uma marca pessoal. Ter um cara a quem se referir
e compartilhar com uma equipe significa que sua marca aparece forma consistente e é imediatamente reconhecida pelo seu público Novamente, estou muito animada para
ver o que você criou. Por favor,
certifique-se de
adicioná-los à
seção de projetos da classe. Por fim, eu adoraria me conectar. Se você quiser me seguir no compartilhamento de habilidades,
deixar ou revisar algum feedback que tenha ou sugestões para aulas
adicionais, eu adoraria ouvi-los. Sinta-se à vontade para entrar em contato ou se conectar
comigo no Social. Estou no Artz Lions em
todas as plataformas. Mais uma vez, muito obrigado. Te vejo na próxima aula.
Kat Lyons, Artist + Educator + Entrepreneur
