» Sobre a Petpag
• Home
• Créditos
• Link-me
• F.A.Q

» Awards
• Awards recebidos

» Iniciando com o PFS
• Conhecendo o programa
• Ferramentas

» Tutoriais
• Menu de tutoriais
• Peça um tutorial

» Extra
• Galeria
Ooi,seres,pois é,espero que tenham notado a reforma na petpag *-* Se não notou,é melhor ir procurar um oculista.
Ah,como eu sou muito inteligente,coloquei textura no layout,e ficou com essa falha,mas eu não to nem aí,ok? :P Não reclama.
Qualquer dúvida,mande um neoemail para lolla_likka e eu ficarei feliz em ajudar.

Lolla. 05/06/10 .

Contador






Regras


-Não copie absolutamente nada dessa página.
-Se aprendeu algo aqui,me dê os créditos.
-Não disponibilize o que eu ensino aqui na sua petpag.
-Não desrespeite as regras. (lol)



• Á miimieh pela codificação do layout.

• Pelo Css

• Os fundos e imagens(exeto as prints,que eu mesma tirei,e o resultado final dos tutoriais,que eu mesma fiz) eu peguei de sites de busca,se for de sua autoria me mande um neoemail.

• Ao Tutorial de Html da Mah pelo widget.



















• O PFS é grátis?

Resp:Sim,mas para que ele seja grátis,é preciso registrar,pois senão,só dura 30 dias.
Photobucket















• Diamante:2
• Ouro:4
• Prata:1
• Bronze:0
Aqui nós iremos chamar o Photofiltre Studio de PFS.
O PFS é um ótimo programa de edição gratuito,mas se não for registrado,ele durará apenas 30 dias.
Eu não vou ensinar como baixar,registrar e passar para português,mas você deve achar isso facilmente em sites de buscas.Não me responsabilizo por vírus,mas isso depende de onde você baixa.
O PFS é um programa simples de entender,porém aqui eu vou ensinar como fazer as coisas bunitinho. -hehe
Então,abra o seu PFS e comece a aprender as coisinhas,navegue no menu ali ao lado.

Atenção,o photofiltre não é a mesma coisa do photofiltre studio.O photofiltre studio tem mais coisas.
• Ferramentas Superiores
• Ferramentas Laterais
Esta é a barra de ferramentas da parte superior do programa:(a imagem foi diminuida,arraste até a barra de navegação para ver melhor)

Então,vamos conhecer melhor as ferramentas circuladas:

• Laranja:A primeira ferramenta é para abrir um documento novo.
A segunda ferramenta é para abrir um arquivo já salvo.
A terceira ferramenta é para salvar,mas se você clicar nela ela salvará em cima do arquivo original,então é melhor clicar em arquivo-salvar como- para salvar.

• Azul Claro:A setinha contrária anula o que foi feito e a setinha para frente faz de novo o que você anulou.

• Rosa:ferramenta de texo,vamos conhecê-la melhor depois.

• Verde:ferramentas de colorização,preto e branco,sépia,e fotografia antiga,respectivamente.

• Marrom:Ferramenta variar tom,ela muda as cores das imagens de duas formas,colorizar e matriz,eu não sei explicar muito bem a diferença,depois compare vocês,mas eu prefiro matriz.

• Azul escuro:Degradê,deixa em degradê,tá na cara,né?

• Vermelho:PhotoMasque,ele coloca uma máscara,ou moldura,ou enfeite,na sua foto,layout,etc,é muito útil,aprenderemos mais tarde sobre ela.

Voltar para as ferramentas
Esta é a barra de ferramentas da parte lateral do programa:

Então,vamos conhecer melhor as ferramentas laterais:

• Lá em cima temos as cores,os quadrados maiores são as cores selecionadas,o da frente é o do pincel e o de trás é o da borracha.

• Agora vamos na ordem.A setinha é a ferramenta de seleção,muito útil para layouts,vamos saber mais sobre ela depois,repare quando você clica nela que,lá em baixo tem várias opções de seleção e uma pasta,com mais opções ainda.O polígono,que é uma opção de seleção,é util para recortar imagens.

• Ao lado da setinha,temos a ferramenta de gerenciador de camadas,onde você tem a opacidade e o modo de mistura,o modo de mistura ajuda muito nos efeitos,e quando você tem preguiça de retirar o fundo das imagens.

