|
||
|
|
| Conheça o Plugfeed | » Início » Design » Photoshop » Criando logos para a web 2.0 --> |
|
Avaliação:
![]() ![]() ![]() ![]() | Publicado em: 02/06/2007Criando logos para a web 2.0
José de Menezes é formado em Ciência da Computação pela UFMG, empresário e ex-atleta profissional. Possui interesses em desenvolvimento web e webdesign.
Criando logos para a web 2.0
1) A primeira coisa que precisaremos é escolher a ferramenta "Polygonal Tool" do botão "shape". ![]() 2) Agora precisamos modificar as propriedades do polígono, para a forma que desejamos. Modifique o número de lados (sides) para 12, na verdade pode ser mudada a seu gosto, mas 12 dá uma configuração boa. Marque a caixinha "Star" para transformarmos a forma em estrela. Na caixinha "Indent sides by" coloque "20%". ![]() 3) Agora modificaremos a cor de nosso polígono. Escolha uma cor bem "cheguei", que são as cores utilizadas em sites web 2.0 ![]() 4) Agora adicionaremos algumas propriedades a nossa estrela. Sombreamento: 50% de transparência, 0px de distância, 0px de propagação (spread) e 5px de tamanho. Marque a posição 'Inside' e sete a cor para branco (#FFFFFF). Você terá algo parecido com a figura abaixo. ![]() 5) Agora jogaremos um pouco de luz. Selecione a ferramenta de preenchimento com gradiente e selecione a cor branca como sua cor primária. Agora nas opções, modifique a segunda opção, que mostra o efeito fade transparente ocorrendo. ![]() 6) Agora clique no layer de sua estrela segurando Ctrl, isto fará com que ela fique contornada. Agora crie um novo layer sobre a sua estrela. Com o contorno ainda aparecendo, vá em Menu->Select->Modify->Contract e modifique a propriedade para 4px. ![]() 7) Agora, no novo layer que você criou, faça o gradiente. Geralmente eu coloco o gradiente no topo à esquerda, mas faça da sua maneira, brinque com as propriedades do gradiente e ajuste até ficar satisfeito. ![]() 8) Agora adicionaremos um texto, eu recomendo a fonte "Ozzie" em negrito. Rotacione o seu texto em 45 graus. ![]() Pronto, agora você poderá encher o seu site de "beta version" :-) Até a próxima!! Jefferson <acerolaa@gmail.com>
MTO BOM! nao só esse mas todos os outros, ajuda mto os iniciantes =
![]() ![]() ![]() ![]() ![]() Diego <diego_maluco@hotmail.com>
Até que é um efeitozinho bacana realmente, mas qual o relacionamento do banner com a web 2.0?
![]() ![]() ![]() ![]() ![]() andre <d3d@rock.com>
muito bom o ensino, adorei. e voltarei a visitar muitas e muitas vezes ehauehauea um abraço para os professores que misturam a técnica de ensino com a diversão aqui. Ótimo! Adorei
abraços André Flávio (web design) ![]() ![]() ![]() ![]() ![]() Adriano <adrianomtp@gmail.com>
Ridículo.. que diabo de logo é essa..
o cara formado na UFMG e me faz uma sacanagem dessa.. seu negócio é programação meu filho.. design teu ta fraquim.. abraço ![]() ![]() ![]() ![]() ![]() erik <erik_-laureto@hotmail.conm>
otimao cara coloca outras coisas
![]() ![]() ![]() ![]() ![]() ![]() |
|
![]() |
|
|