Tech-Nation
Informática e Design

É necessário que registre-se ou conecte-se para ter total acesso ao fórum e seu conteúdo.

Participe do fórum, é rápido e fácil

Tech-Nation
Informática e Design

É necessário que registre-se ou conecte-se para ter total acesso ao fórum e seu conteúdo.
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Como Criar um Ícone RSS

Ir para baixo

Como Criar um Ícone RSS Empty Como Criar um Ícone RSS

Mensagem por Unknown Qui maio 06, 2010 2:54 pm

Pessoal,

Neste tutorial veremos que, aplicando ferramentas simples do Fireworks, conseguimos criar um ícone bacana do RSS.

Para começar, criaremos um arquivo com as dimensões 300 x 300 pixel e um retângulo de 250 x 250 pixel.

Em seguida, aplicaremos uma textura (linhas verticais) e um preenchimento gradiente radial como na imagem abaixo:

Como Criar um Ícone RSS Fig01-dimensoes

Existem várias técnicas para criarmos o logo, o símbolo do RSS. Como meu intuito é usar algumas ferramentas

“escondidas” do Fireworks, vamos lá.

A ferramenta é a Doughnut.

Como Criar um Ícone RSS Fig02-doughnut

Ela cria um círculo vazado, ou seja, com um vão, um buraco no meio. mas aí você se pergunta como a gente fará para criar os 1/4 de arcos que representam o símbolo do RSS?

Vejamos a imagem sequencial a seguir:

Como Criar um Ícone RSS Fig-03-criacao-circulo



No nosso caso faremos dois círculos, um maior que o outro.

O detalhe é que faremos em um arquivo separado e depois inseriremos no arquivo do ícone, ok?!

Como Criar um Ícone RSS Fig04-circulos

Uma dica boa para centralizar tudo, Seleciona os círculos (CTRL + A) e preciona, CTRL + 2 para centralizar horizontalmente e CTRL + 5, verticalmente ;)

Agora, vamos fazer os devidos “cortes” para deixarmos apenas 1/4 de círculo visível. Para isso utilizaremos as linhas-guias e retângulos.

Como Criar um Ícone RSS Fig05-corte-1

E, selecionando o retângulo e os círculos, vamos aplicar um corte, acessando o menu Modify > Combine Paths > Punsh, e o resultado será este:

Como Criar um Ícone RSS Fig06-resultado-corte-1

IMPORTANTE!

O retângulo deve estar acima dos círculos senão o tipo de corte será diferente.

E o mesmo procedimento faremos com o restante, deixando apenas o que desejamos.

Como Criar um Ícone RSS Fig07-resultado-corte-2

Agora, para finalizar, basta copiarmos e colarmos o resultado dos cortes acima, deixarmos com a cor branca, colocarmos um círculo menor, o texto e aplicarmos uma leve sombra.

E eis o resultado final:

Como Criar um Ícone RSS CarlosHPS-Icone-RSS

Unknown
       Membro nation

Pontos : 12
Reputação : 0
Mensagens : 4
Data de inscrição : 06/05/2010
100%

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos