Como Criar um Logotipo: Estudo de Caso

<p>A criação e o design de um logotipo, sem dúvida, é uma ação super valorizada e indispensável para uma empresa ou profissionais independentes, assim como eu. É a “marca” sempre em evidência; algo que, “ao bater o olho”, o usuário já identifica de quem ou onde ela viu.</p>
<p>Uma marca bem conceituada vale bilhões de dólares. Por exemplo: a Coca-Cola vale mais de U$60 Bi; o Google U$ 30 Bi.</p>
<p>Portanto, antes de mais nada, saber interpretar o que a empresa deseja passar através de um logotipo é crucial para o sucesso da mesma.</p>
<p>Sendo assim, mostrarei como desenvolvi o logotipo para o programa Sementes do Amanhã, pertencente ao Governo Estadual de Goiás, em parceria com a Prefeitura de Caldas Novas e Universidade Estadual de Goiás e ramificação do Programa Fazendo Acontecer.</p>
<h2>Conceito</h2>
<p>A primeira preocupação que tive foi entender o “mundo” em que o solicitante do logotipo vivia. Para resumir, o programa consiste em dar assistência psicológica, pedagógica, médica, etc para crianças, adolescentes e idosos que sofreram algum tipo de violência, seja física, sexual, psicológica…</p>
<p>E através de atividades lúdicas, oficinas de artes, música, artesanato… estas crianças, jovens e idosos, tentam resgatar e/ou até mesmo, fazer crescer dentro de si, valores morais, éticos, de sociabilização e de amor ao próximo.</p>
<p>Por isso que o nome do programa é <strong>SEMENTES DO AMANHÃ</strong>.</p>

<p>Baseado neste conceito tentei criar uma associação entre uma semente e as pessoas que a semeiam, resultando na imagem final abaixo:</p>
<div id="attachment_2218" class="wp-caption aligncenter" style="width: 315px;"><a href="http://www.mxstudio.com.br/wp-content/uploads/2009/02/logotipo-sementes-amanha.jpg"><img class="size-full wp-image-2218" src="http://www.mxstudio.com.br/wp-content/uploads/2009/02/logotipo-sementes-amanha.jpg" alt="Fig. 01 - Logotipo Sementes do Amanhã" width="305" height="286"></a><p class="wp-caption-text">Fig. 01 - Logotipo Sementes do Amanhã</p></div>
<p style="">
</p><h2>Pesquisa e Inspiração</h2>
<p>Definido o conceito, parti para a pesquisa de campo, observando vários outros programas com filosofias parecidas. Os sistemaa de busca foram importantes para encontrar diversos sites e até mesmo logotipos que servissem de inspiração. No entanto, na matéria que escrevi “<a href="http://www.carloshps.com.br/blog/como-criar-um-logotipo/" target="_blank">A Inspiração para Criar um Logotipo</a>“, pude ter uma base maior do que realmente eu desejava, principalmente nos quesitos: design e cores.</p>
<h2>Design</h2>
<p>Estão, em termos de ilustração, eu defini que existiria:</p>
<ul>
<li>Planta (folha, ramo, árvore, semente…)</li>

<li>Pessoas (grupo, família, irmãos, amigos…)</li>
</ul>
<h2>Cores</h2>
<p>A escolha das cores também foi muito importante e, saber o que elas representam, foi fundamental para o sucesso do logotipo. Escolhi duas cores como base:</p>
<h3><span style=""><strong>VERDE</strong></span></h3>
<p>É a junção perfeita do azul do céu com o amarelo do sol. Na maioria das vezes, o verde representa a natureza, o ambiente, transmitindo suavidade, segurança e até mesmo, refrescância. O <strong>verde mais claro</strong> é calmo e agradável. O <strong>verde escuro </strong>passa a sensação de profundidade, seriedade. Já o <strong>verde amarelado</strong> confere a sensação de alegria e até mesmo de serenidade.</p>

<p><strong>Personalidade</strong>: É a cor do equilíbrio e da harmonia. Transmite esperança e criatividade.</p>
<p><strong>Saúde: </strong>Ajuda a reduzir a tensão e promove a tranquilidade, o descanso, o equilíbrio e o relaxamento.</p>
<p><strong>Emoções</strong>: Ajuda a pessoa a sentir-se bem consigo mesma e desperta o seu lado afetuoso.</p>
<h3><span style=""><strong>MARROM</strong></span></h3>
<p>Possui a força e a energia impulsiva do vermelho, só que de forma atenuada pelo preto neutralizador.</p>
<p><strong>Personalidade</strong>: Favorece a criação de laços familiares e a observação às regras e normas sociais. Significa sobriedade e solidez.</p>
<p><strong>Saúde</strong>: Pode demonstrar enfermidade dependendo do tom e da intensidade aplicada</p>

<p><strong>Emoções</strong>: Inspira conforto e segurança.</p>
<p>Baseado nisso, criei a seguinte paleta de cores:</p>
<div id="attachment_2219" class="wp-caption aligncenter" style="width: 212px;"><a href="http://www.mxstudio.com.br/wp-content/uploads/2009/02/paleta-de-cores.jpg"><img class="size-full wp-image-2219" src="http://www.mxstudio.com.br/wp-content/uploads/2009/02/paleta-de-cores.jpg" alt="Fig. 02 - Paleta de Cores" width="202" height="222"></a><p class="wp-caption-text">Fig. 02 - Paleta de Cores</p></div>
<p>Para saberem mais sobre a cores e sua utilização correta, recomendo o meu curso on-line “<a title="Curso Online - O Poder Influenciador das Cores na Web" href="http://www.carloshps.com.br/cursos" target="_blank"><strong>O Poder Influenciador das Cores na Web</strong></a>”</p>
<p><a href="http://www.carloshps.com.br/cursos"><img class="aligncenter size-full wp-image-2220" src="http://www.mxstudio.com.br/wp-content/uploads/2009/02/anuncio-125x125-curso-cores.png" alt="" width="125" height="125"></a></p>
<p style="">
</p><h2>Tipografia</h2>
<p>A escolha da(s) fonte(s) também é de suma importância para o sucesso do projeto de criação de um logotipo. Fontes “pesadas” como a Arial Black, Impact, por exemplo, demonstram força, poder, vigor, destaque… No nosso caso, uma fonte “leve” é a mais indicada, por passar um ar de serenidade, seriedade, retidão…</p>

<p>Então, a fonte a qual escolhi foi a Eight One:</p>
<div id="attachment_2221" class="wp-caption aligncenter" style="width: 510px;"><a href="http://www.mxstudio.com.br/wp-content/uploads/2009/02/fonte.jpg"><img class="size-full wp-image-2221" src="http://www.mxstudio.com.br/wp-content/uploads/2009/02/fonte.jpg" alt="Fig. 03 - Fonte Eight One" width="500" height="133"></a><p class="wp-caption-text">Fig. 03 - Fonte Eight One</p></div>
<p><a href="http://www.carloshps.com.br/blog/?dl_id=8">Download da fonte</a></p>
<h2>Desenvolvimento</h2>
<h3><span style="">1 – Criando a Folha</span></h3>
<p>Para criar 90% do logotipo, utilizei a ferramenta <strong>Pen tool</strong>. A intenção aqui não é mostrar como ela funciona, mas sim o resultado gerado por ela. Sendo assim, vou desmembrar cada parte da folha e mostrar os pontos geradores da mesma, ok?!</p>
<p>Desmembrando-a, teremos as seguintes partes:</p>
<div id="attachment_2223" class="wp-caption aligncenter" style="width: 301px;"><a href="http://www.mxstudio.com.br/wp-content/uploads/2009/02/fig01-folha1.jpg"><img class="size-medium wp-image-2223" src="http://www.mxstudio.com.br/wp-content/uploads/2009/02/fig01-folha1-291x300.jpg" alt="Fig. 01 - Desmembrando a folha" width="291" height="300"></a><p class="wp-caption-text">Fig. 01 - Desmembrando a folha</p></div>

<p style="">
</p><p>O detalhe aqui foi a criação de cada parte separadamente, gerando um bom resultado <img src="http://www.mxstudio.com.br/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley"> </p>
<h3><span style="">2 – Inserindo o Caule e a Raiz<br>
</span></h3>
<p>Lembram o que é caule? hehehe, brincadeirinha. Para o caule e a raiz, também utilizei o Pen Tool, porém com algumas propriedades para a borda (espessura e tipo), criando uma certa inclinação:</p>
<div id="attachment_2224" class="wp-caption aligncenter" style="width: 301px;"><a href="http://www.mxstudio.com.br/wp-content/uploads/2009/02/fig02-caule-raiz1.jpg"><img class="size-medium wp-image-2224" src="http://www.mxstudio.com.br/wp-content/uploads/2009/02/fig02-caule-raiz1-291x300.jpg" alt="Fig. 02 - Criação do caule e da raiz" width="291" height="300"></a><p class="wp-caption-text">Fig. 02 - Criação do caule e da raiz</p></div>
<p style="">
</p><h3><span style="">3 – Criando as “Pessoas”</span></h3>
<p>Utilizando o mesmo princípio da criação do caule e da raiz, para fazer as “pessoas”, inseri um círculo, representando a cabeça e mais dois traços, simbolizando os membros superiores e inferiores. E mais uma vez, fiz algumas modificações nas propriedades da linha ao utilizar o Pen Tool.</p>
<div id="attachment_2225" class="wp-caption aligncenter" style="width: 310px;"><a href="http://www.mxstudio.com.br/wp-content/uploads/2009/02/fig03-pessoas1.jpg"><img class="size-medium wp-image-2225" src="http://www.mxstudio.com.br/wp-content/uploads/2009/02/fig03-pessoas1-300x143.jpg" alt="Fig. 03 - Estilizando as "pessoas"" width="300" height="143"></a><p class="wp-caption-text">Fig. 03 - Estilizando as </p></div>

<p style="">
</p><p>Bom, pessoal, o restante foi apenas juntar as partes e apresentar ao cliente =D</p>
<p>Um abraço a todos e até a próxima.</p>
<p><strong><strong>Autor</strong>: CarlosHPS Webdesigner – Colunista Fireworks do Portal MXSTUDIO</strong>