×

Langue

Fermer
Atelier 801
  • Forums
  • Dev Tracker
  • Connexion
    • English Français
      Português do Brasil Español
      Türkçe Polski
      Magyar Română
      العربية Skandinavisk
      Nederlands Deutsch
      Bahasa Indonesia Русский
      中文 Filipino
      Lietuvių kalba 日本語
      Suomi עברית
      Italiano Česky
      Hrvatski Slovensky
      Български Latviešu
      Estonian
  • Langue
  • Forums
  • /
  • Transformice
  • /
  • Fanarts
  • /
  • [Oficial] Central de Tutoriais e Downloads
[Oficial] Central de Tutoriais e Downloads
Gecs
« Consul »
1427078040000
    • Gecs#0095
    • Profil
    • Derniers messages
    • Tribu
#1
  0

http://i.imgur.com/UfMO4uL.png



Olá à todos. Este tópico foi criado com o intuito de reunir em um local tutoriais e links de downloads de fontes, styles, brushes, shapes, e tudo que possa ajudar você a fazer o seu banner.

Serão vocês usuários que compartilharão seus conhecimentos aqui neste tópico, por esse motivo pedimos que sejam cordiais e acima de tudo, tentem ajudar outras pessoas a entrar no ramo de fazer banners.
Se você não tem vontade de disponibilizar o link para download, você pode simplesmente montar uma pequena lista com nome de fontes ou styles que você usa e quem se interessar procura para baixar.

Como em todo local existem regras, aqui não será diferente.

1. Não serão aceitos links desconhecidos e que possam expor nossos usuários à sites fraudulentos.
2. Para fontes, se possível, colocar uma prévia de como a fonte é no tópico.
3. Além disso para download de fontes, recomendamos os sites dafont e netfontes.
4. Não serão aceitas conversas paralelas e comentários desnecessários, os mesmos serão moderadas. Poste somente links para downloads e tutoriais.
5. Não serão aceitos links para download de programas como por exemplo, photoshop e photofiltre.

Divirtam-se.
Minkz
« Citoyen »
1427079000000
    • Minkz#0095
    • Profil
    • Derniers messages
    • Tribu
#2
  0
  • Introdução
  • Tutorial básico
  • Tutorial intermediário
  • Tutorial avançado
  • Dicas
Esse é um tutorial com o objetivo de ensinar a fazer um banner bonito e agradável. Eu não sou nenhuma expert em photoshop, mas com o pouco conhecimento que tenho quero dividir com vocês e dar algumas dicas. Espero que aproveitem bem esse tutorial.

Programa utilizado nesse tutorial: https://cdn4.iconfinder.com/data/icons/adobe-vicons/512/Photoshop-20.png Adobe Photoshop CS6

http://i.imgur.com/LRtBkS0.png http://i.imgur.com/eVr91rJ.png

http://i.imgur.com/eKwQDmT.png http://i.imgur.com/y2iq9TY.png


Em construção.

- Funções dos estilos de camada
Em construção

- Uso de linhas-guias, centralização, etc.
- Mistura de fontes, tamanhos, etc.
- Aplicando imagens
Em construção

- Cores
- Tamanhos para banner
- Fontes
- Pesquisa mais eficiente de imagens usando o google
Hatakakashi
« Citoyen »
1427079660000
    • Hatakakashi#0000
    • Profil
    • Derniers messages
    • Tribu
#3
  0
Tirar fundo de imagens para serem usadas em banners pelo Photofiltre:


Imagem inicial:

http://i.imgur.com/jbMhJhY.png

Abra seu Phofiltre e escolha a imagem na qual quer deixa-la sem fundo:
Nota: Imagens com fundo de apenas uma cor são mais fáceis de ter o fundo removido.

http://i.imgur.com/9zEDSWu.png

Selecione o fundo da imagem usando a ferramenta Magic Wand (varinha mágica) e clique em Transparent Color.

http://i.imgur.com/HzQt6xb.png

O fundo que foi retirado ficara quadriculado como a imagem a seguir:

http://i.imgur.com/MVHwJvX.png

Salve o arquivo em PNG.

Resultado:

http://i.imgur.com/Uh1cXZK.png

