Você está aqui: Principal » Lista Completa de Tutoriais

Sobre este Tutorial

Autor:	Fábio Caetano de Almeida
Data:	18-11-2005
Categoria:	Design
Assunto:	FIREWORKS - BÁSICO
Visitas:

SÉRIE LOGOMARCA – LOGO DO NAVEGADOR OPERA

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 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.

Pessoal, trago uma boa notícia a todos os que acompanham a série de tutoriais da série Fireworks aqui no site do Júlio Battisti. Já está a venda o curso de Fireworks Básico – Passo a Passo, de minha autoria. É uma maneira fácil e didática de se aprender esta maravilhosa ferramenta de design. São inúmeros exemplos práticos que irão te levar a um mundo totalmente real em se tratando de design em geral. Clique aqui para saber mais sobre este curso.

Chegamos ao final de mais um tutorial da série Fireworks. Caso tenha dúvida(s), entre em contato comigo através do e-mail webdesigner.pro@pop.com.br

Para desenvolvimento de Sites, Layout, Apresentações, Flyes, Banners, Identidade Visual, Diagramação, Vetorização e Serviços Gráficos em geral, acesse: http://www.fabio.trampos.net/ e solicite seu orçamento. Profissionalismo sempre!

Até a próxima!

Um cordial abraço a todos,

Fábio Almeida

LISTA DE TODOS OS TUTORIAIS DISPONÍVEIS

LIVROS CAMPEÕES DE VENDA NO SITE

Cursos Online com Certificado e Suporte à Dúvidas

CURSOS ONLINE COM CERTIFICADO - INDICADOS POR JÚLIO BATTISTI EM PARCERIA COM BRAVA CURSOS
INFORMÁTICA
Curso de Digitação Formatando e Instalando Computador Excel para Iniciantes Curso Compre no Ebay Informática Educativa Curso de Linux	Segurança na Internet Montagem e Manutenção de Computadores Curso Remoção de Vírus Curso Ubuntu Instalação Linux - Ubuntu
AdministraÇÃo
Gestão de Projetos e Empreendedorismo Benefícios da Previdência Curso HP 12C Matemática Financeira Curso Análise Salarial	Processo de Elaboração de Questionário Excelência no Atendimento ao Cliente Logística do Transporte Licitações e Contratos Administrativos
Profissionalizante
Adestramento Canino Como fazer pesquisa Científica e Monografia Curso de Corte e Costura Supervisor de Telemarketing Balconista de Padaria Curso Educação Infantil	Recepcionista e Secretaria Velas Artesanais Relações Interpessoais Curso de Arbitragem Bullying e Cyberbullying Capacitação de Tutores em EAD
EstÉtica
Curso de Massoterapia Curso de Depilação Drenagem Linfática Curso de Maquiagem Limpeza Turbinada de Pele	Alisamento e Relaxamento Capilar Curso de Etiqueta SPA de Vinhoterapia na Estética Facial Curso de Shantala Introdução à Colorimetria Capilar
Pessoal
Curso de Caligrafia Memorização Chefia e Liderança Curso Falar em Público Curso Bases Neurológicas Leitura Dinâmica Planejamento de Projeto Pessoal Reforma Ortográfica	Como Passar em Concursos Públicos Direção Defensiva Administração do Tempo Curso de Redação Curso de Meditação Como Passar no Vestibular Atualização Gramatical
NegÓCIOS
Relações Humanas e Ética Profissional Marketing e Vendas Diretas	Persuasão em Vendas
Entretenimento
Curso de Mágica
SaÚde
Primeiros Socorros Curso de Fitoterapia Curso de Aromaterapia Medicina Alternativa Plantas Medicinais	Técnicas básicas de Enfermagem O Trabalho do Agente Comunitário de Saúde Ergonomia - Postura Correta em Frente ao Computador Ética Profissional - Ênfase em Radiologia Adolescência: Visão Saúde do Assunto
Meio Ambiente
Curso Gestão Ambiental Jardinagem e Paisagismo	Curso de Reciclagem Curso de Bonsai
MÚsica
Curso de Violão
NutriÇÃo
Higiene e Manipulação de Alimentos Congelamento de Alimentos	Culinária Básica Culinária Intermediária
RelaÇÕes Humanas
Curso Gestão de Pessoas Departamento Pessoal Desenvolvimento Pessoal Empresarial Curso de Telemarketing Curso Dinâmica em Grupo Rescisão Contrato de Trabalho Folha de Pagamento na Prática	Atendimento ao Cliente Adm. da Empregada Doméstica Curso de Homolognet Recursos Humanos - Férias Recursos Humanos - 13° Salário Registro de Empregados
Web Master
Curso de HTML Curso de WordPress	Curso de HTML5
Designer GrÁfico
Curso de Corel Draw Efeitos Especiais com InDesign CS5	Efeitos Tipográficos com InDesign CS5

CURSO EM FORMATO DE VÍDEO-AULA

EXEMPLOS PRÁTICOS PASSO A PASSO COM SOM E IMAGEM

Clique no curso para informações detalhadas

Curso

Duração

Informações

ACCESS

Vídeo Aula: Access 2007 - Consultas - Curso Completo e Prático

4:30h

LOJA DE LIVROS

VÍDEO-AULAS

E-BOOKS/CURSOS

CURSOS ONLINE COM CERTIFICADO

CURSOS COMPLETOS EM CD

CD-01

CD-02

CD-03

CD-04

CD-05

CD-06

CD-07

CD-08

CD-09

CD-10

CONTATO

Você está aqui: Principal » Lista Completa de Tutoriais

Sobre este Tutorial

SÉRIE LOGOMARCA – LOGO DO NAVEGADOR OPERA

:: Tutoriais Relacionados

CURSOS
COMPLETOS EM CD