Aprenda a fazer nuvens no Flash

Tags:

animao efeito Flash nuvem nuvens

Com este tutorial eu estarei mostrando a vocs como fazer este belo efeito de nuvens no Flash sem a necessidade de usar action script.

Junte-se aos mais de 2500 seguidores no Twitter e RSS, siga-me no Twitter ou RSS.
Para ns fazermos este tutorial ns iremos usar os seguintes programas (Photoshop, Flash), vamos comear com o Photoshop, abra o Photoshop, no meu caso criei um documento de 630x180 que o tamanho que uso para colocar imagens e swf nos posts, deixe as cores de plano de fundo e frente como na imagem,

Feito isto v em Filter > Render > Clouds sua imagem ficar assim;

At agora o que ns precisaramos no Photoshop era isto, salve sua imagem e feche o Photoshop, no flash faa um arquivo com o mesmo tamanho que voc fez no Photoshop e importe a imagem que voc acabou de fazer no Photoshop, coloque a foto como plano de fundo e crie uma nova layer;

Nesta nova layer ns iremos fazer o efeito da nuvem, para fazer o efeito v em Brushe tool (b) e deixe o tamanho dela no mximo, com ela faa alguns riscos como na figura abaixo,

Com estes riscos todos feitos selecione todos e crie um movie clip (F8) com o nome nuvem d dois cliques neste movie clip, dentro do modo de edio do movie clip selecione novamente os riscos e crie outro movie clip agora com o nome de animao, depois disto vamos duplicar o movie clip duas vezes um do lado outro como na imagem (se possvel aproxime a imagem para deixar um movie clip bem perto do outro para que no de problema na hora da execuo do filme);

Agora selecione todos e transforme em movie clip (F8) novamente e coloque o nome de efeito, agora vamos aplicar o filtro, clique no movie clip que acabamos de fazer e v no painel Properties > Filter > blur e coloque as seguintes configuraes,

Agora s animar saia do modo de edio do movie clipe e na timeline da layer da nuvem clique no frame 140 e arraste o movie clip e deixe como abaixo,

Agora na linha do tempo s clicar com o boto direito e colocar na opo Create Classic Tween (CS4) ou Create Motion Tween (CS3 e anteriores),

Pronto est feito o nosso efeito de nuvens no flash, espero que voc tenha gostado at a prxima!

Brushes? como instal-las e como cri-las.

Tags:

brushes dicas Photoshop

Junte-se aos mais de 2500 seguidores no Twitter e RSS, siga-me no Twitter ou RSS.
As brushes do Photoshop foram criadas para facilitar os seus trabalhos, ela serve como uma estampa e pode ser usada como pontas de pinceis e outros tipos de texturas. Neste tutorial eu estarei mostrando a vocs para que servem as brushes do Photoshop, suas funcionalidades, como instalar uma brushe e at criar. Para voc acessar o painel de brushes no Photoshop v em window > Brushes ou aperte F5 ento o photoshop ir abrir o painel de brushes;

Neste painel que est aberto o Photoshop ir mostrar todas as brushes que esto instaladas no sistema (do lado direito). No lado esquerdo est as ferramentas em que voc pode usar para criar e customizar as suas brushes.

Para usar uma brushe s apertar a letra B no seu teclado e ou ento ou selecionar a ferramenta brushe no painel esquerdo do Photoshop.

Usando as Brushes
Faa um documento novo e selecione a ferramenta brush, com a ferramenta brush voc pode desenhar em qualquer lugar do documento segurando o boto esquerdo do mouse,

Para voc trocar o desenho do mouse s clicar no painel de brushes acima no Photoshop ento abrir um painel com todas as brushes instaladas, voc poder escolher qualquer estampa para usar, no prprio painel em master diameter voc define o tamanho da brush e no menu de baixo(hardness) voc define a fora da brush,

Instalando brushes
Para voc instalar as brushes eu conheo dois modos e vou explicar a vocs. Modo 1: No painel em que eu mostrei anteriormente onde tem as brushes para voc escolher haver uma flexa, clique nesta flexa para abrir um menu, neste menu selecione a opo load brushes, ento abrir uma janela para abrir arquivo e aponte para o lugar onde voc salvou a brush clique na brush que voc baixou e abra-a, depois disto as brushes que voc selecionou aparecero logo abaixo das brushes que j vem com o photoshop, e pronto voc instalou as brushes com sucesso!

Modo 2: Neste modo eu acho at melhor para se instalar brushes no Photoshop, esse caso melhor porque voc tem menos chances de perder suas brushes quando o photoshop d algum problema e fecha inesperadamente, o que voc tem que fazer... V na pasta de instalao do photoshop, no caso do meu computador a pasta est em arquivos de programas > adobe > photoshop , agora que voc chegou na pasta de sistema do photoshop, v para a pasta Presets > Brushes dentro da pasta brushes agora s copiar as brushes que voc baixou nesta pasta. Ento esses foro os dois modos que conheo, espero que eu tenha ajudado, ento vamos para a prxima parte de como criar as brushes.

Como criar brushes

Pessoal nesta parte vou criar uma brushe de bolha e fazer com que elas se espalhem e fique como na imagem abaixo.

Desenhe uma bolha no Photoshop do jeito que desejar.

Depois de feito a sua bolha deixe ela sem nenhum preenchimento deixe somente o contorno,

Feito isto v em Edit > define brush preset... feito isto o Photoshop ir pedir um nome para a brush, coloque um nome e clique em OK, pronto sua brush j foi feita agora vamos aplicar a efeito nela para ela se duplicar como no meu desenho. Aperte F5 para ir no painel de brushes e selecione a sua bolha,

Agora no menu ao lado coloque as opes que eu colocarei abaixo.

Pronto agora s clicar na folhinha que est a lado a da lixeirinha e salve sua brush, agora teste a sua brush no seu documento, Feito nossa brushe est criada instalada e pronta para usar!!!

Webtutoriais:6D8E491C

Home Logar Contato Translate English

Parte superior do formulrio

partner-pub-1093 w w w .bonstutoria

ISO-8859-1

Pesquisar

Parte inferior do formulrio

Destaques do site

123

TUTORIAIS
PHOTOSHOP FLASH ILLUSTRATOR DREAMWEAVER MOVIE MAKER NERO EXPRESS

INSPIRAES
ILUSTRAO LOGOS PUBLICIDADE DOSES DE INFLUNCIAS FOTOGRAFIA

TIPOGRAFIA DESIGN GRFICO VDEOS

ENTREVISTAS WALLPAPERS ARTIGOS FERRAMENTAS

BRUSHES WEB DESIGN

MAPA DO SITE

Aprenda a criar uma bola em chamas

Tags:

chamas Efeito Photoshop fogo futebol Photoshop

Junte-se aos mais de 2500 seguidores do Twitter e RSS, Siga o Twitter ou RSS.
Depois que esta grande copa do mundo bem imprevisvel passou, me deu uma vontade de fazer um tutorial que tenha haver com futebol, ento eu tentei criar uma montagem de bola de futebol de fogo, fiz e achei bem legal e decidi compartilhar com vocs abaixo eu estou colocando passo a passo de como eu cheguei neste resultado, e espero que gostem.

Antes de comearmos a criar a bola eu preo que baixem as imagens que iremos usar;

Bola - http://www.sxc.hu/photo/422352 Fogo 1- http://www.sxc.hu/photo/1160956 Fogo 2 - http://www.sxc.hu/photo/1160955 Gramado - http://www.sxc.hu/photo/1254094

1 Crie um arquivo de 2400x1900px, pegue a foto da bola para recortarmos, peque a ferramenta caneta (P), e selecione toda a bola depois de selecionado clique com o boto direito na seleo e coloque a opo Make selection..., e d ok, automaticamente o Photoshop ir criar uma seleo, use o atalho CTRL+J para recortar abaixo anossa bola recortada.

2 Vamos aplicar alguns estilos na bola, clique duas vezes na layer da bola e no painel de estilos coloque as opes,

3 Depois de aplicado os estilos selecione a bola novamente (Segura o CTRL e clique o desenho da layer da bola) e crie uma nova layer preencha a seleo de preto;

Deixe o Fill da layer em 0%, clique duas vezes nela e aplique os estilos abaixo,

4 Depois de aplicarmos os estilos na bola vamos para a parte do fogo, pegue uma das fotos de chamas que baixamos, e recorte somente a parte do fogo em que voc achar melhor para trabalhar,

5 Agora v em Edit > Transform > Warp, com esta ferramenta v modelando a foto da chama at chegar em um resultado favorvel, digo que este pode ser o processo mais demorado do tutorial,

V modelando de um jeito que fique do mesmo tamanho da bola voc pode duplicar os pedaos de chamas e ir ajuntando um ao outro o que vale a criatividade, esta ser a parte das chamas do lado de

fora, depois de acabado deixe o blending mode em Lighten, voc chegar a um resultado semelhante a este,

6 feito isto deixe esta layer das chamas da parte de fora em baixo da layer da bola e voc chegar a este resultado,

7 Agora para criar as chamas da parte de dentro use o mesmo processo que usamos para as chamas de fora mas s que dando a volta ao contrrio, e ao final deixe o blending mode em color dodge, e deixe a layer da parte de dentro em cima da layer da bola, abaixo o meu resultado,

8 A estrutura das layers ficaro assim,

1. Fogo parte de cima, 2. Bola, 3. Fogo parte de baixo, selecione as layers nesta estrutura e agrupe-as, e d o nome de bola de fogo.
Ela ficar sssim;

9 Agora para a parte final vamos criar o plano de fundo, todos os elementos do plano de fundo devem fica abaixo da camada da bola, pegue a foto do gramado e coloque dentro do arquivo,

10 Crie uma layer acima do layer do gramado e preencha de preto, depois pegue a borracha e v apagando no meio da layer at chegar a um resultado satisfatrio,

11 Depois disto crie mais uma nova layer acima da layer que acabamos de fazer a sombra, v na paleta de cores e coloque na cor #f4c301; selecione a ferramenta brushe e deixe ela do tamanho 2400px e clique no centro 4 vezes, ficar assim,

Depois disto deixe esta layer no blending mode em Linear Burn, sua estrutura de layers ficar assim;

E nosso tutorial chega ao fim, abaixo o resultado final espero que tenham gostado, no se esquessam de assinar nosso feed ou RSS e ficar por dentro das novidades!

Webtutoriais:947026DD