QUOTE
Olá galera!



Estão curtindo a série Logomarca?! Muito bacana os recursos que os designers utilizam para desenvolver as logomarcas, não é?!



Não raramente, visualizamos logomarcas tão bem feitas e ficamos imaginando o trabalho que o profissional a produziu deve ter tido. Mas, a verdade é que na maioria das vezes estes profissionais utilizaram recursos bem simples para a construção de tal. E isso pode ser percebido na prática, através desta série que é dedicada justamente a esclarecer os simples procedimentos utilizados no desenvolvimento das logomarcas.



Esta semana irei ensinar a criar a logomarca do navegador Opera, um dos concorrentes do Microsoft Internet Explorer.



Preparados?! Então vamos lá!



1) Crie um novo arquivo com as seguintes configurações:



» Largura: 100 pixels.

» Altura: 150 pixels.

» Resolução: 72 dpi.

» Cor da tela: Branco.







2) Selecione a Ferramenta Texto e digite a vogal “O†obedecendo aos seguintes parâmetros:



» Fonte: Times New Roman.

» Tamanho: 70.

» Estilo: Negrito.

» Cor de preenchimento: vermelho (#C60000).

» Cor do contorno: sem cor de contorno.









3) O próximo passo é converter a vogal em um símbolo gráfico para podermos trabalhar os efeitos que serão empregados. Para isso, mantenha a vogal selecionada e pressione a tecla do atalho F8. Surgirá a janela Propriedades do símbolo. Configure-a conforme o exemplo abaixo:







4) Teremos assim nossa vogal convertida em símbolo. Vamos agora “esticar†a vogal para se assemelhar ao da logomarca do navegador Opera. Selecione a Ferramenta Dimensionar, ou simplesmente o atalho do teclado Ctrl+T, para realizar tal ação. Veja o exemplo na figura abaixo:







5) Desta forma definimos a vogal na proporção correta em relação a logo original. Como próximo passo, vamos aplicar o efeito de degrade no símbolo Logo. Utilize o efeito Linear. Para chegar à janela apresentada abaixo, você deve dar um clique no “balde de tinta†referente à cor de preenchimento do símbolo e acessar a opção Opções de preenchimento... na paleta de cores. Logo após, escolha no combo box Categoria de preenchimento a opção Linear.







6) Ao escolher a opção Linear no combo box, acesse o botão Editar para modificarmos as cores. Configure da seguinte maneira:











OBS: Nas extremidades e nos dois vértices criados ao redor do vértice central, a cor utilizada foi a mesma que configuramos no início deste tutorial para criar a vogal “O†– (#C60000). Já o vértice central possui a cor branca (#FFFFFF).



Dica: Para adicionar vértices em um efeito Linear, basta apontar o ponteiro do mouse sobre o eixo de vértices. Este ponteiro irá admitir um sinal de positivo. Daí basta clicar no local que deseja inserir o vértice. Veja:





7) O efeito será aplicado em sua orientação padrão. Modifique-a conforme a figura abaixo:







8) Aplique o efeito Sombra interna, através do menu Efeitos (+), Sombra e brilho, Sombra interna, conforme segue:







» Distância: 4.

» Opacidade: 65%.

» Suavidade: 4.

» Ângulo: 315.







9) Para aplicar o próximo efeito – o efeito sombra, duplique este símbolo através do atalho do teclado [b]Ctrl+Alt+D, lembrando de manter a vogal selecionada.[/b]







10) Selecione a cópia criada e exclua todos os efeitos aplicados (efeito linear e sombra interna) e modifique sua cor de preenchimento para cinza escuro (#969696).







11) Como se trata da sombra, temos que diminuir o tamanho da vogal duplicada e incliná-la. Utilize as ferramentas [b]Dimensionar e Inclinar.[/b]











12) Vamos ao nosso último passo para concluir a logomarca. Organize as vogais no palco, sendo que a sombra será enviada para trás para proporcionar o efeito desejado – o de sombra.





Eis o efeito final:







Sendo assim, finalizamos mais um tutorial da série Logomarca.

[b]


Fonte: http://www.juliobattisti.com.br/tutoriais/...ogomarca004.asp

Você gostou? Comente no fórum!

Comentários:

Strous disse:

Houve um pequeno erro de BBCode aí, porém dá pra visualiza-lo bem.

ckav disse:

Bom tuto, porém, leia-se Logotipo onde o autor declarou Logomarca(termo incorreto) ou Símbolo gráfico que considero mais apropriado, pois a idéia aqui creio que seja representar um significado e não a Logotipia em si. Eu precisaria analisar o caso do Opera pra ser mais preciso nas minhas palavras.

Ver o restante dos comentários no fórum (e aproveitar pra comentar também !).

Mais recentes em Fireworks

Papel envelhecido
Por MahDesign - - algumas semanas atrás estava acompanhado a seção...
[fireworks] criando um selo dourado no fireworks
Por MahDesign - Quando é necessário sinalizar um mérito ou destacar...
Misturar imagens
Por Strous - Fala galera! tudo bem com vocês?! - neste...
Teclas de atalho
Por Strous - Olá turma, tudo em ordem com vocês? - - neste tutorial...
Logomarca navegador opera
Por Strous - Olá galera! - estão curtindo a série logomarca?!...

Ver mais Artigos de Fireworks.

Ver e retirar outras dúvidas no fórum Webly.

Alguns Direitos Reservados | RSS | O Fórum

Webly Portal e Fóruns - Internet + Humana | Design by ArthurHenrique.com