Design do logotipo de um clube de futebol | 1

Design do logotipo de um clube de futebol

Daniel Paiz
Sobre o autor
Daniel Paiz mora em Tuxtla Gutirrez, Chiapas,
Mxico. Ele se formou na Escola Gestalt de Arte
de Design em Tuxtla. Ele trabalhou para
diversas agncias de publicidade no Mxico e
nos Estados Unidos como um designer grfico
com experincia em diversas reas do design e
impresso. Nos ltimos anos, ele trabalhou no
setor de esportes, realizando o design de
logotipos de identidades para clubes de
futebol. Atualmente, ele trabalha de seu
prprio estdio para diversas marcas, criando
projetos grficos e demonstrando a eficcia do
CorelDRAW na criao de designs profissionais.
Daniel tem usado o CorelDRAW como sua
ferramenta de design principal desde 2000 tem
compartilhado seu conhecimento como um
testador beta do CorelDRAW Graphics Suite
desde a verso X4. Visite o site deste na Web
em www.danielpaiz.mx.
2 | CorelDRAWGraphics Suite X6
Design do logotipo de um clube de futebol
O logotipo de um time de futebol profissional
precisa estar relacionado cena econmica,
cultural e social do local. A imagem deve
inspirar orgulho nos seus leais seguidores e
comunicar a essncia da viso do time e os
valores ao pblico em geral. Neste caso, o
clube de futebol Chiapas buscava um novo
logotipo que transmitisse melhor o esprito, a
identidade e os valores do time (Figura 1).
Antes de comear a trabalhar no conceito do
novo logotipo, analisei a logotipo anterior para
que pudesse compreender as razes pelas
quais este no obtivera xito. Percebi que no
havia qualquer relao entre a imagem e a
histria, identidade e ambiente do time. A
imagem reflete o nome do clube de futebol,
mas a cabea do jaguar est virada para a
esquerda, o que poderia ser interpretado como
um recuo ou fuga dos rivais.
Figura 1: Novo logotipo (esquerda) logotipo antigo (direita)
Design do logotipo de um clube de futebol | 3
Estabelecer as necessidades do
cliente
Antes de comear, devo estabelecer os
requisitos gerais e as metas do projeto e
formular uma estratgia para alcan-los.
1. O logotipo no possui uma identidade
regional.
Soluo: Destacar as caractersticas locais.
Resultados: Os fs apoiaro a equipe como
uma expresso de sua cultura e
identidade.
2. A imagem no tem o estilo grfico correto.
Soluo: Melhorar o estilo do rastreio
vetorial. Este precisa ser limpo, bem
definido e fcil de reconhecer.
Resultados: Melhorar o rastreio ter um
impacto direto na esttica do design e
criar mais possibilidades para a
produo.
3. O conceito atual no transmite
adequadamente o esprito e os valores da
equipe.
Soluo: Criar um conceito bem definido
que inclua um melhor gerenciamento dos
elementos grficos.
Resultados: A imagem projetar a
mensagem correta e ser mais fcil de
compreend-la.
Ter um conceito forte e uma implementao
tcnica slida pode impedir muitos problemas,
desde a ausncia de um estilo visual a
dificuldades na produo quando se usa o
logotipo em diferentes mdias e aplicativos
(Figura 2).
As ferramentas no CorelDRAW permitem que
todas as reas sejam abrangidas otimizando os
arquivos desde o comeo.
Figura 2: Exemplos de diferentes aplicativos e mdias impressas
4 | CorelDRAWGraphics Suite X6
Pesquisa por elementos do
logotipo
Quando voc trabalha para um clube de
futebol, voc conhece pessoas que dedicam
suas vidas ao sucesso da equipe. Elas
compartilham valores comuns e trabalham de
maneira apaixonada em busca de uma mesma
meta: garantir que o clube seja conduzido sem
problemas e estimular o time a alcanar o nvel
mais elevado do futebol profissional.
necessrio se ater a algumas diretrizes
quando voc faz o design de um logotipo
esportivo:
Converse com os jogadores e com as
pessoas do clube. Escute suas sugestes e
ideias e conhea suas necessidades e
expectativas.
Conhea a concorrncia. Atravs da
pesquisa dos logotipos de outros times
nacionais, obtm-se uma ideia mais
abrangente do mercado do futebol e das
estratgias que cada time usa para
fortalecer sua mensagem grfica. No
copie ou use elementos de outros
logotipos. Nesse negcio, as pessoas
devem estar sempre atentas na
concorrncia.
No faa o design de memria. Por
exemplo, se voc deseja desenhar um
animal, observe um animal real. Neste
caso, visitar um zoolgico ajuda a analisar
o jaguar a fim de descobrir qual o ngulo
certo para este animal no logotipo. A bola
de futebol outro exemplo. Utilizei uma
bola de futebol real como referncia.
Despedacei algumas bolas de futebol e
observei a maneira como as partes
estavam ligadas umas s outras.
Primeiramente, foi preciso identificar os
elementos certos para incluir no logotipo, os
quais se identificassem com o time e com os
fs, e, aps, documentar todos os elementos
que planejasse utilizar e sua justificativa.
Futebol: a bola de futebol e, mais
especificamente, a de modelo Telstar que foi
usada na Copa Mundial de 1970 no Mxico,
tornou-se um smbolo mundial do futebol.
Desejo utilizar uma imagem parcial da bola de
futebol e integr-la cabea do jaguar; assim,
farei verses 3D da bola a fim de encontrar o
ngulo certo (Figura 3). Se eu tivesse
simplesmente usado a bola de futebol inteira,
teria obtido o mesmo elemento comum em
todos os logotipos de futebol.
Figura 3: Criao de uma verso 3D da bola de futebol.
Jaguar: a imagem do jaguar est
profundamente arraigada na cultura e tradio
local. O animal, reverenciado por seu poder e
coragem, considerado um dos animais mais
emblemticos do estado de Chiapas. O jaguar
o elemento bsico do design, e sua forma,
cor, e expresso definem o logotipo (Figura 4).
Formas geomtricas da arquitetura maia:
a cultura maia nativa desta regio do pas e
possui grande influncia em todo o estado de
Chiapas. Os maias so reconhecidos e
admirados por suas realizaes arquitetnicas
(Figura 5). Decidi fundir as formas geomtricas
usadas pelos ancestrais com as manchas do
jaguar a fim de representar ambos os
elementos de uma maneira abstrata. A beleza
e a cor das florestas tropicais tambm esto
representadas pelo verde mstico no logotipo
final.
Design do logotipo de um clube de futebol | 5
Braso: em nossa cultura, os jogadores de
futebol so considerados os novos guerreiros e
uma fonte de orgulho para seus fs.
Atualmente, onze times de futebol no Mxico
usam o braso em seu logotipo. O braso um
smbolo do comprometimento em proteger a
honra e em representar o estado de Chiapas,
bem como um importante smbolo da cultura
do futebol no mundo (Figura 6).
Figura 4: Estudo da forma, das cores e da expresso do jaguar (foto de Arturo Arias Lpez)
Figura 5: Elementos da arquitetura maia que ajudam a fundamentar o logotipo na histria da regio
(foto de Arturo Arias Lpez).
6 | CorelDRAWGraphics Suite X6
Figura 6: O braso uma parte importante da cultura do futebol no mundo.
Figura 7: Esboo do processo para definir a cabea do jaguar
Tempo para fazer o design
A primeira etapa criar um esboo. Neste
caso, comeo com o jaguar Nesta etapa, uma
boa ideia usar um lpis azul (Figura 7) para
que, quando tiver uma imagem bem definida,
possa usar tinta preta para identificar o trao
principal (Figura 8). Conforme o design
desenvolvido, as decises so tomadas na hora
no que se refere ao esboo.
Meu plano integrar parcialmente a bola de
futebol cabea do jaguar, de maneira que as
manchas na pele do jaguar tomem a forma dos
hexgonos da tradicional bola de futebol
(Figura 9). A deciso de substituir as manchas
naturais do jaguar com a bola de futebol pode
parecer uma ideia maluca, mas, aps
encontrar o ngulo certo, ficou perfeito na
composio. Tambm removi os bigodes do
jaguar porque estes faziam com que a cabea
ocupasse muito espao. Neste sentido, o
logotipo torna-se mais compacto.
Design do logotipo de um clube de futebol | 7
Figura 8: O esboo completo
Figura 9: A bola de futebol fica parcialmente integrada cabea do jaguar.
Digitalizao da imagem
A primeira etapa do processo de design foi
concluda. Vale a pena mencionar que nessa
etapa no h uma nica linha reta na imagem,
o que torna a digitalizao muito desafiadora.
Ao usar as formas geomtricas, posso
encontrar o trao mais perfeito possvel, o que
envolve encontrar o centro de cada curva
usada no esboo. Isso pode demorar um
pouco dependendo da habilidade do designer.
Uso duas ferramentas: a ferramenta Elipse e a
ferramenta Preenchimento inteligente.
A ferramenta Preenchimento inteligente
permite que voc crie objetos a partir de
interseo de duas linhas (Figura 10). No
importa o quo complexas sejam as linhas,
essa ferramenta muito til na criao de
formas a partir de reas de preenchimento.
Como um guia visual, posso utilizar cores de
contorno para cada objeto que eu estiver
digitalizando, a fim que tenha um maior
controle. Comeo criando crculos de
interseo atravs da ferramenta Elipse.
Sempre que tiver um segmento
completamente definido, eu o preencho
usando a ferramenta Preenchimento
inteligente e, ento, combino todos os
segmentos em um nico objeto de curva
(Figura 11 e Figura 12). Esse processo no
difcil, mas requer pacincia.
8 | CorelDRAWGraphics Suite X6
Figura 10: Os objetos azuis so criados a partir do
espaos entre as linhas de interseo.
Figura 11: Os detalhes geomtricos so criados a partir de esboos digitalizados. A ferramenta Elipse usada para
criar crculos de interseo, e ferramenta Preenchimento inteligente usada para preencher as reas sobrepostas
e convert-las em objetos.
Figura 12: A cabea do jaguar gradualmente definida.
Design do logotipo de um clube de futebol | 9
Figura 13: Esboo desenhado mo e desenhado digitalmente
O desenho digitalizado tem algumas pequenas
diferenas em relao ao esboo desenhado
mo, mas os traos ficam mais bem definidos,
como, por exemplo, olhos claramente
definidos, orelhas arredondadas, dentes e
lnguas mais longos, contornos mais grossos
(Figura 13).
Ao usar as manchas naturais do jaguar como
um guia, identifico um padro com seis lados,
que pode ser naturalmente incorporado nos
hexgonos da bola de futebol (Figura 14). Ao
usar a ferramenta Contorno (Ctrl + F9),
adiciono dois contornos internos a cada
hexgono. Primeiramente, crio um contorno
de uma etapa (ciano) e separo os objetos do
grupo de contorno (Ctrl + K). Depois,
seleciono o objeto ciano e aplico um segundo
contorno de uma etapa (magenta). Depois,
separo os objetos do segundo grupo de
contorno. Excluo a etapa do meio
selecionando o hexgono original e o objeto
ciano e clicando no boto Verso menos
frente na barra de propriedades. Removo as
cores e obtenho o resultado final.
Quando comeo a incorporar os hexgonos
cabea, eu me deparo com um problema: os
hexgonos se sobrepem com os olhos e a
boca do jaguar (Figura 15). No entanto, no
preciso usar todos os hexgonos para ter o
efeito da bola de futebol porque a verso 3D
produz um efeito esfrico na cabea do jaguar,
sugerindo uma bola de futebol. Excluo uma
srie de hexgonos e fico com as trs manchas
principais do jaguar.
Excluo algumas partes dos objetos do
hexgono para dar-lhes uma aparncia mais
autntica, semelhante s manchas naturais do
jaguar, bem como para dar harmonia aos
outros elementos, tais como os olhos e as
orelhas do jaguar.
Outra tcnica que pode ajudar no
reconhecimento visual das formas aumentar
o espao entre os hexgonos. Outros ajustes
incluem o arredondamento de todos os cantos
e traos.
A prxima etapa adicionar o nome do time
ao logotipo (Figura 16). Por fim, adiciono a cor
10 | CorelDRAWGraphics Suite X6
e alguns sombreamentos para fazer com que a
imagem parea menos achatada (Figura 17).
Figura 14: Criao de hexgonos com base nas manchas do jaguar
Figura 15: Modificao e posicionamento de hexgonos
Figura 16: Adio do nome da empresa
Design do logotipo de um clube de futebol | 11
Figura 17: Adio de cores e sombreamentos
Etapas finais
As etapas finais no processo de design do
logotipo incluem a criao de variaes de
cores, a produo de tons de cinza e verses
monocromticas da arte-final, o
estabelecimento de um tamanho mnimo e
mximo de reproduo para evitar distores e
a definio de uma rea segura ao redor do
logotipo necessria para manter a imagem
separada de outros elementos em materiais
visuais (Figura 18).
Tpicos do guia de estilo do
logotipo
O guia de estilo um documento que define os
requisitos de uso do logotipo a fim de que
ningum possa usar o design e compreender
os princpios bsicos de sua reproduo. As
diretrizes asseguram uma representao
precisa e consistente do logotipo e garantem
que o logotipo fornea uma mensagem forte e
positiva.
12 | CorelDRAWGraphics Suite X6
Figura 18: Variaes na cor e na escala
Embora o objetivo deste documento seja
fornecer instrues s pessoas responsveis
pela reproduo e distribuio do logotipo,
importante que todos, at mesmo pessoas sem
qualquer conhecimento de design, possam
compreend-lo. Por isso, a clareza essencial.
Alguns dos tpicos bsicos que so abrangidos
neste guia incluem prtica e objetivos, grficos
de tamanho e cor, tipografia e diretrizes para o
uso da identidade corporativa. Com esta
informao, posso garantir que todas as
reprodues do logotipo comuniquem os
valores que a marca representa.
Design do guia de estilo
As grades e margens so elementos
importantes no design do documento. Uma
grade um guia no imprimvel que ajuda o
designer a fazer o layout de textos e imagens
dividindo o texto em colunas para torn-lo
mais fcil de ler.
Eu uso o CorelDRAW como uma tela em
branca; pois no gosto de limitar meu espao
de trabalho. Ento, normalmente desativo a
borda da pgina (clique em Layout
Configurao da pgina e desative a caixa
de seleo Mostrar a borda da pgina). No
entanto, a borda da pgina oferece um maior
controle das colunas de texto.
Um layout de pgina quadrado representa
alguns desafios adicionais, j que seu formato
no convencional. Decidi dividir a pgina em
trs sees para criar uma composio
visualmente equilibrada e bem definida
(Figura 19). As margens superior, esquerda e
direita tm 1 cm, e a inferior, 1,618 cm. Essas
propores tambm so conhecidas como
"proporo urea". Muitos artistas usam a
proporo rea em sua arte-final para produzir
composies esteticamente agradveis.
O layout de trs colunas fornece simplesmente
uma estrutura de design bsica, que no limita
minha capacidade de posicionar os objetos
como desejar. Uma maneira rpida de criar
colunas com dimenses iguais fazer uma
moldura de texto de pargrafo (arrastando
com a ferramenta Texto) e dividi-la em colunas
de igual largura. Para calcular as dimenses da
moldura do texto, subtraio as margens do
tamanho da pgina. Com as margens atuais,
por exemplo, se o documento tiver 25,4 x 25,4
cm, a moldura do texto deve ser 23,4 x 22,7
cm; ento, digito esses valores na caixa
Design do logotipo de um clube de futebol | 13
Tamanho do objeto na barra de
propriedades.
Aps criar uma moldura de texto, abro a barra
de ferramentas Layout (Layout barra de
ferramentas Layout) e clico no boto
Colunas . Na caixa de dilogo Configuraes
da coluna, aumento o nmero de colunas
para trs, com um espao entre colunas de 0,5
cm. O espao entre as colunas ajustado
automaticamente a fim de que estejam
uniformemente espaadas ao longo de toda a
coluna. Voc mesmo tambm pode calcular a
largura de cada coluna. O CorelDRAW oferece
a voc a flexibilidade para realizar a mesma
tarefa usando diferentes recursos dependendo
de seu fluxo de trabalho.
A seguir, pressiono Ctrl + K (ou clico em
Organizar Separar texto do pargrafo)
para separar as colunas e trabalhar com estas
independentemente ao mesmo tempo que
mantenho o layout flexvel. Quando separo as
colunas, estas se tornam trs objetos de texto
de pargrafo separados que no esto mais
conectados. Essa uma maneira fcil de obter
vrias molduras de pargrafo uniformemente
espaadas na pgina. Como o guia de estilo
conter textos em dois idiomas diferentes,
melhor que as colunas no estejam vinculadas.
Figura 19: A pgina dividida em trs colunas que
podem simplesmente servir como diretrizes sem limitar
as possibilidades de layout do contedo.
Quando fao o design de um documento com
vrias pginas que contm texto, tento
otimizar o fluxo de trabalho. Por exemplo, criar
estilos de texto fornece uma maneira rpida de
garantir uma formatao consistente em vrias
pginas sem impor limites ao contedo ou
composio (Figura 20). Um estilo pode incluir
mais de uma propriedade de texto, como cor e
tamanho da fonte. Por exemplo, se quiser que
todos os ttulos tenham um tamanho de fonte
grande, no preciso formatar um por vez.
Formato um dos ttulos, abro a janela de
encaixe Estilos (Ferramentas Estilos ou
Ctrl + F5) e arrasto e solto o ttulo formatado
na pasta Conjuntos de estilos para criar um
estilo de texto automaticamente com base
nessa formatao. Aps, posso aplicar o estilo
em qualquer texto selecionando o texto e
clicando duas vezes no conjunto de estilo da
janela de encaixe.
O texto de espao reservado (clique com o
boto direito na coluna em branco e clique em
Inserir textos de espao reservado) pode
ajudar muito no design e layout de textos e
grficos. O texto de espao reservado
tradicional Lorem ipsum tem uma estrutura
14 | CorelDRAWGraphics Suite X6
semelhante no apenas escrita em ingls,
mas tambm a muitos outros idiomas. Assim,
tenho um bom ponto de referncia para o
fluxo visual do texto do corpo. Torna-se muito
til quando um cliente precisa revisar somente
os grficos de um projeto. O texto de espao
reservado ajuda o cliente a se concentrar nos
grficos, economizando tempo e esforos no
fornecimento de feedback desnecessrio no
texto que ainda pode ser um trabalho em
andamento.
Figura 20: Usar estilos para formatar o texto
Figura 21: Espaos vazios ajudam a criar uma
composio melhor
No tenha medo de espaos em branco O
chamado espao negativo no to negativo
assim. Este ajuda a criar uma composio
equilibrada e harmoniosa (Figura 21). Lembre-
se da regra de trs: 1/3 de texto, 1/3 de
imagem, 1/3 de espao em branco.
Use menos contedo em cada pgina para
obter um maior impacto visual. Este projeto
um guia de estilo bilngue de maneira que
todas as informaes so repetidas em dois
idiomas, mas, se tivesse usado um nico
idioma, poderia facilmente ter mantido o
mesmo layout, com somente a metade de
texto por pgina. Para compensar o
comprimento desigual da coluna, uso uma
fonte um pouco menor para um dos idiomas
(Figura 22).
Design do logotipo de um clube de futebol | 15
Lembre-se de que a imagem na tela pode
parecer diferente quando impressa. Voc pode
evitar surpresas desagradveis atravs de uma
prova digital (clique no boto Cores de prova
na barra de status). importante ativar a prova
de cores de vez em quando para ter uma pr-
visualizao do documento impresso
(Figura 23 e Figura 24).
Figura 22: Algumas pginas do guia de estilo do logotipo
Figura 23: O documento como exibido na tela (prova de cores desativada)
16 | CorelDRAWGraphics Suite X6
Figura 24: Uma pr-visualizao do documento impresso (prova de cores ativada)
Quando estiver pronto para enviar o projeto ao
cliente ou impressora, recomenda-se public-
lo em PDF a fim de evitar alteraes acidentais
ao contedo antes da impresso. De um modo
geral, o cliente provavelmente solicitar
alteraes adicionais. Ento, a menos que o
cliente pea, voc no precisa enviar o arquivo
.cdr original.
Em suma, se tiver um pouco de conhecimento,
independentemente da complexidade, o
CorelDRAW lhe fornecer as ferramentas que
voc precisa para obter xito com resultados
bastante profissionais e imagens de alta
qualidade tanto na mdia digital quanto
impressa.