[Material didático de apoio para a disciplina Imagem Digital 2D desenvolvido pela Prof.ª Alice Costa – 2º semestre de 2019.

Marca, logotipo, identidade visual,

identidade corporativa, branding: conceitos.
Desde a Antiguidade registra-se a existência das marcas como elementos evento, personalizando-os tais como um logotipo um símbolo gráfico, uma
de identificação, mas, centraremos no período a partir do surgimento das marcas tipografia, um conjunto de cores (ADG, p.180).
modernas, na segunda metade do século XIX, quando, pela Revolução Industrial, É sabido que o primeiro sistema de identidade visual corporativa foi
os produtos e bens de consumo passaram a ser produzidos em larga escala e criado por Peter Behrens para a empresa AEG, na Alemanha, no início do século
tornaram-se acessíveis às diferentes camadas da população. A crescente XX (em 1907). A direção da AEG vislumbrou a importância de se identificarem as
diversificação de produtos passou a exigir a criação sinais visuais que os manifestações visuais da empresa de forma coordenada e reuniu uma equipe de
diferenciassem e identificassem sua origem, garantindo aos consumidores sua profissionais para conceber um projeto que inclui desde a criação do logotipo da
procedência e qualidade. Essas marcas tinham como principal missão a empresa até a de produtos e materiais publicitários. Segundo Joan Costa (2011,
identificação de produtos e produtores, para que eles pudessem novamente ser p. 77), “com essa ideia integradora, que superava totalmente a prática
reconhecidos e consumidos ao longo do tempo. (CAMEIRA, 2016, p. 23). exclusivamente gráfica da marca naquela época, a AEG se antecipava em uma
Joan Costa (apud. CAMEIRA, 2016, p.23) define a MARCA como um signo disciplina que, não obstante, levaria ainda meio século para estabelecer-se: a
sensível, ao mesmo tempo verbal e visual. Verbal porque possui um nome e IDENTIDADE CORPORATIVA. Dois profissionais até então estranhos aos quadros
circula por entre as pessoas. E o que não se pode denominar não existe. Visual de pessoal das empresas foram incorporados à equipe: o arquiteto, desenhista
porque, para fixar-se no espaço visível – e não somente audível –, a marca precisa industrial e artista gráfico Peter Behrens e o sociólogo Otto Neurath,
estabilizar-se e mostrar-se constantemente sobre suportes diversos. Por encarregados de conceber um estilo de empresa que alcançaria tanto a produção,
definição, a marca é o nome, símbolo gráfico, logotipo ou combinação desses a comunicação, as mensagens, os objetos, e os ambientes como as relações
elementos, utilizado para identificar produtos ou serviços de um internas e externas, comerciais e institucionais. O trabalho de Behrens para a AEG
fornecedor/vendedor e diferenciá-los dos demais concorrentes. Quando é considerado o primeiro projeto de identidade visual completo da história.
registrada, a marca tem proteção legal e só pode ser utilizada com exclusividade O BRANDING, por sua vez, é definido de diversas maneiras. Para José
por seu proprietário legal. O mesmo que brand (ADG, p.184). Roberto Martins (2006, p. 8), por exemplo, o branding “é o conjunto de ações
Segundo Phillip Meggs (2009, p. 523).), “a Revolução Industrial, com sua ligadas à administração das marcas. São ações que, tomadas com conhecimento
fabricação e comercialização em massa, aumentou o valor e a importância de e competência, levam as marcas além da sua natureza econômica, passando a
marcas registradas para identificação visual. Porém, os sistemas de IDENTIDADE fazer parte da cultura, e influenciar a vida das pessoas. Ações com capacidade de
VISUAL que surgiram nos anos 1950 iam muito além das marcas ou símbolos”. simplificar e enriquecer nossas vidas num mundo cada vez mais confuso e
Poderíamos definir o conceito de identidade visual como tudo aquilo “que complexo”. O branding, em suma, é um sistema de gerenciamento das marcas
representa visualmente e de forma sistematizada um nome, ideia, produto, orientado pela significância e pela influência que as marcas podem ter na vida das
empresa, instituição ou serviço. Em outras palavras, é um conjunto de atributos pessoas, objetivando a geração de valor para os seus públicos de interesse.
que torna uma empresa especial e diferente de todas as outras” (MOTA, 2015). A Branding é a “sustentação da identidade de uma marca de empresa, produto ou
identidade visual define-se pelo conjunto sistematizado de elementos gráficos serviço; conjunto de ações destinadas à consolidação de uma marca no mercado”
que identificam visualmente uma empresa, uma instituição, um produto ou um (ADG, p.171).
Os logotipos

Quando você observa diferentes logotipos, já deve ter percebido como conexões emocionais com o público. Fundamental para o branding das empresas.
eles se diferenciam entre si. Nesse caso, não estamos nos referindo às cores ou à Podemos definir o logotipo como: “1. forma gráfica específica para uma palavra,
tipografia, mas sim aos estilos de logotipos. Por exemplo: os logos do Google, do de modo a caracterizá-la com uma personalidade própria. 2. Elemento de
Firefox, da Ford, da CNN e da Adidas possuem formatos bem distintos, não é identidade visual comumente denominado, abreviadamente, de logo. 3. Marca
verdade? Enquanto um logotipo é composto somente pelo nome da comercial de uma empresa, constituída por uma ou mais palavras ou por um
empresa (caso do Google), outro tem apenas um símbolo (como o Firefox). As grupo de letras grafadas em desenho e estilo característicos”. (ADG, 183)
marcas projetam os seus logos para representar o seu negócio e para criar

