Você está usando Internet Explorer 6, um navegador antigo e com falhas de segurança. Por favor atualize seu navegador.
 
 
content top

SkinFlower – Criação e tutorial em Illustrator

Logo SkinFlower

Neste tutorial vou mostrar como criar uma logomarca no Illustator, a logomarca SkinFlower vai ser o exemplo, claro, existem vários outros modos, mas este é um deles. Fique à-vontade para usá-lo como inspiração, ou para aprender algum efeito que ensinarei aqui, o programa usado é o Adobe Illustrator CS3. Mas em hipótese alguma o copie, todos os direitos autorais reservados à SkinFlower.

Esta logo não foi muito difícil achar uma tipografia que os agradassem, pois eles já tinham uma idéia de como queria esta logo, escolhi uma chamada Calibri, porque alem de ser uma fonte que eu particularmente gosto muito, sua escrita combina com o nome SkinFlower e alem de tudo é uma fonte bem leve por assim dizer.Tipografia

Com a idéia de deixar tudo em caixa baixa, porque assim da uma aparência mais simétrica, depois transforme toda a fonte em curvas Ctrl+Shift+O ou vá em Type/Create Outlines.

Create Outlines

Depois disso, um novo grupo será criado automaticamente pelas fontes vetorizadas, agora é só desagrupa-los Ctrl+Shift+G ou vá em Object/Ungroup. Selecione somente a palavra “SKIN” e vá em Window/Pathfinder, clique na opção Add to shape área e depois clique em Expand.

ungroup

Vá até Object/Envelope Distort/Make with Mesh…, ou Alt+Ctrl+M e selecione Rows:5 e Columns:1, cinco linhas e uma coluna. Agora é só personalizá-lo.

Envelope Mesh

Aplique as cores, nesta logo usamos as cores azul(#0075BA) e rosa(#DB1376),  a cor azul significa personalidade, sutileza e rosa beleza,saúde. E é com isso que nosso cliente trabalha, é uma clinica de estética, e nós queríamos passar isso para os seus clientes. Vamos então fazer os efeitos de cores desta logo, primeiro selecione a opção Rectangle Tool ou M com ela crie um quadrado com o seu meio no pingo da letra “i”, neste quadrado faça um degrade no tipo radial com estas seguintes cores, # 66EDFF na ponta esquerda, # 0075BA no meio e #003452 na ponta direita, este para o azul. Para o rosa crie um quadrado com o seu ponto do meio no topo da letra “l” com as cores, nesta ordem, # FFA6F6 na ponta esquerda, # DB1376 no meio e # A60052 na ponta direita. Depois disso faça estes passo Object/Clipping Mask/Make ou Ctrl+7 faça isso com as duas palavras dando este resultado:

cores

Está pronto, agora só um efeito de Bevel, vamos fazer primeiro com a palavra “SKIN”, selecione o Clipping Mask, que acabamos de fazer, e o duplique duas vezes agora selecione o primeiro, olhando de cima para baixo, destas três cópias e coloque ele 1(um) pixel para direita e para baixo e depois selecione a copia de baixo dele, agora, dentro de Pathfinder clique em Subtract from shape area e depois expand. Agora é só selecioná-lo e colocar uma transparência em Screen opacidade 100%, repita o mesmo procedimento só que agora puxando para esquerda e para cima e depois coloque como Multiply, e repita este mesmo procedimento para a palavra “FLOWER”, ficando assim:

BevelAgora sim.  E o Resultado final é:

logo

2 Comentários »

  1. avatar comment-top

    [...] comecei a desenhara logo marca,  logo pensei nas cores azul e rosa como eu já disse no post que mostei o desenvolvimento da marca. No desenvolvimento do layout quis passar uma boa sensação a pessoa que o navegasse. Tomara que [...]

    comment-bottom
  2. avatar
    Velho Pupunha Disse:
    29.09.2010 às 10:21
    comment-top

    Cara não estou conseguindo realizar no Illustrator CS4, você tem alguma idéia porque?

    Na hora de usar o pathfinder ele não fica do jeito que deve ficar, tem com ome ajudar?

    Parabéns pelo Tutorial!

    abraço

    comment-bottom

RSS feed para os comentários desse post. URL de TrackBack

Deixar um comentário