sábado

Como fazer lays! -Parte 1



Olá ^^, como eu já disse o nosso lema aqui no animeoishii é SEU PEDIDO É UMA ORDEM Õ/,e hoje o pedido foi feito pela nossa querida myio-chan *-*, bom então vamos lá :)
Progamas usados:
Fireworks - você pode baixá-lo aqui:AQUIouAQUI!
Atenção: Se tiver algum problema com o download ou link, avise.
Atenção2:Clique nas imagens do tutorial para visualizar em tamanho real!
1-Primeiro crie um arquivo do tamanho que quer que seja seu lay no nosso caso vamos criar um: 606x401. (File-new/width=606, height=401)
2-Agora escolha uma imagem qualquer, no meu caso escolhi de vampire knight *-*, kaname e zero.O mais prático pra você que está aprendendo é pegar uma imagem que já não tenha mais fundo, conheçido como "PNG'S", mas se quiser tirar o fundo de uma imagem só precisa usar a varinha(Magic Wand Tool).
3-A imagem vai ficar muito grande para o template,então você vai ter que diminuir, usando a "Scale Tool".
4-Depois disso você vai aplicar os efeitos na imagem!Basta apenas clicar em "filters".Os mais usados são: "Shadow and Glow" Sombra e brilho.O que nos vamos usar será Inner Shadow,Drop Shadow e Glow.Veja a imagem para esclareçer os passos:

5-Cada vez que clicar em um efeito vai apareçer a janelinha, com uma cor e um número, o número é o tanto de efeito que vai ser colocado, e a cor é a cor :),basta escolher, escolhemos o azul do buque(usando o conta gotas).E assim vai fazendo com os seguintes.
6-Agora escolha um background,no próprio fireworks você escolhe um.Vá na ferramenta quadrado, e crie um quadrado do tamanho de tudo(606x401)escolha uma cor cinza(a cor cinza é melhor para efeitos), depois que criar o quadrado clique nele e vai apareçer lá embaixo "Texture", diversos backgrounds! No caso escolhemos o "Hatch 5" Quadradinhos X3.Caso fique na frente da imagem, clique com o botão direito do mouse em "Arrange" - "Send to back" ou apenas "Ctrl+shift+down".
7-Mas não estamos satisfeitos com a imagem!Está faltando o "tchans" nela, não acha?Então clique na imagem e lá perto dos efeitos, vai ter uma janelinha "Normal" e você vai clicar e vai apareçer diversos efeitos, no nosso caso escolhemos o "heat" que dá uma tratada e brilho da imagem maravilhosos!Você ainda pode mecher naquele "100" para deixar um pouco mais claro se quiser.Veja a imagem:

8-Agora vamos fazer os detalhes finais!Limpe o que sobrou de brilho com a borracha agora começe pelo título,você vai clicar naquele "A" e criar seu texto, apartir daí vai apareçer todas as fontes que você tem no seu computador,escrevera o que quiser, no meu caso escrevi: "Lord Vampires" *-*, vai escolher a cor da linha e de dentro :), e claro,os efeitos que colocamos na imagem também.
9-Ainda assim está faltando mais um efeito, o da 'sombra'.Você vai pegar a sua imagem, copiar e colar e vai aumeta-la dessa vez!já vai estar com todos os efeitos, você apenas tem que ir onde está "100" e mudar para "45", assim ela vai ficar clara,causando um efeito muito legal!

10-Prontinho!Basta ajustar do jeito que você quiser o título, lembrando que você também pode gira-lo com a ferramenta que ajusta!E colocar seus créditos, afinal é seu trabalho ^^.Veja o resultado final:



Bom, espero que tenha sido bem esclarecedor :), e caso as imagens não apareçem esperem, ou dem f5 na pág, porque o imageschack está totalmente maluco ¬¬"eu já arrumei o link onde pode baixar o fireworks ^^, eu peguei ele através de um cd comprado, então é só procurarem "serial,crak" fireworks..kissus'~~ e até a segunda parte <3 span="span">




18 Comentários :3 on "Como fazer lays! -Parte 1"

Ka_megumi on 17 de jan. de 2010, 09:34:00 disse...

Ñ dá p/ ver a imagem no tamanho original.... T-T

Kyori on 17 de jan. de 2010, 13:23:00 disse...

Eu não consegui baixar em nenhum dos dois (ToT) só serve o macromedia fireworks 8?

Rafa on 17 de jan. de 2010, 13:56:00 disse...

XD legal legal XD vou esperar pela segunda parte anciosamente, sempre eh bom ver como outras pessoas fazem lay's

XD ah ah eu quero conversar com vc depois sobre trocar os pontos de natal >.> como faço?

rebsrebs on 18 de jan. de 2010, 07:15:00 disse...

cara, mil vezes obrigada. estava louca pra fazer um layout /o/
na verdade o meu maior problema é o HTML D:
mal posso esperar pelo proximo post A3A

tizy izumy on 18 de jan. de 2010, 07:31:00 disse...

nossa ta ótimo o blog ^^ e aquele lay que vc me passo o link ta lindo amei sasu X naru muit mara ^^ se precisar de algo é só pedir ^^

Natália on 18 de jan. de 2010, 12:05:00 disse...

que legal esse tutorial!1
pena que eu não uso o fireworks... =/

só serve o macromedia fireworks 8? (2)

Charllote on 18 de jan. de 2010, 13:24:00 disse...

Oie, lindo o blog, adoraria fazer parceria, beijos.

Onigiri Style.

ViQ on 18 de jan. de 2010, 13:51:00 disse...

yo
bem achei lindo e tava precisando de um tutorial sobre isso mas meu problema e no HTLM

bem o meu blog tha fazendo uma gincana gostaria que vc participasse
mais coisas a respeito no meu blog

xauuuu

rebsrebs on 18 de jan. de 2010, 17:22:00 disse...

cara, eu não ;lembro como se faz pra instalar HIOEIHOEHIOE ~
please, help me? ;;

TamiresuAyu on 19 de jan. de 2010, 05:22:00 disse...

muto bom,bem que tava precisando de um tutorial desses achei muito bom,espero que voces façam mais tutorias sobre isso ^-~

tizy izumy on 19 de jan. de 2010, 17:59:00 disse...

srta uzumaki vou te mandar um email depois olha lá ok ^^

Autumn on 20 de jan. de 2010, 15:16:00 disse...

Beeeeem linda a imagem *-*
Hey, você poderia avisar lá no blog quando fizer novas postagens? 8D
Eu adoro seus tutoriais (não uso o Fireworks, mas dá para improvisar os mesmos efeitos no Photoshop 8D. E quero ver a segunda parte logo <3

Ana Beatriz. on 23 de jan. de 2010, 14:23:00 disse...

Domo Srta.Uzumaki ^.^ Gostaria de fazer parceria com seu blog, aceita? Meu link: http://confessionsofbih.blogspot.com/
Kissu, Biih *O*

Anônimo disse...

Quando vai sair a segunda parte???To esperando anciosa!!!!
kissus

Nat on 12 de set. de 2010, 21:07:00 disse...

Olá, vou preparar a segunda parte assim que der!! em breve!! bjos

Anônimo disse...
Este comentário foi removido pelo autor.
Anônimo disse...

Muito legal o seu blog!!
E isso tambem é muito legal!!
parabens!!
espero anciosamente a segunda parte
*o*

Anônimo disse...

Queria MUITO que o Fireworks fosse compatível com o W7 ;-;

Postar um comentário