quinta-feira, 28 de julho de 2011

Tecnologia - Redes Sociais podem Causar depressão‏

Matéria enviada pelo amigo Alan Marqui
Quem de nós, por uma razão ou outra, não aderiu à moda das redes sociais? A moda atingiu em cheio os adolescentes, que adoram manter contato com seus amigos em sites como Facebook e Twitter. Por mais divertido que seja, o uso em excesso desses sites  pode ser prejudicial e tem sido associado à depressão, dizem pesquisadores.
Um novo relatório da Academia Americana de Pediatria descreve um novo fenômeno conhecido como “depressão do Facebook “, no qual crianças e adolescentes que gastam uma enorme quantidade de tempo em sites de redes sociais acabam desenvolvendo sintomas de depressão.
“O fenômeno não é comum e a maioria das crianças se beneficiam com o site, pois são capazes de manter laços com os amigos e sentir uma conexão com sua comunidade”, explica Scott Campbell, professor de estudos de comunicação na Universidade de Michigan, Estados Unidos.
Porém, o uso pesado excessivo do Facebook, bem como outros riscos do mundo online como o “cyberbullying”, pode ter consequências graves. Por isso, é fundamental para os pais ficar envolvido na vida virtual de seus filhos.
“Como as crianças têm cada vez mais canais de comunicação com seus colegas online, é extremamente importante que os pais também mantenham a comunicação com seus filhos da mesma forma aberta. Assim, podem ter uma noção do que está acontecendo na vida de seus filhos, tanto online quanto offline “, aconselha Campbell.
O relacionamento com amigos se torna difícil nos anos de adolescência. Enquanto o Facebook permite que os jovens preservem e cultivem suas amizades, ele pode também alimentar a inveja, de acordo com Michael Brody, psiquiatra da infância e adolescência em Silver Springs, Maryland, Estados Unidos.
“As crianças se tornam muito competitivas no ambiente virtual e querem ser o centro das atenções”, alerta Brody.
O Facebook permite que os adolescentes acompanhem o sucesso de seus amigos, bem como o número de amizades aqueles amigos têm. “Isso configura uma coisa competitiva. As crianças podem se sentir menos do que eles são porque seus amigos parecem estar se divertindo mais do que elas”, diz Brody. “A ideia de inveja e ciúme é muito difundida e ampliada através desse meio”.
No entanto, é menos claro se o próprio Facebook leva à depressão ou se alguns adolescentes que já estão deprimidos são propensos a gastar demasiado tempo on-line.
“Como qualquer outra coisa na vida, muito tempo no Facebook – ou na Internet em geral, aliás – pode ser uma coisa negativa”, adverte Campbell. “Em geral, depressão e solidão são associadas a esses usuários frequentes da Internet, que permitem que a quantidade de tempo passados online interfiram em seus relacionamentos off-line”.
Uma maneira de potencialmente impedir as crianças de entrar neste tipo de depressão é ter a certeza de que elas se envolvam em uma variedade de atividades, recomenda Brody.
“As crianças que têm uma vida equilibrada, fazem lição de casa e atividades extra-curriculares, participam de clubes, serviços comunitários ou praticam esportes têm uma chance muito menor de desenvolver depressão”.
“Eu ficaria preocupado como pai se a única coisa que meu filho gostasse de fazer fosse ficar sentado na frente do computador usando o Facebook”, diz Brody. [LiveScience]

quarta-feira, 20 de julho de 2011

Tecnologia – Mexicanos deportados recuperam filhas após depoimento via Skype

Em feito inédito, casal ganhou direito de testemunhar à distância, pela internet, em processo na Justiça dos EUA.

