Conheça também: Onmasters . Ofertas . Divulgue! . Vai.la . Geraboleto . Baixa.la . Assista.la . Joga.la
» Início » Design » Photoshop » Criando logos para a web 2.0 -->
 
Avaliação: | Publicado em: 02/06/2007
Criando 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.


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 =
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)
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
otimao cara coloca outras coisas