sábado, 7 de abril de 2012

Tutorial Banner em png - Profissional

Olá ! Hoje vamos aprender como fazer um banner profissional parecido com o nosso !
Primeiramente abra o programa Fireworks e escolha as dimensões , geralmente utiliza-se aproximadamente  235x230 mas se quiser , pode utilizar o tamanho que pretender ! Não se esqueça de deixar transparente !

Ao fazer isto , deve abrir a imagem que desejar para o fundo do banner , abra com Ctrl + O ou vá em File - Open . Seguidamente pegue a ferramenta laço e contorne a imagem por fora ! 
Depois , aperte Ctrl+C e volte no outro arquivo em que você fez as dimensões e aperte Ctrl+V , depois aperte Ctrl+T , e redimensione a imagem para ficar do tamanho do banner , poderá deixar algumas partes de fora , veja :
Agora , pegue a ferramenta Rectangle Tool e faça um retângulo sobre a imagem , em proximidades a borda , arredonde aproximadamente 40 ( cor branca e sem contorno de preferência ) :
Certifique-se que somente o retângulo está sendo selecionado , e agora é só apertar Ctrl+x , e verá que irá sumir , depois selecione a imagem que antes não selecionada e vá em Edit-Paste as Mask , deverá ficar parecido com este : 
Agora selecione a imagem e contorne , apertando Filter - Photoshop Live Effects vá em Stroke e escolha 2 , aonde tem a cor vermelha mude a cor para sua favorita !
Em seguida , encima deste faça outro retângulo arredondado igual  , só que sem imagem dentro , da cor que preferir com o mesmo contorno da outra. Com transparência de aproximadamente 50% , depois selecione este novo retângulo e procure por algo escrito Grain e clique , depois selecione o efeito , no meu caso vai ser o Dots-Large , vejam :
Deverá ficar parecido com este , se não ficou nem um pouco , repita todo o processo.
Agora aperte Ctrl+O e abra a imagem de um pinguim/objeto/puffle , e posicione-o :
 Depois coloque o nome de seu blog , se for do club penguin , será com a fonte Bumbastika , caso não tenha busque no google e encontrará ! Futuramente postarei como faze-la no blog ... 
Se você quiser , ele estará pronto , você também pode adicionar efeitos , se não gosta ou acha complicado , pule esta parte ! Faça outro retângulo com pontas arredondadas , só que bem menor , e com a mesma cor do contorno do maior , nele você poderá ir no Grain e selecionar outro efeito ! Depois escreva : Acesse/Entre/Visite/Conheça/Veja... encima do retângulo em que fez : 
Muito bacana ? Eu sei , ficou muito legal salve no nome de "Meu Banner" para se lembrar , e coloque no seu blog ! Para isso : Entre em www.tinypic.com  e escolha o arquivo , depois clique em Upload Now e faça o que está recomendando , depois aparecerão 4 caixinhas , aperte Ctrl+C na ultima e entre neste site : http://templatesbymarina.sites.uol.com.br/geradorlinkme.htm
e apague aonde há escrito "Link-Me" deixando vazio , no "Endereço de seu blog" coloque o endereço do seu blog :) e no "Endereço do seu Button" Aperte Ctrl+V. E clique em "Gerar Código" de Ctrl+C nele , vá ao seu blog na parte de design , nas laterais , clique em Adicionar Gadget. Ache escrito : "HTML/JavaSctipt" com o título de banner/link-me/link-nos ... e na área em branco aperte Ctrl+V. Salve e clique em " Visualizar blog" ficará assim :
Pronto !Conseguiu ?
Sim : Você está virando um designer , e se for seu desejo , será muito bom para sua carreira , você sabe compreender o que te dizem e consegue fazer bem feito !
Não : Você está bom ! Mais se não conseguiu repita +2 vezes todo o processo , se não conseguir , peça ajuda , e leia novamente e devagar para compreender passo a passo , você consegue ;)

Tchau Pinguins !
Abraço Gelado , Todi Keller1
Obs : Precisa-se de designers/postadores

Nenhum comentário:

Postar um comentário

Pin Tracker