Exclusivos

Saudações, pinguins!

A festa dos Super - Heróis esta se aproximando da Ilha e o Club Penguin esta lançando muitos exclusivos e Sneak Pecks relacionados a festa, hoje eu venho trazendo uma super novidade, trago três exclusivos de roupas que poderam ser adquiridas durante a Festa, vamos dar uma olhada:



Interessante não? Podemos observar nos exclusivos, a Fantasia de Homem - Aranha, o Capacete do Homem de Ferro e  a Roupa de Policial, o que eu mais gostei foi o capacete de Homem de Ferro, bem legal não acham? Eu vou ficando por aqui, até a próxima!! Um  abraço gelado e... Pinguinando


~RiicardoNy, Planet of Design. 

Aviso para usários do chat do blog

Olá!

Devo informar que o xat agora está disponível somente para membros. Ou seja para seguidores do blog. Se você não é membro siga o blog e mande uma mensagem privada para mim (RiicardoLaudPhone) falando que já é seguidor, eu checarei e te tornarei member.
Obrigado.

~RiicardoNy, Planet of Design. 

Como colocar um botão de ir ao topo em seu blog

Olá Designers e futuros Designers! Tudo bem?
RiicardoNy aqui! Hoje eu farei um tutorial ensinando a como colocar no blog o botão de ir ao topo, pois muitos pinguins amigos meus diseram que tinham dificuldade com essa questão. Bem, para quem não sabe, o botão de ir ao topo, é um "dispositivo" que deixa seu blog mais pratico, que alias na minha opinião deveria ser mais usado nos blogs.
Bom, vamos ao que interessa, primeiramente vá até o seu Fireworks e faça um novo documento em png de 170x100, e faça uma imagem de preferencia quadrada ou retangular, isso é o de menos, o essencial é estar com TOPO escrito no meio do botão. Eu não irei mostrar todo o procedimento de como fazer a imagem pois essa montagem de imagem tem que ser do gosto de cada um. Bem ai vai o meu botão: 

Após feita a imagem, vá até o tinypic e faça upload.Após feito isso, vá até o painel do seu blog e clique em design, e depois em adicionar um gadjet, e ache a opção HTML/JavaScript e coloque o segunte código:

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="Link da sua imagem" border="0" /></a></div>

Bem, quando você já tiver completado todas essas etapas, visualize seu blog e botão estará lá. 

Se você quiser colocar o botão de ir para o chat basta fazer os mesmo procedimentos mas na imagem em vez de ter TOPO terá de ter CHAT (ou como você quiser, você é que é o designer rsrs) , mas para ir para baixo ,no código que você vai por no Html/JavaScript onde se localiza o "#" você colocará assim: #footer .

Visualize e veja se gostou !

Eu espero ter tirado as dúvidas de todos, caso não, deixe um comentário ou fale comigo no chat, sua opinião é muito importante para a equipe do POD! 

Até mais e um forte abraço congelado!

Aprendendo a colocar efeitos em seu texto

Olá!

LarryLa aqui.  Vamos conferir o tutorial com o tema de sombra!

Para você colocar efeitos de sombra em seu texto, é bem simples. Primeiro abra o fireworks, coloque qualquer tamanho ou o tamanho que você quer, escreva um texto, mude a cor dele e arrume o tamanho. Feito isso clique na setinha preta (pointer tool) na barra de ferramentas do fireworks. Em seguida clique no sinal de '' + '' em filters e marque as seguintes opções da lista: ''shadow and glow'' e ''inner shadow''.

Depois, iremos alterar alguns números na caixinha que aparece em seguida. Altere a cor do quadrado preto para qualquer cor que você queira a sombra. Então você pode alterar os números e tentar ver como fica melhor em seu texto. Já eu gosto de usar os seguintes números nessa sombra: 8, 100%, 0 e 72:

Você pode tentar combinar outros números para alterar o jeito da sombra.
Agora vamos conhecer o efeito ''drop shadow''. Usamos ele para colocarmos uma sombra atrás do nosso texto. Para colocar esse efeito em seu texto clique novamente no sinal de ''+'', clique em ''shadow and glow'' e depois em ''drop shadow'':

Pronto! Seu texto ganhou uma sombra atrás dele! Vamos ver como o meu ficou com esses dois efeitos que mostrei a vocês:

Legal em? Você pode também alterar os números na caixa para mudar o jeito da sombra atrás.
Bom, chegamos ao fim dos tutoriais de efeitos no texto, mas fique ligado aqui no blog para aprender muito mais sobre design!


Até a próxima pinguins!

Como girar imagens no fireworks cs5

Olá pinguinzada do design e futuros designers! Tudo bem?


Mas uma vez venho trazendo uma dica bem legal com o fireworks. Alguns pinguins tem dificuldidade e não sabem como giram imagens no fireworks. Alguns usam até photoscape só para girar a imagem, mas hoje estarei ensinando a girá-la no fireworks.

Primeiro abra um documento do fireworks em qualquer tamanho. Agora clique em ''import'' para importar a imagem que você quer girar:

Agora, é só escolher a imagem. Feito isso no teclado, aperte ''Ctrl + T'':

 A imagem ficará em volta de um quadrado preto. Então você poderá esticar mais a imagem para o lado que quiser. Para girar a imagem depois de apertar ''Ctrl + T'' posicione o mouse pouco a cima da imagem e aparecerá uma flechinha. Agora é só girar a imagem pra esquerda ou para a direita!

Espero que tenham gostado do tutorial!
Até a próxima designers!

~RiicardoNy, Planet of Design

Entrega - Pedido a Hildeys3

Oi Penguins ! 

Daqui RiicardoNy  , e tou postando a ecomenda que o Hildeys3 fez por email , ele pediu umas regras de chat verde ! 

Espero que eu tenha feito como você quer : 

(Clique Para aumentar)

Segundo você , você queria umas regras de chat onde também daria para colocar o chat nér ? 

Espero que sim ! 

Mais uma ecomende entregue ! 

Espero que goste . 

Até Mais e... Pinguinando ! 

Ps. Quer fazer uma ecomenda ? Clique Aqui ! 

~RiicardoNy , Planet of Design

Como fazer um cabeçalho colado ao corpo do blog !

Oi Penguins ! 

Daqui LarryLa e hoje vou ensinar para vocês como fazer um cabeçalho colado ao corpo do seu blog . Se não sabe como é um cabeçalho colado ao corpo do blog é como o POD tem . 

Neste tipo de tutorial você poderá usar vários programas (acho eu, só conheço dois) , mas recomendo esses dois, O Photoshop CS5 e o Fireworks, mas nesse tutorial eu vou usar o Fireworks. Abra ele . 

Clique em novo documento no Fireworks e em largura você coloca 982 pixels e em Altura coloque qualquer tamanho de pixels, depois iremos editar no seu Html. 

(Clique na imagem para aumentar)

Na parte onde diz " Cor da tela de desenho " você poderá colocar branco, transparente ou personalizado, aliás no próximo passo nós iremos tapar o fundo . Quando abrir o Documento Insira uma imagem de fundo clicando em Import (Exportar) :

 eu recomendo essa paisagem : 

(Clique na imagem para aumentar)

Quando a imagem aparecer você terá que diminui-la ao tamanho do seu fundo , por isso diminue a tela (Ctrl + - ) e coloque por exemplo assim : 

(Clique na imagem para aumentar) 

E para fazer contorno na paisagem de fundo você terá que clicar na ferramenta de rectângulo sem preenchimento e poderá contornar com a cor que você quiser , verifique: 

(Clique na imagem para aumentar)

Depois se você quiser aumente a grossura do contorno , eu aumentei para 5 . 

Para aumentar basta mudar o 1 que está ao lado da cor do contorno para outro número ,por exemplo eu aumentei para 5 .

Depois faça um rectângulo , depois de fazê-lo , edite-o . 

(Clique na imagem para aumentar)

Se você botou, 5 de contorno, irá editar com 5 pixels a menos, exemplo:

 Eu fiz  a figura com 982 X 380, logo eu irei editá-lo como 977 X 375. Com o tamanho feito, tente movê-lo com as setas para que ele fique no centro da figura, como mostrado na figura acima. Já com o fundo pronto, clique em Importar (figura 2) e selecione uma marca de água, depois da marca, importe (figura 2) da mesma forma os pinguins que você quiser ou puffles. Veja como o meu ficou:

Salve, vá a um site de hospedagem de imagem, eu recomendo o www.tinypic.com . E copie o último link que lhe será dado , na caixa " Direct Link for Layouts " . 