Como podem ver o resultado do Photofiltre nem sempre fica tão bom. :[


Tirar fundo de imagens para serem usadas em banners pelo Paint Tool Sai:



Imagem inicial:
http://i.imgur.com/jbMhJhY.png


http://i.imgur.com/kCpRcEt.jpg
http://i.imgur.com/jAKq1zh.jpg
http://i.imgur.com/Tyb8YK2.jpg

http://i.imgur.com/9iK6dcQ.jpg



Resultado:
http://i.imgur.com/Q0GPg8i.png



Espero que tenha ajudado. <3

Dernière modification le 1427083440000
Startygor
« Citoyen »
1428274440000
    • Startygor#0000
    • Profil
    • Derniers messages
#4
  0
Como Fazer um Formato " Quase Perfeito " Para Banners! *Phothoshop CS6*

Todos os Textos Grifados Vocês Que Escolhem ( Opcional )


1 ºPrimeiro Você da CRTL + N
2º Você Preencha Assim :
http://i.imgur.com/Q4qb6OJ.png
Eu Fiz o Meu :
http://i.imgur.com/tfMA5cM.jpg

Espero ter ajudado!
Dolgls
« Citoyen »
1428279660000
    • Dolgls#0000
    • Profil
    • Derniers messages
#5
  0
Startygor a dit :
Como Fazer um Formato " Quase Perfeito " Para Banners! *Phothoshop CS6*

Todos os Textos Grifados Vocês Que Escolhem ( Opcional )


1 ºPrimeiro Você da CRTL + N
2º Você Preencha Assim :
http://i.imgur.com/Q4qb6OJ.png
Eu Fiz o Meu :
http://i.imgur.com/tfMA5cM.jpg

Espero ter ajudado!

nao é querem difamar seu tuto
mas amg
vc só ensinou a criar uma nova camada
e os banners?
Magicaana
« Citoyen »
1428283740000
    • Magicaana#0000
    • Profil
    • Derniers messages
    • Tribu
#6
  0

http://i.imgur.com/nHLSv8U.png


Oi gnt!Este é meu primeiro tutorial,e o tema é Como criar um Bannner em 3D(ou quase...) com o Photoscape

http://i.imgur.com/mRT8yIW.jpg


Escolha a cor e a fonte de sua preferência
A seguir,aplique a sombra em uma cor mais escura que a cor(coloquei errado na img) ou preto

http://i.imgur.com/3rKghVs.jpg


Recomendo diminuir um pouco a opacidade da sombra,mas se quiser apenas
Aplique blur até achar que ficou legal.

http://i.imgur.com/zqYdFwe.png


Claro,não fica perfeito mas é bom para quando a pessoa não pode ter photoshop...
Tutorial para iniciantes (no fórum não pega bem o efeito) e espero ter ajudado!!
Fenderthunde
1428779940000
    • Fenderthunde#0000
    • Profil
    • Derniers messages
    • Tribu
#7
[Modéré par Flindix]
Doritosgotos
« Citoyen »
1428843840000
    • Doritosgotos#0000
    • Profil
    • Derniers messages
    • Tribu
#8
  0
Como fazer créditos para banners no seu Photoscape
1º Abra o Photoscape vá em Editor e então coloque o fundo transparente]
http://i.imgur.com/kybt3qO.jpg?1
2º Escreva primeiro o que você quiser.
http://i.imgur.com/w49GXiI.jpg?1
3º Agora vá novamente em "Texto", diminua o tamanho, Se quiser mudar a fonte pode ser e faça tudo que o print explicar:
http://i.imgur.com/lcYN3Yx.jpg?1
PS: Observem, os créditos, estão bem invisíveis, não é, Leia o que eu deixei escrito para entenderem melhor.
E para por uma imagem?
É simples, observe bem.
4º Selecione uma imagem salva no seu computador
http://i.imgur.com/NS7S6Z0.jpg
Eu fiz os meus!
http://i.imgur.com/SwmOvGy.png
Espero ter ajudado!
Dirceum
1429452300000
    • Dirceum#1594
    • Profil
    • Derniers messages
    • Tribu
#9
[Modéré par Kiwrimai]
Minkz
« Citoyen »
1429654380000
    • Minkz#0095
    • Profil
    • Derniers messages
    • Tribu
#10
  0

http://i.imgur.com/a8Bt9aj.png



Já aviso logo que é gambiarra. Funciona com o Photoshop, com outros programas eu não sei.

1º PASSO: Procure sua fonte em algum site de download de fontes que tenha como pré-visualizar um texto. O dafont.com tem essa opção, usarei ele como exemplo.
http://i.imgur.com/FU2g3zl.png
Digite o seu texto na caixa de pré-visualização e selecione o tamanho GRANDE. Clique em OK.

2º PASSO: Com a tecla print screen (se tiver o Lightshot instalado melhor ainda porque ele permite que selecione a área que você quer printar), tire um print e cole no photoshop.

3º PASSO: Com a varinha mágica (provavelmente o atalho é W), selecione a parte branca e aperte a tecla DELETAR.

4º PASSO: Ficará uns espaços em branco. Não se desespere, aí que vem o pulo do gato. Clique com o botão direito em cima da camada do texto e selecione OPÇÕES DE MESCLAGEM. http://i.imgur.com/V67vU0c.png
Nas opções de mesclagem, selecione a opção TRAÇADO e coloque a posição INTERNA. Clique em OK. http://prntscr.com/6wn1vf

