terça-feira, 25 de setembro de 2012

Colocando o banner no seu blog

Olá designers!

Aqui quem digita é o Lupi  mentira quem mais poderia ser?  e hoje venho trazendo o tutorial pra vocês sobre como colocar o banner no seu blog!

No último post mostrei como fazer um banner bem básico pelo fireworks pra vocês. Vamos agora aprender a colocar no seu blog! =)

Primeiramente hospede a imagem do seu banner em qualquer site de hospedagem, recomendo o imgur: http://imgur.com/

Agora acesse o blog dicas pra blogs que tem um gerador de códigos para banners: http://www.dicasparablogs.com.br/p/gerador-de-codigos-para-blogs-crie.html

Procure pela caixa geradora de códigos no site e em seguida preencha:

nome do site  (o nome do seu blog), endereço do site ( link do seu blog) e o endereço da imagem que é o link direto do seu banner que você hospedou no imgur, o link para layouts.

Então agora, depois de ter preenchido tudo, clique na caixinha link - me que ela vai gerar o código JavaScript do seu banner. Feito isso você vai na pagina de layout do seu blog e adiciona um novo gadget de HTML. Coloque o código do seu banner no gadget e salve!
Agora é só organizar o lugar do seu banner em seu blog =D

Bom, é só isso galera!
Até a próxima ;D

~Lupi, Club Penguin Designers Team


sábado, 15 de setembro de 2012

Como fazer um banner para seu blog no Fireworks CS5

Olá designers!

Aqui é o Lupi, hoje venho trazendo pra vocês mais um tutorial sobre como fazer um bonito banner para seu blog! Há vários tipos de banner então você pode fazer dos mais diversos jeitos...

Vamos agora aprender a fazer um banner no fireworks Cs5:

Abra primeiramente o seu fireworks e coloque os tamanhos de 200 x 200. 
Em seguida clique fora do quadrado, e na opção canvas mude o fundo branco para transparente:

Depois pegue a ferramenta para criar quadrados,faça um dentro do espaço branco, e em seguida selecione a cor que deseja:

Se quiser, clique na opção styles , current document , diagonal styles e depois clique no modelo de listras diagonais que preferir.

Clique no quadrado. Agora você pode arredondar se quiser as bordas do quadrado na opção que a imagem mostra ( mude o número 0 para 20 se preferir, na imagem já está mudado ):
Estamos apenas começando o banner...
Clique no quadrado e vá para a opção filters, e clique em photoshop live effects:
Marque a opção stroke e selecione a cor que deseja para adicionar contorno:
O banner está ficando assim:

Vamos agora colocar a marca d' água de seu blog no banner!
Clique em import e busque em suas pastas a sua marca d' água, e coloque-a no banner:
Finalmente, clique em import novamente e busque por um pinguim bem bacana para seu banner!
Coloque-o no banner e clique no fundo do banner. Aperte Ctrl + C e Ctrl + V. Em seguida clique com o botão direito no quadrado do banner e marque a opção convert path to marquee (se o seu pinguim não estiver exatamente dentro do quadrado):
Arrume o pinguim certo dentro do quadrado! Só falta adicionar as palavras!
Clique na ferramenta de texto'' T '' e escreva o texto do seu banner.
Exemplos: Entre, Acesse, Venha, Clique aqui, etc
Se quiser adicione um contorno no seu texto com a opção photoshop live effects e arrume o texto no banner. Nesta mesma opção você pode marcar o quadrado de Bevel and Emboss e selecionar uma cor legal para efeito do seu texto! Vamos ver como o meu ficou:
Você também pode fuçar no programa fireworks para descobrir vários efeitos para seus trabalhos e ficar ligado aqui no CPDT!

Por hoje é só, espero que tenham gostado do tutorial pinguins!
Até a próxima e pinguinando sempre!

~Lupi, Club Penguin Designers Team

terça-feira, 4 de setembro de 2012

Como baixar o Fireworks Cs5 Portable

Olá designers!
Me desculpem pela falta de tutoriais, a equipe está curta e estamos a busca de novos designers!

Bom, algumas pessoas chegam aqui no blog, e tem dificuldades para baixar o fireworks e assim desistem de serem designers...
Então hoje decidi fazer um tutorial explicando passo a passo, porém será bem curto.

Vamos começar:

O link para baixar é este: http://depositfiles.com/files/o7422wwl1Após clicar aí clique em Download Regulares , e espere 20 segundos...Quando aparecer uma caixa digite as palavras que você está vendo no espaço para isso.Depois que digitar corretamente clique em Download the file e assim você já estará baixando o fireworks!
Após o download acabar clique com o botão direito nele e clique em extrair aqui. Pronto, agora é só clicar na pasta extraída e clicar no fireworks e em poucos minutos você estará fazendo design!

Espero que tenha ajudado vocês, até a próxima!

~Lupi, Club Penguin Designers Team


sábado, 1 de setembro de 2012

Como colocar contorno em imagens

Olá galera, aqui Mac j1!
Para aprender a por, bordas nas imagens assista o vídeo logo abaixo:

Mas antes, você precisar ter: Fireworks  CS (qualquer versão) instalado...
E alguns pinguins para fazer o teste =)



Bom é só isso pinguins...

Espero que tenham aprendido a  por bordas em imagens =)

Até mais!

- Mac j1

Online: