Novo fórum de animes -- regista-te!
Criar Resposta  Criar Tópico 
[Photoshop] Backgrounds para banners
Autor Mensagem
Squall
O RLY?
***


Posts: 630
Grupo: Registados
Membro desde: 15 Jan 2008
Status: Away
Post: #1
[Photoshop] Backgrounds para banners

Outcome:


Dificuldade: 3/10
Materiais usados: Arkeis
Idioma: Português
Autor: Squall
Programa: Adobe Photoshop 6.0
Descrição: Forma simples e eficaz de fazer um background a partir de um pokémon.

---

Para todos aqueles que querem fazer um banner a partir de um pokémon e não sabem, venho em vosso auxílio. Ensinarei uma das minhas técnicas aqui (talvez a mais simples xD), pode não ser a que gostam mais mas foi a que escolhi... não se pode agradar a todos >:]

Primeiro de tudo pega no pokémon base: o centro do banner. Vou escolher um bichinho de quem sempre gostei, o Dragonite, e vou ao Arkeis.com buscar uma imagem sua. Aqui está ela ^^:

Com isto decidido, tenho de pensar nas dimensões do banner... não o quero muito grande mas quero que seja razoavelmente largo... 450x150 parece-me um bom tamanho. Agora o que vamos fazer é, primeiro de tudo, inserir o pokémon na imagem criada, num layer diferente, mas, para isso, diminuir-lhe primeiro o tamanho de forma a que a sua altura não seja maior que a do banner em si. OK, agora que já lhe ajustaste o tamanho e o inseriste no banner tens de escolher a posição em que vai ficar. Esta pode sofrer alterações consoante o background mas regra geral não se vai mexer muito. Sendo que o Dragonite está a olhar para a esquerda, vou inseri-lo na parte direita da imagem: (Seleciona a imagem, arrastando o rato por cima dela, para veres o seu tamanho total.)


OK, as bases estão prontas, vamos ao background em si. Quero dar-lhe um look meio etéreo, meio místico, por isso vou fazer um eco da imagem. Isso consiste em pegar na mesma imagem, mas com maiores proporções, e colocá-la proporcionalmente atrás da imagem inicial. Exemplo.

E agora, pintando o background de uma cor compatível com o Dragonite, vais ver que dá o efeito desejado:

(Opacity do eco: 13%; cor do background: #3F3F00)

E já podes juntar os dois layers separados num só, o do Dragonite e o do eco. Deves agora ficar com dois layers apenas: os Dragonites e o background. Podes fazer um Blending Change para Hard Light, para dar um efeito mais espectacular. Exemplo.

Agora para fazer o background em si, vai ao layer do background e escolhe nas cores #3F3F00 como foreground e #000000 como background colors. A seguir vai a Filter >> Render >> Clouds e a imagem deve ficar assim.

Faz Duplicate Layer do background e ajusta a sua opacity para cerca de 15%. Agora podes fazer Filter >> Brush Strokes >> Dark Strokes e Filter >> Distort >> ZigZag (Amount 24%; Ridges 8%). Faz duas vezes o ZigZag e deverá ficar assim:


A imagem vai ficar mais ou menos assim, agora há imensos efeitos que lhe podes dar, mas vou escolher só um: no layer de 15% de opacity, o em que meteste Dark Strokes, vai a Filter >> Brush Strokes >> Sprayed Strokes.

E pronto. Junta os layers todos. Tens espaço para escrever um textinho, meter uma borda fixe (aconselho Color Dodge, com o mesmo tom de castanho usado em todo o tutorial), dar um efeito de iluminação para dar um pouco mais de profundidade... E também podias dar vários efeitos, escolhendo um novo Blending Change, como Exclusion ou Color Dodge.

Outcome




Espero ter ajudado. Gostava que tentassem e postassem aqui os vossos resultados ^^

<-- Do Not Rip! --> Copyright © Squall 2008

Modificado pela última vez: 15-03-2008 18:16 por Squall.

15-03-2008 17:09
Visitar o site deste utilizador Procurar todos os posts deste utilizador Citar esta mensagem numa resposta
Cloud_ff7
OmniSlash!
**


Posts: 141
Grupo: Registados
Membro desde: 18 Oct 2007
Status: Offline
Sexo: Masculino
Post: #2
RE: [Photoshop] Backgrounds para banners

bom tutorial squal ao menos banners já sei fazer no photoshop graças a ti XD
thanks...



For death is no more than a turning of us over from time to eternity.

15-03-2008 19:35
Procurar todos os posts deste utilizador Citar esta mensagem numa resposta
DiRiccó
Mr.Satan
***


Posts: 707
Grupo: Registados
Membro desde: 10 Oct 2007
Status: Offline
Sexo: Masculino
Post: #3
RE: [Photoshop] Backgrounds para banners

o_ o.
Incrivelmente fácil, nem me vou dar ao trabalho de fazer.Tongue
isto é mesmo para quem começou ontem.
De qualquer das formas, obrigada pelo tuto. Wink



~~~~Grande Super, de Facto hahaha

15-03-2008 20:13
Procurar todos os posts deste utilizador Citar esta mensagem numa resposta
afroSTRYX
Unregistered


Post: #4
RE: [Photoshop] Backgrounds para banners

É um bom tutorial, mas muito fácil.

15-03-2008 20:28
Citar esta mensagem numa resposta
Squall
O RLY?
***


Posts: 630
Grupo: Registados
Membro desde: 15 Jan 2008
Status: Away
Post: #5
RE: [Photoshop] Backgrounds para banners

Stryx Escreveu:
É um bom tutorial, mas muito fácil.


Desde quando é que ser fácil é mau? Acho que é o objectivo... tentei simplificá-lo ao máximo.

15-03-2008 21:56
Visitar o site deste utilizador Procurar todos os posts deste utilizador Citar esta mensagem numa resposta
FlyingPillow
Gongongon is my best
****


Posts: 1,177
Grupo: Registados
Membro desde: 26 Jun 2007
Status: Offline
Sexo: Masculino
Post: #6
RE: [Photoshop] Backgrounds para banners

nem todos somos pros

a maior parte tme vida para além de design....

já agora squall não metas o símbolo de copyright, mete antes trademark

o copyright tem de se pagar, ou seja não é oficial xD

16-03-2008 00:52
Visitar o site deste utilizador Procurar todos os posts deste utilizador Citar esta mensagem numa resposta
Squall
O RLY?
***


Posts: 630
Grupo: Registados
Membro desde: 15 Jan 2008
Status: Away
Post: #7
RE: [Photoshop] Backgrounds para banners

Não precisas de pagar para ter copyright. Precisas de pagar para o registar oficialmente, o que apenas vai servir para provar que é teu, pela data em que foi registado. Mas por exemplo a minha Fic, eu tenho copyright: se alguém ma copiasse seria castigado por lei... o problema era conseguir provar isso, sem um registo oficial.

16-03-2008 07:42
Visitar o site deste utilizador Procurar todos os posts deste utilizador Citar esta mensagem numa resposta
Rox@s
Outstanding Trainer
***


Posts: 334
Grupo: Registados
Membro desde: 09 Jul 2007
Status: Offline
Sexo: Masculino
Post: #8
RE: [Photoshop] Backgrounds para banners



Não sei como fizeste esse efeito fofo no dragonite, por isso a render tá como veio xD
E não sei se combinei bem as cores, que não tenho muito jeitinho para isso, aceitam-se dicas xD


'Abdulih uhlulé'.
20-03-2008 13:52
Procurar todos os posts deste utilizador Citar esta mensagem numa resposta
Squall
O RLY?
***


Posts: 630
Grupo: Registados
Membro desde: 15 Jan 2008
Status: Away
Post: #9
RE: [Photoshop] Backgrounds para banners

As cores não combinam muito, realmente. Um fundo vermelho e amarelo se calhar ficava melhor. Quanto ao efeito na render, no canto inferior direito, na caixinha onde vês os layers, há uma cena a dizer "Normal" com uma drop-down. Carregas no botão da drop-down e devem-te aparecer as várias Blending Changes possíveis: Normal, Dissolve, Multiply, Screen, etc.:

23-03-2008 21:38
Visitar o site deste utilizador Procurar todos os posts deste utilizador Citar esta mensagem numa resposta
DiRiccó
Mr.Satan
***


Posts: 707
Grupo: Registados
Membro desde: 10 Oct 2007
Status: Offline
Sexo: Masculino
Post: #10
RE: [Photoshop] Backgrounds para banners

Rox@s Escreveu:


Não sei como fizeste esse efeito fofo no dragonite, por isso a render tá como veio xD
E não sei se combinei bem as cores, que não tenho muito jeitinho para isso, aceitam-se dicas xD


Ya, tens de mudar o Blend Mode.
Depois a cor que escolheste para o fundo não combina muito também.
Tenta fazer assim: Fazes um gradient map com duas cores do Ho-ho e metes em soft light 30%. Depois dá um photofilter e vê se fica melhor. Muda também o blend Mode do lettering. Wink
Desculpa a invasão Squall xD



~~~~Grande Super, de Facto hahaha

25-03-2008 15:49
Procurar todos os posts deste utilizador Citar esta mensagem numa resposta
Soul
I hate usertitles!!!
**


Posts: 207
Grupo: Registados
Membro desde: 30 Nov 2007
Status: Offline
Sexo: Masculino
Post: #11
RE: [Photoshop] Backgrounds para banners

Squall Escreveu:
inseriste no banner


Isto está no terceiro parágrafo, e eu não percebo como é que o inseres lá.


Sig made by me



Hatch [Eclosão] - 238
Magneton- 313
Magnezone - 343
Lv 100 - 523

17-04-2008 19:32
Procurar todos os posts deste utilizador Citar esta mensagem numa resposta
Goncas Crazy
Spriter
***


Posts: 382
Grupo: Registados
Membro desde: 11 Mar 2008
Status: Offline
Sexo: Masculino
Post: #12
RE: [Photoshop] Backgrounds para banners

Dá para fazer parecido com "Corel Paint Shop Pro Photo X2"?



Lv. 100 - 426
http://www.pokeforum-pt.com/goncas-and-j...#pid157730 - Visitem a nossa loja
Créditos ao Blackserian pelo avatar e pela sig.

10-05-2008 12:19
Procurar todos os posts deste utilizador Citar esta mensagem numa resposta
Marcu
Outstanding Trainer
***


Posts: 430
Grupo: Registados
Membro desde: 26 May 2007
Status: Offline
Sexo: Masculino
Post: #13
RE: [Photoshop] Backgrounds para banners

Bem também fiz e obti um resultado mais ou menos porque o exercisio não era dos mais dificeis mas ainda foi um pouco caricato... ._."


Está aqui:




Vou estar ausente Big Grin
26-06-2008 17:55
Procurar todos os posts deste utilizador Citar esta mensagem numa resposta
KingOfKings
Pokémon Master
**


Posts: 242
Grupo: Registados
Membro desde: 06 Feb 2008
Status: Offline
Sexo: Masculino
Post: #14
RE: [Photoshop] Backgrounds para banners

Podem-me dar um Link onde eu possa fazer o download desse programa?

29-06-2008 10:29
Procurar todos os posts deste utilizador Citar esta mensagem numa resposta
Kira
^^'
*****


Posts: 565
Grupo: Moderador
Membro desde: 04 Jan 2008
Status: Online
Sexo: Masculino
Post: #15
RE: [Photoshop] Backgrounds para banners

Nao podes fazer king....

Esse programa é pago, ou seja, obtê-lo de forma "gratuita", é crime (pirataria).
Mas podes sempre arranjar umas coisinhas muitos uteis.. Se fores apanhado, vais preso ;(

Usa o Gimp, que é gratis,e faz quase tudo que o PS faz.


Minha Fic (cliquem na imagem)

Kira Productions 2008 ©



...:hi5 profile:...

Youtube profile

29-06-2008 13:19
Procurar todos os posts deste utilizador Citar esta mensagem numa resposta
.SI.
Power Off
***


Posts: 263
Grupo: Registados
Membro desde: 26 Mar 2007
Status: Offline
Sexo: Masculino
Post: #16
RE: [Photoshop] Backgrounds para banners

Bem a miha ficou +/- assim:
http://img56.imageshack.us/my.php?image=...opyqk3.jpg
Não tenho experiência nisto so fiz uma assim do genero para por na minha sig qque ficou mal, e um avatar do Goku.

EDIT: Bem esta penso que teve um mehlro resustado e até gosto mais.
http://img56.imageshack.us/my.php?image=mewcopyaq5.jpg



XBOX 4 EVER.
Nintendo 4 ever.
Sony, hmmm, por enquanto para consolas não.

Modificado pela última vez: 29-06-2008 16:44 por .SI..

29-06-2008 16:02
Procurar todos os posts deste utilizador Citar esta mensagem numa resposta
KingOfKings
Pokémon Master
**


Posts: 242
Grupo: Registados
Membro desde: 06 Feb 2008
Status: Offline
Sexo: Masculino
Post: #17
RE: [Photoshop] Backgrounds para banners

Kira Escreveu:
Nao podes fazer king....

Esse programa é pago, ou seja, obtê-lo de forma "gratuita", é crime (pirataria).
Mas podes sempre arranjar umas coisinhas muitos uteis.. Se fores apanhado, vais preso ;(

Usa o Gimp, que é gratis,e faz quase tudo que o PS faz.


Sim, já vi em muitos sites que o Photoshop é pago e é caroSad
Tu usas o Gimp? É que nunca ouvi falar desseShy

29-06-2008 17:22
Procurar todos os posts deste utilizador Citar esta mensagem numa resposta
Squall
O RLY?
***


Posts: 630
Grupo: Registados
Membro desde: 15 Jan 2008
Status: Away
Post: #18
RE: [Photoshop] Backgrounds para banners

O problema principal que estou a ver nos vossos banners é darem demasiada opacidade ao eco. Eu dei 13% ao Dragonite porque me pareceu bem naquela situação, mas os vosso ecos, secret islands e Marcu, têm demasiada opacidade. Experimentem também incluir uma stroke na imagem e melhorar o lettering.

@Soul: Inserir é simplesmente mover a render para a imagem.

30-06-2008 11:32
Visitar o site deste utilizador Procurar todos os posts deste utilizador Citar esta mensagem numa resposta
Gay Sensei
U liek Rabiótel!!!
***


Posts: 376
Grupo: Registados
Membro desde: 26 Jun 2007
Status: Offline
Sexo: Masculino
Post: #19
RE: [Photoshop] Backgrounds para banners

Bem, ainda não tinha instalado fontes e comecei a mexer no photoshop há cinco minutos :s

E é esse o resultado xD
Ps- Esqueci-me de meter a borda...


LOL!

Imagem reduzida a link, por ser muito grande

Modificado pela última vez: 02-07-2008 00:03 por Gay Sensei.

01-07-2008 23:40
Visitar o site deste utilizador Procurar todos os posts deste utilizador Citar esta mensagem numa resposta
Marcu
Outstanding Trainer
***


Posts: 430
Grupo: Registados
Membro desde: 26 May 2007
Status: Offline
Sexo: Masculino
Post: #20
RE: [Photoshop] Backgrounds para banners

Podem-me explicar detalhadamente como se mete um borda?

Eu acho que é stroke mas não o sei fazer! :S

TY!




Vou estar ausente Big Grin
02-07-2008 10:01
Procurar todos os posts deste utilizador Citar esta mensagem numa resposta
serafa12
I LIKE THE WAY YOU MOVE!
**


Posts: 135
Grupo: Registados
Membro desde: 30 Jun 2008
Status: Offline
Sexo: Masculino
Post: #21
RE: [Photoshop] Backgrounds para banners

Muito bom tuturial facil e pratico.
Vou fazer agora um para o Cubone em vez da porcaria que esta a minha assinatura daqui a pouco posto + ou - 1 hora lol nao tou no pc com photoshop xD

Fassam mais tuts assim!


-=|Serafa Shop|=-


Avatar e ajuda na sig por:Tigas100


Hatch [Eclosão] - 30
Marowak - 99

Lv 100 - 315

<a href="http://www.AWSurveys.com/HomeMain.cfm?RefID=serafa4"><img src="http://www.AWSurveys.com/Pictures/AWS2_ad3_600by100.jpg" width="600" height="100"></a>
02-07-2008 10:17
Visitar o site deste utilizador Procurar todos os posts deste utilizador Citar esta mensagem numa resposta
Spirit
Geração Copy/Paste
*****


Posts: 1,108
Grupo: Redactores do Blog e Moderadores
Membro desde: 03 Jun 2007
Status: Offline
Sexo: Masculino
Post: #22
RE: [Photoshop] Backgrounds para banners

Estou a tentar aprender a mexer no photoshop por mim próprio.
Tentei fazer um igual e vejam como ficou:



Não ficou tão bem como a vossa, mas para primeira vez não está nada mau.
Não liguem à estética. Eu sei que o Turtwig não fica muito bem aí, mas foi a primeira imagem que encontrei à mão. E sei que as letras não combinam com o fundo, mas não estive preocupado com as combinações das cores. Só queria fazer todos os passos certos como no guia do Squall.
Vou tentar fazer os outros tutoriais de PS. Gostava que houvesse mais pessoas a fazerem tutoriais.
Espero comentários.


Lv 100 - 815

Diamond Friend Code - 2234 4582 5075
Battle Revolution Friend Code - 2449 3157 9107

Modificado pela última vez: 24-08-2008 00:38 por Spirit.

24-08-2008 00:36
Procurar todos os posts deste utilizador Citar esta mensagem numa resposta
Criar Resposta  Criar Tópico 

Versão para Imprimir
Enviar o Tópico a um amigo
Subscrever este Tópico | Adicionar Tópico aos Favoritos
Classificar este Tópico:

Saltar para o Fórum:

TopFixe