Design Blog - Blog de design gráfico, web design e universo freelancer.

Criativosfera - A comunidade restrita apenas aos melhores profissionais criativos

O melhor tutorial de como se fazer um logo

Por | 12 de outubro de 2009 | Tags: , , , | 101 Comentários

Publicidade

Inspirado em um artigo do David Airey, decidi criar meu próprio tutorial de como fazer o melhor logotipo de todos. Não é necessário conhecimento técnico (teorias e tudo mais, esqueça) nem precisa saber mexer muito em programas como Photoshop – o básico do básico já basta.

ATENÇÃO: ESSE ARTIGO CONTÉM SARCASMO

Vamos lá. Primeiro, abra o Photoshop e crie um novo documento com tamanho de 500 x 500 pixels, resolução de 72dpi e em RGB. É o formato perfeito para impressos e web. Dá pra colocar em um outdoor gigante assim como imprimir em cabeças de fósforo.

Como criar um logotipo

Para não ter que gastar muito tempo nisto, vamos usar um Custom Shape Tool…

Como criar um logotipo

…e selecionar um dos shapes padrões do Photoshop. Ele tem vários shapes muito legais. Vamos escolher um desses de baixo:

Como criar um logotipo

Agora é só colocar o shape na nossa tela. Pronto, deve ficar assim:

Como criar um logotipo

Pra chamar mais a atenção, vamos usar alguns efeitos. Vamos estilizar esse layer e marcar algumas das opções com configurações randômicas

Como criar um logotipo

Ok, na verdade, vamos selecionar mais opções com mais randomicidade:

Como criar um logotipo

Dê OK. Seu logo está muito mais chamativo agora. Parabéns. Tá na hora de personalizar mais ainda o logo. Selecione a ferramenta de texto e escreva o nome da sua empresa, site, etc em qualquer uma destas fontes: Comic Sans, Papyrus, Stencil ou Wingdings. Neste caso, usei Comic Sans.

Como criar um logotipo

Estilize o texto também selecionando algumas opções quaisquer e configurando de forma randômica.

Como criar um logotipo

Procure no Google Images fotos bonitas. Pode ser de qualquer coisa. As fotos com símbolo do iStockPhotos são os melhores. Não é nem preciso pagar por eles – é só copiar. É de graça! Após selecionar algumas fotos, coloque em qualquer lugar do seu logo.

Como criar um logotipo

Agora é só adicionar um pouco mais de texto. Coloque o endereço completo do seu site (com http:// etc) e não esqueça de escrever o que você faz também. Utilize quantas fontes e cores que achar necessário – temos que chamar a atenção do cliente!

Como criar um logotipo

Após finalizado, junte todas as camadas com a camada de fundo, salve em formato .GIF com 256 cores. Aí é só enviar pra gráfica pois eles fazem seu cartão de visitas lá (geralmente não precisa nem enviar seus dados, seu nome por exemplo, pois eles dão um jeitinho). Peça para seu webmaster colocar o logo que você criou no site que ele criou. Se ele chiar, lembre-o que é você que está pagando pelo serviço dele e se ele não fizer o que você mandar, você vai contar pra todo mundo que ele é um mal profissional.

Como criar um logotipo

Ficou tão lindo, não? Agora você já sabe como criar os melhores logos do mundo.

Inspiração.


Gostou? Por favor, compartilhe!


Canha

Criador e editor-chefe do Design Blog, atualmente é web designer freelancer. Nerd desde pequeno, ama tudo relacionado a internet, é apaixonado por design e está na área a 11 anos.

Acesse seu site Siga no Twitter

Deixe seu comentário!

  • http://eustaquiorangel.com TaQ

    Ahhhhhhh!!! Meus olhos!!! Meus olhos!!! :-D

    • http://www.flavors.me/carlosluiz Carlos

      kkkkkkkkkkkkkk Adorei, Rei Netuno!

    • http://www.designup.pro.br/pro/MarlonEmmanuel Marlon Emmanuel

      kkkk, Muda o titulo pra LogoMata literalmente, essa é uma grande fonte de inspiração para todos nós! As ótica ganhariams uma nota deixando povo cego com essa coisa, kkkkkk.

  • Vii

    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaah! gostei do fundo colorido!

    eashuehuaheua!

  • Lucas

    WTF?! Como eu não pensei em algo assim antes?
    A partir de agora todos os meus logotipos e layouts serão baseados nesse!
    Valeu mesmo! ^^

  • http://geekpulse.wordpress.com Bruno Luiz

    Nossa! Como ninguém pensou nisso antes? Isso vai mudar a história do design!

    =D #rilitros

  • Bryan G. C.

    E o bobo aqui estranhou até o título. Que bom que eu me toquei rápido. Muito bom!

  • http://sleiph.deviantart.com/ Ricardo Alves Gomes

    Eu realmente acho que você devia ter colocado um alerta de sarcasmo no fim da página… isso é muita maldade com os paraquedistas

  • Paulo Victor

    Gostaria de comprar esta logo? Aceita vale refeição?

  • hugo

    mano isso mudou o modo de como eu vejo o mundo…

  • http://www.tudibao.com.br Silvia Zampar

    Nossa, ficou incrível, não??
    Não entendi pq vc não deixou essa “maravilha” no topo de sua página – rs

  • http://interpretanteimediato.wordpress.com/ Tereza

    Eu cheguei a me assustar quando comecei a ler, só caiu a ficha quando vi os 72ppi hehehe…

  • http://www.flickr.com/photos/paulohmota Paulo

    Eu não sei não… acho que dá pra aumentar mais a logo, pra dar mais destaque… aumenta o máximo que der. E aumenta essas fotos também. Tem muito espaço em branco ainda.

  • andré

    Está a gozar? Isso é um insulto para os verdadeiros designers!!!!
    Não brinque com quem realmente trabalha e faz logótipos em condições.

    Esse exemplo é o pior que já vi em toda a minha vida…

  • http://www.gemellaro.com.br Alexandre Gemellaro

    Como é bom começar a semana com uma excelente piada!!!
    Agora sim, com essa inspiração, poderei criar muitíssimo bem…

    =P

  • http://twitter.com/tiago_a Tiago A.

    Esse post vai ter muitas visitas.

  • Sam Chambela

    Cara! Como sou lerdo, só entendi a ironia quando você indicou as fontes e usou “Comic Sans”. Antes de entender a ironia, simplesmente achei que você tivesse surtado. Ufa! Que alívio, quase excluo seu blog dos meus favoritos, ainda bem que li até o final! (risos). Ótimas dicas! Vou indicá-las à todos os meus concorrentes!

  • http://www.logodesignlove.com David Airey

    Thanks for the link, and glad you got some inspiration from my post. You call me Jacob Cass at the top of your post, by the way. My name’s David Airey.

    All the best.

  • João Jasco

    ta de brincadeira…

  • Bruno Reis

    design.blog, agora com tutoriais para micreiros, muito bom tutorial. (rimuito)

  • Neemias Junior

    Wingdings foi ótima!

  • diego

    perdeu tempo.

  • botelho

    O “mal profissional” no finalzinho ficou ótimo. Pena que pouca gente vai perceber.

  • botelho

    Muito bom! Como sugestão, você deveria ter usado todas as palavras com iniciais maiúsculas, como fazem os micreiros. Por exemplo: Design Gráfico, Web Design e Design de Produto.

  • hugo

    Amigo faltou um NÃO no título… deveria ficar assim…

    “O melhor tutorial de como NÃO se fazer um logo”

    []´s

    • http://design.blog.br canha

      Uau. Tem gente que não entende sarcasmo, hein?

  • http://www.almofadashoyu.com.br Amanda

    ai se um cliente meu entrar nesse post! hahaha
    vai ser sucesso!

  • Ighor

    Gostaria de parabeniza-lo pela iniciativa, creio que esse tutorial será extremamente útil para leigos como eu, testei em casa e consegui ótimos resultados! Não gostei apenas do fundo branco em volta do Logotipo, acho que se, ao invés de branco, fosse roxo, chamaria mais atenção. Obrigado.

  • Ighor

    ….(sic)… =D

  • botelho

    Olha só o logotipo com “L” maiúsculo. Por que?

  • http://www.johnwebdesign.com/blon John Silva

    Sem dúvidas… rsrsrs… o melhor tutorial de como fazer um logo, logo logo.
    A combinação é o que há, e as fontes? Tudo de bom!

  • http://design.blog.br Canha

    Valeu a todos pelos comentários. São muito engraçados.

  • Marcelo Garcia Jr

    ” euuuuuuuuuuu acho que falta algumas setas, assim sabe!?!? para enfatizar… chamar mais a atenção… sabe né?!?! “

  • andrews

    hauhuahuahauhauhauhauhaua……massa…..hauhauahuahuahuahua

  • Alessandra

    As fotos com marca d’água dão um charme especial! Huahuahuahuahuahua

  • Paulo

    Hahaha! ,muito bom
    Vc deveria ir no SBT p/ Silvio te colocar no lugar do BOZO.
    Muito hilário tudo isso.

  • http://wdesigner.deviantart.com wellington

    hahhhahhahhah, tive uma crise de riso!!! X D

  • wendel

    Nossa q porcaria !!!

    auhauhuahauhuaa

  • adans

    hahahahaha
    no começo achei que estava serio a bagaça
    muito bom, com esse tuto meus concorrentes que se cuidem!
    hahah

  • Danilo Priante Valli

    meus olhos…aahhhh

  • http://rfsdesginer.blogspot.com Rogerio

    Realmente rsrs

    Bom
    Bom
    BOM !

    Nossa que tosco rsrs, me inspirei !

  • Nathália

    ADOREI!!!!!!! Você só esqueceu de um detalhe… Usar aqueles filtros maneiros do “FOTO SHOP” (eu já li isso em oferta de trabalho! Oo). hahahaha

  • Marlom Veloso

    Vc ta loco de coloca isso na web cara….
    isso é uma critica construtiva vc naum tem manha de logo e
    nem de tratamento de imagens, como é que vc usa uma imagem
    protegida por direitos autorais na sua ARTE naum LOGO?!

    Abraço

  • http://design.blog.br Canha

    Wow, Marlom. Você é realmente tapado, hein?

  • http://-no-.com.br rodrigo

    fikou muito feio esse logo minha vo 50 anos desenha melhor :D

    • http://design.blog.br Canha

      Tua vó deve ser menos retardada que você. Abs.

  • http://blog.opalhares.com.br Guilherme Palhares

    Cara, não sei o que é pior… se é saber que tem muita gente que realmente faz isso, ou se é perceber que algumas pessoas não entendem ironia. Ainda bem que é a minoria.

  • http://deborahtazima.com.br Deborah

    hahahah ri bastante!

  • http://www.i9arte.com.br hugo

    poxa vei, uma logo dessas deve custar caro né? :D

  • http://emconstrução Rafael Valvassoura

    Definitivamente ficaria melhor usando a fonte Wingdings.

    E, já que queremos criar um logo de alta qualidade utilizando todas as melhores e mais avançadas técnicas em Photoshop, sugiro o seguinte:

    Crie uma Color Fill layer cinza, ajuste o blend para 100% opacity e Luminosity.

    Deixe todo o logo com o mesmo valor, permitindo que o visitante brinque com as cores durante horas até entender o que é o logo.

    Diversão e design ao mesmo tempo!

  • jessika

    hahahha é realmente ficou perfeito acho que se alguem falar alguma coisa tem que mandar calar a boca e despedir essa pessoa!
    hahahah

  • Nadiele

    hahahaah morri, muito lindo mesmo

  • Washington

    KKK Otimo adorei ficou lindo tem uma leitura supre agradavel de facil aplicação!!! boa!!

  • Milewsky

    KKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKk Olha o comentario do cara "Ighor"

    "Gostaria de parabeniza-lo pela iniciativa, creio que esse tutorial será extremamente útil para leigos como eu, testei em casa e consegui ótimos resultados! Não gostei apenas do fundo branco em volta do Logotipo, acho que se, ao invés de branco, fosse roxo, chamaria mais atenção. Obrigado."

    HAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA kKAKAKAKAK se joga da ponte na boa.. hahahahaha

  • http://www.samweb.com.br Samuel

    Cara, legal! Vou fazer um layout com este fundo colorido. Já podia ter ganhado mais dinheiro se tivesse pensado nisso antes.

    kkkk….

  • http://www.nparty.com.br Filipe Ritto

    O pior é que tem gente levando a sério mesmo. –’

  • Milen4r

    #MuitoBom // Os comentários acima tb são ótimos! #eurimto :P

  • http://twitter.com/deciotgr @deciotgr

    Caraca tem gente levando a sério a parada! #micreirodetected xD

  • http://www.usomarca.com Danillo Guimarães

    kkkkkkkk
    eu ri demais!!! kkkkkkkkkk
    a melhor logo de todos os tempos… =)

  • Thiago Kajiya

    To rindo faz uns 10 minutos já…. uhauhahuauhahuauha
    E pior que a galera levou a sério mesmo! TENSO!

  • http://houseoflayouts.net Gizaa Veiga

    kkkk

    O melhor é ver que tem gente que realmente ficou "inspirado" com seu tutorial kkkkk

    Adorei!

  • Alex

    Resultado final Ruim.

  • hayurukasu

    Oo…Eu quase parei de acreditar no Canha…oO Custei sacar a brincadeira…
    Mais o logo pode ser usada como "logo oficial" do Desig.Blog no carnaval, é bem colorida e "feliz"…
    Abraços…

  • Vanderlei

    Concordo com Fernando, mudaria o título para LOGOMARCA

  • Raphael

    a imagem do pedinte é o melhor do logo (sic)

  • Rodrigo LIns

    Piada!

  • Rose :-)

    Uau! Que logo sensacional. Show! Como eu não tinha pensado em algo assim antes? Por que será? Aí está uma receita pra quem deseja espantar um cliente. hiuhiuhiu

  • http://www.globo.com Pedro

    Um Hans Donner.

  • http://www.twitter.com/phrenetico Phrenetico

    Essa ideia naum foi tao original assim, acho q vc tiro essa ideia de uns clientes q me tentaram me contratar mas me recusei a colocar esses logo no site…. LLOOLLL, a unica diferença eh q eles fizera o logo no POWER POINT, eles achavam q photoshop era o nome do cara q tirava fotos de mulher pelada pra revista…
    UahuHAuHauhAU

  • Fabio Mattes

    O post deveria se chamar "COMO ASSASSINAR A CRIAÇÃO DE UM LOGO".

    Foi o logo mais horrível que já vi em toda minha medíocre vida.
    Obrigado por mostrar o que não se deve fazer nessa carreira.

    Favoritos!!!

  • http://srtcdesign.blogspot.com Américo dos Santos

    Ficou lindo!
    Me fez lembrar um dos primeiros logos que fiz na vida… O pior foi que achei um máximo na época… kkkkkk

  • Danyllo

    Nosssaaa!!! E as imagens demo do Istock?…rs

  • cristane

    kkkkkkkkkkkkkkkkkkkkkk foi muito divertido esse tutorial, o mais engraçado foi ver como algumas pessoas não acharam graça nenhuma, sem senso de humor, só um designer mesmo para entender e achar muito legal seu logo, quero um você faz para eu, vou te mandar umas imagens gifs pixeladas que achei, sei que vai ficar otimo! sucessos para ti!

  • tainan

    e tem coragem de chamar isso de logo, minha irmã de 7 anos faz melhor no paint…..

    • http://design.blog.br canha

      Tem gente que não sabe ler ou reconhecer sarcasmo…uou!

    • Rodrigo

      kkkkkkkkkkkkk…. tainan! caiu de paraquedas no post errado! salta pra um dicionário e depois pule de volta pra cá!… rimuito!

  • http://byaugusto.blogspot.com/ Augusto César

    O que eu mais gostei no logo foi o fundo branco. =)

  • Kátia

    Perfeito! Mas que susto… por um momento pensei que vc estivesse falando sério… o pior, é que tem muita gente que acha que não é ironia… incrível como as pessoas ainda acham que estudamos igual condenados pra fazer uma coisa que qualquer um poderia fazer (isso na cabeça de muita gente). Mas valeu pela piada!

  • http://twitter.com/isupervini @isupervini

    que LOGOMARCA perfeita!!!! #micreiro

  • Alexandre

    Cara, use isso para ensinar as pessoas, se você é um besta que faz as pessoas perderem tempo, saia dessa vai trabalhar e ganhar seu pãozinho ok kkkkkkkkkkkkkkkkkkkkk

  • gustavo

    poxa eu vim seco no post achando que ia se dar bem =;

  • Rafael

    suahsuashaushasuahsuahsa….SENSACIONAL

  • http://www.idalgodesign.com.br ANA

    puts assim vc me lasca..os "criente" vão dizer q estão mandando tudo prontinho :)

  • http://www.mar marcos

    Muito bacana em vou aprender muito com isso…(que merda)

  • http://www.designup.pro.br/pro/MarlonEmmanuel Marlon Emmanuel

    Muito Bom, a pela Psicologia das cores está Perfeito!!!… Pra nos Deixar Loucos!!! Que doido! kkkkkkkkkkk, ainda bem que é ironia, mas digo uma coisa, tem gente aqui na minha cidade que faz muita coisa parecida! kkk, que pena a ignorância do Design pode nos levar a Falência… isso é que é Um Loucotipo, excelente DeZainer! kkkkkkkk, EI, muda o Titulo para LogoMata! hauhuahauhsuhsuahs.

  • Brendo Hatsu

    poxaaa ta perfeeeitoo *-*
    -nn
    -QQQQQQ'

  • ane

    Tem certeza que voce é designer gráfico???? e que isso é realmente uma marca

  • Patricia

    Qui lindú!

    HAHAHHA

  • Kaique

    KKKKKKKKKKKKKKKKKKKKK

  • IKDDesign

    Incrível, adorei o sarcasmo . Matou a boa fama dos designers, se alguém vê isso aqui vai pensar que todos nos designers fazemos coisas assim. Tão lindas. kkk -n
    Nunca te indicarei aos meus clientes.

  • Douglas Delabrida

    Háaa depois dessa tutorial vo ficar rico! –"

  • http://www.facebook.com/profile.php?id=100001939035593 Marlon Santana

    cara é por isso q ta ficando cada vez + dificil ganhar dinheiro.qualquer um diz que é design…

  • http://www.facebook.com/profile.php?id=1813700075 João Paulo Rocker

    Que merda!

  • http://www.facebook.com/profile.php?id=1475560426 Bruno Favarão

    Que lixo mano :(

  • http://www.facebook.com/profile.php?id=100000914411968 Johnason Mateus

    Quase tive um ataque.

  • http://www.facebook.com/profile.php?id=1391865343 Ueslei Santos

    eu sou designer professional vey ta uma maerda essa logo viu

  • Fernando Fernandes

    LOL

  • Val Araujo design

    rsrsrsrs quase caio! kkkk

  • john

    ainda bem que é um post sarcástico, mas infelizmente o mundo tá infestado de micreiros preguiçosos e sem senso artístico nenhum que criam porcarias como essa e acham que tá tudo lindo. e a pior parte, falam que são designers. infelizmente, nós, verdadeiros designers que entendemos e somos apaixonados pelo verdadeiro processo de criação somos incluidos no mesmo pacote pela maioria das pessoas. tem que amar mesmo a profissão pra não largar tudo de tanta frustração.

  • Jonacy Miranda

    Cara tem um monte de gente aqui na minha cidade usando esse tutoria!
    Fais um para defesa e manual da “Marta”.
    hahahahh

    • Jonacy Miranda

      ” Fais” putz me empouguei com o errado. hahaha