• Ao lado do gerenciador de camadas,temos a ferramenta mover,que eu nunca usei-hehe então,eu acho que ela serve para mover camadas,mas sempre que eu vou mover uma camada eu clico no gerenciador de camadas e movo.

• Depois disso temos o conta-gotas,eu descobri uma coisa que eu não sabia nele,ok,clique lá e veja, tem uma caixinha branca e está escrito web acima dela,então ao clicar em uma cor,aparece lá o código da cor,isso é muito útil em layouts,css,scrollbars e etc.

• A varinha mágica serve para selecionar,e se você clicar nela,pode reparar uma caixinha branca escrito tolerância em cima,você pode colocar mais ou menos de acordo com a imagem que você quer tirar o fundo,se colocar mais,a seleção fica mais rente ao contorno da imagem e vice-versa se colocar menos.E se você marcar a caixinha cor,e selecionar uma cor na sua imagem,toda parte da imagem que tiver esta cor vai ser selecionada automaticamente.

• A ferramenta de linha serve para fazer linhas e setas,quando você clica nela aparece para ajustar,e você pode escolher se quer uma seta.

• Ferramenta prencher serve para prencher-haha ook,assim como a varinha,tem a tolerância,que funciona da mesma forma.e se você marcar a caixinha padrão,lá em baixo,você pode escolher um padrão para preencher sua imagem com o balde.

• Aerosol,é tipo a ferramenta spray do paint,mas você pode ajustar quando clica nela,e selecionar a opção arco-iris.

• Borracha,também é útil diminuir ou aumentar a pressão da borracha,no caso dos blends.

• Pincel,você pode ajustar o tamanho,formato e pressão.Lá em baixo também terá uma caixinha escrito cor,você poderá alterar para os outros modos e obter outros resultados,eu gosto do modo 3D.

• Pincel avançado é onde tem os brushes para usar,o programa ja vem com alguns,mas veremos mais tarde como colocar mais.Para usá-los,clique na ferramenta pincel avançado e depois na pasta e selecione,depois,basta aplicar na imagem.

• Clonagem,serve para copiar e colar uma parte da imagem.Para usar essa ferramenta aperte ctrl no teclado,clique no local da imagem que você deseja copiar,solte o botão ctrl e depois clique eu outro lugar da imagem para colar.

• As ferramentas desfocar e borrar podem ser ajustadas em tamanho e pressão,é útil para disfarçar quando você recorta uma imagem.

• A ferramenta retocar é mais para fotos,tira os olhos vermelhos e manchas do rosto,etc.

• A ferramenta deformadora,como o nome diz,deforma a imagem.

• A ferramenta pincel artisco dá um efeito a sua imagem,pode ser ajustada e você pode escolher um do vários efeitos.

• A ferramenta decoradora,a qual chamamos de nozzles,são desenhos para serem aplicados na imagem,eu não aconselho colocá-los em layouts.

Voltar para as ferramentas
• Shapes
• Ctrl B
• Salvando materiais
• Blends
• Ferramenta de texto
• Decorando layouts
É,agora você pode pedir um tutorial,se você quer aprender algo,peça,e se possível,colocaremos aqui.Basta enviar um neoemail para lolla_likka com o título "tuto PFS" ,e dizer o que você quer aprender.





Dificuldade:Fácil
Os shapes feitos no Photofiltre Studio não fica tão parecidos com os shapes do photoshop,mas eles são bem bonitinhos e quebram um galho.

Cortinas


Selecione a ferramenta eclipse(atalho no teclado B).

Selecione a cor que deseja na cortina e depois inverta naqueles quadradinhos,a cor da cortina deve ficar no quadrado de baixo,para você preencher usando o delete do teclado.
faça circulos do formato da sua cortina,como na figura.(a imagem foi diminuida,arraste até a barra de navegação para ver melhor)

Depois disso,preencha os espaços acima,e com a varinha,selecione a cortina inteira.
Vá em filtro-estilizar-quadriculado-linhas brancas.
Vá novamente em fitro-estilizar,e depois em contorno progressivo.E preencha da seguinte forma:

A cor deve ser um pouco mais escura que a da cortina,marque a caixinha pré-visualizar e ajeite a opacidade e largura como ficar melhor e mais discreto.