5º PASSO: Clique novamente com o botão direito sobre a camada e clique em RASTERIZAR ESTILO DE CAMADA para que você possa personalizar o texto da maneira que quiser sem que o traçado interfira nisso. :D

OBSERVAÇÃO 1: É melhor que selecione o tamanho grande no site para que possa tirar o fundo sem se preocupar em ficar perfeito, porque quando você diminuir o texto usando a ferramenta de mover (atalho V, desde que esteja selecionado a opção de mostrar os controles de transformação), o próprio photoshop vai suavizar o serrilhado.

OBSERVAÇÃO 2: Fontes com muuuuuuuitos detalhes ou que tenham textura de lápis/pincel não costumam ficar muito legais usando esse método.

OBSERVAÇÃO 3: Use uma camada de fundo com a cor do fórum para visualizar bem as partes brancas.


Agora você pode parar de instalar 1 milhão de fontes. De nada.

Dernière modification le 1429654740000
Amandaxn
1429655820000
    • Amandaxn#0000
    • Profil
    • Derniers messages
#11
[Modéré par Kiwrimai]
Minkz
« Citoyen »
1434499020000
    • Minkz#0095
    • Profil
    • Derniers messages
    • Tribu
#12
  0

http://i.imgur.com/9nE0lQA.png

https://cdn4.iconfinder.com/data/icons/adobe-vicons/512/Photoshop-48.png



Lá está você todo serelepe fazendo seu banner, colocando 1 milhão de efeitos, tudo fica lindo e maravilhoso. Quando você termina, olha, pensa, olha de novo e percebe que a cor ficou uma verdadeira bosta. Então você resolve mudar, e mudar não é só mudar a cor da fonte não, vai ter que mudar a cor do brilho, arrumar os efeitos que você tinha colocado azul já que vermelho teria ficado muito melhor.

Pois eu tenho uma solução muito melhor para você resolver esse problema em menos de 1 segundo.

1º PASSO: Clique em Janela e marque a opção Ajustes.

2º PASSO: Com a janela de ajustes aberta, clique em Matiz e Saturação.

3º PASSO: Uma camada de ajustes foi criada, clique com o botão direito sobre ela e em "Criar Máscara de Corte".
e tcharam http://i.imgur.com/96QvXBw.gif !!!
Pode mexer em saturação e luminosidade pra escurecer/clarear a cor.

OBSERVAÇÃO 1: Se o texto for preto, marque a opção colorir.
Jao
« Citoyen »
1434566640000
    • Jao#9569
    • Profil
    • Derniers messages
    • Tribu
#13
  0

http://i.imgur.com/R2CFPBU.png


Programa: Photoscape

1- Escreva o que você quer , mas com uma cor clara , tipo esse bege clarinho que eu usei, depois, coloque a textura do lado, mas que não chegue a tocar no texto.
http://i.imgur.com/15u5R01.png

2- Foto+Objetos e depois vá em Tools e em Clone Stamp , segure o Shift e clique numa parte da textura e vai aparecer uma bolinha:
http://i.imgur.com/15u5R01.png

3- Clique na ponta direita da textura e comece pela ponta direita do texto, clique , segure arraste por todo o texto ( Repita até ficar bem forte), mas que não ultrapasse a imagem , se não irá ficar uma barra preta, que fica feio no banner, se não der pra arrastar , recomece da ponta direita, como eu fiz.
http://i.imgur.com/2zDDdux.png

4- Depois que você terminar , vá em cortar , e corte, assim:
http://i.imgur.com/2zDDdux.png

Depois clique em Cortar
5- Enfeite e pronto!

http://i.imgur.com/HcXh8FP.png

Xcoocaax
« Citoyen »
1440708660000
    • Xcoocaax#0000
    • Profil
    • Derniers messages
    • Tribu
#14
  0
  • Inicio
  • Regras
  • Fontes
  • Editores Recomendados
  • Imagens PNG
http://i.imgur.com/VoEdusS.png
Oláá Pessoal! Hoje estou aqui com essa idéia inovadora para vocês! A Escolinha de Banners!

Objetivo da Escolinha:
Ensinar a fazer Banners para as ratinhas que não sabem! Dúvidas nos comentários!
http://i.imgur.com/5l6ljUC.png
  • Proibido salvar outros banners e falar que é seu!
  • Proibido Colocar Imagens +18
  • Favor, não fazer comentarios desnecessários
http://i.imgur.com/8npbi2U.png
É muito simples baixar fontes! Primeiramente vá no Dafont.com !
Depois lá terá várias fontes!

http://i.imgur.com/ryay9LK.png

Você também pode buscar fontes.. Exemplo:

http://i.imgur.com/dsooTjy.png

Depois que você escolher a Fonte, clique em Baixar!

http://i.imgur.com/NLBBner.png

Assim que você baixar a fonte, clique no download:

Obs: Não é obrigatorio ter o win.RAR

http://i.imgur.com/nuUH4V8.png

Depois que vc abrir a pasta da fonte (seja no Explorador de Arquivos ou win.RAR) vc clica no arquivo que tem o desenho de um A azul:

http://i.imgur.com/Mvje5Vl.png

E vai abrir uma outra aba:

http://i.imgur.com/MNq8CfQ.png

Clique em [Instalar] e pronto, a fonte foi baixada no seu computador!
http://i.imgur.com/0SJ6Gqf.png
Eu recomendo o editor PhotoScape, porque ele é mais fácil de utilizar e criar banners!

Ele é ótimo para iniciantes! Pesquisem mais no youtube!

photoscape.br.uptodown.com

De preferencia versões mais atuais!
http://i.imgur.com/Yr4wiBz.png

Olá Gente, aqui ensinarei como baixar fotos PNG e a fazer banners..
Primeiramente vá até o google.com e pesquise, "Fundo PNG"

http://i.imgur.com/G7eZcyN.png

Para saber se a imagem é png ela terá vários quadradinhos no fundo, mas esse quadrados só aparecerá no google. pois quando vc baixar ela, ela vai parecer apenas uma imagem branca, mas ela continuará sem fundo :)

http://i.imgur.com/eh48FfL.png

Depois que vc baixar ela, abra-a no "PhotoScape"
Site do download em "Editores Recomendados"

http://i.imgur.com/SorV8Ev.png

Assim que vc abrir ela, primeiramente adicione um texto! Aperta na ferramenta [T] na sessão [Objeto]

http://i.imgur.com/T3O7vQa.png

Vc também pode baixar fontes personalizadas! O tutorial está em "Fontes"

Obs: o Texto já vem sem fundo

Aqui vai um exemplo:

http://i.imgur.com/L2YBGlZ.png

Vc poderá também adicionar contorno e etc...

Agora vamos por bonecas, carros, etc..
Faça o mesmo que você fez para baixar a primeira imagem png, é só subir lá em cima e rever!
Vamos no google novamente, eu irei baixar alguma coisa em PNG, Veja o Exemplo:

http://i.imgur.com/9mCeBuf.png

Depois que você baixar, volte lá na sua imagem com fundo png novamente!
Clique na ferramenta [Foto] Que está localizada na sessão [Objeto]

http://i.imgur.com/blwGkJb.png

Em seguida clique em [Foto]

http://i.imgur.com/TXF3lq8.png

Depois vá até a pasta onde você salvou a foto:

http://i.imgur.com/BYO8xOY.png

Clique duas vezes sobre a foto, ou a selecione e clique em [Abrir]
Depois vc ajusta o texto e a imagem, e em seguida quando terminar, vá em [Cortar] e corte a imagem, caso ela fique muito grande:

http://i.imgur.com/oZiPYW3.png

E em seguida clique em [Salvar] e em se vc quiser pode salvar a imagem em outra pasta escolhida ou salvar ela de vez
OBS: O photoscape faz uma pasta com todas as imagens modificadas, só que originais (Sem nenhuma das modificações que vc fez)


Agora vou ensinar a por a imagem aqui no fórum! Vc vai precisar ter uma conta no "IMGUR" um site de Uploads de imagens!

Assim que você criar sua conta, passe o mouse sobre o seu nome e clique em "Images":

http://i.imgur.com/oKYmHXu.png

Em seguida, abrirá sua galeria onde tem todas as imagens que vc fez upload!
Para fazer upload da suas imagens, clique em [Computer] ou [Web]

http://i.imgur.com/FzsRWsU.png

E escolha o seu banner na pasta em que você o salvou!

http://i.imgur.com/QTCdy12.png

Em seguida, abra a imagem e copie a parte em q está escrito
BBCode (message boards & forums)
Clique na folhinha ao lado para copiar, venha até aqui no fórum e cole:

http://i.imgur.com/yAXEcEt.png

E pronto :)
Ponha seus banners aqui abaixo nos comentários *u*

Aqui está o banner que eu fiz juntinha com vc :3

http://i.imgur.com/0goJ3El.png
Snowscloud
1484414340000
    • Snowscloud#0000
    • Profil
    • Derniers messages
    • Tribu
#16
[Modéré par Excasr, raison : Você pode conferir um tutorial do fórum e as regras dele aqui.]
  • Forums
  • /
  • Transformice
  • /
  • Fanarts
  • /
  • [Oficial] Central de Tutoriais e Downloads
© Atelier801 2018

Equipe Conditions Générales d'Utilisation Politique de Confidentialité Contact

Version 1.27