Home Equipe Parceria Tutoriais Image Map

segunda-feira, 30 de julho de 2012

Como Fazer Marca D' Água No Photoshop CS5

Olá designers, Tricknight23  por aqui, primeiramente gostaria de avisar que não postei devido a problemas "técnicos", mas agora vamos ao tutorial, comece por abrir seu Photoshop, e de seguida clique em "Arquivo" e depois em "Novo":


Depois disso, você irá criar uma imagem com os tamanhos 1024 x 600, com fundo transparente:

(clique para ampliar)

De seguida, você irá escolher a ferramenta que tem o símbolo T, e irá criar um texto designado de "Club":


Já estamos a meio do processo, clique em "Camada" no cimo da janela, e vá a "Opções de Mesclagem":


E agora, metam os tamanhos, opacidade etc. igual ao que tenho abaixo:

(clique para ampliar)

Modo de Mesclagem: Normal
Opacidade: 100%
Ruído: 0%
Cor da Estrutura: Azul Escuro (Código Da Cor: #052AF)
Expansão: 100%
Tamanho: 12 px
Escala: 100%
Tremulação: 100%


Profundidade: 1000%
Direção: Acima
Tamanho: 6 px
Opacidade De Modo De Realção: 0%
Opacidade De Modo De Sombra: 13%


Tamanho: 6 px
Opacidade: 100%
Cor: Preto (Código da cor: #000000)

E aqui está como tudo ficará ao fim:


Se quiserem fazer o "Penguin", basta mudar a cor da letra para laranja, o resto fica igual, espero que tenha ajudado designers, e que consigam fazer suas próprias marcas d' água!
Boa Sorte!

Tricknight23 ~







sexta-feira, 27 de julho de 2012

Encomenda-Michael

Olá penguins,aqui quem fala é ryu ninja hoje vim dar a encomenda que o Michael pediu é uma Marca d' água com o Nome Frezzer Club Penguin olhem ela abaixo:
                                                    
Bom Gente é so isso fui!
       @Ryu Ninja
                                                                

quinta-feira, 26 de julho de 2012

Novo Postador!

Olá Penguins,Aqui Quem fala é Ryu Ninja,e como vocês perceberam eu sou o novo postador daqui,e primeiro agradeço muito a Miss Pipa por ter deixado eu postar e fazer encomendas bom olhem minah ficha abaixo:
                                                              Templates Html:Cobro
                                                               Templates sem ser no Html:Não Cobro
                                                               Banners,marcas d' águas,partes de templates
                                                              e etc eu não cobro.
Bom gente se quiserem pedir uma encomenda pessam pelos comentarios ou pelo xat também Fui!
                                    @Ryu Ninja-Equipe Design Penguin-

Como fazer fundo de chat

Olá a todos!
Hoje eu vou fazer um tutorial de como fazer um fundo para chat. Neste tutorial eu vou usar Paint.NET e PhotoScape.
Vamos começar.


1ºAbra o seguinte link: http://i.imm.io/mJVN.png , para guardar o fundo de chat, no seu computador (eu facilitei-vos a vida :D)


2º Vai abrir o fundo de chat editável, com o Paint.NET.




3º Vai usar o balde de tintas e a tabela de cores, para preencher o fundo de chat com as texturas.




4º Vai guardar o que editou no Paint.NET, e de seguida abre o PhotoScape, com o fundo de chat editado do Paint.NET.




5º Colocamos as imagens no fundo de chat, e escrevos o quisermos.




O nosso fundo de chat, está terminado, veja o resultado:






Se tiver dúvidas, consulte os tutoriais: "Usar Paint.NET" e "Usar PhotoScape".
Espero que esses tutoriais tenham sido uteis. 
Até mais, penguinando!



Novas encomendas

Olá pessoal! Dois membros novos entraram para o blog!
Vou mostrar as novas encomendas (que foram 4, 3 delas templates), vejam:

Encomenda de ju40732 

By:

Encomenda de 123sardinha, para o blog: Club Penguin Poker Face:

Cabeçalho: 982x400

Sidebar: 982x171

 Rodapé: 982x197

Titulo de sidebar: 208x35

Fundo de blog

Encomenda de Mamamia, para o blog: Club Penguin Aventura:

Cabeçalho: 982x300

Sidebar: 982x140


Rodapé: 982x150

Título de Sidebar: 294x45

Fundo de blog

Banner: 200x250

Encomenda de Jangos (um grande amigo), para o blog: Novidades do CP Team:

Cabeçalho: 982x302

Sidebar:982x140

Rodapé: 982x200

 Título de sidebar: 294x45

Banner: 200x250

E são só essas as encomendas por agora, mas ainda tenho algumas =D.
Obrigado aos meus amigos por gostarem do meu design.
Até mais...

PS: Algumas imagens estão diminuidas!

segunda-feira, 23 de julho de 2012

Como Pôr Borda De Imagem No Fireworks CS5

Oi designers, hoje trago-vos um tutorial de como fazer um banner no Fireworks CS5, tenham paciência caso não percebam, eu também levei meu tempo a perceber, quando fiz isso pela primeira vez, antes de mais gostaria de deixar o link para baixar o Adobe Fireworks CS5 Portable, não precisa de instalar e é Grátis: http://depositfiles.com/files/o7422wwl1

Começaremos então com o tutorial, após baixar o Fireworks CS5, quando abrir ele, aparecerá uma coisa parecida com o que mostrarei abaixo, e você clicará em "Fireworks Document (PNG)":


Depois disso, irá pedir-vos alguns tamanhos designados de Width e Height, você irá botar 182 x 194, e mais abaixo disso, irá estar a dizer uma coisa "White", você irá trocar ele para "Transparent", se localiza abaixo do mencionado "White":









Como Pôr Borda Nas Imagens Usando Pixlr




Apresentação: Tricknight23

Oi gente, meu nome é Tricknight23, sou designer, como devido e estou em nível médio (na minha opinião), trarei vários tutoriais para esse blog, e espero que possa ajudar vários leitores, e se possível alguns designers iniciantes!

Tricknight23 ~

Como usar o PhotoScape #1

Olá futuros designers!
Hoje eu vou fazer um tutorial de como usar o PhotoScape. Sempre que realizar alguma coisa com PhotoScape, leia antes este tutorial para ficar com uma ideia de como usar o PhotoScape.
Quando abrimos o PhotoScape, vai a aparecer a janela representada a seguir.
Eu vou usar cores apresentadas na imagem seguinte, para dizer as funções de cada coisa.


                                                                 
Editor de Fotografias: o editor de fotografias serve para editar imagens, e é o que mais usamos para fazer banners, by's, cabeçalhos, rodapes, etc.

Editor de várias Fotografias: o editor de várias fotografias, permite editar várias fotografias, ao mesmo tempo, sem que nenhuma fotografia de perca.

Página: serve para construir uma página usando várias fotografias (não vai ser utilizado no blog).

Combinar: serve para combinar varias fotografias ou imagens (não vai ser utilizado no blog).

Animação GIF: a animação GIF é utilizada para fazer by's GIF, banners GIF, etc.

Imprimir: serve para imprimir imagens (não vai ser utilizado no blog).

Divisor: serve para dividir imagens (não vai ser utilizado no blog).

Captura tela: a captura tela é utilizada para fazer print's, de telas que estão abertas.

Selecção de cor: serve para selecionar cores, descobrindo uma cor igual à que selecionamos (não vai ser utilizado no blog).

Conversor RAW: o conversor RAW, serve para converter imagens do formato RAW para JPG (não vai ser utilizado no blog)

Renomear: serve para dar outro nome a uma imagem (não vai ser utilizado no blog).

Paper print: serve para imprimir vários tipos de folhas, pautadas, quadriculadas, calendários, folhas de agenda, etc (não vai ser utilizado no blog).

Vizualizador: o vizualizador é utilizado para vizualizar varias imagens.

E terminei o tutorial, algumas das coisas não são utilizadas, porque não são necessárias para designers, todos as que são necessárias para designers, estão sublinhadas.
Este foi um pequeno resumo de como usar o PhotoScape.
Até ao proximo tutorial..

                                                                             

sexta-feira, 20 de julho de 2012

Nova Encomenda - Marinna

Olá penguins!
Como vai o vosso design?
Vou apresentar um template+html, que fiz para a minha amiga Narinna.
Vejam:
Cabeçalho+menu : 982x350

Sidebar 1 barra esquerda: 982x140

Rodapé: 982x150

Banner: 223x213

Regras de Chat

Bem era só isso, ate mais..

terça-feira, 17 de julho de 2012

Como fazer e aplicar template (2 barras)

Olá a todos!
Hoje vou fazer um tutorial, que pelo titulo já devem ter percebido que vou ensinar a aplicar e a fazer um template de duas barras.
Para que nada falhe, vou apresentar alguns exemplos das várias partes de um template, apresentando as dimensões de cada parte.
Então aqui vai:

Cabeçalho: 982x300
Sidebar: 982x200
Rodapé: 982x200
Título de sidebar: 208x35
Fundode Blog: 200x200
(As medidas estão todas apresentadas em pixeis ou px)

Exemplos:
Cabeçalho:

Sidebar:

Rodapé:

Título de sidebar:

Fundo de blog:

Todos os exemplos de partes de um template foram realizados no Paint.Net.

Agora a parte mais dificil, e que todos se perguntam de como fazer, o HTML do seu template.
Para que nada dê erro, vou apresentar um template de duas barras (clique aqui para aceder a ele). Este template foi disponibilizado por outro blog de design, o Penguins Designer.
Agora, só tem de hospedar as suas imagens, existem muitos sites de hospedagem, eu uso o TinyPic (clique no nome para aceder ao site), e copiar o Direct Link (Link Direto) e colar no sitio certo.
No template divulgado anteriormente, só tem de alterar o que está em CAPS LOCK, caso contrario o Template pode dar erro.
Depois de acabar o seu Template, só tem de aplicar no blog (recomendo a ter um blog de teste para caso de não correr bem).
Conseguiu? Se não conseguiu encomende, mas lembre-se que cobro por isso!

Até mais...

Manutenção do template

Existem erros no template.
Brevemente vão ser consertados.
A equipe do Design do Penguin
O template esta sendo feito pelo kiko