Foi no casamento, ou vai para alguma festa?? participou te um evento ou vai participar, e quer saber como vai ficar uma maquiagem em você ? que tal ultilizar o PhotoShop? veja como ficou facil e pratico de se maquiar virtualmente.
Gente tem mais de 25 anos do sistema operacional do Windows, mais a maioria das pessoas só conhece o XP VISTA 7 ,vamos conhece desdo primeiro S.O até o ultimo?
Tela do Windows 3.1, lançado em 1992.(Foto: Reprodução)
Em uma época na qual os PCs para uso profissional tinham, em média, cerca de 0,1% da potência de uma máquina doméstica vendida por cerca de R$ 1 mil hoje em dia, decidir desperdiçar poder de processamento com firulas como gráficos e ícones parecia uma aposta insensata.
A Apple, que havia embarcado nesse caminho, parecia caminhar para o mercado de nicho. Enquanto isso, a plataforma PC, criada pela IBM, transformava em padrão comandos de texto como "dir", "cd..", "copy", do sistema operacional DOS. Por que então a empresa de Bill Gates, dona do DOS, decidiria gastar tempo - e dinheiro - em algo que, em princípio, servia para deixar o computador mais lento?
Vinte e cinco anos depois da chegada ao mercado de sua primeira versão, que aconteceu em 20 de novembro de 1985, o Windows está presente em mais de 90% dos computadores pessoais do mundo. Nesse período, o programa deixou de ser uma extensão do DOS - como foi até o surgimento do Windows 95 - para se transformar em um sistema operacional completo.
siga a evolução do sistema
Programa lançado pela Microsoft em 1985 popularizou conceito do ambiente gráfico, e segue no mercado até hoje
1 - Vamos abrir oflash e pedir um novodocumentocom as seguintes dimensões 770px de largura por 150px de altura conforme mostra a figura abaixo;
2 - Feito isso vamos criar um retângulo com as mesmas medidas do palco e em seguida vamos zerar seu eixo y e x deverá ficar igual aimagemabaixo;
3 - Agora vamos trabalhar com o gradiente do nosso retângulo, com ele selecionado vamos no menu Janela>Cor ou se preferir tecla de atalho (Shift + F9) escolha a opção de preenchimento radial com as seguintes cores #0099CC e #003366 veja a figura abaixo;
4 - Em seguida vamos renomear a camada em que o retângulo foi criado, daremos o nome de "fundo" feito isso criaremos mais uma camada com o nome de "notebook" veja a figura abaixo;
5 - Na camada notebook vamos inserir a imagem do notebook que eu já vetorizei utilizando o fireworks para assim ganharmos tempo, para baixar a imagemclique aqui. Para importar a imagem que você acabou de baixar vá em Arquivo>Importar ou pelo atalaho Ctrl+R feito isso ajuste a imagem conforme mostra a figura abaixo;
6 - Feito isso vamos começar a trabalhar com nossa animação, não utilizaremos movie clips, para facilitar o aprendizado, na linha do tempo clique no quadro (1) da camada notebook e arraste até a posição (15) veja a figura abaixo;
7 - Para que a imagem do fundo aparace em toda a nossa animação vamos copiar-la até o quadro 100 para isso clique no quadro 100 da linha do tempo na camada fundo e utilizando o atalho (F6) ou clique com o botão oposto e vá na opção (Converter em quadros-chave), caso haja necessidade vamos aumentar ou diminuir a quantidade de quadros da camada fundo ( Ex: Se nossa animação tiver apenas 90 quadros nosso fundo também terá 90 quadros).
8 - Criaremos mais uma camada na qual receberá o nome de mascara, feito isso no quadro 15 vamos criar um quadro chave tecla de atalho (F6), em seguida vamos fazer um retângulo, utilizando a ferramenta de transformação livre vamos incliná-lo conforme mostra a figura abaixo;
9 - A cor do nosso retângulo não vai importar tendo em vista que ele será apenas a máscara, com o botão oposto clique no quadro 15 da camada mascara e vá até a opção "criar interpoção clássica" feito isso vamos até o quadro 30 e em seguida pressione (F6) para criar um quadro chave;
10 - Agora na camada notebook vamos até o quadro 30 e pressionamos (F6) a imagem do nosso notebook aparecerá, feito isso na camada mascara clique no quadro 30 e arraste nosso retângulo de maneira que ele possa ao passar cobrir todo a imagem do notebook;
11 - Já temos nossa máscara criada falta apenas ativar o efeito, vamos na camada aonde está nosso retângulo e com o botão oposto vamos na opção "mascara", veja como ficará nosso resultado, perceba que o ícone das camadas é alterado indicando que alí contém uma máscara;
12 - Vamos criar mais uma camada que ficará acima de todas, daremos o nome de "imagem", nesta camada colocaremos a imagem original do nosso notebook,clique aquipara baixá-la, terminado o download vamos no quadro 25 da camada imagem e daremos o comando de importar imagem para o palco atráves da tecla de atalho (Ctrl+R);
13 - Feito isso vamos até o quadro 30 da camada imagem damos um (F6), para que fique mais fácil de entender do quadro 25 até o quadro 30 nossa imagem aparecerá utilizaremos um efeito de trasição;
14 - Ainda na camada imagem vamos clicar entre o quadro 25 e 30 e com o botão oposto vamos na opção criar interpolação clássica;
15 - Feito isso vamos aplicar um efeito bem bacana de tonalidade, vamos ao quadro 25 da camada imagem, clique no notebook e em seguinda vamos ao painel "efeito de cor" que fica a direita do nosso palco, em seguida selecionaremos a opção tonalidade e altere a cor para branca, seja a imagem abaixo;
16 - Criaremos mais uma camada na qual daremos o nome de texto, com a camada criada vamos até o quadro 40 e pressionamos (F6), com a ferramenta de texto (T) vamos digitar o seguint texto "Promoção de Notebooks" alinhe o texto ao palco e modifique sua cor para branco;
17 - Agora vamos aplicar o efeito de transição, clicaremos no quadro 50 e em seguida vamos pressionar (F6), entre os quadros 40 e 50 clique com o oposto e em seguida na opção criar interpolação clássica, feito isso clique no quadro 40 e altere o posicionamento do texto deixe-o mais próximo do notebook, com o texto ainda selecionado vamos na opção efeito de cor em seguida clicaremos em alfa deixando em 0% o texto ficará invisível, veja a figura abaixo;
18 - Nossa animação está quase pronta, para que fique um efeito de loop, pressione F6 no quadro 85 e 90 da camada texto, feito isso vamos clicar entre os quadros mensionados e depois ir na opção criar interpolação clássica e no quadro 90 mova o texto um pouco para a direita em seguida aplique o efeito alfa 0%, dando movimentação ao nosso texto repita esse mesmo processo a camada imagem, assim nossa animação será contínua.
Consideração finais
Com um pouco de imaginação é possível fazer vários tipos de banner utilizando esse como base, espero que tenham gostado até a próxima.
Olá amigos neste tutorial vamos aprender um efeito bem legal no Flash, muito utilizado nos sites de venda de produtos como americas, submarino e outros. Veja o resultado final do nosso tutorial.
Primeiramente abra um novo docuento noflash. Vá em propriedade(CTRL J) E ajuste conforme a imagem abaixo.
Crie uma cadae nomei como gota, após isso com a ferramenta pen toolDesenhe uma Gota como a de baixo.
Arraste a Gota para o topo daimagemconforme mostrado abaixo:
Transformea gota em um clipe... Para isso aperte F8...
Agora cline na time line, no frame 30 e crie um key frame. Aperte F6 para isso.
Arraste a gota em linha reta para o ponto inferior da animação...
Clique com o botão direito no frame e clique em:
Pronto a animação da chuva esta pronta. Agora vamos fazer as ondas. Crie mais uma camada clicando neste botãonomei como onda. No quadro 30 aperte F7 para adicionar um quadro vazio. E com a ferramenta Oval Toolfaça um circulo com a cor: #0000ff.
Transforme a onda para um clipe.
E enseguida clique clique no quadro 45 e faça um key frame. para isso aparte F6. Repita o processo no quado 60.
Selecione o quadro 45 e aumente nossa onda um pouco. Para isso cselecione a ferramenta free transform toole aumente a onda com uma proporção. Com a ferramenta Selection toolclique na onda do frame 45. Vá em color mude para alpha e coloque color para alpha e coloque o valor para 44%.
Selecione a o frame 60. Aumente a onda um pouco maior do que o frame 45. Clique com a selection tool e mude tambem para alpha mas agora mude o valor para 22%. Entre as frames 30, 45 e 60 clique com o direito e selecione:
Pronto para testa aperte CTRL ENTER. Para fazer uma segunda onda basta copiar os frame da layer onda e colar em uma nova camada que deve ficar acima. Coloque os frames com uma distância direfente.
No frame 45 na nova camada coloque alpha com o valor de 18%. No frame 60 na nova camada coloque alpha com o valor de 10%. No frame 75 na nova camada coloque alpha com o valor de 0%. Salve e de uma olhada. Não esqueça de criar o motion entre as camadas 45,60 e 75. Até mais.
DC designer @comporetion. Todos os direitos reservados. Tecnologia do Blogger.
Add nosso banner ou JS (Recomendado)... Para add JS copie o codigo no html do seu blog/site... logo após < \body> e antes de < /html> ... E informe que foi add por nossa pagina de parceiros...