Ainda com a cortina selecionada,vá em filtro-estilizar-contorno 3D.
A cor 1 deve ser branca,e a cor 2 deve ser um pouco mais escura que a cor da cortina.A opacidade e largura você ajeita de acordo com a sua cortina.

Eu sugiro fazer a cortina direto no layout,blend,ou seja lá aonde você quer.

A minha ficou assim:


Outros shapes


Você pode fazer shapes a partir de um brushe,ou de uma seleção da pastinha(veja a parte de ferramentas laterais).
Siga os mesmos procedimentos da cortina,a partir da parte de selecionar o desenho com a varinha.

Voltar para os tutoriais




Dificuldade:Fácil
Se você apertar ctrl b no teclado,vai ter uma ferramenta chamada contorno e preenchimento,e que é muito útil para várias coisas,deve ser o que eu mais uso,por isso criei uma parte só para isso.

• Lá em cima temos a opacidade,que vocês já devem saber como funciona.

• Depois temos o limite,que é como um contorno,você pode selecionar a cor e a largura,e eu aconselho marcar a opção antilias,que eu nunca soube o que é ao certo,mas o resultado é melhor quando marca,do que quando não marca,podem comparar.

• Preenchimento,você pode selecionar a cor,ou então escolher um padrão,popularmente chamado de panttern(acho que escreve assim),o photofiltre já vem com alguns.Você pode também escolher um estilo,o que é bem útil quando você vai decorar uma caixinha de layout,ou pode usar o efeito em uma foto em um layout,deixe a criatividade rolar.

• É sempre bom marcar a caixinha de pré-visualização,pois ajuda a arrumar tudo antes de dar o ok.

Voltar para os tutoriais




Dificuldade:Fácil
O Photofiltre Studio vem com alguns materiais,no entanto,você pode salvar mais deles,e portanto,enriquecer mais o seu trabalho.
Vá em um site de busca e procure pelo nome o que você deseja salvar.
Podem ser brushes,nozzles,pantterns ou masks.
Depois que achar,salve em meu computador-arquivos de programa-photofiltre studio-pasta correspondente,por exemplo,se você for salvar um panttern,salve-o na pasta de pantterns,e assim por diante.

Voltar para os tutoriais




Dificuldade:Média

Fazendo o blend


Primeiramente,o blend é uma mistura de fotos,não é uma montagem,recortar duas fotos e colocar uma do lado da outra não é blend,é montagem.

O modo como faço blends,eu adaptei do jeito que uma amiga minha ensinou,porque eu achei que fica com acabamento melhor,então,eu vou passar para vocês.

Abra um arquivo em branco,eu geralmente faço de 500x300 px.
Abra de 2 a 3 fotos,aconselho que sejam parecidas,com a mesma roupa.
Cole uma das fotos no documento novo,e posicione-a bem rente á alguma borda do documento,depois vá em camada-transparência-degradê transparente-esquerda para direita ou direita para esquerda,no caso da foto do centro,clique nos dois,um de cada vez.Faça isso com todas as fotos.


Ficou muito transparente,não é mesmo?Pois então,vamos arrumar,dê ctrl c e ctrl v uma vez,depois clique com o botão direito do mouse em cima da camada de cima e vá em juntar com a camada anterior,faça isso até que fique com a opacidade desejada,mas não volte para como estava antes.

Coloque as fotos bem juntas,e depois apague com a borracha com a pressão baixa as partes da foto que estão atrapalhando,não esqueça de selecionar a camada que você quer apagar,e cuidado para não ficar branco.
Selecione o fundo,e o corte como desejar,para cortar,faça o seguinte:vá na ferramenta de seleção e selecione o que você quer que fique,depois clique em cima da parte selecionada com o botão direito do mouse e em imagem rente.

Agora você pode juntar todas as camadas(shift enter).

Decorando


• Degradê:vá em camada-nova-em branco e dê ok.
Vá na ferramenta degradê e ajeite como preferir.Dê ok.
Agora você pode aplicar o degradê de duas formas.
1°-Vá no gerenciador de camadas e diminua a opacidade da camada do degradê.Ficará assim:


2°-Vá no gerenciador de camadas e mude o modo de mistura para máximo.Ficará assim:


• Stock:Aplique um stock.Vá em um site de buscas e procure por stock photofiltre.Salve a imagem em uma pasta fácil de achar,e abra junto com seu blend no pfs.
Cole o stock no blend,vá no gerenciador de camadas e mude o modo de mistura para máximo.Vá na borracha,diminua a pressão e apague no stock as partes que cobriram a foto,no rosto,por exemplo.Você pode usar vários stocks em um blend só.Ficará assim:(eu usei 1 stock)


Voltar para os tutoriais




Dificuldade:Fácil
Aqui vocês vão aprender a colocar uns efeitos legais nas letras de seus layouts,blends,ou qualquer coisa.
Nesse tutorial eu vou separar por efeito,mas primeiro você deve aprender o básico.

Temos alguns efeitos de texto,que são próprios para o texto.
Após clicar na ferramenta de texto,aparece esta janela:



Clique na parte destacada em vermelho.
Vai aparecer a seguinte janela:



Então,dependendo do que você marcar ali,seu texto vai ficar de um jeito diferente.Vamos ver então,como vai ficar de cada jeito,de acordo com a marcação de cores que eu fiz na print.Você pode usar vários efeitos em um texto só.Eu usei meu nome no exemplo.

• Amarelo:sombreado,coloca sombra na letra,fica assim:


• Roxo:limite,é um espécie de contorno na sua letra.Fica assim:


• Azul:desfoca seu texto.Eu acho bonito,fica assim:


• Rosa:Dá um efeito meio 3D ao seu texto.Fica assim:


• Verde:inverte a cor do texto e do fundo.Fica assim:


• Preto:Coloca como "cor" do texto um panttern.Fica assim:


• Vermelho:very important para os efeitos da próxima lição.Ele seleciona o texto como selecionamos imagens com a varinha.

Voltar para os tutoriais




Dificuldade:Média
Bom,acho que todo mundo quer aprender isso,não?Isso vai da criatividade de cada um,mas eu vou dar dicas para vocês fazerem um bom trabalho,e se precisar é só mandar um neoemail.Tem que ter paciência,pois este tutorial vai ser grande.

Fazendo o molde


Eu não irei ensinar a codificar,mas se você não for pegar o molde pronto,eu vou dar umas dicas para você criar o seu próprio,e depois codificar.
• Abra um documento novo(na imagem abaixo,de vermelho) de 1002 por 589,de preferência,não sei na sua tela,mas na minha dá certinho.



Depois disso,você cria uma seleção no lugar aonde quer a caixinha,como na imagem:



Use a ferramenta em vermelho para criar a seleção,e para criar a caixinha,use o tutorial de ctrl+b.

Fundo


Bom,vamos criar o fundo,tem muitas maneiras de fazer isso,vou mostrar aqui,sem antes ter caixinha nenhuma:

Usando stocks

:Como este lay atual da petpag,você pode usar stocks para criar um fundo moderno.Comece pegando seu molde,abra alguns stocks grandes,do tamanho do molde ou maiores,e copie e cole no layout.Sim,meu exemplo será pequeno.Caso faça no molde,ja com as caixinhas,selecione o fundo com a varinha,clique com o botão direito,e inverta a seleção,depois,copie e cole,assim você terá uma camada a mais,para não atrapalhar.Se optar por fazer isso,precisará ver o tutorial de camadas.(Irei fazer logo).



Bem,agora você pode colar os stocks no seu layout,em que o fundo esteja pintado de alguma cor escura,os seja um próprio stock,senão não aparece,e mudar o modo de mistura deles,assim:(é só clicar no gerenciador de camadas).



Bem,agora é só você colocar vários e arrumar as posições,também pode usar a borracha para apagar o que não quer mais.



Também fica legal misturar alguns brushes(falaremos sobre isso depois).

To be continued



Voltar para os tutoriais




Aqui eu irei expor as coisas que vocês,aprendizes terráqueos *-* fizeram usando meu tutorial.Podem enviar por neoemail para
lolla_likka e eu colocarei aqui.

By:xuxubabi. Ficou lindo,parabéns.




By:ashelleeey. Ah,Ash,ficou uma gracinha,adorei.




By:srta_poppyh.É uma montagem,ficou muito bonito.







Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
/help/bumper/headers/log-in-to-facebook

NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2014.
® denotes Reg. US Pat. & TM Office. All rights reserved.

PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions