segunda-feira, 19 de novembro de 2012

Club Penguin Designers Team vai continuar!

Olá designers!

Lupi aqui, hoje venho lhes trazes a notícia de que o Club Penguin Designers Team não vai mais fechar.

O blog não tem lá tantos leitores, mas a quantidade atual mostrou nos comentários que o Club Penguin Designers Team tem que continuar, e que essa galera que lê o blog é que faz dele um lugar especial para aprender os tutoriais.
Talvez eu demore um pouco para postar novos tutoriais, pois estou trabalhando em um novo template para o blog! Mas até lá...serão contratados novos postadores!
Até mais!

~Lupi, Club Penguin Designers Team

sábado, 10 de novembro de 2012

Fim do blog? Ou não?

Olá designers!

Infelizmente o que eu não queria que acontecesse aconteceu. O blog não está muito forte, devido a falta de postagens e a falta de postadores. Alguns falam pra eu não fechar o blog mas não sei se tenho certeza disso.

É pelos pinguins que estão aprendendo design, que quero continuar com o blog, mas precisamos de postadores. Se você se considera bom no design comente nesta postagem 2 templates seus, e seu register e nome no xat até o dia 17 de novembro.
Se o blog não conseguir mais postadores até esse dia teremos que fechar. Espero que vocês entendam!
Até mais!

~Lupi, Club Penguin Designers Team

sábado, 20 de outubro de 2012

Colocando Gradiente em seu texto

Olá designers! Aqui Lupi!

O blog anda meio parado, pois sou o único postador. Por isso se você é designer e gostaria de postar aqui me procure no chat. Tenho certeza que teremos mais postagens ao longo do tempo com novos postadores.

Chega de papo, vamos ao turorial de hoje:

Algumas pessoas não sabem colocar gradiente no texto em fireworks, há um tempo eu tinha postado um vídeo sobre isso. Mas eu bloqueei meus vídeos no youtube por motivos pessoais, e agora muitos não estão conseguindo aprender. Vamos ver como se coloca:

O gradiente é uma mistura de cores que você coloca no texto para deixa-lo mais bonito.
Abra o fireworks e coloque o tamanho que você preferir, só iremos colocar o texto mesmo.
Clique na ferramenta de texto '' T '' e em seguida escreva seu texto no espaço do documento. Eu escrevi a palavra '' teste '' para mostrar pra vocês, mas vocês que sabem a palavra.
Coloque a fonte que preferir, e escolha também a cor do texto! Depois clicando novamente na cor do texto, clique em  ''fill opitions''.
Abrirá uma caixa com várias opções:
Mude a opção '' solid '' para gradiente. E o texto terá 2 cores:

Agora movimente o '' risco preto '' para controlar o gradiente, como você preferir. Depois se quiser mude a cor, de ínicio pode estar branco a cor 1 do gradiente e depois a cor que você escolheu. Na imagem a seguir mudei a primeira cor para um azul mais claro:
Bom, galera por em quanto é só isso. Em breve teremos mais tutoriais de gradiente!
Agradeço a paciência de todos, por estarem esperando tutoriais!
 Abraço pros designers!

~Lupi, Club Penguin Designers Team

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

Online: