quinta-feira, 27 de dezembro de 2012

Apredendo Design #2


Olá designers,

Agora começa o "Aprendendo Design 2" com Pedrox. Hoje vou ensinar a vocês como fazer uma barra de novidades. Observe:

Faça uma barra mais ou menos igual a essa:
Width = 600
Height = 50
Resolution = 27

(Clique para ver maior)

Você pode escolher outras cores normais, siga os passos:

1. Uma barra normal quadrada:

2. Outra barra normal quadrada por cima:

3. O nome "NOVIDADES":

Assim sua barra está pronta. Agora é só colocar no HTML Java Script.

Pedrox, mas como coloca?

Primeiro você precisa ter um código que é esse que eu vou dar:

<div style="height: 64px; position: relative;"><img alt="" src="LINK DA SUA IMAGEM" /> <div style="left: 210px; top: 25px; width: 760px; position: absolute;"> <span><marquee bgcolor="transparent" behavior="scroll" width="100%" loop="infinite">Ponha sua frase aqui!</marquee></span></div></div>
No "LINK DA SUA IMAGEM" você vai colocar sua barra feita e em "PONHA SUA FRASE AQUI" você escreve o que quiser para aparecer na barra de novidades.

Quando colocar no HTML Java Script salve o blog e ele estará com a barra de novidades. Observação:  não escreva em cima ou em baixo do chat e se a barra ultrapassar a sidebar diminua a barra, não a sidebar.

Até mais designers,

Gif 3D Efeito Estrela e Energy

Olá leitores!
Como devem saber sou o novo postador do Penguins Designer. E fui contratado para postar como fazer gifs 3D e 2D. E vim aqui hoje para ensinar o 3D que é mais simples que o 2D. Veja abaixo como criar:

Abra seu Projeto Xara 3D6 e escolha o nome e cor e salve.

Abra seu nome no Fireworks junto com a imagem. Vá em "Align and Layers and Mixer..." depois em "Frames" e selecione todos, pegue a ferramente "Pointer tool" e faça um quadrado para selecionar todos os nomes, pegue a ferramenta "Scale tool" e vire a imagem. Arraste o nome para direita.

Em baixo da imagem, onde tem "Filters" clique no "+",  "Shadow and Glow" e depois em "Glow", bote a cor da borda do nome e os seguintes números:

Salve a imagem em gif. Abra o imgur e faça o upload da imagem, você vai precisar converter a imagem, clicando aqui podemos ir no site de converter. Bote o nome, o Link da imagem e clique em "Converter".

Abra a imagem no Fireworks, e tire o fundo com a ferramenta "Magic Wand Tool". Depois clique no mais debaixo da foto no "+", "Shadow and Glow" e depois em "Glow":

Bote a cor branca e os seguintes números:

Clique de novo no "+", "Shadow and Glow" e depois "Glow". Bote a cor da borda da letra e os seguintes números:

Arraste os nomes três vezes para esquerda:

Pegue a foto, tire o fundo selecione ela, copie e cole no nome. Use a ferramenta "Scale tool" para diminuir a imagem. Bote Ctrl+Shift+Baixo (Seta para baixo). Clique no "I" debaixo do Filtres. E a foto ficará assim:

Selecione a imagem, copie e aperte 8 vezes para a direita com o Shift. Vá copiando e colando até o final.
Para fazermos o efeito estrela vamos pegar a ferramenta "Star" e fazer ela bem pequena no meio da foto. Clique em "Modify" do lado de "File, Edit, View, Select" e clique em "Convert Path to Marquee" e depois em "Ok".

Vá em "Layers" e selecione a última imagem, e aperte Cntrl+X depois Cntrl+D.

Delete a imagem e bote Cntrl+V, e bote Cntrl+Shift+Baixo. Depois faça isso maior que a primeira na segunda foto. Fazendo isso 7 vezesFeito isso, clique em todas as estrelas e em baixo de "Filters" clique no "I". Ficará assim:

Para fazer o efeito Energy temos que pular 8 fotos do final, pegue o efeito Energy, e bote em baixo, depois selecione o Energy, clique el Alt e bote mais em cima da outra foto, vá fazendo isso até acabar, lembrando que temos que deletar a última foto. Ficará assim:

Selecione a penúltima imagem, e pegue a ferramenta "Erase tool" e apague, faça isso com todas, menos as 2 primeiras:

Salve a imagem e pronto. Agora vocês já sabem fazer um gif 3D efeito Estrela e Energy. Olhem como ficou o meu:

Gostaram? Para quem não tem a foto do efeito energy, clique aqui. Depois é só ir fazer o upload do gif, e botar em sua foto do chat. Espero que tenham gostado, pois temos muitos efeitos para aprender, e também o gif 2D que é super legal, é o nome com muitos efeitos interessantes!
Obrigado pela atenção! Comentem.

terça-feira, 25 de dezembro de 2012

Como trocar o nome do seu canal no YouTube e nos outros serviços do Google.

Yo designers, Shocker aqui!
Haviam pedido no xat, como trocar o seu nome de usuário do YouTube.
Por mais que lá diz que não é possível, sim, é possível trocar seu nome do YouTube! Tanto mexi no +Google e achei um modo.
Só que, poderá trocar seu nome do YouTube e dos serviços do Google, 3 vezes a cada 2 anos.
Vamos lá;
Vá até a página do Google e logue com sua conta, feito isso, clique em +Google ou +(Seu nome aqui) no menu preto na página do Google.
Feito isto, clique em Perfil, no lado esquerdo de sua tela:




Então, clique em Editar Perfil, e clique no seu nome!


E é só trocar.
Obs.: O Google não aceita nomes que não sejam reais, sendo assim, se colocar outro nome que não seja real, e for aprovado, espere uns dias e sua conta estará suspensa, mas poderá continuar usando os serviços do Google, como o YouTube e dentre outros. Sabendo que, trocando o nome por ali, TROCARÁ SEU NOME EM TODOS OS SERVIÇOS DO GOOGLE!

Aprendendo Design #1

Olá designers,

Hoje vou ensinar a vocês como colocar borda na imagem. Primeiro pegue uma imagem de penguin que você tem salva no computador e abra ela no fireworks. Não pode ser uma imagem muito grande, pois não poderar ver bem a borda.

A segunda coisa a fazer é achar no seu fireworks a palavra FILTERS e do lado cliquem no símbolo +. Depois de ter feito isso vai aparecer várias palavras para você clicar, clique em "Photoshop live effects". Agora vai aparecer mais palavras para clicar como "Satin, inner glow.." vocês devem clicar em STROKE no quadradinho. Por ultimo encontre a palavra FILL e vá em COLOR e escolha a cor, depois clique em OK e estará com a borda no seu penguin ou outra imagem que queira.

Observe como ficou:


Bem legal né? Então por hoje é só designers,

Efeitos de Natal para cartões

Olá internautas!! Shocker falando.
Andei sumido né? Lá estava eu viajando! Mas estou de volta, e hoje trago um tutorial bem interessante, no qual você pode usar para cartões de Natal. Observe a imagem abaixo, são os detalhes nas bordas!
Estamos chegando no Natal, irá começar aquela festança de cartão para lá, cartão para cá, e claro, você não quer ficar pagando R$ 3,00 num cartão se você pode fazer o seu próprio, não é mesmo?


As estrelas na borda vermelha, estão meio foras do lugar pois, eu estava com pressa, então eu fiz correndo, duplicando e colando as camadas. Mas agora, vou ensinar direitinho como se faz.
Como sempre, abriremos um documento de 1000x1000 no PhotoShop. Depois de feito tudo, é só cortar a parte do cartão.
Nessa figura, eu usei a ferramenta Pincel (Brush), o Brush Stars (São muito variados, disponibilizarei o link dele em breve) e usei o Estilo (Styles) Candy.

Faça um retângulo, pequeno, mas nem tanto. Feito isso, pegue a ferramenta Brush (Pincel) e procure pelo Pincel-padrão 112. Caso ele não se encontre em seu PhotoShop, vá até a pasta do Photoshop, o local de instalação, onde fica as DLLs dele, e procure pela pasta PRESETS, abra ela e procure por BRUSHES. Abra a pasta, e então, carregue os Brushes até achar o padrão 112. Defina as seguintes configurações:

                                                         Forma da ponta do pincel


                                                         Dinâmica da Forma


                                                         Dispersão


                                                         Dinâmica da Cor


                                                         Transferência


Definidas estas configurações do pincel 112, coloque a cor do pincel de sua preferência, e a cor de fundo como preto ou outra cor. E então, contorne o retângulo todo, não se esqueça de Rasterizar a camada do retângulo!
Passe o pincel bastante para ficar bem destacado.
Feito isto, deverá estar mais ou menos assim:




Agora vamos fazer as bordas.
Baixe o Brush clicando aqui. (Obs.: Requer WinRAR para abrir).
Baixe o Estilo Candy clicando aqui. (Também requer WinRAR)

Depois de baixados, carregue-os.
Depois de carregados, vá na camada do Retângulo, e aplique um dos estilos Candy, de sua preferência.
Depois, pegue o Brush das estrelas, selecione algum pincel do pack do Brush de Estrelas e então, clique diversas vezes, por vários cantos nas bordas! (Obs.: Crie uma nova camada, e coloque ela acima de todas)
No meu caso, não quero estrelinhas. Mas as vezes coloco para ficar legal.




E depois é só colocar a mensagem que desejar, e personalizá-lo como quiser!
Use estilos variados! Abuse da criatividade! Use diversas ferramentas e veja o que pode aplicar nos seus trabalhos. Use brushes diversificados! Use Estilos, Padrões, Degradês, de modo que te agrade, e que agrade a pessoa que deseja agradar! :)

Como fazer um banner em Gif


Olá Pinguim Designer! Tudo bem?

Hoje irei ensinar a fazer uma banner em gif. Com o photoscape será muito fácil realizar, por isso, abra-o. Abra também um ficheiro no paint.net com as dimensões de 197x279. Copie o ficheiro para o photoscape e coloque tudo o que quiser. Como em baixo:


Copie o ficheiro para o paint.net. Depois selecione o ficheiro e copie-o de novo para o photoscape. Não guarde o ficheiro que estava no photoscape. Depois adicione qualquer outra coisa, como por exemplo, "Entre", como a seguir:


Copie o ficheiro para o paint.net e guarde os dois ficheiros. Depois no photoscape abra "Animação Gif". 


Quando abrir, adicione as duas imagens guardadas. Se elas estiverem adicionadas, em cima, aparecerá isto:


primeira imagem deverá ser aquela que quer que apareça primeiro. Depois, terá de modificar o tempo. Para isso terá de clicar no botão "Alterar a duração da apresentação das fotografias" e coloque 100 ou outro tempo sendo que 100=1 segundo. 



Finalmente, clique em guardar e pronto! O resultado será mais ou menos isto:

Clique se não conseguir visualizar!

Espero que tenham gostado! Se quiserem mudar totalmente a segunda imagem, não copiem do paint para o photoscape. Fazem a nova no photoscape e depois passam para o paint para guardar. Comente a postagem! Todas as dúvidas serão respondidas!
Até mais!

Como deixar o blog em manutenção


Olá Pinguim Designer! Tudo bem?

Muitas vezes o seu blog está em manutenção e você fecha-o para autores. Isso não é um ato correto, porque assim seus leitores irão pensar que o blog está fechado e deixarão de o visitar. A melhor maneira de continuar a receber visitas e ter o blog em manutenção é mesmo colocá-lo em manutenção e para lhe ensinar a fazer isso é que eu estou fazendo essa postagem. Colocar o blog em manutenção é bastante simples. Em 6 passos eu ensinarei a colocar o blog em manutenção. Veja: 

1. Abra o html do blog em que irá colocar a manutenção;

2. Clique em ctrl+f e procure "<body>";

