Webly: Logomarca Macromedia - Webly

Ir para

IMPORTANTE: Todos os tutoriais postados neste fórum irão automaticamente para o portal Webly. Contribua você também e faça parte da equipe de colaboradores que fazem a evolução da web. Obrigado.


Página 1 de 1

Logomarca Macromedia Avaliar tópico: *---- 1 Votos

#1 Membro offline   Strous Ícone

  • Ícone
  • Grupo: Membros
  • Posts: 75
  • Cadastrado: 29-junho 07
  • Localização:Recife - PE
  • Interesses:Fireworks, Flash, ActionScript, Teoria do Design, PHP, Padrões Web, Usabilidade, AI.

Ícone  Postou 29 junho 2007 - 07:41

Quote

Olá galera! Tudo bem com vocês? Espero que estejam todos muito bem.

Nesta semana vamos dar início a uma nova série para os tutoriais de Fireworks. Trata-se da série logomarca.

A cada semana vamos aprender a desenhar a logomarca de uma empresa conhecida e respeitada. A primeira logomarca da série será a da Macromedia. Nem precisamos comentar muito a respeito desta empresa. Só de mencionar que foi a mesma que criou o Macromedia Fireworks, resumimos tudo.

Ao longo dos tutoriais desta série foram abordados tópicos que lhe ofereceram uma base concreta para que, neste momento, possa criar tais logomarcas sem dificuldades. Vamos trabalhar com ferramentas já vistas e ensinadas.

Preparados?! Então vamos lá!

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

» Largura: 200 pixels.

» Altura: 50 pixels.

» Resolução: 72 dpi.

» Cor da tela: Branco.



Imagem



2) Selecione a Ferramenta Retângulo Arredondado e desenhe um retângulo com os seguintes parâmetros:

» Tamanho: 13 x 26 pixels.

» Cor de preenchimento: sem cor de preenchimento.

» Cor do contorno: Cinza escuro (#616161).



Imagem



3) Modifique, no Inspector de Propriedades, a propriedade Arredondamento do retângulo para 80.



Imagem



4) Teremos um resultado semelhante ao seguinte:



Imagem



5) Vamos precisar de mais dois retângulos idênticos a este criado. Para isso vamos duplicar o que criamos anteriormente. Para isso, selecione-o e acesse o atalho do teclado Ctrl+Alt+D. Faça este processo duas vezes e obtenha um resultado como apresentado abaixo:



Imagem



6) A partir deste momento, temos os objetos necessários para a criação da logomarca. Vamos então editá-los. O primeiro retângulo a ser editado será o terceiro. Este será rotacionado em 90 graus. Selecione-o e acesse o atalho do teclado Ctrl+Shift+T. Surgirá a janela Transformação numérica.



Imagem



7) Modifique a primeira opção para Girar.



Imagem



8) Configure o ângulo em 90 graus. Permaneça com a opção Atributos de escala marcado. Veja a janela após as configurações:



Imagem



9) Vamos ter o seguinte resultado:



Imagem



10) O próximo passo é posicionarmos os retângulos em suas devidas posições. Posicione-os de acordo com a figura a seguir:



Imagem



11) Na seqüência, vamos unir o segundo e o terceiro retângulo. Selecione-os (use a tecla Shift para fazer a seleção de mais de um objeto) e acesse o menu Modificar, Combinar traçados, União.



Imagem



12) Veja o resultado após a união:



Imagem



13) Selecione os dois objetos do palco (o retângulo da vertical e os outros dois retângulos – que agora é um só - que acabamos de unir) e acesse o atalho do teclado Ctrl+Shift+T. Escolha novamente a opção Girar e defina o ângulo em 45 graus.



Imagem



14) Assim, temos a primeira fase da logomarca já criada. Veja:



Imagem



15) Na segunda fase vamos criar o texto da logomarca. Selecione a Ferramenta Texto e digite a palavra "macromedia". Configure-a como segue:

» Fonte: Arial.

» Tamanho: 19.

» Cor do contorno: sem cor de contorno.

» Cor do preenchimento: Cinza escuro (#616161).



Imagem



16) Alinhe a logomarca com o texto e pronto, temos a nossa logomarca concluída.



Imagem



Muito fácil criar esta logomarca da Macromedia, não é?! Fiquem atentos, pois nas próximas semanas vamos aprender a criar outras logomarcas.


Fonte: http://www.juliobatt...ogomarca001.asp

- Comentários Strous -

Utilizei esse tutorial, para treinar na ferramenta Fireworks, que na minha opinião é o melhor Software para esse tipo de criação.
"Evite a ressaca, matenha-se bêbado"

-> rtaveiras@hotmail.com
0

#2 Membro offline   ckav Ícone

  • cadastre-se no fórum e participe^~
  • Ícone
  • Grupo: Coordenadores
  • Posts: 1695
  • Cadastrado: 08-setembro 06
  • Sexo:Male
  • Localização:São Paulo/SP
  • Interesses:Design, Animação, Ilustração, Vetor, Criação, Cores, Flash, Action Script, notepad++, XHTML/CSS, Fireworks, Photoshop, Illustrator, InDesign, After effects, 3D, PHP, Web standards...

Postou 01 julho 2008 - 03:19

Novamente no caso da Macromedia, temos o símbolo gráfico da mesma (o ensinado no decorrer do tutorial) e o logotipo (Macromedia) e o conjunto como um Símbolo Misto. Desconsiderem o termo "Logomarca".
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
------------------------------------------------------------------------------------------------------------------
"A cada pergunta idiota que eu faço e tenho a resposta, significa que estou um pouco menos idiota!!!"
Eu
------------------------------------------------------------------------------------------------------------------
Leu? gostou? ajudou?! Então cadastre-se, comente, peça, poste, ajude, participe!!!
------------------------------------------------------------------------------------------------------------------
0

Página 1 de 1


Resposta rápida

  

1 usuário(s) está(ão) lendo este tópico
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)