Depois vá no html do seu blgo, aperte Ctrl + F e digite o link do seu cabeçalho, e no lugar do link marcado pelo Navegador escreve o link que copiamos. Atenção: Se você fez o cabeçalho maior que 288 pixels de altura,  veja como mudar essa configurações clicando em Mais Informações.

Então, para fazer isso, vá no HTML e pesquise a seguinte palavra: #header-wrapper. Agora mude os números 288 para a altura que você fez o cabeçalho, veja quais os números: 

(Clique na imagem para aumentar) 

Depois que você clocar as alturas certas, hospeda a imagem como mostrei antes. Espero que tenham aprendido. Até a próxima galera ! 

Aprenda a fazer uma Sidebar no Fireworks CS6

Oi, daqui é o RiicardoNy.

Nessa postagem vou ensinar para vocês como fazer uma Sidebar, neste tutorial eu vou usar o Fireworks mas você pode usar o Photoshop que é parecido . 

Começando.. Abra seu fireworks (ou photoshop) e clique em New (novo) e irá aparecer um quadradinho para colocar a altura a largura e a Resoluçao . 

Veja nessa imagem as medidas que terá de colocar : 

(Clique na imagem para aumentar) 

Após isso você terá que fazer um quadrado mais ou menos desse tamanho : 

   

(Clique na imagem para aumentar)

E do outro lado da imagem você irá fazer o mesmo :

(Clique na imagem para aumentar) 

Obs : Nesta imagem a edição do fireworks está reduzida para 66% que era para você notar como tem que fazer . 

Após você fazer isso você poderá colocar uns penguins ou uns puffles, o que você quiser, eu vou colocar uns puffles . Para você colocar uma imagem na sidebar, você terá que clicar em " Importar "  , lá em cima e escolher a imagem que quer colocar . Diminua-o para que fique em um tamanho bom sem distorcê-la na largura ou altura. Se você diminuir demais basta desfazer o que você fez (Ctrl + Z) porque se aumentar a imagem inserida irá perder a resolução. 

(Clique na imagem para aumentar)

Selecione a opção Photoshop Live Effects em filtres na imagem desejada : 

(Clique na imagem para aumentar)

E irá aparecer uma caixinha para você selecionar os efeitos que quer , selecione os efeitos superpor Cores e Traçado . 

(Clique na imagem para aumentar) 

E em Superpor Cores tem um quadrado com uma cor do lado direito perto do " Ok " , clique ai e escolha a cor que quer para o seu puffle . Recomendo colocar a cor da Sidebar, por exemplo eu vou colocar azul : 

(Clique na imagem para aumentar) 

Após isso, vá no outro efeito que você seleccionou (Traçado , em inglês Stroke),  e selecione a cor que você quer, eu recomendo preto mas você é que sabe . 

(Clique na imagem para aumentar) 

Depois se você gostou clique em Ok , se você quiser colocar outro puffle , clique no primeiro puffle e dê Ctrl + C , Ctrl + V e aparecer´um puffle igual por cima do primeiro puffle , você arrasta ele para onde quer , diminui de tamanho e não esqueça se acontecer uma perda na resolução dê Ctrl + Z ! 

Salve a imagem , vá num site de hospedagem , eu recomendo o Tinypic (Clique aqui e você será redireccionado para o Tinypic) . 

Vá no html do seu blog procure por :

#content-wrapper {

background:transparent url 

E após " url " certamente irá ter entre Parêntesis " ( ) " um link você retira esse link e coloca o link que o Tinypic lhe forneceu após você hospedar sua imagem.

PRÉ-VIZUALIZE e veja se gostou da sua nova sidebar !  Se gostou clique em Guardar modelo (: . 

Se consigou concretizar esse tutorial diga nos comentários se gostou do toturial . 

Se não conseguiu diga nos comentários qual o problema e a equipe tentará resolver o seu problema. 

Se você não quiser ter trabalho ecomende uma sidebar , contacto na página Contacto . 

Até Mais ! 

Abertura do Blog

Oi pessoal! Aqui RiicardoNy dono do blog!

Estou aqui para anunciar a abertura do blog Planet of Design !  Hoje, no dia 10-06-2012!

Espero crescer com este blog, e sei que com a vossa ajuda isso pode ser possível.

Faça aqui as encomendas para o design do seu blog!

Se tiver alguma reclamação, não tenha vergonha em me dizer no meu pvt.

Se divirtam!

Até mais, e... pinguinando!