Como fazer um by com efeitos #1 - Tutorial no fireworks

Olá designers e futuros designers!

Novamente Lupi, aqui (que novidade) trazendo mais um tutorial pra vocês, de by, só que dessa vez vou ensinar a deixa-lo mais bonito com efeitos, e colocar o pinguim certamente!

Primeiramente abra o fireworks  (aconselho versão cs5, pois é a que estou usando) em tamanhos menores de 350 por 190.
Aconselho um tamanho de 300 por 180!

Então agora faça o seu retângulo preenchendo todo o quadrado cor a cor que você quiser, em seguida em filters, clique em photoshop live effects, e adicione o contorno com a cor desejada. Então se quiser arredonde seu by, aconselho 20 para arredondar, e o by ficou assim:

                                          (clique nas imagens para ampliar)

Efeito 1 - Listras transparentes

Agora vamos colocar os efeitos de fundo: Por exeplo, eu vou colocar um efeito de listras para mostrar pra vocês, porém vou ensinar a por transparència, que fica bonito. Selecione seu by, aperte CTRL + C e depois CTRL + V, para duplicar. Clique no '' v '' do photoshop live effects do novo quadrado do by que você fez para remover o contorno.

Agora clique em Styles > Current Document > Diagonal syles, e selecione as listras que você quer.

Depois selecione a cor que você quer pro seu by (aquela cor do by com contorno que você fez) e agora arrume no centro do by, de modo que não pareça que há 2 bys no seu trabalho.

Então, clique no by com listras, no menu de cima do fireworks clique em Commands > Creative > Auto Vector Mask e então escolha um efeito de transparência. Depois clique em Apply e o efeito foi aplicado:

Agora vamos adicionar o pinguim. Clique em import, e busque nas pastas do seu computador um pinguim da sua escolha e clique 2 vezes, e depois em import para finalmente arrastar o mouse em um tamanho certo para não achatar o pinguim no seu by. Veja:

Não deixe o pinguim do jeito que está. Se você colocar ele pequeno no by, e não danificar a imagem pode colocar assim. Se preferir deixa-lo maior ainda tem mais coisa pela frente. Clique agora em layers para não se perder nas camadas, e selecione a layer do primeiro retângulo:

Aquele sem efeitos somente com o contorno. Agora aperte CTRL + C e depois CTRL + V em seguida!

Então agora para arrumar o pinguim no by clique na nova camada do novo retângulo. O novo retângulo aparecerá com os quadrados azuis em volta para editar, então agora vendo onde ele está clique com botão direito exatamente nele, mas se precisar arraste um pouco o retangulo do efeito em listras para cima para poder clicar com botão direito e selecione a opção Convert Path to Marquee:

Clique em OK, e agora arraste o pinguim mais para o meio do by, e ele vai ser recortado na marca automaticamente:

Então arrume o pinguim no lugar que ele estava novamente, e então adicione o texto clicando em '' T '' na barra de ferramentas do lado esquerdo do fireworks e escreva um texto do lado oposto do pinguim. Se quiser adicione efeitos no seu texto.

Veja o tutorial de efeitos em textos neste link do blog: http://cp-designers-team.blogspot.com.br/2012/05/aprendendo-colocar-efeitos-em-seu-texto.html

Tem mais um efeito legal para se fazer. O gradiente é uma boa opção as vezes em alguns bys. Se quiser, copie novamente outro retangulo do seu by e cole, remova o contorno e vá na opção styles do lado direito do seu fireworks. Feito isso vá em Current Document > Pastels Styles e clique em um efeito dependendo da cor do seu by.

Então se não for usar o link dos efeitos de texto coloque um efeito bem rápido nele clicando em photoshop live effects em filters! Clique em bevel and emboss e deixe na cor que preferir. 

Adicione se quiser, no seu pinguim um contorno na opção stroke do photoshop live effects.

Vamos ver como o meu ficou:

Então é isso galera!

Espero que este tutorial ajude os designers que não conseguem fazer bys bonitos ou que não sabem fazer, e publiquem um comentário se ajudou bastante vocês , se quiserem!

Até mais!

~Lupi, Club Penguin Designers Team