quarta-feira, 16 de abril de 2014

Como fazer Fundo de Xat (com regras)

Hey pessoal! Son Ivson aqui!
Desculpem pelas teias de aranha no blog, mas é que eu não tinha nada pra postar, sabe...
Bem, mas graças à um pedido, temos um novo tutorial, e dessa vez vou ensinar a fazer um fundo de xat... mas com regras!
Sim! É aquele xat que tem as regras no fundo, como o que temos aqui no blog!
Bem, primeiro, baixe essa imagem:
Arquivo editável do Photoshop
 Agora, vamos à edição. Troque as cores, adicione efeitos, coloque pinguins e puffles... Enfim, o que desejar.
Bem, terminamos a parte onde o chat ficará, agora vamos escrever as regras.
Escreva as regras do seu chat e decore com um pinguim, puffle ou o que preferir.
Bem, agora que tá tudo pronto, hospede a imagem em algum lugar (recomendo Tinypic), pegue o link direto e vamos à parte do HTML. Sim, vamos mexer com HTML!
Vamos lá. Pegue esse código:
<div class="widget html" id="html1">
<div class="widget-content">
<center>
<div style="background-image: url(Direct Link do Fundo); width: 590px; height: 780px; line-height: 13px;"><span style="color: rgb(255, 255, 255);">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Onde tem Direct Link do Fundo, cole o link direto da imagem que você hospedou. Mas é só isso? Não! No fim de todos os "<br/>" cole o HTML do seu xat.

DICA:
Depois do ID do seu chat, coloque isso:
&rl=Brazilian
 Isso fará seu xat ficar em PT/BR!

Depois disso, você terá um xat com regras no fundo!
Espero ter ajudado! E vão pedindo mais tutôs! Acho que isso que está "mantendo o blog de pé".
Bem, tchau!
~Son Ivson

domingo, 16 de março de 2014

Como fazer Fundo de Xat

Hey pessoal! Son Ivson aqui!
Bem, eu resolvi postar um tutorial aqui, e é de como fazer fundo de xat.
Bem, primeiro, salve esta imagem:
Arquivo Editável do Photoshop
Agora abra e comece a editar. Coloque um fundo legal e essas coisas.
Deixe assim por exemplo:
Agora salve no Tinypic (no Imgur não funciona) pegue o direct link e coloque embaixo de Background.
Copie e troque o código no gadget.
Agora vá ver se funcionou! Se deu tudo certo então :D
Bem era isso! Até mais!
~Son Ivson

sábado, 8 de março de 2014

Como Colocar Imagem no Título de Postagem

Hey, pessoal! Tudo bem?
Recentemente, na página Peça Tutoriais, eu recebi um pedido de tutorial de como colocar imagem no  título de postagem.
Eu fiquei com vontade de postar isso não só por que é um pedido, mas por que eu também tinha vontade de ensinar isso!
Bem, vamos logo ao assunto.
Abra seu editor de imagem (usaremos o Fireworks) e crie um novo arquivo com 625 de largura por 39 de altura:
Agora vamos começar a edição.
Primeiro, faça um retângulo.
Depois disso, troque as cores para as cores do seu template.
Agora, coloque alguns efeitos... Uma boa é fazer um simples retângulo branco por cima e deixar com pouca opacidade:
Pra terminar, coloque algum objeto, pinguim, ou puffle.
Bem, agora salve.
Agora vá em algum site que hospede imagens (como Imgur ou Tinypic). Agora vá no HTML do seu blog e procure por .post h3 {. Quando achar, troque tudo de lá por este código:
.post h3 {
background-image:url(Direct Link da Imagem);
color:#ffffff;text-shadow:1px 1px 0px #ffffff;font-size:18px;font-weight:regular;
line-height:32px;
letter-spacing:-1px;padding:0 0 0px;text-align:center;height:36px;
margin-left:-5px;padding-left:10px;padding-top:3px
}
}
Onde tem Direct Link da Imagem, troque pelo direct link da imagem que você hospedou.
Depois, salve o HTML e teste!
E é isso! Espero que tenham aprendido! Até mais!
~Son Ivson

Encomenda n° 2

Hey pessoal! Tudo bem?
Bem, como puderam ver, essa foi nossa segunda encomenda...
Quem nos encomendou foi a Mel, e ela nos pediu um banner e um fundo listrado. Vejam:
Bem, eu achei legal :B
Bem, é isso pessoal! Até.

quinta-feira, 20 de fevereiro de 2014

Fontes ao Máximo - Toda Família Burbank

Hey pessoas! Faz um tempo que ninguém posta nada aqui no blog, não? Então resolvi postar mais um
Sim, o Fontes ao Máximo voltou, e postando não uma, não duas, nem três, e sim uma pack cheia de fontes, com toda a família da fonte Burbank. Pra quem não sabe, Burbank é uma das fontes mais usadas no CP.
Ela é usada em várias coisas, como catálogos.
Geralmente, se você for procurar essa fonte na internet, pode ser que não consiga baixar a não ser que pague. E por isso resolvi postar logo toda a família dessa fonte!
Quer fazer download?
VAI FICAR QUERENDO!
Zoera! Clique aqui e você poderá baixar as fontes!
Usem essas fontes com sabedoria!
E é isso! Até!
~Son Ivson

quarta-feira, 12 de fevereiro de 2014

Como mudar a cor no Photoshop

E aí, pessoal!? Tudo bem? Hoje eu vou postar um tutorial diferente dos que eu tinha planejado: O Tutorial de como mudar a cores no Photoshop.
Vamos lá. Primeiro pegue uma imagem qualquer, como esse puffle:
Agora abra o Photoshop (a versão que usaremos é CS6).
Abra a imagem no Photoshop e depois selecione uma cor e pegue seu formato hexadecimal como: #38dcff
 Depois, vá na ferramenta de seleção (ou varinha mágica) e selecione toda a cor que você quer trocar.
Agora, vá em Imagem>Ajustes>Preto e Branco.
Agora clique na caixinha colorir e clique duas vezes na caixinha com cor.
Vai abrir uma janela e nela troque a cor Hexadecimal pela que você quer trocar.
Se não ficar com a cor que você quer, mexa um pouco mais na saturação e nas outras coisas.
Quando terminar, deve ficar assim:
 Como podem ver, eu mudei a cor do puffle para azul! Isso também funciona com outras cores de outras coisas! Por exemplo:
Antes

Depois
Algumas vezes, quando se vai mudar a cor, a cor pode ficar muito clara ou escura, mas é só ajeitar um pouco que pode ficar bom, mas o básico eu expliquei.
Bem, é isso! Até mais!
Tchau!
~Son Ivson

domingo, 9 de fevereiro de 2014

Como aplicar fundo com paisagem descendo

Hey pessoal! Son Ivson aqui!
O blog estava parado mas resolvi voltar com um dos Tutôs que prometi, o de como colocar fundo com paisagem descendo.
Muitos de vocês de perguntam-se "Ué como assim? Paisagem descendo?" Sim! Paisagem descendo!
Para explicar melhor: Sabem aqueles blogs que tem uma paisagem que você desce e o mar desce também? E no rodapé geralmente tem coisas como peixes, sereias, puffles nadando (o rosa por exemplo)... Então, vou ensinar a fazer um desses!
Primeiro, escolha um fundo bom para fazer isso, este:
http://i.imgur.com/DmGUs72.jpg
Agora pegue a ultima cor do mar, que é #018BB9.
Agora vá no HTML do seu blog e procure por body {
No primeiro que achar, troque o link do fundo pelo link direto da imagem que escolheu, e troque a cor pela cor da ultima listra do mar (que no caso é #018BB9).
Agora vem a parte mais importante: troque o fixed, ou a outra palavra que tiver depois do link da imagem, por repeat-x center top.
Ao terminar, o HTML deve estar assim:
Agora, para terminar, faça um rodapé com um tema "fundo do mar" para combinar com o fundo que você fez!
Espero ter ajudado!
É isso! Até mais!
~Son Ivson

terça-feira, 4 de fevereiro de 2014

1° encomenda e planejamento de Tutôs

Hoe pessoal! Tudo bem? Aqui quem fala digita é o Son Ivson, e vim pra falar da nossa 1° encomenda. Ela é a encomenda da Maximos CP Network, que é a Network de um amigo meu, o Mousegrd123.
Bem, se não quiserem acessar o link do blog, então vejam aqui mesmo o design:
Bem, é isso! Se quiserem um template como esse, é só pedir! Faremos o possível.
Ah, e sabem, tô planejando os próximos tutoriais. Se quiserem saber o que eu tô planejando:
  • Como Digitalizar desenhos e desenhar no flash
  • Como fazer fundo de Xat
  • Como fazer fundo de Xat, (com regras)
  • Como aplicar fundo com paisagem descendo
  • Como aplicar máscaras no flash
Bem, espero cumprir isso até o fim do ano :B
E é isso! Até mais!
~Son Ivson

domingo, 26 de janeiro de 2014

Como fazer capa de twitter do club penguin !

Hey designers , hoje eu estarei mostrando um novo "Tultorial" de como fazer uma capa para twitter , é muito simples e rápido de fazer O programa que estarei usando é o Adobe Fireworks Clique aqui para poder baixar no site da adobe . Bem Agora vamos começar  criando um novo documento como podem ver na imagem abaixo os pixel seria de 600px de altura por 300px de largura :

Agora cliquem em Ok , e escolha um fundo Clique aqui para baixar fundos do cp  , Depois você coloca o fundo e edita como quiser olha como ficou o meu :

Agora você pode adiciona um penguin ou seu própio custom , no meu caso eu vou colocar meu custom , e mais um penguin olhem como ficou :

Agora coloque uma barrinha se quiser , eu sempre coloco , e diminuo a opacidade pra ficar bem legal  olhem  :

agora faça os infeites e pronto e terá sua capa de twitter !
Ana9945...

quarta-feira, 22 de janeiro de 2014

Como fazer Cut Outs

Hey now guys! Olha o Son Ivson aqui postando um tutorial pra vocês!
Desta vez, irei ensinar a como fazer cut outs.
Para os burros leigos, eu irei dizer o que é um Cut Out.
Basicamente, é uma imagem recortada/retirada de um arquivo do CP.
Um exemplo de Cut Out:
Bem, continuando, muitas pessoas querem aprender a fazer CutOuts, porém não sabem como.
Mas como esse blog foi feito pra ajudar essas pessoas...
Para começo de conversa, saiba que tem-se duas formas de fazer Cut Outs. Uma mais fácil e outra mais difícil.
Vamos começar pela maneira fácil:
Bem, primeiro você precisará de um programa chamado Sothink SWF Decompiler.
Quando tiver esse programa, pegue um SWF e abra no programa.
"Mas Son, onde pego um SWF?"
Bem, para pegar um SWF, entre no CP, e vá no Estilo Pinguim, por exemplo. Depois abra outra aba e com o link chrome://cache/. Daí, abra o link que tiver o que você quer (no caso do Estilo Pinguim, o nome deve estar como Clothing) e depois vá em "Salvar Página".
De qualquer maneira, faça download deste SWF que usaremos nesse tutorial.
Quando fizer o Download, abra o arquivo no Sothink:
Agora vá naquele + e clique em Sprite ou Shape:
Eu vou clicar no Shape. Procure pela imagem que te agrada e clique duas vezes.
Agora vá em SnapShot:
Agora vá em algum programa de edição de imagem e dê Ctrl+V. Depois tire o fundo e salve em PNG.
Feito isso, sua imagem deve estar assim:
Apesar desta ser a forma mais fácil, tem suas limitações, como por exemplo, ter que tirar o fundo, o que pode deixar umas bordas indesejadas na imagem.
Mas fazendo pela forma difícil, você não precisa tirar o fundo e o Cut Out sai com qualidade.
Para fazer da outra forma, você precisa do Adobe Flash Professional (A versão que usaremos é a CS6) e do Sothink.
Bem, abra o Arquivo no Sothink, MAS, não faça nada, apenas clique em Export FLA/FLEX:
Irá abrir uma janelinha.
Para mudar o local onde o arquivo ficará, clique em Browse e Selecione a pasta onde será guardado o Arquivo em FLA.
Para continuar com o processo, clique em OK. Irá abrir outra janela.
 
Clique em Open the file.
Caso você tenha o Flash, o Flash vai se abrir automaticamente.
Quando abrir, você poderá notar alguns erros...
Você tem 2 escolhas: Ir clicando e afastando as imagens indesejadas, ou ir pela biblioteca.
Bem, assim que achar o que quer, Selecione e dê Ctrl+X para recortar.
Agora, dê Ctrl+N.
Irá abrir uma nova janela. Clique em ActionScript 3.0 e depois em OK.
Depois, vai ter uma janela em branco que será o novo arquivo.
Ctrl+V e o que vc pegou da outra janela vai aparecer:
Agora, na direita, você verá Estilo de Cor. Deixe em Nenhum, se quiser.
Agora, clique na letra Q no seu teclado e comece a arrastar a imagem para aumentá-la.
Quando a imagem estiver no tamanho desejado, vá em Arquivo > Exportar > Exportar Imagem
Agora, Selecione a pasta onde vai salvar e o nome da imagem, como se estivesse salvando normalmente a imagem:
Clique em Salvar e pronto!
Se ocorrer tudo bem, deve ficar assim:
Viram a qualidade? E além do mais, você também pode mudar as cores do pinguim e tudo mais pois a imagem está totalmente editável:
Bem, é isso pessoal, é isso! Se não aprenderam, vejam esses vídeos que eu fiz:
E é isso aí! Duvidas comente!
~Son Ivson

Como colocar o relogio oficial do cp

Matheus1617 aqui
Galera muita Gente quer o relogio oficial do cp no seu blog psquisando um pouco eu descobri esse html bem interessante:

<embed allowfullscreen="false" allowscriptaccess="always" flashvars="xml=http://media2.clubpenguin.com/community/xml/penguin-standard-time-content.xml,http://media2.clubpenguin.com/community/xml/penguin-standard-time-properties.xml" height="55" menu="false" quality="autohigh" src="http://media2.clubpenguin.com/community/swf/penguin-standard-time.swf" style="visibility: visible;" type="application/x-shockwave-flash" width="250" wmode="transparent"></embed><br /></a>

Seu relógio fica idêntico ao do cp e ainda acompanha o horário corretamente, alem disso deixa teu blog sempre antenado no momento certo da aparição dos personagens e eventos.
E só isso pessoal.
Matheus1617

Dowloads para edição


Ola Galera Matheus1617 aqui.
Nesse post vou passar a lista completa de softwares para edição de imagens, então vamos lá:

Photo filtre X

Útil para retirar fundos, trabalhar com camadas e aplicar novas formas ao de design, costumo brincar que ele o e Photoshop descomplicado:
Baixar:http://www.photofiltrestudio.com.br/download-photofiltre-studio-portugues-brasil/
Serial/Crack:
Usuário / Empresa / Organização: Comunidade PFS
Chave de Registro: 7CB17-95271-8C4A7-FB57A

Depois clique no botão "OK", caso não apareça nenhuma mensagem é porque o programa foi registrado com sucesso, caso o serial a cima não deu certo tente os outros abaixos
Usuário / Empresa / Organização: AXiS - Team FFF
Chave de Registro: 74B07-D5270-8C4A7-FB57A
Usuário / Empresa / Organização: Photofiltre Studio
Chave de Registro: 7BB07-F527D-8C4A7-FB57A

Usuário / Empresa / Organização: PFS Studio
Chave de Registro: 775B27-C5275-8C4A7-FB57A

Usuário / Empresa / Organização: Comunidade PFS
Chave de Registro: 7CB17-95271-884E7-5B576 
Fonte:http://registro.photofiltrestudio.com.br/

Adobe fireworks Cs6

Um software completo vale apena baixar, não recomendo portables porque possuem muitos bugs
Baixar: adobe.com
Crack: http://www.mediafire.com/download/n5v4ru22un755z0/%5BC%5DFireworksCS6.zip

Fonte: http://startfreedownloads.blogspot.com.br/2013/01/fireworks-cs6-pt-br-crack.html


Adobe Flash Cs6

Um software completo e de media dificuldade.
Baixar: http://www.adobe.com/br/products/flash.html
Crack: http://www.multiupload.nl/TIKBWY0L96

Fonte: http://baixandotecnologia.blogspot.com.br/2012/12/adobe-flash-professional-cs6-crack.html

Imagens:

Club penguin Cut outs:

http://clubpenguincutouts.com/

Ótimo atualizações constantes..

Esse post esta sujeito a atualizações frequentes



Novo Postador Matheus1617

Olá galerinha.
Sou o novo postador do blog, estou aqui para tutorias sobre todos os assuntos envolvidos com design, vamos lá com minha ficha:



Ninja: Sim, água, fogo....
Dias de vida : +1600
Idade: 14
Agente secreto: Shh isso e confidencia...
Servidor: Zero Grau e Friaca
Nome real : Matheus
Então pessoal por enquanto e só isso...
Um Grande atum~~Matheus1617~~


segunda-feira, 13 de janeiro de 2014

Fontes Ao Maximo - GROLBOLD

Fala Ae Pessoal Hoje Vou Lhe Mostrar uma fonte que ira te ajudar nos designs e esse é o
                                   Bem Esta Fonte É Estilo Cartoon Ou Seja Bem Animada E Legau 
               Uma Fonte Que Se Encaixa Em TudoBanners,Capas,Thumbnails.Etc Em Que Vc Quiser

         Esse É O link De Download Dela http://www.dafont.com/pt/grobold.font Baixe Bote Em Disco Locas c:// > WINDOWNS >Fonts E Pronto Usea No Photoshop Photoscape Ou Em Que Quise Aki Esta Como Ela é !!!Obrigado E Se Divirtam !!!


Apresentação: JoabeCp

Olá Pessoal

Hoje Eu Estou Aqui Para Falar Sobre Min O Novo Postador Da The Penguin Designs Eu Etou Aqui
Apenas Para Fazer Tutoriais De Design Pra Penguins Iniciantes Em Fazer Blogs,Capas Para Youtube Ou Twitter Ou Ser Um Design De Cp Reconhecido Vou dar Dicas Boas E Originais !

Nome Do Pinguim : Joabegomes
Dias De Vida :1400+
Ninja :De Todos Os Elementos Menos Neve
Idade Real : 14 Anos
Nome Real : Jhonnatan Gomes
Selos : 211
Função : Ensinar Novas Coisas Para Designers Iniciantes

Como aplicar Parcerias Rolantes

Olá pessoas! Tudo bem com vocês?
No meu ultimo tutorial, eu ensinei a Como Fazer Banners, e disse que em qualquer hora eu iria fazer um tutorial de Como Aplicar Parcerias Rolantes, certo?
Pois essa hora chegou!
Primeiro, tenha em mente qual blog você fará parceria. Saiba também se ele tem banner.
Agora vá em Layout, Adicionar Gadget e depois em HTML/JavaScript e cole este código:
<marquee direction="up" scrollamount="3" onmouseover="this.stop();" onmouseout="this.start();">
<center>
(COLE O HTML DO BANNER AQUI)
(COLE O HTML DO BANNER AQUI)
(COLE O HTML DO BANNER AQUI)
</center></marquee>
Onde tem (COLE O HTML DO BANNER AQUI) troque pelo HTML do banner do blog parceiro. Mas, tire tudo, até os parênteses.
Se der tudo certo, ficará igual ao nosso que está na sidebar do nosso blog!
 Então é isso! Até mais pessoal! Tchau!
~Son Ivson

Apresentação !

Olá Designers , Eu Sou Ana9945 ,vamos falar de mim ?
Meu Nome de verdade é - Ana Livia
Tenho 13 anos
Sou de Mato grosso
Meu penguin !
Nome- Ana9945
Idade 611 dias
selos - 99
Servidor - Sundae
Sobre mim - Eu sou uma penguina divertida gosto de muitas coisas , sou designer desde sempre =D
Então é isso Olhem meu Custom =)
Ana9945...