3. Depois de "<body>" coloque o seguinte código:
<div id ="manutencao"><center><h3>Blog em Manutenção</h3><br/>Escreva aqui </center></div><span class='item-control blog-admin'>
4. (Substitua "Escreva aqui" pela mensagem que quer que os seus leitores vejam, por exemplo, "O  blog está em manutenção, pois estamos a fazer uma atualização de template, mas logo que possível estará de novo aberto. Obrigada pela compreensão".);

5. De seguida, procure pela tag "</body>";

6. Antes de "</body>" coloque o seguinte código:
</span>
(Opcional) O fundo estará transparente, mas se quiser colocá-lo com uma cor sólida procure "<body>" e antes cole o seguinte código:
<style type='text/css'>
#manutencao {
background-color: #ffffff;
-webkit-border-radius: 15px; 
-moz-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px; 
 }
</style>
Para editar a cor, basta ir á tabela de cores (clique aqui) e procurar o código da cor que quer. Depois substituir por "#ffffff" (branco) pelo código da cor que quer. O resultado será esse:


Quando o blog estiver pronto a ser visto por todos os leitores, apenas tem que remover todos os passos aqui dados. Atenção: Terá de tirar todos (até mesmo a tag "</span>")! Bom, espero que tenha gostado do tutorial. Continue acompanhando o blog para mais novidades!
Até mais!

domingo, 23 de dezembro de 2012

Resultado Concurso melhor banner

Olá pinguins, sou eu, Luksthere, trazendo à vocês o resultado do concurso de banner. Bom pessoal, tivemos 9 participantes, todos me agradaram, mas teve aquele que se destacou entre eles. Bom, a pessoa que se destacou, foi nada menos do que o designer do CP Avalanche, isso mesmo, o Skilfordt. Bom, vai ai o banner feito pelo skilfordt:


Bom, esse banner será usado no próximo layout do Penguins Designer, parabéns, Skilfordt, você é um grande designer! Aos que não ganharam, não fiquem tristes, pois haverão outras oportunidades!
Bom, vou ficando por aqui, até mais, designers!


segunda-feira, 17 de dezembro de 2012

Como criar instalador para programas.

Olá designers! Shocker postando.
Bom, muitos de vocês devem estar pensando: Criar um instalador para um programa, envolve PHP, JavaScript e dentre outras avançadas. Sim, instaladores profissionais sim, envolvem, mas como estes, não irá usar, hoje apresento um tutorial simples, que precisa apenas 2 programas para criar um instalador, estes chamados: WinRAR (descompactador) e Nullsoft Scriptable Install System, ou NSIS (Criação de Instaladores), NSIS é capaz de criar diversos instaladores personalizados, porém, envolve mais experiência, é mais complicado, nosso caso é apenas criar um simples, por enquanto. Baixe o NSIS e WinRAR. (Clique para baixá-los, no nosso caso, como exemplo de programa iremos usar o SWF Decompiler.
Caso queira usar o SWF Decompiler como base, basta clicar aqui para baixar.
Primeiro, arraste a pasta dele para o Desktop:



Feito isso, clique com o botão direito na pasta, e clique em Adicionar para o arquivo... e irá aparecer este menu:



Em ''Formato do arquivo'' marque ZIP e dê OK, espere concluir a extração.
Abra o NSIS e então, selecione: Installer based on ZIP File, clique em Open e selecione a pasta zipada na área de trabalho.
Poderá estar parecendo assim:



Em Default Folder, selecione $Desktop e dê OK, essa janela irá aparecer:



Espere terminar, teste o arquivo e pronto.
Lembrando que, em alguns computadores, somente o arquivo .exe NÃO FUNCIONA SEM O CONTEÚDO DA PASTA DELE.

E só. Até a próxima!

sábado, 15 de dezembro de 2012

Reclamações no xat - Vírus nos downloads de arquivos

Olá, aqui é o Shocker novamente e estou a postar sobre uma reclamação frequente no meu Private Chat no do Bate-Papo do blog.

Muita gente está reclamando sobre o crack dos programas da adobe, que é uma DLL e o antivirus julga isso como um vírus ou como algo que danifique o sistema.
Sim, o mal uso da DLL, pode sim causar problemas no computador se, colocada na pasta errada, como por exemplo, colocada na pasta SYSTEM32 do Windows 7.

Agora quanto ao vírus, se o seu antivírus é Avast, gostaria de relembrá-lo que o Avast era bom, porém, com o decorrer dos tempos começou a cair e dar alarmes falsos de vírus, e então, gostariamos também de relembrar que, somos totalmente contra qualquer tipo de ameaça ao sistema de computadores e, não permitimos a divulgação de links infectados, enfim, nenhum de nós sabemos criar virus e, não temos interesse, e nem por quê querer danificar o sistema de alguém com os já criados por desconhecidos.
Mas também, não somos culpados pelo seus atos, ou pelos seus mal-entendidos quanto ao uso do que aqui de divulgado. Se você não sabe como usa por exemplo, a DLL do crack, não tente mexer sozinho, recorra no xat, peça ajuda a alguém, e por favor, não faça-o antes sem saber, e caso aconteça algo, não nos culpe por isso. Quanto ao antivirus, o Avast, não é tão ruim, porém, dá muitos alarmes falsos, e pode fazer você recuar qualquer arquivo importante, e posso afirmar isso, pois já baixei arquivos importantes para o computador e ele bloqueou esses arquivos.
Quer um antivirus bom? Baixe um pago, ou então, baixe-o pago, e procure um que possua um crack ou ativador. Comodo Internet Security é um ótimo antivirus e não é pago, e segue aqui uma lista dos 5 melhores antivirus pagos do mercado:

1- Kaspersky Internet Security
2- Bit Defender Internet Security
3- Norton Internet Security
4- McAfee Internet Security
5- Nod 32 Antivirus

Obs.: Destes, apenas Kaspersky e Norton, possuem um ativador. Kaspersky possui uma licença que você baixa e então, coloca nele, e depois ela fica ativa por 325 dias.

Norton possui um ativador, assim você pode ter ele para sempre, contanto que ative-o novamente antes de os dias do programa acabar.

Lembre-se também: Todo tipo de Patch, Crack ou Keygen é vírus para fazer o programa funcionar, porém, é um tipo de vírus que não danifica o computador.

E então é só, e lembre-se: Recorra no xat, peça ajuda a alguém, e por favor, não faça-o antes sem saber, e caso aconteça algo, não nos culpe por isso. Obrigado.

sexta-feira, 14 de dezembro de 2012

Como linkar menu usando DreamWeaver

Olá designers, básicos, médios ou avançados!
Aqui estou eu de novo, Shocker para tirar o seu sossego e dessa vez, o tutorial é, de como linkar um menu usando o DreamWeaver.
Muita gente gosta de usar o Image Maps! Mas com o DreamWeaver, vamos ver que é quase a mesma coisa.
Primeiro, abra o DreamWeaver, clique em HTML, depois de aberto, certifique-se que está na aba Design e não na aba Code.



Feito isso, clique em Insert > Image.
Escolha a imagem, dê OK, dê OK novamente, e a imagem aparecerá.
Lá embaixo na barra de propriedades, um pouco mais embaixo, terá isso:


Clique no retângulo, e então, faça um retângulo em cada palavra, assim:


As pontas azuis, indicam que o botão foi selecionado. Vá clicando em cada um para linká-los.
Para linkar, basta clicar nele, e em seguida digitar o link onde mostra a figura abaixo:


Onde está escrito LINK, apague o # e coloque o link desejado, em Home no caso, irei colocar o link do Penguins Designer!



Depois de linkar tudo, clique em Code, irá aparecer uma tela igual a essa, porém, com os links diferentes, os links no qual você quis atribuir ao menu!



Basta copiar o código de <img src= até a tag <map> e colar esse código abaixo da tag <div id='header-wrapper'˃, no HTML do seu blog!

E foi só! Dúvidas, perguntem no xat!