Curiosidades
“Logomarca” X Logotipo
“Logomarca”: Nunca é demais bater nessa tecla, até porque é bom reforçar que logomarca não existe. Você pode ter lido ou ouvido falar
em algum lugar ou até ter usado por simples costume. O problema é que logomarca é uma palavra empregada de forma inapropriada. Sabe por
quê? Porque, se nos aprofundarmos minimamente em sua etimologia, veremos que se trata de um caso de redundância. Na etimologia, logo vem
do grego “logos” e quer dizer, entre outras coisas, conceito ou significado. Marca vem do germânico “marka” e tem o mesmo significado de logo,
ou seja, conceito ou significado. Então, já imaginou qual seria o sentido de logomarca? Isso mesmo, significado do significado. Ficou mais fácil de
entender por que essa palavra é usada de forma errônea, não é mesmo?
Logotipo: Agora, vamos tratar da forma correta. Já sabemos o significado de logo, falta o do complemento tipo. Essa palavra também
vem do grego (“typos”) e quer dizer símbolo gráfico de um conceito. Logotipo, então, é a representação visual de um conceito. Ele é usado para
identificar uma marca, uma empresa, um produto ou um serviço. O logo, como muitos resumem (e não é errado de usar), é parte da identidade
visual de uma marca. Normalmente, ele é o carro-chefe dessa área do marketing e do design, já que é um dos elementos mais reconhecíveis pelos
consumidores quando eles se lembram de uma oferta.
Sabe aquela latinha vermelha de refrigerante, a maçã mordida em aparelhos eletrônicos ou o cavalo preto sobre o um brasão amarelo
em carros esportivos de luxo? Então, não deve ter sido tão difícil associar essas descrições à Coca-Cola, Apple e Ferrari, não é? Além do mais, o
logotipo serve para transmitir uma mensagem, um posicionamento ou os valores desejados pela empresa representada. Trata-se de um dos
primeiros pontos de contato visual, racional e emocional que os clientes têm com alguma marca ou oferta.
Os estilos de logotipos
Os logotipos podem ser categorizados 5 estilos diferentes. Vamos explicar a seguir os seus conceitos, os seus pontos fortes e fracos e os tipos de empresa que eles mais
se adequam.

1. Lettermark

Esse formato apresenta os logotipos que destacam as letras iniciais ou as abreviações das marcas. É um tipo simplista e muito usado por empresas com nomes grandes,
compostos, generalistas e/ou difíceis de serem memorizados pelo público.

Casos conhecidos de marcas que usando esse tipo de logotipo são a IBM
(International Business Machines), a EA (Eletronic Arts Sports), a CNN (Cable News
Network) e a rede de escolas de idioma CNA (Cultural Norte Americano).Perceba que,
nesse estilo, o que é destacado são as abreviações. Elas são desenhadas de forma
estilizada e não são acompanhadas por símbolos ou ícones.

O uso de lettermarks também se justifica pela economia de espaço que elas

geram ao serem usadas em materiais publicitários.
 2. Símbolo ou ícone

Nesse formato, as empresas ou as marcas abrem mão de qualquer tipo de texto para serem representadas por um símbolo visual. Pode parecer simples, mas a
escolha por esse modelo deve ser muito bem planejada. Afinal, assim que o consumidor bater o olho no símbolo, ele deverá, automaticamente, associá-lo à marca em
questão. Marcas como a Microsoft, Apple, Shell e Firefox conseguiram esse feito. Aliás, esse tipo de logotipo costuma funcionar melhor com empresas globais.

Caso você trabalhe com um negócio que ainda esteja dando

seus primeiros passos, será mais difícil para o público fazer a ligação
entre ícone e marca.

Esse formato é ainda mais sucinto que o lettermark e

também é uma opção boa para empresas com nomes complicados
de serem lembrados ou que possuem alguma abreviação que gere
duplo sentido.
 3. Wordmark

O wordmark é um tipo em que apenas o nome da empresa, da marca ou do produto é usado como logo.
Esse logotipo geralmente utiliza uma fonte única e personalizada para a marca representada. Por exemplo: se você reparar na tipografia de Coca-Cola sendo usada para
escrever outra palavra, talvez fará a associação com a marca de refrigerantes.

Outras empresas que fazem o uso do wordmark são a Sony, Google, Disney e Canon. Note que elas possuem nomes fortes, expressivos e difíceis de serem
esquecidos pelo público. Esses logos são mais minimalistas e capazes de comunicar clara e rapidamente o nome da marca e o que ela representa.
 4. Combination mark

Nesse estilo, são combinados textos e símbolos para formar um logotipo.

Esse é um dos formatos mais utilizados no mundo, e não é difícil entender essa popularidade, já que o mesmo logo carrega duas fontes de reconhecimento de marca.

Quer alguns exemplos? Veja o caso da Adidas. Você facilmente reconhece a empresa apenas pela tipografia do seu nome, pelas 3 barras características do logo e, claro,
pela combinação dos 2 elementos.

A propósito, as marcas que utilizam esse modelo costumam separar os seus componentes quando a situação exigir. Por exemplo: pode ser que a Adidas prefira apenas
usar o seu símbolo para estampar camisas ou tênis esportivos.

Outras marcas famosas que usam o combination mark

são a Amazon, Dove e Lacoste. Perceba que os nomes das
empresas aparecem em cima, embaixo ou ao lado dos ícones.
Outro ponto que devemos analisar nesse tipo é que, apesar de
ser mais complexo de montar, ele é mais versátil para
combinar os elementos visuais e textuais, ou seja, permite
uma criatividade maior no seu desenho.

O combination mark é um estilo interessante

para empresas menores, pois com mais componentes gráficos,
fica mais fácil de se distinguir das demais marcas.
 5. Emblema

Por último, temos o emblema. Ele é bastante

parecido com o modelo destacado no tópico anterior.
Enquanto os textos e símbolos se complementam no
combination mark, aqui, o nome ou a abreviatura da
empresa é inserida dentro do ícone gráfico.

Trata-se de um formato em que todos os elementos

estão integrados em um único emblema. Isso torna o design
mais compacto e útil para ser impresso em materiais
publicitários menores.

No entanto, é preciso ter cuidado com o desenho

desse tipo, já que o nome da empresa precisa ficar legível
dentro do emblema.
Clubes de futebol, selos e organizações governamentais são
exemplos de instituições que fazem uso constante desse
estilo de logotipo.
Além deles, algumas marcas conhecidas também se
apropriam desse formato, como a Ford, Nivea, Lego e
Brahma.

Conclusões:
Independentemente do estilo adotado, é fundamental conhecer as características de cada um para que o
logotipo atenda as demandas das empresas que por ele são representadas.
Um formato combina melhor para quem possui nomes que chamam a atenção; outro funciona bem para
empresas com nomes mais extensos; outro tipo é mais minimalista; e 2 modelos combinam ou integram componentes
para expressar melhor os valores de uma marca.
Enfim, analise cada tipo de logotipo e veja como eles conversam com o público e se fazem a sua marca ser
destacada e reconhecida facilmente no mercado.
ESPAÇO NEGATIVO
Resumidamente, o espaço negativo é aquele entre duas formas; a área entre ou em torno de outros
elementos que forma um desenho próprio.

DONDIS, Donis. A Sintaxe da Linguagem Visual. São Paulo: Martins Fontes, 2003.
 Referência artística: M.C. Escher

O artista Maurits Cornelis Escher

(1898-1972), mais conhecido como M.C.
Escher foi um mestre do espaço negativo. O
artista gráfico holandês fez uma série de
tesselações focada em uma forma que
origina outra através de espaços negativo e
positivo.
Escher era conhecido pelas
suas xilogravuras, litografias e meios-
tons (mezzotints), que tendem a representar
construções impossíveis, preenchimento
regular do plano, explorações do infinito e
as metamorfoses -
padrões geométricos entrecruzados que se
transformam gradualmente para formas
completamente diferentes. Ele também era
conhecido pela execução de transformações
geométricas (isometrias) nas suas obras.
Esses exemplos de espaço negativo
levam em conta tudo o que está ao redor do
design físico, e entre ele, a fim de manipular
esse espaço para gerar algo novo.
 O espaço negativo, quando usado estrategicamente e claramente, pode ajudar a criar designs realmente impressionantes e inteligentes. Dê uma
olhada nestes ícones de animais criados por George Bokhua. Ele usa formas simples e puras para criar representações claras de animais.

Outros exemplos:
Logotipos com espaço negativo
5 Princípios Básicos do Logotipo
(Leandro Dutra)

Você sabe quais características um logotipo ideal precisa ter para ser por aí não cumprem com as suas funções básicas e fundamentais para a
viável em suas aplicações, eficiente na transmissão da sua mensagem e comunicação adequada e eficiente de um negócio. Portanto, se você já tem uma
memorável para os consumidores? Muito mais do que simplesmente identificar empresa e está pensando em dar uma repaginada na sua identidade visual, ou se
uma empresa, o logotipo ideal precisa transmitir, através de suas formas e cores, você está começando um novo negócio e quer iniciar com o pé direito, então leia
os valores e a essência empresarial, de modo a criar uma ligação compatível e de esse artigo e saiba quais são os cinco princípios básicos do logotipo ideal para o
confiança com o público-alvo. E, verdade seja dita, mas muitos logotipos que vejo seu negócio.

1. Originalidade
Não é porque a sua empresa vende carros, que você necessariamente Não que seja proibido utilizar elementos que representem literalmente o
precisa colocar um carro como símbolo do seu logotipo. Veja o exemplo da Apple. seu negócio, mas procure utilizar apenas se o conceito e a solução visual forem
O nome é maçã (em inglês), o símbolo é uma maçã mordida, mas a empresa fortes o suficiente para validar e sustentar o seu uso.
vende computadores, tablets e smartphones. Não existe existia ligação nenhuma Formas muito básicas e fontes tipográficas gratuitas e estilizadas também
entre uma coisa e outra, até que a Apple surgisse e fizesse da maçã mordida uma devem ser evitadas, pois assim como você teve a ideia de usá-las em seu logotipo,
marca mundialmente conhecida. pode ter certeza que milhares de outras pessoas também tiveram a mesma ideia.
Vamos imaginar que uma clínica odontológica está precisando de um Por isso, quando criar um logo apenas tipográfico, ou que a tipografia seja um
novo logotipo. Onde vai estar a originalidade da marca, se for criado um símbolo elemento de grande destaque, o ideal é cria-la do zero, ou, se utilizar uma fonte
representando um dente? Quantas milhares de clínicas odontológicas já não já existente, procure modificá-la para dar mais originalidade a marca.
utilizam esse elemento como símbolo de suas marcas? Abaixo são mostrados alguns exemplos de logotipos muito semelhantes
uns aos outros, e clicando neste link você pode conferir diversos
outros exemplos.
 Exemplos de logotipos utilizando elementos ou tipografias parecidas , sem originalidade .

Agora eu serei bem categórico. Se você deseja que o seu negócio tenha o símbolos ou fontes tipográficas de marcas conhecidas, que além de mostrar total
logotipo ideal, jamais utilize elementos prontos, como ícones, símbolos, falta de originalidade, ainda pode render algum processo contra a sua empresa.
pictogramas, entre outros. Isso serve também para a utilização de elementos,

2. Coerência
O logotipo ideal precisa ser coerente e honesto com aquilo que pretende que o seu negócio está inserido, e o seu público-alvo, antes mesmo de começar a
comunicar e para quem pretende comunicar. Não basta uma empresa ter um logo ter ideias e achar que elas são a solução.
lindo se ele não estiver bem alinhado ao negócio e ao seu público-alvo. Para ter um logotipo eficiente e perfeitamente alinhado ao negócio, é preciso
Muito mais do que agradar ao dono da empresa, um logotipo eficiente precisa deixar de lado os achismos e buscar responder algumas perguntas fundamentais,
criar uma conexão com os consumidores, pois de que adianta ter um logo de não só para a criação do logotipo, mas também para a definição de toda
“estimação”, se o seu público não se identifica com ele. a comunicação da empresa. Algumas das principais perguntas que precisam ser
Seria ótimo se o mundo girasse em torno dos nossos achismos, mas não é bem respondidas são:
assim que funciona. Por isso é importante conhecer muito bem o mercado em
 •
