Procurar
Últimos assuntos
Entrar
Top dos mais postadores
Tecnomm™ | ||||
MatheusDark | ||||
...::: Mk®50 :::... | ||||
Cristian | ||||
sarinha.s | ||||
Bruno | ||||
Hugo | ||||
Batista | ||||
Bononi | ||||
ZeuS |
Palavras-chaves
Criando uma logomarca
:: Programas de edição :: FireWorks
Página 1 de 1
Criando uma logomarca
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:
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 Ctrl+Alt+D, lembrando de manter a vogal selecionada.
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 Dimensionar e Inclinar.
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.
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:
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 Ctrl+Alt+D, lembrando de manter a vogal selecionada.
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 Dimensionar e Inclinar.
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.
Tópicos semelhantes
» Criando a logomarca da macromedia!
» Criando selo dourado
» [Tutorial] Criando Grama
» Criando sistema de login
» [Tutorial] Criando uma embalagem
» Criando selo dourado
» [Tutorial] Criando Grama
» Criando sistema de login
» [Tutorial] Criando uma embalagem
:: Programas de edição :: FireWorks
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Sex Dez 26, 2008 12:02 pm por Tecnomm™
» Como esta o fórum??
Qui Dez 25, 2008 7:31 pm por Feolca
» Logo do Portal Brasil
Qua Dez 24, 2008 11:57 pm por Bruno
» [Layout]X-Uploads
Qua Dez 24, 2008 5:09 pm por Tecnomm™
» [Truque] Fazendo Letra se mover
Qua Dez 24, 2008 5:04 pm por Tecnomm™
» ZeuS como Designer Master!!
Qua Dez 24, 2008 5:03 pm por Tecnomm™
» [Tutorial] Texto de Ferro
Qua Dez 24, 2008 5:02 pm por Tecnomm™
» [Tutorial]Aprendendo mais sobre a Pen Tool
Qua Dez 24, 2008 5:01 pm por Tecnomm™
» [Tutorial] Fazendo userBars!!
Qua Dez 24, 2008 5:00 pm por Tecnomm™