A família reunida (Foto: AFP)Um casal mexicano deportado dos Estados Unidos conseguiu ganhar na Justiça americana a guarda das duas filhas pequenas que haviam ficado no país, após testemunhar por Skype no processo.
Esta teria sido a primeira vez que a Justiça norte-americana teria autorizado um depoimento à distância pela internet e não por canais específicos de teleconferência.
Os advogados do casal alegaram que a família não teria condições de pagar pelo aluguel de equipamentos para a teleconferência, com um custo estimado em até US$ 500 por hora.
Após uma batalha legal de quase dois anos, Ashley, de 4 anos, e Ashanti, de 8, chegaram nesta segunda-feira ao México para se reencontrar com os pais, Alfonso Mejía e Margarita Almaraz.
Abusos
O casal, que vivia no Estado americano da Pensilvânia desde o final da década de 1990, havia perdido em 2008 a guarda de dois filhos adolescentes de um casamento anterior de Margarita, pela acusação de abusos cometidos por Mejía.
A suspeita de que as duas crianças menores também pudessem ser vítimas de abusos levou a Justiça americana a convocá-los para depoimentos no fim de 2008.
Por medo de perder também a guarda das duas meninas, o casal decidiu retornar ao México, mas os dois acabaram presos na Califórnia e deportados em 2009, sem as filhas.
Incapazes de comparecer às audiências judiciais do processo sobre a guarda das meninas, o casal conseguiu a ajuda da advogada americana Deidre Agnew, que conseguiu convencer o tribunal do condado de Chester, na Pensilvânia, a permitir que os pais dessem seu depoimento à distância, pela internet.
Para Agnew, a possibilidade de testemunhar via Skype, a um baixo custo, pode dar esperanças a outras famílias mexicanas com casos semelhantes e pode servir como modelo no futuro.
Alfonso Mejía e Margarita Almaraz pretendem avaliar agora a possibilidade de iniciar um novo processo para a recuperação dos filhos mais velhos dela.
Fonte G1

domingo, 17 de julho de 2011

Flash – Animando uma Borboleta

Conceitos a utilizar: Importação de imagem bitmap para o Flash; converter imagem em Símbolo; Converter imagem bitmap em imagem vetorial; Utilização de Réguas e Linhas guia; Agrupamento; Redimensionamento; Animação Quadro-a-Quadro; Animação por Interpolação; Animação com Motion Guide;
  1. Inicie o Flash com novo documento em branco;
  2. Importe a imagem Borboleta (File > Import > Import to Stage...Ctrl + R) que se encontra na pasta do exercício para o palco como mostra a figura abaixo: 


    1. Com a imagem borboleta no palco, converta-a em Símbolo (Modify > Convert to Symbol...F8) com o Name (Nome) BorboletaMovie e Type (Tipo) Movie Clip;
    2. Com o símbolo BorboletaMovie selecionado, clique em Edit > Edit in Place, para editá-lo;
    3. Estando no modo de edição, clique no menu Modify > Bitmap > Trace Bitmap...;
    4. Na janela Trace Bitmap, configure as opções como na figura abaixo:

    Obs: Se quiser um resultado melhor na vetorização, diminua os valores dos campos Color threshold e Minimum area. Vale lembrar que, quanto maior for o nível de detalhe, maior será também o tamanho do arquivo final.
    1. Selecione a asa direita da borboleta como mostra na imagem abaixo:
    1. Pressione Ctrl + G para agrupar a área selecionada;
    2. Selecione a asa direita da borboleta como mostra a imagem abaixo:
    1. Pressione Ctrl + G para agrupar a área selecionada;
    2. Selecione toda a borboleta e utilizando a tecla Shift, clique na asa esquerda e depois na direita para remover a seleção das mesmas ficando somente com o centro da borboleta selecionado como mostra a imagem abaixo:

    1. Pressione Ctrl + G para agrupar a área selecionada;
    2. Habilite as réguas através do menu View > RulesCtrl + Alt + Shift + R;
    3. Com as réguas sendo exibidas, clique sobre a parte numérica das mesmas e arraste linhas guia para cima da imagem como mostra a figura abaixo:

    1. Insira um Keyframe (Quadro-chave) no quadro dois da linha do tempo;
    2. Clique numa área vazia do palco para desfazer a seleção de toda a imagem e em seguida clique na asa esquerda da borboleta, como mostra a figura abaixo:
    1. Com a asa esquerda selecionada, clique na ferramenta Free Transform na barra de ferramentas ou pressione “Q” no teclado para alterar a forma da asa como mostra a imagem abaixo: 
     

    1. Selecione agora a asa direita e a redimensione como mostra a figura abaixo:


    1. Repita a seqüência de passos desde o 15 até 18 até que alinha do tempo e as duas asas fiquem como na figura abaixo:
    1. Clique com o botão direito no terceiro quadro da linha do tempo e clique em seguida na opção Copy Frames;
    2. Clique no quadro cinco da linha do tempo com o botão direito do mouse e clique em seguida na opção Paste Frames;
    3. Clique com o botão direito no segundo quadro da linha do tempo e clique em seguida na opção Copy Frames;
    4. Clique no quadro seis da linha do tempo com o botão direito do mouse e clique em seguida na opção Paste Frames;
    5. Sua linha do tempo deverá ficar como a da imagem abaixo:

    1. Volte para a Scene 1 (Cena 1) menu Edit > Edit DocumentCtrl + E;
    2. Selecione a ferramenta Free Transform na barra de ferramenta ou pressione “Q” no teclado;
    3. Altere o tamanho da imagem e posicione-a na parte inferior esquerda do palco como na imagem abaixo:

    1. Clique com o botão direito do mouse no quadro 30 da linha do tempo e insira um Keyframe (Quadro-chave);
    2. Clique com o botão direito do mouse no quadro um da linha do tempo e clique na opção Create Motion Tween;
    3. Clique no quadro 30 da linha do tempo para selecioná-lo e arraste a borboleta para a parte direita superior do palco, como mostra a figura abaixo:
    1. Clique com o botão direito do mouse em cima da Layer 1 na linha do tempo e clique em seguida na opção Add Motion Guide;
    2. Clique no primeiro quadro da linha do tempo da camada Guide Layer 1 para selecioná-lo;
    3. Selecione a ferramenta Pencil na barra de ferramentas ou pressione “Y” no teclado;
    4. Em Options na barra de ferramentas, selecione a opção Smooth;
    5. Clique sobre a borboleta e desenhe um caminho como na figura abaixo:

    1. Teste a animação pressionando Ctrl + Enter;
    2. Se a borboleta não seguir o caminho, tente posicionar o ponto central dela exatamente no início da linha (quadro1 da linha do tempo) e no final da linha também (quadro 30 da linha do tempo), como mostra a imagem abaixo:
    1. A animação está pronta!!!

    Flash – Criando Símbolo de Botão

     
    1. Inicie o Flash e crie um novo documento em branco;
    2. Altere as propriedades do paco como indicado abaixo:
      1. Tamanho: 220 x 220 pixels;
      2. Cor: #CC3300;
    3. Selecione a ferramenta Elipse (Oval);
    4. Altere a cor do contorno para preto;
    5. Altere a cor do preenchimento para gradiente com branco no centro e preto na borda;
    6. Desenhe um círculo perfeito no palco (Shift);
    7. Selecione o círculo (contorno e preenchimento);
    8. No painel de Propriedades (Properties) altere a Altura e a Largura (“H” e “W”) para 200, o círculo deverá ficar como na figura abaixo:
    1. Selecione a ferramenta Transformação de Gradiente (Gradient Transform (F)) na barra de ferramentas;
    2. Clique no preenchimento gradiente do círculo para selecioná-lo e arraste-o para cima como mostra a figura abaixo:


    1. Selecione o círculo e agrupe-o (Ctrl + G);
    2. Selecione a ferramenta Elipse (Oval);
    3. Altere a cor do contorno para #666666;
    4. Altere a cor do preenchimento para gradiente com vermelho no centro e preto na borda;
    5. Altere a Espessura (Stroke Height) da linha para 3;
    6. Desenhe um círculo perfeito (pode ser fora do palco);
    7. Selecione o círculo (contorno e preenchimento);
    8. No painel de Propriedades (Properties) altere a Altura e a Largura (“H” e “W”) para 160, e a Espessura da Linha (Stroke Height) da linha para 3. O círculo deverá ficar como na figura abaixo:
      1. Selecione a ferramenta Transformação de Gradiente (Gradient Transform (F)) na barra de ferramentas;
      2. Clique no preenchimento gradiente do círculo menor para selecioná-lo e arraste-o para cima como mostra a figura abaixo:


      1. Selecione o círculo e agrupe-o;
      2. Posicione o círculo menor sobre o maior, selecione os dois e centralize-os no mesmo centro como mostra a figura abaixo:


      Dica: você pode utilizar o painel de Alinhamento (Align) para isso;
      1. Com os dois círculos selecionados, agrupe-os;
      2. Selecione a ferramenta Texto (Text) na barra de ferramentas;
      3. Altere a cor do preenchimento/fonte para #FF0000;
      4. Fonte: Arial Black;
      5. Tamanho: 40;
      6. Digite a palavra Sobe;
      7. Com o texto selecionado, agrupe-o;
      8. Posicione o texto sobre os círculos, selecione os três objetos e centralize-os no mesmo centro;
      9. Selecione e agrupe todos os objetos;
      10. Com os objetos selecionados, converta-os em símbolo (Modify > Convert to Symbol... F8);
      11. Faça as alterações indicadas abaixo na caixa de diálogo Convert to Symbol:
        1. Name: Bt_Sobe;
        2. Type: Button; Ok.
      12. Dê um duplo-clique em cima do símbolo Bt_Sobe para entrar no modo de edição do mesmo como mostra a figura abaixo:
      1. Estando no modo de edição do símbolo, insira um Quadro-Chave (Keyframe) no evento Over da linha do tempo;
      2. Estando no evento Over, selecione o texto “Sobe” e delete-o; Obs: Se o texto não estiver selecionável, dê um duplo-clique sobre ele.
      3. Tendo deletado o texto, desenhe um triângulo com preenchimento na cor: #FF0000 como mostra a figura abaixo:


      1. Posicione o triângulo dentro do círculo com preenchimento gradiente vermelho como mostra a figura abaixo:


      1. Insira um quadro-chave no quadro Down da linha do tempo;
      2. Com o quadro Down selecionado, diminua ligeiramente o tamanho do triângulo e desloque do círculo menor (vermelho) para baixo, conforme mostra a figura abaixo:


      1. Feito isso, volte para a Cena 1 (Scene 1) e teste o filme (Ctrl + enter);
      2. Crie agora um segundo botão com o preenchimento gradiente verde, no lugar do vermelho e com o texto Desce no lugar do Sobe e com o triângulo com o preenchimento verde e a ponta voltada para baixo.

      Flash – Criando um Banner

      Altere o tamanho do palco para 660 x 80 pixels e a cor para “#D9C906”;

      Selecione a ferramenta texto e digite a palavra “Verbum” com a fonte Vivaldi, tamanho 50 e cor #660000;

      Habilite as réguas: View > Rulers;

      Utilizando os recursos das linhas-guia, e do painel Align, posicione o texto como na figura abaixo:



      Converta o texto em símbolo (Symbol): Modify > Convert to Symbol..., na caixa de diálogo Convert to Symbol, no campo Name, digite Texto1 e no campo Type selecione Movie clip. Clique em Ok;

      Dê um duplo-clique na camada Layer1 e a renomeie para Texto1;

      Dê um duplo-clique sobre o símbolo Texto1 para entrar no modo de edição;

      No modo de edição, clique no quadro 30 da linha do tempo e insira um Quadro-Chave (Keyframe);

      Clique no primeiro quadro da linha do tempo e crie uma Interpolação de Movimento (Create Motion Tween);

      Com o primeiro quadro da linha do tempo selecionado, clique sobre o símbolo Texto1 no Palco;

      No painel Properties, selecione a opção Brightness do campo Color e em Brightness Amount, coloque o valor -100;

      Clique agora no quadro 30 da linha do tempo e clique sobre o símbolo Texto1;

      No painel Properties, selecione a opção Brightness do campo Color e em Brightness Amount, coloque o valor 100;

      Clique no quadro 60 da linha do tempo e insira um Quadro-Chave (Keyframe);

      Clique no quadro 30 da linha do tempo e crie uma Interpolação de Movimento (Create Motion Tween);

      Clique agora no quadro 60 da linha do tempo e clique sobre o símbolo Texto1;

      No painel Properties, selecione a opção Brightness do campo Color e em Brightness Amount, coloque o valor -100;

      Teste a animação pressionando Enter;

      Volte para Cena 1 (Scene 1);

      Com a Layer (Camada) Texto1 selecionada, insira um Keyframe (Quadro-chave) no quadro 60 da linha do tempo;

      Crie uma nova camada: Insert > Timeline > Layer;

      Selecione a ferramenta Rectangle Tool na barra de ferramentas e desenhe um retângulo no palco com cor “#660000” como mostra a figura abaixo:




      Converta o retângulo em símbolo (Symbol): Modify > Convert to Symbol..., na caixa de diálogo Convert to Symbol, no campo Name, digite Fundo1 e no campo Type selecione Movie clip. Clique em Ok;

      Dê um duplo-clique na camada Layer2 e a renomeie para Fundo1;

      Dê um duplo-clique sobre o símbolo Fundo1 para o mesmo entrar no modo de edição;

      No modo de edição, clique sobre o símbolo para selecioná-lo e na barra de ferramentas, selecione a ferramenta Free Transform (Transformação Livre);

      Redimensione e posicione o símbolo Fundo1 como mostra a figura abaixo:




      Com o símbolo Fundo1 ainda selecionado, altere sua cor de preenchimento para #D9C906;

      Insira um quadro-chave (Keyframe) no quadro 30 da linha do tempo;

      Clique com o botão direito sobre o quadro 1 e crie uma Interpolação de Movimento (Create Motion Tween);

      Com o quadro 1 selecionado, vá ao Painel Properties (Painel de Propriedades) e no campo Tween, selecione Shape (Forma);

      Clique no quadro 30 da linha do tempo e utilizando a ferramenta Free Transform (Transformação Livre), redimensione e posicione o símbolo Fundo1 como mostra a figura abaixo:




      Em seguida, no quadro 30 da linha do tempo e com o símbolo Fundo1 selecionado, altere sua cor para “#660000”;

      Insira agora mais um quadro-chave (Keyframe) no quadro 60 da linha do tempo e em seguida mais um quadro-chave no quadro 90 da linha do tempo;

      Clique no quadro 60 da linha do tempo e crie uma Interpolação de Movimento (Create Motion Tween);

      Com o quadro 60 da linha do tempo selecionado, vá ao Painel Properties (Painel de Propriedades) e no campo Tween, selecione Shape (Forma);

      Clique no quadro 30 da linha do tempo e utilizando a ferramenta Free Transform (Transformação Livre), redimensione e posicione o símbolo Fundo1 como mostra a figura abaixo:




      Altere a cor do símbolo Fundo1 para “#660000”;

      Teste a animação pressionando Enter;

      Volte para a Cena 1 (Scene 1);

      Com a Layer (Camada) Fundo1 selecionada, crie mais uma camada e renomeie a mesma para Texto2. Essa camada deverá ficar acima da camada Fundo1;

      Selecione a ferramenta Text (Texto) na barra de ferramentas, altere a fonte para Arial no tamanho e digite o texto: Por que o homem precisa se comunicar. Posicione o texto no banner como mostra a figura abaixo:




      Altere a cor do texto para “#D9C906”;

      Converta o Texto em símbolo (Symbol): Modify > Convert to Symbol..., na caixa de diálogo Convert to Symbol, no campo Name, digite Texto2 e no campo Type selecione Movie clip. Clique em Ok;

      Flash - Criando Banner com Várias Animações Continuadas

      Este tutorial visa complementar o módulo de Flash, do curso de Webdesign. O mesmo tem por objetivo exemplificar de forma prática alguns conceitos e funções do Flash abordados na apostila.

      O aluno deverá ter alguns conhecimentos básicos de como formatar e criar imagens com programas como Photoshop ou CorelDRAW (ambos estudados no curso de Webdesign), ou outro programa de edição e criação de imagens.


      O primeiro passo para a criação de um banner é definir seu tamanho, se vai ter alguma imagem bitmap, etc. No exemplo a seguir, o banner terá 600 x 120 pixels, terá uma imagem bitmap do lado esquerdo e fundo preto, como mostra a figura abaixo:
       

      A imagem acima foi criada no Photoshop.

      Definida a estrutura básica do banner, é hora de começar a trabalhar a animação no Flash.

      Abra o Flash.

      Utilizando o Painel Properties, altere o tamanho do Palco para as medidas do banner, ou seja, 600 x 120 pixels e altere a cor para preto.

      Através do Menu File, opção Import... > Import to stage, importe a imagem BannerEspaco para a área de trabalho do Flash e posicione-a exatamente sobre o Palco. Obs: você pode fazer isso de maneira rápida e precisa através do painel Align: menu Window > Align.

      Nosso próximo passo consiste em demarcar a área que colocaremos as mensagens de texto para fazer a animação.

      Clique sobre o menu View, opção Rules. Aparecerão duas réguas na área de trabalho do Flash, uma vertical à esquerda e outra horizontal na parte superior.

      Clique agora sobre a régua vertical à esquerda e mantendo o botão do mouse pressionado, arraste para a direita, até que a linha verde fique na frente da galáxia, como mostra a imagem abaixo:
















      Vamos agora começar a dar nomes aos bois.

      Na linha do tempo, posicione o cursor do mouse sobre a palavra “Layer 1”, e dê um duplo-clique sobre a mesma.
       
      A palavra “Layer 1” entrará no modo de edição. Altere o nome para “Banner”.

      Em seguida clique na imagem para selecioná-la e clique no menu Modify, opção Convert to Symbol....
      Na caixa de diálogo Convert to Symbol, no campo Name, apague o nome que estiver na mesma e digite Banner.

      Em Type, deixe marcada a opção Movie Clip e clique no botão OK.

      Em seguida criaremos mais uma camada.

      Clique no menu Insert > Timeline, opção Layer.

      Altere o nome o nome da camada para Texto1.

      Clique no Quadro 1 da linha do tempo da camada Texto1 para selecionar o mesmo.

      Na caixa de Ferramentas, no campo Color, clique na opção Fill color e selecione a cor #FFFFCC (amarelo claro).


      Em seguida também na caixa de Ferramentas, clique na ferramenta Text e digite a frase 1° Encontro de Astrônomos Amadores de Friburgo.

      Posicione e redimensione o texto como na figura abaixo:

       
      OBs: você pode ajustar rapidamente o texto no centro do palco no alinhamento vertical através do painel Align.

      Com o texto selecionado, clique no menu Modify, opção Convert to Symbol....

      Dê o nome de Texto1, deixe a opção Movie Clip marcada e clique no botão OK.

      Vamos animar o nosso texto.

      Clique no quadro n° 30 da linha do tempo da camada Texto1 para selecioná-lo.

      Clique com o botão direito do mouse em cima do quadro e depois na opção Insert Keyframe no menu que aparecerá.

      Clique agora no quadro n° 1 da linha do tempo da camada Texto1 para selecioná-lo.

      Clique com o botão direito do mouse em cima do quadro e depois na opção Create Motion Tween no menu que aparecerá.

      Com o primeiro quadro selecionado, clique agora sobre o símbolo Texto1 no palco.

      Aparecerá a opção Color, no painel Properties.

      Selecione a opção Brightness e na caixa Brightness Amount, selecione -100%.
       
      Teste o resultado pressionando Crtl + Enter.

      O símbolo Texto1 aparece gradualmente.

      Clique no quadro n° 45 da linha do tempo da camada Texto1 e insira um Quadro-chave.

      Clique com o botão direito do mouse no quadro n° 30 da linha do tempo da camada Texto1 e depois na opção Create Motion Tween.

      Clique novamente no quadro n° 45 da linha do tempo da camada Texto1.

      Clique no símbolo Texto1 no palco.

      Selecione a opção Brightness, do campo Color no painel de Propriedades e selecione -100% no campo Brightness Amount.

      Teste o resultado pressionando Crtl + Enter.

      Agora o símbolo Texto1 aparece gradualmente e depois desaparece também gradualmente, só que um pouco mais rápido, pois a quantidade de quadros é menor.

      Vamos continuar com a animação do nosso Banner.

      Clique no menu Insert > Timeline, opção Layer para inserir uma nova camada.
      Nomeie a nova camada como Texto 2.

      Clique no Quadro 45 da linha do tempo da camada Texto 2 para selecionar o mesmo.
      Insira um Keyframe.

      Em seguida, clique na ferramenta Texto 2 e digite a frase Dias 25, 26 e 27 de maio de 2007.

      Posicione e redimensione o texto como na figura abaixo:





      Clique no quadro n° 45 da linha do tempo da camada Texto 2.

      Clique no menu Modify, opção Convert to Symbol....

      Deixe a opção Movie Clip marcada, nomeie o símbolo como Texto 2 e clique no botão OK.

      Clique no quadro n° 75 da linha do tempo da camada Texto 2 e insira um Keyframe.

      Clique no quadro n° 45 da linha do tempo novamente com o botão direito do mouse e clique na opção Create Motion Tween.

      Clique no símbolo Texto 2 no palco, e no painel Properties, selecione a opção Brightness.

      Selecione -100% no campo Brightness Amount.

      Teste o resultado pressionando Crtl + Enter.

      Obs: Se o texto da camada Texto 2 ficar aparecendo durante todo o tempo, remova o quadro chave no quadro n° 1 da camada Texto 2.

      Clique no quadro n° 90 da linha do tempo da camada Texto 2 e insira um Keyframe.

      Clique no quadro n° 75 da linha do tempo novamente com o botão direito do mouse e clique na opção Create Motion Tween.

      Com o quadro n° 90 da linha do tempo da camada Texto 2 selecionado, clique no símbolo Texto 2 no palco.

      No painel Properties, selecione a opção Brightness.

      Selecione -100% no campo Brightness Amount.

      Selecione a camada Texto 1 na linha do tempo.

      Clique no menu Insert > Timeline, opção Layer.

      Renomei-e a nova camada para Texto1.2
       
      Selecione a seqüência de quadros começando do 1 até o 45 da camada Texto1.

      Clique no menu Edit > Timeline, opção Copy Frames.

      Clique no quadro nº 90 da camada Texto1.2.

      Clique no menu Edit > Timeline, opção Past Frames.

      Teste o resultado pressionando Crtl + Enter.

      Terminando a animação do Banner.

      Você deve ter notado que a imagem da galáxia só aparece um breve instante e depois desaparece. Vamos corrigir isso agora.

      Insira um Keyfrme no quadro de n° 134 da camada Banner.

      Com o quadro n° 134 ainda selecionado, clique no painel Actions.

      Clique na opção Timeline Control para expandi-la.

      Dê um duplo-clique na opção gotoAndPlay. Essa opção habilita a repetição do filme a partir de um determinado quadro.

      Digite 45 entre os parênteses do comando. 45 é o quadro no qual queremos que a animação comece a se repetir.

      Teste o resultado pressionando Crtl + Enter.

      Repare que o filme já inicia com a galáxia aparecendo. Podemos melhorar um pouco mais.

      Clique no quadro n° 30 da linha do tempo da camada Banner e insira um Keyframe.

      Clique no quadro n° 1 da linha do tempo da camada Banner com o botão direito do mouse e clique na opção Create Motion Tween.

      Com o quadro n° 1 da linha do tempo da camada Banner selecionado, clique no símbolo Banner no palco.
      No painel Properties, selecione a opção Brightness.

      Selecione -100% no campo Brightness Amount.

      Teste o resultado pressionando Crtl + Enter.

      Ficou melhor não concorda?

      Agora que terminamos nosso Banner, temos que cria o arquivo executável (.swf) para poder utilizar na página de Internet.

      Clique no menu File, opção Export > Export Movie.

      Abrirá a caixa de diálogo Export Movie. Digite um Nome (BannerEspaco) para o Banner e indique o local onde você deseja salvar o arquivo executável e clique em seguida no botão Salvar.

      Aparecerá em seguida a caixa de diálogo Exportar Flash Player onde podemos definir opções como Ordem de Carregamento, qualidade do JPEG, opções para proteção, compactação, depuração, versão do player, etc.

      No campo Ordem de carregamento, selecione Top Down.

      Em JPEG Quality, digite 100.

      E em Versão, selecione uma versão para o Flash.

      Clique em OK.

      É isso aí, terminamos a animação do nosso Banner. Você pode utilizar os conceitos apresentados neste tutorial animando os objetos de outras maneiras apresentadas também na apostila, tal como a interpolação de Forma, etc.

      Photoshop - Plano de Fundo de Fogo

      Neste exercício trabalharemos com os seguintes efeitos e ferramentas:

      · Efeitos utilizados: filtro Render > Clouds (Acabamento > Nuvens); Hue/Saturation (Maitz > Saturação; Color Burn (Superexposição de cores); Color Dodge (Subexposição de cores); Hard Light (Luz direta).

      · Ferramenta utilizada: Smudge (Borrar).
      1 – Crie um novo projeto de imagem com 1024 X 768 pixels, fundo branco e 72 DPI de resolução.

      2 - Deixe sua Foreground Color (Cor do Primeiro Plano) na cor preta e sua Background Color (Cor do Segundo Plano) na cor branca:






      3 - Vá até Filter > Render > Clouds (Filtro > Acabamento > Nuvens) para começar.

      4 - Repare que foi criado um efeito parecido com de nuvem em seu desenho. Agora você irá distorcê-lo com a ferramenta Smudge (Borrar):






      4.1 – Utilize a seguinte configuração (Pincel: 25 > Modo: Normal > Resistência: 60%):





      4.2 - Clique com o pincel e arraste fazendo movimentos semi-inclinados (em forma de ponta de laça) de cima para baixo e de baixo para cima, na sua imagem, faça isso com paciência, pois o resultado demora a aparecer:


       5 - Duplique esta camada; clique com o botão direito do mouse sobre a mesma e selecione Duplicate Layer:




      6 - Com a Layer Background selecionada, pressione Ctrl + U para abrir a caixa de configuração Hue/Saturation (Matiz/Saturação) e configure como mostra a imagem abaixo, essa configuração deixará a Layer com uma cor amarelada:

      6.1 – Não se esqueça de marcar a caixa de seleção: Colorize (Colorir).



      6.2 – Agora, utilizando a configuração da imagem abaixo, faça o mesmo com a Layer Background Copy, só que dessa vez a mesma ficará com visual avermelhado:



      7 - Agora vamos aos passos finais para o efeito de fogo. Ative o menu Blending Mode (Mesclagem da Camada) na paleta Layers, como indica abaixo:




      Eu utilizei os seguintes modos do Blending Mode e obtive os seguintes resultados:
      Color Burn (Superexposição de cores):




      Color Dodge (Subexposição de cores):




      Hard Light (Luz Direta):



      Photoshop – Nome Pegando Fogo 02

      Criar um efeito que simule uma chama ardente envolvendo uma palavra, objeto ou frase é o que propomos neste tutorial. Este efeito é muito comum e existem muitos filtros como o Eyecandy que o simulam com perfeição. Porém saber como criar este efeito é muito interessante. Sigamos o passo a passo.

      Pressione "D" para resetar as cores (deixando em preto e branco)




      Pressione "X" para inverter as cores (deixando em branco e preto)




      Vamos começar criando uma nova Imagem em RGB com 1024 x 768 pixels com fundo Transparente.

      Pinte o fundo de Preto.

      Selecione a ferramenta texto e digite a palavra Fogo com uma fonte de sua preferência e centralize o texto conforme mostra a figura abaixo.




      Selecione o menu Image > Rotate Canvas > 90 CCW.




      Selecione Filtro > Stylize > Wind (Filtro > Estilizar > Vento). Deixe o Method em Wind e Direction "From The Right" (Para a Direita). Aplique o mesmo filtro mais uma vez pressionando Ctrl+F.




      Agora aplicaremos efeitos de alguns filtros para dar movimento. Aplique os efeitos utilizando os filtros como na seqüência a seguir: Filter > Distort > Ripple; Filter > Stylize > Wind; Filter > Pixelate > Fragment; Filter > Stylize > Wind; Filter > Distort > Ripple.




      Selecione agora o menu Image > Rotate Canvas > 90 CW. Pressione Control+E para unir a Layer com o fundo ou, se preferir, selecione o menu Layer > Merge Layers (Camadas > Unir Camadas).

      Pressione Control+B ou selecione o menu Image > Ajustments > Color Balance e deixe os valores como na figura ao lado para todos os três modos de Tone Balance, ou seja: +100, 0, -100 para Shadows, Midtones e Highlights ou ajuste como melhor lhe convier.




      Este é o efeito final de fogo conseguido com estas ações acima. Experimente variando os valores dos filtros de distorção para mais ou menos e obtenha outros resultados.