Qual o diferencial competitivo do seu negócio?
• Qual a missão, visão e valores?
• Quem são seus concorrentes e o que eles têm feito?
• Como você pretende posicionar a sua empresa no mercado?
• Quem é o seu público-alvo (idade, sexo, classe social)?
• Quais os comportamentos deste público, etc.

Com base nas respostas destas perguntas, é possível chegar a uma série A cor inclusive, é um dos principais elementos identificadores de uma
de informações textuais e referências visuais que irão ampliar a sua visão sobre o marca, pois é capaz de associar muitas qualidades ao logotipo, além de estimular
negócio como um todo e ajudarão a definir o caminho a ser seguido. diversas sensações, conforme a cor utilizada. A tipografia é outro elemento de
Após analisar estas informações, você terá uma ideia melhor de onde o extrema importância, também capaz de acrescentar muitas qualidades visuais
logotipo precisará ser aplicado, qual linguagem visual deverá ser trabalhada, a um logotipo.
quais fontes tipográficas serão as mais adequadas, quais as cores que poderão ser Porém, a utilização inadequada, tanto de um, quanto de outro, pode
utilizadas, e assim por diante. causar associações errôneas, não condizentes com os conceitos da empresa,
podendo até mesmo influenciar negativamente na comunicação da mesma.

3. Simplicidade
O logotipo ideal precisa comunicar eficientemente, e isso não quer dizer Pegue como exemplo as maiores e mais valiosas marcas do mundo, que
que ele precisa ser gritante e exagerado, cheio de cores berrantes, detalhes em sua maioria possuem logotipos simples, porém marcantes, pois se utilizam
complexos e efeitos visuais, pois quanto mais informações e elementos apenas do essencial para transmitir a mensagem de maneira rápida e eficiente.
compuserem o logotipo, maior o tempo para o cérebro processar toda essa Outro detalhe interessante é que muitas marcas famosas são compostas
informação a fim de entendê-lo, o que consequentemente dificultará a sua somente por tipografia ou possuem apenas uma cor, provando que um logotipo
memorização. não necessita de muitos detalhes ou cores para ser eficiente e memorável.
Ao contrário de tudo isso, um logotipo eficiente, memorável e agradável Inclusive muitas destas marcas foram completamente redesenhadas, ou
aos olhos do consumidor, precisa ser simples, claro e equilibrado visualmente. sofreram algumas modificações ao longo do tempo, que as deixaram com um
visual mais limpo e simplificado, como é possível ver nos exemplos a seguir:

Evolução do logotipo do Google.

 Evolução do logotipo da Shell.

O que podemos aprender com esses exemplos, é que “menos é mais”, Alguns outros pontos importantes e que devem ser levados em
pelo menos em se tratando de logotipos. Portanto, evite utilizar detalhes muito consideração, são:
pequenos ou complexos e esqueça completamente todos os elementos
desnecessários e prejudiciais para a aplicação do logotipo, como efeitos de • Não utilize mais que duas fontes tipográficas;
sombras, reflexos, brilhos e luzes, e procure evitar, ou utilize moderadamente e • Utilize fontes tipográficas de boa legibilidade;
de maneira adequada os degradês. • Evite utilizar mais de três cores;
• Utilize cores que gerem um bom contraste.

É importante também manter o alinhamento entre os elementos que

compõe o logotipo e o equilíbrio visual da composição, inclusive entre as cores,
de modo que tudo fique harmonioso.

4. Atemporalidade
Se você quer que o seu negócio possua o logotipo ideal por muitos e Usar as cores, tipografias e efeitos visuais que estão em alta, pode parecer
muitos anos, então esqueça as tendências atuais e invista em um estilo interessantes no presente momento, mas no futuro pode representar um grande
atemporal, pois as tendências mudam e o logotipo que parece perfeito hoje, pode prejuízo para o seu bolso, caso tenha que investir em uma nova identidade visual,
se tornar ultrapassado em pouco tempo, necessitando de um redesign para a sua sem contar no tempo que leva até o público se familiarizar novamente com a nova
atualização. marca.
 Um bom exemplo nesse sentido são das duas maiores marcas de (com exceção das duas experiências maus sucedidas, em 1890 e 1985) a Pepsi já
refrigerantes do mundo: Coca-Cola e Pepsi. Enquanto a Coca-Cola manteve mudou o seu logotipo diversas vezes ao longo da sua história também centenária,
praticamente o mesmo logotipo desde a sua fundação, a mais de 125 anos atrás como é possível ver nos exemplos abaixo.

Evolução do logotipo da Coca-Cola. Evolução do logotipo da Pepsi.

5. Flexibilidade
Muito mais que inovador, o logotipo ideal precisa ser funcional e aplicável É importante salientar que o Photoshop não é um programa vetorial, mas
em qualquer tipo de suporte físico ou digital, seja na fachada de uma loja, no sim de edição de imagens, portanto, qualquer logotipo que seja criado no
cartão de visitas, no uniforme dos funcionários ou no site da empresa. Precisa Photoshop, não será um vetor e terá limitações em sua aplicação.
também ser ampliável em grandes formatos sem perder da qualidade, ou seja, Se o logotipo for colorido, ele também precisará conter pelo menos as
sem ficar pixelizado. versões em preto e branco, para quando for necessária a sua utilização.
Porém, para ser ampliado sem perder a qualidade, o logotipo precisa ser Outra variação importante, mais comumente utilizada em marcas que possuem
criado em algum programa vetorial, como por exemplo o CorelDraw ou o símbolos, são as versões vertical e horizontal, onde o símbolo varia de posição,
Illustrator, e também ser salvo em formatos que preservem as características conforme o espaço onde deverá ser aplicado.
vetoriais, como o .cdr (próprio do CorelDraw), o .ai (próprio do Illustrator), o .pdf Abaixo é mostrado um exemplo de logotipo com as variações vertical e
ou o .eps. horizontal, tanto nas versões coloridas, quanto nas versões em preto e branco.
 Versões da marca Sansores Contabilidade.

