Windows Vista - Curso Completo - 1476 páginas

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

Sobre este Tutorial

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

SÉRIE LOGOMARCA – LOGO AMD

Fala galera! Tudo bem com vocês?

Gostaram do primeiro tutorial da série Logomarca (Logo da Macromedia)?

Puderam perceber que não há segredos em se desenvolver logomarcas de qualidade e com profissionalismo. O objetivo desta série é proporcionar a você uma base sólida de como desenvolver logomarcas com profissionalismo. Quando finalizarmos esta série, estará apto a criar as sus próprias logomarcas.

Vale a ressalva de que um designer profissional nunca faz plágio a outras criações, ou seja, não copia a idéia de terceiros. Seja criativo e faça você mesmo suas logomarcas. Você poderá sim captar algumas idéias legais que viu em algum arquivo para desenvolver a sua logomarca. Isso não é crime, mas tem que saber utilizar adequadamente esta idéia para que a mesma não se caracterize plágio. O recomendável mesmo é ser totalmente inovador.

Nesta semana vou ensinar a criar a logomarca da empresa AMD. Todos devem a conhecer, não é?

Preparados?! Então vamos lá!

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

» Largura: 250 pixels.

» Altura: 100 pixels.

» Resolução: 72 dpi.

» Cor da tela: Branco.

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

» Tamanho: 42 x 42 pixels.

» Cor de preenchimento: verde (#00912F).

» Cor do contorno: sem cor de contorno.

Obs.: Para criar um quadrado perfeito, pressione a tecla Shift de seu teclado enquanto desenha.

3) Com a Ferramenta Retângulo ainda selecionada, crie outro quadrado com as seguintes configurações:

Obs.: Para criar um quadrado perfeito, pressione a tecla Shift de seu teclado enquanto desenha.

» Tamanho: 18 x 18 pixels.

» Cor de preenchimento: branco (#FFFFFF).

» Cor do contorno: sem cor de contorno.

Obs.: Como criamos um quadrado da cor do palco (branco), temos duas formas de selecioná-lo futuramente. A primeira é mais rústica e exige que memorizemos o local onde o objeto foi criado. Como segunda opção podemos acessar o menu Janela, Camadas ou simplesmente o atalho do teclado F2 e selecionar a camada correspondente ao quadrado branco.

4) Com os dois quadrados criados, posicione o quadrado menor (branco) ao centro do quadrado maior (verde). Veja:

Seguem as referências ao posicionamento:

Quadrado maior – Verde:

» X: 0.

» Y: 0.

Quadrado menor – Branco:

» X: 12.

» Y: 12.

5) A próxima etapa é perfurar os objetos. Teremos como resultado final o quadrado verde como se estivesse “vazado”. Para aplicar este efeito, selecione os dois quadrados criados e acesse o menu Modificar, Combinar traçados, Unir ou o atalho do teclado Ctrl+J.

6) Com o quadrado selecionado, acesse a Ferramenta Caneta. Esta ferramenta nos permite criar vértices em nossos objetos. Estes vértices terão uma grande importância no efeito final.

7) Vamos criar um vértice no lado esquerdo do quadrado, na parte superior. Veja o exemplo abaixo:

Obs.: Para se criar um vértice com precisão, observe o formato que o ponteiro do mouse admite durante o processo. Quando passar o mouse sobre a linha do objeto, na posição desejada, verá que o ponteiro no formato de uma caneta admitirá um sinal de positivo (+). Isso indica que ali será adicionado um novo ponto.

8) Crie outro vértice logo abaixo do que criamos no passo anterior.

9) Acesse a Ferramenta selecionar secundário.

10) Com a Ferramenta selecionar secundário selecionada, clique no primeiro vértice que criamos (ver passo 7) e direcione-o ao vértice superior esquerdo do quadrado do interior (o branco). Para facilitar, utilize as setas direcionais do teclado. Veja como deve ficar:

Dica: Trabalhe neste caso com o zoom + (atalho: Ctrl +) para facilitar a aplicação do efeito. Desta forma terá mais visibilidade.

11) Nosso lado superior está finalizado. Agora vamos trabalhar no lado inferior do quadrado. Crie mais dois vértices na lateral direita do quadrado, obedecendo aquele critério da criação dos vértices superiores, ou seja, um na extrema direita e o outro um pouco mais afastado (rumo a esquerda). Volte aos passos 7 e 8 caso tenha dúvidas de como criar os vértices. Veja:

12) Selecione novamente a Ferramenta selecionar secundário e faça a seleção do vértice da extrema direita. Use as teclas direcionais do teclado para posicioná-lo de acordo com a figura a seguir:

13) Desta forma, concluímos a primeira etapa da logomarca. O desenho já está pronto. Agora falta digitar e configurar a palavra AMD correspondente a segunda etapa da criação da logomarca. Vamos modificar algumas coisinhas neste texto. Selecione a Ferramenta Texto e digite a palavra AMD com as seguintes configurações:

» Fonte: Verdana.

» Tamanho: 53.

» Cor de preenchimento: Preto (#000000).

» Estilo: Negrito.

14) Vocês devem ter percebido que a letra “M” da palavra AMD é um pouco distinta da fonte original. Isso é para dar uma maior expressividade à logomarca. Vamos criar aquele efeito. O primeiro passo é transformar o texto em caminho. Selecione o texto com a Ferramenta selecionar secundário e acesse o atalho do teclado Ctrl+Shift+P. Assim, transformamos nosso texto em caminho.

15) Selecione apenas a letra M, na qual vamos modificar algumas de suas propriedades originais. Dê um clique no vértice central inferior esquerdo e logo após pressione a tecla Delete de seu teclado para que removamos este vértice.

16) Vamos para a parte final. Após ter removido o vértice central inferior esquerdo, selecione o vértice central inferior direito e mova-o, utilizando as setas direcionais do teclado, até que se posicione ao centro da letra M.

17) Continue com este vértice selecionado e selecione o vértice central superior e mova-os um pouco para cima, utilizando as setas direcionais do teclado. Veja o exemplo:

18) Agora basta posicionar corretamente os objetos no palco. O texto ficará do lado esquerdo e o desenho do lado direito. Procure seguir o exemplo abaixo:

Finalmente concluímos a criação da logomarca da empresa AMD. O que acharam? Fácil não é? Se surgir alguma dúvida já sabem, entrem em contato comigo, pois estarei à disposição para esclarecer as dúvidas que possam surgir.

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

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

Mais informações

DVD - Hardware - Curso Básico

58 h 36 min

CURSOS DISPONÍVEIS

DVD

VÍDEO-AULAS

E-BOOKS

CONCURSOS PÚBLICOS

ARTIGOS E SIMULADOS

FÓRUNS

LIVROS DO AUTOR

Windows 2008 - Curso Completo

1800 páginas

Frete por Região

Windows Vista - Curso Completo

1476 páginas

Frete Grátis

Windows Server 2003 - Curso Completo

1568 páginas

Frete Grátis

LIVROS INDICADOS

Segurança de Redes em Ambientes Corporativos 2ª Edição

488 páginas

A Bíblia do Linux

736 páginas

MS Project 2007 e Project Server - A Bíblia

832 páginas

Visual C# 2008 - Passo a Passo

624 páginas

Aprendendo MySQL

544 páginas

Oracle 11g - Manual do Administrador de Banco de Dados - DBA

688 páginas

Integrando o Excel com o Access

224 páginas

Universidade Redes

336 páginas

HP 12C Passo a Passo

160 páginas

Google Marketing

480 páginas

PostgreSQL - Guia do Programador

392 páginas

Informática Para quem não sabe nada de Informática

160 páginas

Aprendendo AutoCAD 2008 - Simples e Rápido

256 páginas

Desenho Técnico sem Prancheta com AutoCAD 2008

284 páginas

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 AMD

:: Tutoriais Relacionados

CURSOS
COMPLETOS EM CD