Aprendendo a colocar efeitos em seu texto 2/2

Olá!

Novamente Lupi aqui. No último tutorial ensinei efeitos de contorno a vocês, porém ele ainda tem a segunda parte. Vamos conferir a segunda parte do 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!


~Lupi, Club Penguin designers team

Aprendendo a colocar efeitos em seu texto 1/2

Olá futuros designers!

Sinto muito por ter ficado tempo sem postar. Estou muito ocupado com várias coisas e não tenho idéias de dicas de design para passar pra vocês.

Mas chega de papo! Hoje eu vim ensinar como aplicamos efeitos em nosso texto para deixarmos ele mais bonito. Além do gradiente, temos outros efeitos bem bacanas que deixam o texto super legal!

Vamos começar aprendendo como contornar a letra. Isso é bem simples!
Primeiro abra seu fireworks e coloque qualquer tamanho. Então digite um texto e escolha a cor que você quiser.
Depois clique na setinha preta nas ferramentas e clique em seguida no seu texto e em filters.
Abrirá vários efeitos para você fazer, mas vamos escolher o último, Photoshop Live Effects:

Depois abrirá uma caixa com várias opções de efeitos. Mas vamos marcar o último quadradinho da lista o efeito Stroke:

Então depois de fazer isso, clique no quadradinho vermelho, e mude para a cor que você quiser o contorno. O meu ficou assim:

Pronto você aprendeu a contornar a letra! Mas o contorno está muito pequeno pra você? Não se preocupe! Temos um efeito em inglês chamado Outer Bevel que usamos para fazer um cortorno mais grosso! Vamos ver como se faz?


Primeiro digite um outro texto com o fireworks aberto e escolha uma cor. Depois clique na setinha preta nas ferramentas, clique no seu texto e clique no sinal de + em filters como no efeito anterior. Mas agora vamos selecionar as opções ''Bevel and Emboss'' e ''Outer Bevel'':

Então depois, abrirá uma caixinha. Nessa caixinha você arruma como você preferir. Selecione a cor do contorno no quadradinho da caixa e onde está 100% mude para 0%:

Bem interessante em galera? Mas o tutorial não acaba por aí!
Em breve teremos a segunda parte com efeitos de sombra!
Até o próximo tutorial pinguins!


~Lupi, Club Penguin designers team

Novo quadro: Competição de designers!

Olá futuros designers! Beleza?

Hoje eu (lupi) estou anunciando a abertura do novo quadro competição de designers! O quadro funcionará da seguinte maneira:

Os designers postam comentários com seus nomes e fazem o design que a competição do número do quadro pede, por exemplo fundo de chat. Os três melhores designers ganham cargo de moderador em nosso chat, além de ganhar uma imagem exclusiva escrito ''vencedor da competição: por exemplo fundo de chat, no blog club penguin designers team'' E pra finalizar ganha um item de design com mais capricho ou parte de um template mais bonita como uma sidebar.


Espero que tenham gostado do novo quadro! Comente o que achou! Até o próximo post!

~Lupi, Club Penguin designers team

Como fazer um fundo de chat no photoscape

Olá futuros designers, tudo bem?

Hoje vamos aprender a fazer um fundo de chat no photoscape.
Primeiro abra o programa photoscape da lista de programas de design. Depois clique em editor, e em nova foto e coloque nos tamanhos de 543 x 407

Então clique em objeto , depois em fotografia e clique em foto:

 Escolha um fundo bem bacana do designer pack da lista dos programas de design:

Em seguida escolha sua marca d'agua clicando novamente em fotografia e em foto e posicione do jeito de sua escolha:

Obs: Posicione a marca d'agua mais ou menos do jeito da minha acima pois perto dela ao lado ela entrará no espaço de usuarios no chat, e também não aumente muito, pois ela pode entrar no espaço do digite aqui no chat.

Agora fazendo o mesmo procedimento para adicionar uma foto, escolha um pinguim ou puffles para enfeitar o fundo de chat:

Depois disso, clique no T na barra de ferramentas embaixo da foto do chat, escreva usuários, users ou algo para mostrar os usuários do chat. Mas nesse procedimento bata enter depois de digitar uma letra. Feito isso clique novamente no T e adicione um texto no espaço de digitar, como por exemplo: digite aqui! Vamos como o meu ficou:

Pronto você acabou! Agora salve a imagem, hospede-a no site http://tinypic.com/ e pegue o último link da imagem selecionando e apertando o ctrl+c. Depois Clique em ''Editar seu chat'' no chat em que você é main owner , clique em ''mudar fundo'' , cole o link da sua imagem do chat com o ctrl+v se estiver selecionado o link e tiver aperta ctrl+c. Em seguida clique em ''obtenha imagens'' e em seguida a imagem do seu fundo irá aparecer na lista de imagens, então clique nela e ela ficará como fundo do chat!
Obs: Se seu chat não é português como o meu use o google tradutor para traduzir as palavras que o significado corresponde a frase em negrito com aspas acima.


Bom, galera vou ficando por aqui! Espero que vocês tenham gostado do tutorial! Gostou? Comente!
Até a próxima pinguins...fui!

~Lupi, Club Penguin designers team

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

Olá alien Pinguim! Tudo ok?
Helen0009 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, eu estou particularmente sem muito tempo. 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á. 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 CPDT! Até mais e um forte abraço congelado!

~Helen0009 Club Penguin Designers Team

Aviso para usuários do xat 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 (lupi) falando que já é seguidor, eu checarei e te tornarei member.
Obrigado.

~Lupi, Club Penguin designers team

Como fazer uma marca d'água para seu blog

Olá!

Novamente Lupi aqui. Hoje estarei ensinando por esse post como fazer uma marca d'água para seu blog.
Vamos começar então:

Primeiro abra o fireworks cs5 um programa da lista dos programas de design aqui do blog. Depois clique em fireworks document (PNG) e coloque os seguintes tamanhos:

930 x 680

Depois, clique em import para adicionar uma foto:

 Se seu blog tiver Club Penguin no nome escolha o logo do CP do designer pack em suas pastas depois de clicar em import e arrume o logo na foto branca que é o tamanho da foto:

Então depois de arrumar o logo clique em text tool para adicionar o nome do seu blog:

Clique onde quiser para começar a digitar, digite o nome do seu blog, escolha a fonte bumbastika da lista dos programas de design , ajuste o tamanho da letra para 96 e na onde estiver cor (automaticamente estará preto) você muda para a cor hexadecimal(a cor hexadecimal é o número da cor para você colocar sem precisar usar o conta gotas) #FFBC3A :

Depois clique no sinal de + ou filters perto da cor hexadecimal, depois em shadow and glow e em inner shadow:

Então irá aparecer a seguinte caixinha:

Nela você muda o 7 para 8, troque a cor para a cor hexadecimal #FF9A00 do mesmo jeito que você trocou a outra cor e depois arrume o 65% para 100%, o 4 para 0, e o 315 para 72. Irá ficar assim:

Agora clique novamente em filters o sinal de +, novamente em shadow and glow e inner shadow. Dessa vez faça o mesmo procedimento anterior com a cor hexadecimal #FF9A00 e o números, porém ao invés de ser 72 o último número mude o para 10:

Agora vamos clicar em filters novamente, mas desta vez clicar em bevel and emboss e outer bevel:

 Então depois que a caixinha aparecer troque o 10 por 5, o vermelho pela cor preta, e o 75% para 0:

Agora novamente clique em filters, bevel and emboss e outer bevel, e depois quando a caixinha aparecer troque a cor preta pela cor hexadecimal #0052AF e mude o número 75% por 0.

Ficará assim:

Pronto você acabou! Se precisar arrumar a frase do seu blog, sem problemas clique na setinha preta na fileira de ferramentas e ajuste a frase de seu blog(na imagem acima eu não ajustei muito bem pois estava com pressa).Agora clique no x vemelho no canto da tela para salvar e tire o fundo no paint.net ou clique na varinha mágica do fireworks , clique nas partes brancas e aperte delete.

Bom galera é isso. Espero que tenham gostado!

Até o próximo post futuros designers!

~Lupi, Club Penguin designers team

Nova postadora designer-Helen0009

Olá pinguim!Helen0009 digitando
Bem, eu sou a nova postadora dasse lindo blog.Essa honra me foi concedida pelo lupi, e eu queria lhe agradecer muito.Eu amo fazer designs e poder ajudar os outros, e o CPDT me deu mais uma vez essa chance.Mais para você saber um tiquinho mais sobre mim, de uma espiadinha na minha fixa:

Nome: Helen0009 

Dias de cp: 900 +Quer entrar para equio

Assinante: Não 

Ninja: Sim

Ninja da água: Sim

Ninja do fogo : Sim

Coisas que eu gosto: Blogar, falar com meus amigos no chat, fazer designs de cp, aprender,conversar,  fazer amigos, durmir,  e jogar cp

Coisas que eu não gosto: Pessoas mentirosas ou grossas, que façam mau a meus amigos, de ficar sem internet.

Meus bffs: Miub, Lari, GG, Julio, Lucas,  Lupi, e Rokava desculpe se eu esqueci de te colocar na lista hehe

Bem pessoal, essa sou eu.Espero que vocês gostem dos meus tutoriais, dos meus designs, e espero poder ajudar vocês ao maximo.Fiquem sempre ligadões aqui no CPDT!Até mais 

e.....Encomendando!

~Helen0009

Como tirar a barra de navbar de seu blog (se ele estiver com um modelo do blogger)

Olá futuros designers!

A pedido do meu amigo Digo10 lembrei que precisava postar um tutorial importante sobre a barra de navbar. Vocês sabem o que é?
A barra de navbar é um retângulo que fica no topo do seu blog com atalhos para postar mais rápido ou trocar de blog. Vamos ver como ela é:

Ela não é somente azul. Você pode escolher várias cores como preto e cinza.
Quando seu blog tem um HTML (modelo) que seja do blogger sempre aparecerá esta barra de navbar.
Mas como retirar? Muitas pessoas não gostam da aparência ou porque não acham legal ela ali. Mas a um jeito de remove-la dali. Vamos ver como:

Primeiro abra o HTML da sua página. Entre em layouts e editar HTML.
Depois aperte ctrl + f então irá abrir uma caixinha de pesquisa. Dentro dela escreva:
                                                               
                                                                     ]]></b:skin>


Então o código aparecerá marcado no HTML do seu blog. Depois clique antes desse código e aperte enter para digitar em cima do código. Então cole o seguinte código:

#navbar-iframe {

height:0px;

visibility:hidden;

display:none

}

Feito isso clique em salvar modelo, e pronto, você retirou a navbar de seu blog!

Obs: Este post é um básico tutorial para quem não colocou outro HTML diferente que não seja do blogger em seu blog.

É isso galera! Espero que ajude vocês!

Abraço gelado pra vocês futuros designers!

~Lupi, Club Penguin designers team

Encomenda 3- Mana28

Olá pessoal!

Hoje trago mais uma encomenda. A encomenda é da minha amiga mana28 que pediu um template. Vamos ver como ele ficou:

Cabeçalho:

Sidebar:

Título de sidebar:

Rodapé:

Fundo:

Marca d'agua brinde:

Enquanto a seu último pedido Mana28 ainda não estão disponíveis banners patrocínio. Quando eles ficarem disponíveis farei um post.
É isso galera! Espero que tenham gostado!
Até o próximo post!

~Lupi, Club Penguin designers team