Este site não foi muito difícil, mas um pouco trabalhoso, não fiz apenas o layout do site, mas a logo marca também, trabalhoso por que o clientes pediu bastante alterações, tinha feito duas propostas no início e acabo q o cliente pediu para juntar as duas propostas em uma só, sem problemas… isso é muito fácil.

Quando 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 tenha conseguido.

Criação: TúlioÁvalos

Programação: Charliston Maffei

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.

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.

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.

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.

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:

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:

Agora sim.  E o Resultado final é: