|
[Photoshop] Backgrounds para banners
|
| Autor |
Mensagem |
Squall
O RLY?
  
Posts: 630
Grupo: Registados
Membro desde: 15 Jan 2008
Status:
Away
|
[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 |
|
 |
Cloud_ff7
OmniSlash!
 
Posts: 141
Grupo: Registados
Membro desde: 18 Oct 2007
Status:
Offline
Sexo:
|
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 |
|
 |
DiRiccó
Mr.Satan
  
Posts: 707
Grupo: Registados
Membro desde: 10 Oct 2007
Status:
Offline
Sexo:
|
RE: [Photoshop] Backgrounds para banners
o_ o.
Incrivelmente fácil, nem me vou dar ao trabalho de fazer.
isto é mesmo para quem começou ontem.
De qualquer das formas, obrigada pelo tuto.

~~~~Grande Super, de Facto hahaha
|
|
| 15-03-2008 20:13 |
|
 |
afroSTRYX
Unregistered
|
RE: [Photoshop] Backgrounds para banners
É um bom tutorial, mas muito fácil.
|
|
| 15-03-2008 20:28 |
|
 |
Squall
O RLY?
  
Posts: 630
Grupo: Registados
Membro desde: 15 Jan 2008
Status:
Away
|
RE: [Photoshop] Backgrounds para banners
É 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 |
|
 |
FlyingPillow
Gongongon is my best
   
Posts: 1,177
Grupo: Registados
Membro desde: 26 Jun 2007
Status:
Offline
Sexo:
|
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 |
|
 |
Squall
O RLY?
  
Posts: 630
Grupo: Registados
Membro desde: 15 Jan 2008
Status:
Away
|
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 |
|
 |
Rox@s
Outstanding Trainer
  
Posts: 334
Grupo: Registados
Membro desde: 09 Jul 2007
Status:
Offline
Sexo:
|
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 |
|
 |
Squall
O RLY?
  
Posts: 630
Grupo: Registados
Membro desde: 15 Jan 2008
Status:
Away
|
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 |
|
 |
DiRiccó
Mr.Satan
  
Posts: 707
Grupo: Registados
Membro desde: 10 Oct 2007
Status:
Offline
Sexo:
|
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
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. 
Desculpa a invasão Squall xD

~~~~Grande Super, de Facto hahaha
|
|
| 25-03-2008 15:49 |
|
 |
Soul
I hate usertitles!!!
 
Posts: 207
Grupo: Registados
Membro desde: 30 Nov 2007
Status:
Offline
Sexo:
|
RE: [Photoshop] Backgrounds para banners
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 |
|
 |
Goncas Crazy
Spriter
  
Posts: 382
Grupo: Registados
Membro desde: 11 Mar 2008
Status:
Offline
Sexo:
|
|
| 10-05-2008 12:19 |
|
 |
Marcu
Outstanding Trainer
  
Posts: 430
Grupo: Registados
Membro desde: 26 May 2007
Status:
Offline
Sexo:
|
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
|
|
| 26-06-2008 17:55 |
|
 |
KingOfKings
Pokémon Master
 
Posts: 242
Grupo: Registados
Membro desde: 06 Feb 2008
Status:
Offline
Sexo:
|
RE: [Photoshop] Backgrounds para banners
Podem-me dar um Link onde eu possa fazer o download desse programa?
|
|
| 29-06-2008 10:29 |
|
 |
Kira
^^'
    
Posts: 565
Grupo: Moderador
Membro desde: 04 Jan 2008
Status:
Online
Sexo:
|
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 |
|
 |
.SI.
Power Off
  
Posts: 263
Grupo: Registados
Membro desde: 26 Mar 2007
Status:
Offline
Sexo:
|
RE: [Photoshop] Backgrounds para banners

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 |
|
 |
KingOfKings
Pokémon Master
 
Posts: 242
Grupo: Registados
Membro desde: 06 Feb 2008
Status:
Offline
Sexo:
|
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.
Sim, já vi em muitos sites que o Photoshop é pago e é caro
Tu usas o Gimp? É que nunca ouvi falar desse
|
|
| 29-06-2008 17:22 |
|
 |
Squall
O RLY?
  
Posts: 630
Grupo: Registados
Membro desde: 15 Jan 2008
Status:
Away
|
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 |
|
 |
Gay Sensei
U liek Rabiótel!!!
  
Posts: 376
Grupo: Registados
Membro desde: 26 Jun 2007
Status:
Offline
Sexo:
|
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 |
|
 |
Marcu
Outstanding Trainer
  
Posts: 430
Grupo: Registados
Membro desde: 26 May 2007
Status:
Offline
Sexo:
|
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
|
|
| 02-07-2008 10:01 |
|
 |
serafa12
I LIKE THE WAY YOU MOVE!
 
Posts: 135
Grupo: Registados
Membro desde: 30 Jun 2008
Status:
Offline
Sexo:
|
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 |
|
 |
Spirit
Geração Copy/Paste
    
Posts: 1,108
Grupo: Redactores do Blog e Moderadores
Membro desde: 03 Jun 2007
Status:
Offline
Sexo:
|
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 |
|
 |