#tutorial banner

[thefratforum-blog]

Estos y mas tutoriales en The frat! Entra ahora!

http://thefrat.foroactivo.com/

http://thefrat.foroactivo.com/

http://thefrat.foroactivo.com/

[artdotcode]

Tutorial Banner com Manipulação de Imagens

Olá, neste tutorial vou ensiná-los como fazer um banner com manipulação de imagens como o exemplo acima, passo a passo e detalhadamente. E a partir desse tutorial, irá aprender algumas técnicas que poderão aplicar em outros banners :) 

Download dos materiais (xxx)

OBS: Instale a fonte antes de abrir o photoshop

OBS2: Se gostou dê like ou reblog :)

01. Primeiramente crie um novo documento da largura que quiser, eu primeiro fiz o banner com 700px de largura e 900px de altura e depois passei pra 500px (que é largura dos posts do tumblr).

02. Abra o cenário01 e cole no arquivo, ele não vai preencher totalmente a altura da tela de pintura (se você estiver fazendo no mesmo tamanho que eu fiz) (print1).

03. Depois, carregue os brushes de nuvens e aplique da forma que desejar e na cor que você quer q sua nuvem seja, eu fiz na cor #8f8c8c. (print2)

04. Abra a fotoashley e faça e retire o fundo da maneira que desejar, eu uso a ferramenta borracha de plano de fundo, ou se preferir, na pasta já tem uma foto dela cortada por mim (ashleypng). Cole-a  no arquivo. 

 05. Clique com o botão direito do mause sobre a camada da foto da ashley e clique em Converter em objeto inteligente. Quando fizer isso, a camada vai ficar tipo com uma página dobrada indicada nela. Clique nessa páginazinha duas vezes, então abrirá uma nova aba só com o png da ashley.  (print3)

06. Quando abrir a aba com o png da ashley, vá em ajustes>Curvas, deixe a curva como no print, e depois pegue o pincel e com a dureza em 0% colora de preto o rosto e cabelos dela, como na miniatura (print4).

07.Depois disso, vá de novo em ajustes>Curvas, e deixe a curva como no print e pinte de preto de novo o rosto e cabelos da ashley, como no passo anterior.  (print5). Depois salve (Ctrl+S), aí o png já vai atualizar lá na tela principal com as configurações que acabamos de fazer. 

08. Abra o png de lua e cole atrás das nuvens. Abra o brushes de pássaros também e aplique da forma que quiser. (print6)

09. Vá em ajustes>mapa de degradê e deixe o degradê dessa forma (print7), mude seu modo de mistura para Luz indireta e opacidade de 70%. Pegue o pincel e pinte de preto onde acha que está muito escuro (eu pintei a ashley, veja na miniatura) (print8)

10. Vá em ajustes > Filtro de Fotos e selecione Cor e deixe a cor e a opacidade do jeito que está. 

11. Vá novamente em ajustes>curvas e deixe desse jeito (print9). Pegue o pincel e pinte de preto o centro da tela principal, deixe as curvas aplicadas somente às bordas. 

12. Aplique curvas novamente e deixe como no print, e passe o pincel preto onde achar necessário. (Print10)

13. Vá de novo em ajustes>mapa de degradê, escolha a cor branca deixe o modo de mesclagem como Luz indireta e a opacidade em 45%. 

14. Pronto as definições de cor foram feitas, agora vamos colocar os outros elementos na imagem, lembre que as camadas dos elementos a seguir vem abaixo dos ajustes de cor. Crie uma nova camada vazia (clicando no papelzinho do lado da lixeira), pegue o pincel e selecione o preto, pinte todo o céu, e deixe a camada com opção de mesclagem Superexposição Linear e opacidade de 68%. (print11)

15. Você pode reparar que a lua ficou mais apagada após fazer isso, vamos fazê-la brilhar. Duplique a cama da lua e passe-a pra frente da camada que acabamos de usar para pintar o céu de preto. Clique duas vezes na nova camada duplicada da lua, abrirá a janela de estilo de camada, mude sua opacidade para 0%. Selecione a opção de sobreposição de cor e coloque a cor #eae5e4 e deixe seu modo de mesclagem como Sobrepor. Selecione também a opção de Brilho externo coloque a cor #57564e e deixe o modo de mesclagem como divisão, e você pode aumentar seu brilho o tanto que quiser em tamanho. 

16. Agora pegue o png de barco e coloque ele na água no fundo da paisagem, você vai ver que vai aparecer o fundo do navio todo, para fazer sumir e parecer que o navio está realmente dentro dágua, você cria uma nova camada vazia, como fez para pintar o céu de preto, e pinte onde você quer esconder o navio da mesma cor da água. (print12)

17. Agora é a vez de colocarmos o baú do tesouro, coloque ele onde quiser e da forma que quiser na paisagem. Para fazer o ouro brilhar, clique na camada dele com o botão direito do mause e converta em objeto inteligente, clique duas vezes na páginazinha para abrir só o baú. Com a ferramenta de seleção, selecione o tesouro copie e cole. Após isso, clique duas vezes na camada do tesouro para abrir a janela de estilo de camada. Selecione a opção brilho externo e deixe amarelinho mesmo e vai mudando a opacidade e o tamanho de acordo com o quanto você quer que brilhe. (print13) Salve e o tesouro já vai estar brilhando na tela principal.

18. Agora cole o mapa da forma que quiser, converta ele também em objeto inteligente, clique duas vezes para abri-lo. Selecione a ferramenta retângulo e faça um retangulo branco ocupando tudo. Clique com o botão direito do mause na camada dele e rasterize a camada. Depois disso clique com o botão direito do mause de novo sobre a camada do triangulo e clique em criar máscara de corte e deixe sua opacidade em 46%. Salve.

19. Agora para terminarmos de preencher nossa tela vamos fazer uma gambiarra, Abra o cenario2. Com a ferramenta de seleção, selecione só a parte da areia e a parte que as ondas estão chegando, copie e cole na tela do nosso banner, de baixo da camada do pergaminho. Com a borracha na dureza 0% apague as bordas e algumas partes para mesclar com o cenário de cima.  (print14) Faça isso também na parte a baixo da ashley e mescle para parecer mais natural.

20. Vamos fazer o passo a cima várias vezes, para colocar água na areia do cenário 01 todo. Selecione onde está as espumas das ondas e um pouco do mar copie e cole no nosso banner, perto do tesouro, e naquela areia por de trás da ashley. Coloque essa camada com o modo de mesclagem sobrepor, e use a borracha se precisar apagar alguma parte. Faça isso também com a parte que a onda está se formando e cole perto do barco pra dar mais impressão de mar lá. (print15)

21. Agora é só escrever em cima do pergaminho o que quiser. Para ficar com o efeito que está no exemplo eu escrevi na cor branca e coloquei o modo de mesclagem como sobrepor. 

Bom, o tutorial ficou grande mas bem explicado (eu espero), se tiver alguma dúvida manda aí, que vou ter maior prazer em responder! Mande também o seu resultado! Quero ver como o seu ficou! 

Se gostou, por favor dê like ou reblog :)

[starwarsicons]

Tutorial de como fazer banners:

Oi, vou ensinar o jeito como eu faço banners, eu uso o cs6 mas serve para qualquer PS.

Escolha uma foto, pode ser qualquer uma contanto que tenha grandes proporções, tipo essa:

Abra o seu editor no caso o Photoshop e vá em File > New ou Arquivo > Novo.

Irá abrir essa página:

Coloque exatamente essas medidas nos espaços certos (480x340) e clique em OK.

Irá abrir uma imagem branca.

Nessa imagem branca, cole sua foto. Se você não sabe como colar apenas puxe com essa ferramenta: 

          até a imagem branca.

Agora aplique os efeitos que quiser tipo Actions, PSDs, Topaz, o que você quiser.

Depois que terminar, se você não souber como salvar, vá em Salvar como em inglês Save as.

Salve a foto em formato PNG:

Por enquanto minha foto está assim:

Agora você vai precisar de um editor de fotos, eu uso um editor online que na minha opinião é ótimo.

Se você preferir usar o online (link) > Browse > selecione sua foto > Adjustment > Crop > 160 widht x 170 height.

Posicione o quadradinho em uma das extremidades da foto, corte e depois salve (salve em número para ficar mais fácil quando for postar):

Depois que salvar o primeiro quadradinho, desfaça o corte na flecha que está escrito >UNDO<

Repita a mesma coisa que fez com o primeiro quadradinho nos quatro cantos da foto e salve-os.

Quando chega na parte do meio vá em "Crop" novamente e mude a porproção para 320x340, vai ficar assim:

Aperte Aplicar> coloque o quadradinho e corte a parte do meio.

Depois que terminar você vai ter os 6 quadradinhos completos, vão ficar assim: 

      No tumblr fica meio estranho mas fica certinho no twitter ^-^

Espero ter ajudado.

Se esse tutorial foi útil, por favor dê like ou reblogue! Qualquer dúvida ou algo que não ficou claro, pode perguntar.

[icons-22-blog]

Como fazer banners

Então galera, perguntaram na ask como fazer banner e eu vim explicar aqui porque por ask fica muito grande, mas eu acho bem facinho de fazer. Vocês vão usar apenas o photoscape ok?

Abra seu photoscape em editor, clique em menu, depois em nova foto e coloque as medidas de 450x300. Agora clique em objeto e fotografia (imagem aqui).

Escolha a imagem que quer usar e diminua a opacidade para ajustá-la certinho no tamanho que precisa. ( imagem aqui. 103 de opacidade é suficiente). Depois que terminar de colocar no tamanho certinho clique 2 vezes na imagem e coloque a opacidade no normal (que é 255).

Clique em foto + objetos e depois clique na primeira bolinha (ou opção, gosto de chamar de bolinha hahahaha) e salve a imagem assim (dê preferência a salvar em PNG que deixa com melhor qualidade). Volte para a página inicial do photoscape (só clicar em photoscape lá em cima) e clique em divisor.

Clique em adicionar e selecione a foto que você acabou de salvar, mude os números na lateral para 3 colunas e 2 filas e clique em divisão. Agora escolha se você quer colocar numa pasta específica ou na pasta ‘output’ que o photoscape cria mesmo (eu normalmente deixo na pasta output que fica mais organizado) agora é só clicar em divisão de novo e tá pronto. Na hora de postar comece postando pela imagem 6.

Meu resultado, já no twitter:  

Não ficou muito bom porque eu escolhi uma imagem rápido pra fazer o tutorial, na hora de escolher uma imagem de várias pessoas escolha uma que elas estejam com uma boa separação umas das outras para que os rostos não fiquem desproporcionais.

Outro banner que eu fiz com uma foto mais bem escolhida: 

Espero que o anony que perguntou na ask tenha entendido tudo direitinho e você que tá vendo esse tutorial também. Dê like se for útil e qualquer dúvida só mandar na ask.

[partydesign-blog]

Como por um banner/imagem qualquer em seu tumblr:

Em qualquer lugar de seu tumblr(mas em baixo de </style>) cole esse código:

<div style="position:fixed; width:560px; left:1px; top:1px; padding-top:0px;">

<img src="URL DE SEU BANNER/IMAGEM">

</div> 

Depois de colar o código, vá na imagem que você quer por em seu tumblr, clique com o botão direito e copie a URL dela. Depois, mude o URL DE SEU BANNER/IMAGEM do código pela URL da imagem que queres.

Agora, vamos aprender a "ler" o código.

width: tamanho da imagem. Recomendo que, se ela estiver muito grande, ponha um número menor que 560 e, se estiver muito pequena, maior.

left: parte esquerda da tela. Quando menor for o número, mais ele vai estar perto do canto e, quando maior o número; mais longe.

top: o topo da página. Quando menor for o número, ele estará mais para cime e, quando maior o número; mais pra baixo.

Créditos: T4YOU.