Em logos apenas tipográficos, é mais difícil existir a versão vertical, o que processos limitados em relação a esses detalhes, como por exemplo a serigrafia
pode causar futuras limitações para a sua aplicação em alguns formatos de e o bordado.
materiais, principalmente se o logotipo for muito comprido na horizontal. Abaixo é mostrado um exemplo de logotipo, tanto nas versões principais,
Caso o logotipo possua um visual em 3D ou degradês, o ideal é que exista com o fundo e o símbolo em degradê, quanto nas versões simplificadas, com sem
também uma versão simplificada, para quando precisar ser utilizado em a utilização do degradê.

Versões da marca Gastherm, nas versões principais e simplificadas.

Deve ser previsto também, por meio de testes de impressão, a redução máxima em que o logotipo poderá ser aplicado, preservando assim a sua perfeita
visualização.
Criando logotipos>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
Uma característica comum aos logos é a estilização das imagens, baseada no princípio que vimos da SIMPLICIDADE. É um ótimo exercício na criação de logos
esboçar vários desenhos à mão, estilizando ou até mesmo abstraindo a forma original. Observe os desenhos abaixo de representações através da observação,
da estilização e da abstração das formas e note como as etapas simplificam a coisa retratada. Os logotipos também recorrem a este artifício. Por precisarem
aparecer em tamanhos pequenos, precisam ser bem visíveis e facilmente identificáveis, por isso a simplificação da forma!

Figura 1 Desenhos de Douglas Costa.

Abaixo um exemplo de logotipo, da Shell, que foi estilizando cada vez mais o seu símbolo:

Lembre-se: Um logotipo JAMAIS usa fotografia pura e simplesmente.

Caso use fotografia ela deve ser usada apenas como base para produzir um DESENHO ESTILIZADO!
No Photoshop: Alguns tutoriais e dicas para ajudar a criar logotipos (e outras artes)

▪ Operadores de seleção: Quando utilizar as seguintes ferramentas de seleção (Letreiro Retangular, Letreiro Elíptico, etc.), aparecerão os operadores
de seleção. Eles podem ser utilizados para operar cortes, somas e interseções em figuras. Pode ser bem útil na criação de logotipos e outros desenhos
simplificados!

1º: É o padrão de seleção. Ao escolher 3º: Subtração: Serve para retirar

uma dessas ferramentas de seleção, elementos.
automaticamente aparecerá marcada
essa opção.

2º: Adição: Serve para somar seleções, 4º: Intersecção: mantém apenas a área
inclusive de formas diferentes (quadrado, em comum entre os elementos.
retângulo, elipse, círculo, linha, etc.).
▪ Traçar seleção:
1 - Arquivo> Inserir (figura);
2 - Selecionar com a ferramenta mais adequada (se necessário, Inverter seleção: Ctrl +Shift + I);
3 - Criar nova camada ;

Neste ponto você pode:

4 – Editar > Traçar. Escolha a largura e cor do traçado;
5 – OU: Pode preencher com cor usando a ferramenta balde de tinta sem o contorno ou após o contorno;
6 – OU: Após preencher a figura sem contorno, clicar na camada e abrir Estilo de Camada e marcar Traçado, clica nele que você edita as opções,
▪ Criar emblemas/ molduras:
1 – Crie a(s) forma(s) desejada(s) (no exemplo usei ferramenta elipse + ferramenta retângulo, ambos como forma);
2 – Para alinhar no centro: marque a camada do plano de Fundo, pressione Ctrl + A (selecionar tudo), depois Alinhar centro verticais e Alinhar centros
horizontais, faça isso com todas as camadas marcadas, lembrando que a ferramenta Mover deve estar marcada para aparecer as opções de
alinhamento;
3 – Com as duas camadas de formas (elipse + retângulo no exemplo) selecionadas, mande Converter em objeto inteligente para unir as duas figuras
(vai virar uma forma só);
4- Pode ir até o Estilo de Camada clicando duplamente na camada da forma e escolher traçado ou outro acabamento desejado;
5- Finalize com o texto editando-o com os recursos que você já aprendeu na aula sobre tipografia!
▪ Criar um logo no Photoshop utilizando foto (apenas como base, nunca no logo!)

1) Inserir imagem;
2) Recortar apenas o que deseja (de maneira bem simples, com a ferramenta laço, por exemplo);
3) Inverte seleção e delete para eliminar o restante e o fundo indesejado (ou Ctrl +J para copiar apenas parte selecionada pra nova camada);
4) Aplique o efeito Limiar, que você encontra no menu principal Imagem > Ajustes > Limiar. Neste ponto você vai ajustar um nível intermediário que mostre um bom
nível de sombra e deixe visível os detalhes da sua imagem;
5) Selecionamos apenas a parte preta da imagem através do menu (no alto) Selecionar > Intervalo de Cores, selecione apenas as Sombras, também marque Imagem,
dê Ok (vai ficar tracejado como em qualquer seleção);
6) Duplique essa seleção (Ctrl+J) e exclua a camada que sobrou (não vamos precisar da parte branca).
Extra:
7) Se ainda desejar que tenha uma textura, importe para o seu documento uma imagem da Galáxia (ou qualquer outra textura). Agora vá até a camada da “Galáxia”
(que deverá estar acima da camada onde ela será inserida), clique com o botão direito do mouse e Crie uma Máscara de Corte (ou posicione o mouse entre
as duas camadas coma textura sempre acima de onde deseja inserir pressione Ctrl + Alt e solte), onde sua imagem pegará como base apenas as sombras
da camada de baixo que nós separamos no passo anterior. (Obs.: Lembre-se, essa parte é o mesmo tutorial que vimos como colocar imagem em texto. Um
Vídeo-tutorial para te ajudar: https://www.youtube.com/watch?v=jDaTDuAYeKM.)
8) Se quiser mudar a cor. Depois de selecionar Sombras e Imagem e duplicar só a imagem (OU mandar inverter Ctrl + Shift+ I, mandar deletar o fundo branco), vá até
o ícone (abaixo das camadas) de Ajustes> Cor sólida e selecione a cor desejada.
 ▪ Desenhando com a ferramenta Caneta sobre foto ou como criar Logo no Photoshop apenas com linhas:
- Efeito:

Utilizando uma imagem como base, que vai servir de referência para a criação do logo, você deve seguir as principais linhas/traços que compõe a imagem. Vamos utilizar
a ferramenta Caneta e alguns ajustes extras como por exemplo a espessura desta linha, medida com a ferramenta Pincel. Será um desenho simplificado, estilizado.
1º: Inserir a imagem desejada Arquivo > Inserir imagem. Se necessário, amplie a foto para fazer um desenho grande.

2º Na Barra de Ferramentas, selecione a Caneta (atalho tecla P), e selecionar na Barra de Propriedades (no alto) a opção “Demarcador”.

3º Crie uma nova camada , pode escolher uma cor que contraste com a imagem a ser desenhada (é comum escolher amarelo, por exemplo sobre fundo escuro) apenas
para destacar o seu desenho da figura ao fundo, e comece a desenhar traçando uma linha contornando a figura desejada. Depois você consegue modificar a cor, não se

preocupe! Lembre-se de dar zoom na imagem para que o desenho fique mais bem feito (ferramenta Zoom – Atalho tecla Z – ou basta segurar a tecla Alt e movimentar
o scroll do mouse para ampliar ou para reduzir a aproximação da visualização da imagem ou Ctrl + e Ctrl – para ampliar e reduzir, respectivamente. Ctrl + 0: volta ao tamanho normal).

4º Feita a linha de contorno com a ferramenta Caneta , para aplicar esse traçado feito com o demarcador, você vai utilizar agora a ferramenta Pincel (atalho:
tecla B) e definir as configurações desejadas. Exemplo: Tamanho: 100 pixels (espessura da linha); dureza: 100 % (para que fique opaco e não esfumaçado); Opacidade:
100%; Fluxo: 100%; Marcar: Pressão; Ativar efeitos de criação do efeito aerógrafo.

5º - Volta pra Ferramenta Caneta, opção Demarcador (na barra de tarefas no alto) e clicar com botão direito sobre a linha e escolher: “Traçar demarcador”. Vai abrir uma
caixinha e você vai escolher Pincel e marcar Simular pressão. Dê ok!
Feito isso, você vai criando novas camadas para acabar de desenhar, repetindo o processo e editando o traço de acordo com a forma desejada (espessura, por exemplo).
Pode utilizar as figuras geométricas da barra de ferramentas e vai fazer o mesmo processo (ferramenta Caneta> clica com botão direito sobre a linha do desenho geométrico
utilizado> escolher Traçar subdemarcador). Você pode invisibilizar a camada onde está a imagem original que você está contornando, para ver como está ficando o
seu desenho. Não se esqueça de excluir os demarcadores, pois você só precisa das linhas do desenho: marca a ferramenta Caneta, clica com o botão direito do mouse em
cima do demarcador que deseja excluir e escolha a opção “Excluir demarcador”.

6º - Finalizada a parte do seu desenho, você pode agrupar as linhas para que o desenho fique completo em apenas uma camada. Basta selecionar todas as camadas de
desenho (não a foto de base) pressionando a tecla Shift e pressionar Ctrl G (atalho para agrupar) ou clicando no botão direito e mandando agrupar.

7º Agora a camada da fotografia que serviu de base já pode ser excluída (selecione a camada e pressione Delete no teclado ou com botão direito escolha Excluir camada
ou arraste até a lixeirinha logo abaixo). Você pode criar uma nova camada para o plano de fundo. Se for um logotipo, também pode haver um enquadramento nele,
conforme é muito comum e deixar o fundo transparente mesmo.

8º Finalizando o desenho: se quiser a figura com os traços todos de uma mesma cor, clique com o botão direito na camada do desenho, e então abrirá uma caixinha.
Marque Sobreposição de cor e escolha uma cor para a sua figura. Porém, se não quiser que o desenho fique todo de uma mesma cor, não agrupe, ou então pinte cada
traço utilizando a ferramenta Balde de tinta.

Dica para a Ferramenta Caneta: Para adicionar novos nós entre aqueles que você
já marcou, basta clicar sobre as linhas desenhadas próximo do meio dos pontos já
marcados inicialmente. Quando você adiciona o novo ponto de ancoragem, note
que aparecerá um sinal positivo + . Pressionando a tecla Ctrl você arrasta esse novo
ponto, que fica curvado. Também é possível mexer nos pontinhos pretos que
aparecem: com a tecla Alt pressionada, você consegue mover cada um dos
pontinhos pretos separadamente (com a tecla Ctrl pressionada você move os 2 de
uma vez).

Vídeo-tutorial para te ajudar: https://youtu.be/-EHdy3P8NRw

Para melhores resultados, utilize o aprendizado já adquirido nas últimas aulas, varie a Tipografia e lembre-se sempre de integrar Palavra e Imagem!
Recordando alguns exemplos de aplicações de alguns efeitos tipográficos simples e que valorizam os trabalhos:

Basta duplicar a camada de texto (ferramenta

mover + Alt + arrastar o mouse ou Crtl +J) e
sobrepor o texto da frente com fundo da
mesma cor!
Há muitos efeitos neste logotipo, que também
O efeito Neon é obtido usando basicamente o parece formado com cada caractere
Estilo de Camada (basta dar 2 cliques sobre a separadamente. Alguns efeitos encontrados: em
camada de texto, que abre uma caixa de “Estilo de Camada” marque “Traçado” (aumente
diálogo): baixe uma fonte no estilo neon, para que fique espesso, posição externa, etc.),
escolha para ela o branco ou quase branco. marcando também as opções de “Sombra
Basicamente apenas foi aos caracteres e Depois vá até FX (embaixo das camadas) e Interna” (observe o ângulo da sombra) e “Brilho
alterou a Família Tipográfica de uma mesma escolha “Brilho externo” ou abra o Estilo de Interno”.
Camadas e marque esta opção e clique em cima
fonte. dela. Escolha a cor do brilho (no caso,
magenta). Escolha a expansão e tamanho do
brilho (em geral, baixos). Duplique a camada:
Ctrl+J. Na camada cópia, volte ao Brilho Externo
e diminua ainda mais a Expansão e Tamanho do
brilho. Em Qualidade > Contorno, escolha a 8ª
opção. Ok! E pronta a parte do texto! Obs.:
Funciona melhor sobre plano de fundo escuro,
que também recebe alguns efeitos.
Em “Estilo de Camada” marque “Chanfro e
Aqui os caracteres foram mais aproximados Entalhe” (Chanfro interno, cinzel sólido,etc.),
reduzindo o Kerning (distância entre marcando também as opções de “Contorno” e
caracteres ) e o Leading (distância entre “Textura” (escolher foto granulada) você
consegue esse efeito entalhado. Também varia o
linhas ). Também diminuiu o tamanho da tamanho de algumas fontes, dispostas uma a uma
fonte em “of” e variou a cor. no espaço.
Exercícios:
Para TODOS os logotipos:
Atente para os 5 Princípios Básicos do Logotipo: Originalidade, Coerência, Simplicidade, Atemporalidade e Flexibilidade . Para cada uma
escreva uma pequena justificativa abaixo que explique as suas escolhas (cores, coerência, etc). Trata-se de um teste de como você argumentaria com o seu
cliente para defender a sua proposta. Cada uma deverá estar em uma única página A4 na horizontal, resolução: 300 dpi, RGB. contendo o logo em tamanho
maior (aproximadamente 10cm de largura, meça com a guia – régua – que aparece digitando Ctrl + R ou ferramenta régua) e a repetição das mesmas
reduzidas (3 tamanhos menores), sendo a menor bem pequena, no tamanho limite para ser legível). A primeira redução deve ter ainda uma cópia em preto
e branco. A página A4 deverá estar com fundo branco: caso queira que seu logo tenha um fundo colorido, deve delimitar o espaço como nos emblemas (por
exemplo, com um enquadramento retangular, ou quadrado, ou círculo, etc.), conforme no exemplo abaixo. Todas as marcas e situações propostas são
fictícias. Seja criativo! Não utilize trabalhos de terceiros. Os logotipos produzidos devem ser totalmente originais (não usar desenhos prontos).

Figura 2 Exemplo de composição de página de

logotipos. Para cada logo, montar em uma página
A4 na horizontal. Se o seu logo for alongado na
horizontal, você também pode colocar o logotipo
maior em cima e as cópias reduzidas e em P/B logo
abaixo seguido da justificativa. Deixe o fundo
branco. Se houver áreas coloridas em seu logo, deve
demonstrar onde começa e termina essa área. A
área tracejada é apenas para demonstrar o espaço
onde irá justificar (não deve colocar esse quadro
tracejado, deve delimitar usando a ferramenta
texto).

*Recomenda-se fazer uma versão grande em A4

apenas com o logotipo, salvar uma versão .PSD e
uma versão .PNG (fundo transparente) e depois
montar a página A4 com as variações, pois se você
apenas copia as camadas no próprio Photoshop, os
logos poderão sofrer alterações tais como os
traçados não reduzirem proporcionalmente nas
versões menores.
 A) Criar o logotipo “Leia Mais”. Situação fictícia: Uma editora encomendou-lhe um logotipo acompanhado de marca que contenha um rosto jovem e
livro (s). Esse logo será utilizado em campanha para incentivar a leitura entre os mais jovens. O nome da campanha será “Leia Mais” (texto obrigatório
no logotipo). O cliente pediu que a marca fosse colorida em apelo ao público-alvo: adolescentes e jovens estudantes.
B) Criar um símbolo gráfico comemorativo de alguma das datas do quadro a seguir, celebradas em 2019. Não se esqueça que a data e o que relembra
devem aparecer. Lembre-se: você deve integrar palavra e imagem.

Atenção: A forma que você fará no logo pode variar, mas seja coerente: deve ser simplificado (sem a data exata, que está só como curiosidade, e sem slogan).

Exemplo: 100 Anos de Nat King Cole OU Nat King Cole 100 Anos;

50 ANOS do Concerto no Telhado dos Beatles OU Concerto no Telhado 50 anos (+ imagem que remeta aos Beatles);

500 ANOS sem Leonardo da Vinci OU 500 ANOS da morte de Leonardo da Vinci.

Em suma: a forma de escrever pode variar, desde que seja simplificada e diga o que a data recorda!

01 de janeiro – 100 ANOS de J. D. Salinger (do nascimento do escritor autor de “O Apanhador no Campo de Centeio”).
12 de janeiro – 50 ANOS do 1º álbum do “Led Zeppelin” (icônica banda de rock).
30 de janeiro – 50 ANOS do “Concerto no Telhado” dos Beatles - em Londres, no topo do prédio da Apple Corps, sede da gravadora da maior banda
de todos os tempos. Os “quatro fabulosos” não se apresentavam juntos havia dois anos, e decidiram, de última hora, testar o novo material de
músicas (do álbum Let It Be), durante a hora de almoço. Foram 42 minutos do “show”, que veio a se tornar o último da banda.
31 de janeiro- 20 ANOS da “Family Guy”. Criada e estrelada por Seth MacFarlane, recebeu 12 indicações aos prêmios Emmy e é uma das animações
mais populares até os dias de hoje.
17 de março – 100 ANOS de Nat King Cole (músico e cantor).
01 de abril – 100 ANOS da Bauhaus (da fundação da Staatliches-Bauhaus, na Alemanha, a primeira escola de design, artes plásticas e arquitetura
do mundo.
05 de abril – 25 ANOS sem Kurt Cobain, da banda Nirvana. O músico tirou a própria vida após lidar anos com problemas com drogas e depressão.
02 de maio – 500 ANOS sem Leonardo da Vinci (morte do artista, inventor e pintor italiano Leonardo da Vinci).
29 de maio – 100 ANOS da Teoria da Relatividade Geral de Albert Einstein (da comprovação experimental da teoria).
28 de junho – Stonewall 50 anos - Uma revolta de seis dias iniciada no dia 28 de junho de 1969, em Nova York (EUA), ficou conhecida como Revolta
de Stonewall. Ela tem esse nome pelo local onde tudo começou: o bar gay Stonewall Inn, que foi atacado pela polícia de Nova York.
17 de julho – 20 ANOS do Bob Esponja (da estreia do desenho animado). Febre entre crianças e adultos, a série rendeu bilhões ao canal Nickelodeon,
e é o programa de maior duração da emissora.
21 julho– 50 ANOS que o homem pisou na lua (desde a primeira vez em que um humano pisou na lua). Parte da expedição Apollo 11, Neil Armstrong
tornou-se a primeira pessoa a pisar na superfície lunar, com Buzz Aldrin em seguida, aproximadamente 20 minutos depois.
 15 agosto – 50 ANOS do Festival de Woodstock (do festival de música). Realizado em uma fazenda de 600 acres em Catskill Mountains, em Nova
York, o local abrigou um dos mais notórios e importantes eventos da história do rock ‘n roll. Foram mais de 400.000 pessoas a assistirem nomes
como Jimi Hendrix, Janis Joplin e The Who.
13 de setembro – 50 ANOS do Scooby Doo (da estreia do desenho animado “Scooby-Doo, Cadê Você?”). Os amigos Velma, Salsicha, Scooby-Doo,
Fred e Daphne apareceram pela primeira vez nas telinhas nos Estados Unidos, e as duas primeiras temporadas do programa, atualmente
consideradas clássicos, foram seguidas de diversas repaginações no visual e enredo.
22 de setembro – 25 ANOS de Friends (desde a estreia da série). O seriado norte-americano ficou dez anos no ar, e até hoje é um dos programas
mais queridos e assistidos, graças às reprises em plataformas de VOD como o Netflix. Prêmios: seis Emmy e 1 Globo de Ouro.
26 setembro – 50 ANOS de “Abbey Road” dos Beatles (o décimo primeiro da banda Os Beatles, e o último em que todos os quatro membros
originais gravaram juntos em estúdio ao mesmo tempo).
15 de outubro – 150 ANOS de Mahatma Gandhi, o ativista e político indiano líder do movimento de independência de seu país do domínio britânico.
Uma de suas marcas na história foi a de conduzir protestos pacifistas, sem levantamento de armas.
17 de dezembro – 30 ANOS de “Os Simpsons” (da estreia da série na TV). A comédia de animação é atualmente o programa norte-americano do
gênero que está há mais tempo no ar. Recebeu 23 prêmios Emmy, um Globo de Ouro e um lugar na Calçada da Fama em Hollywood.
31 de dezembro – 150 ANOS de Henri Matisse (de nascimento do artista plástico e pintor francês).

Exemplos de marcas que possuem rostos (note: são desenhos estilizados!):

Exemplos de logotipos comemorativos integrando palavra/imagem:
Referências:

ADG Brasil Associação de Designers Gráficos. O Valor do design: Guia ADG de Prática Profissional do designer gráfico. 5 ed. São Paulo: Senac, 2010.

CAMEIRA, Sandra Ribeiro. Branding +Design: A estratégia da criação de identidades de marca. São Paulo: Senac, 2016.

DANTAS, Guilherme. 35 logotipos com espaços negativos. Disponível em: <https://www.designerd.com.br/35-logotipos-com-espacos-negativos/> Acesso em: 13 set.
2018.
DONDIS, Donis. A Sintaxe da Linguagem Visual. São Paulo: Martins Fontes, 2003.

MOTA, Gustavo. Identidade visual: um conceito fundamental para o seu negócio. 5 jan. 2015. Disponível em: <https://blog.wedologos.com.br/design-grafico/identidade-
visual/identidade-visual-conceito/> Acesso em 13 set 2018.

Você sabia que existem diferentes Tipos de Logotipo? Redator Rock Content. Publicado em 24 de janeiro de 2017. | Atualizado em 8 de maio de 2018. Disponível em:
<https://marketingdeconteudo.com/tipos-de-logotipo/> Acesso em: 13 set 2018.

DUTRA, Leandro. 5 Princípios Básicos do Logotipo Ideal para o seu Negócio. Disponível em: <https://expressadesign.com/blog/logotipo-ideal/> Acesso em: 30 set. 2018.

Recomendação de leitura: “Parte 1: Da marca à identidade corporativa. Capítulo 1: Evolução dos sistemas de identidade visual. Pp. 23-62. In: CAMEIRA, Sandra Ribeiro.
Branding +Design: A estratégia da criação de identidades de marca. São Paulo: Senac, 2016. (está no Xerox do IAD)

[Material didático de apoio para a disciplina Imagem Digital 2D desenvolvido pela Prof.ª Alice Costa – 2º semestre de 2019.]