Jobs 2009/2010

depois de milhões de anos decidi atualizar meu portfólio, mostrando alguns trabalhos que acabaram de sair do forno e outros que foram realizados ano passado você confere clicando na imagem:

2009 é ano dos Blogs

Nesse ano de 2009 meus ultimos trabalhos pela mooz a sua maioria foram blogs, a plataforma utilizada foi WordPress, ele é fantástico completo e tem sua estrutura totalmente editável, atualmente é a estrutura de blog mais popular no mundo, tem uma extensa gama de plugins que podem ser baixados no site do wordpress.org,   nesse site você também pode baixar a plataforma wordpress, existem várias traduções incluindo português, a comudade brasileira é wordpress.br ela organiza encontro nacionais e disponibiliza matérias sobre o assunto e forum para ajudar a galera. Agora vou listar alguns trabalhos desenvolvidos:

Garotas estupidas

http://www.garotas estupidas.com/

ge_shootblog

O blog de Camila Coutinho relacionado a moda, trata o assunto com uma liguagem bem divertida, o blog é sucesso na internet.

Blog da Familia Ovo

http://www.familiaovo.com/blog/

ovo_shootblog

Blog da grife infantil Familia Ovo, trada de assuntos relacionados as crianças , mães e futuras mães.

A prancheta

http://www.aprancheta.com/

prancheta_shootblog

A Prancheta é um espaço onde 8 amigos falam sobre design, cinema, fotografia, literatura, moda, música, ilustração, toy art, vídeo e o que mais der na telha.


Coquetel Molotov 2009

http://www.coquetelmolotov.com.br/blog/

coquetel_shootblog

O festival No Ar Coquetel Molotov teve início em 2004, quando foi realizado no Recife. Nesse ano de 2009 Coquetel Molotov terá nomes como Beirut, Sebastien Tellier, Those Dancing days e Milton Nascimento.

Trabalhando com Shape em ActionScript 3.0

A classe Graphics contém métodos específicos para  trabalhar com vetores. a Classes Graphics da suporte a classes Sprite e Shape que possuem a propriedade graphics que auxiliam na criação de imagens vetoriais.

A classe Shape é usada para criar objetos leves, o Shape é mais leve que o Sprite por não possuir eventos de clique e lista de DisplayObject como o Sprite. Nos posts anteriores eu já tinha utilizado a propriedade graphics em um Sprite e nesse post vamos trabalhar alguns métodos da classe Shape.
No desenvolvimento vou utilizar o Flash Develop mas, também pode ser feito no Flash.

Nesse post anterior mostra como utilizar o flash Develop com flex SDK

Vamos programar :

o resultado é o seguinte :

[flash https://www.fellyph.com.br/blog/wp-content/uploads/2008/10/formas.swf w=450 h=400]

Tween Lite

As classes de animações são uma mão na roda para os desenvolvedores flash , um conjunto de classes que permitem com apenas um linha de código, fazer ótimas animações modificando varias propriedades, passei um bom tempo utilizando as classes do caurina Tweener, melhoraram muito minha produtividade, mas a adição dessas classes aumentavam 12kb no swf final. Para um site em flash isso não é muito significativo, mas para um banner para web pode complicar.

Alguns portais tem um limite para o tamanho do swf por exemplo a globo e suas filiadas tem um limite de 20kb por banner, ou seja com a adição do caurina já é usado mais de 50% dos kbytes permitido.

Um dia fazendo uma pesquisa sobre Papervision3D vi uma recomendação de um pacote de classes para animação TweenMax e TweenLite. Fiz meus testes e gostei, depois perguntei a alguns amigos que também fizeram boas recomendações.

No site Greensock grupo responsável pelo desenvolvimento das classes TweenLite e TweenMax. Têm alguns testes de desempenho, documentação completa e exemplos, a seguir vou mostra um simples exemplo utilizando TweenMax.

Seu uso é bastante simples vamos lá :

1 – Primeiro baixe o pacote das classes, se ainda não baixou clique aqui .

2 – Descompacte o zip na mesma pasta que está o seu arquivo .fla como na figura abaixo.

3 – Abra o arquivo .fla que no meu caso é tweenLite.fla , crie um movieClip no palco com o nome de instância bola_mc.

4 – Crie uma nova layer com um nome ações , selecione o primeiro frame e pressione  F9 para inserir o nosso código AS.

Na janela de ações jogamos o seguinte código:

Na linha 1 importamos a Classe TweenMax.

Na linha 2 usamos a classe de animação que funciona da seguinte forma:

TweenMax.to( [ alvo ], [ tempo ], {[propriedades do movie clipe]}); no exemplo a cima as propriedades x e y do movieClip;

Se você quiser adicionar as propriedades de ease fica assim:

A diferença para o primeiro código foi o import do easing na linha dois e a inclusão de mais uma propriedade a de ease na linha 3 neste caso eu estou utilizando o Back e easeOut diz que o efeito vai ser aplicado no fim da animação.

Alguns tipos de easing são:

  • Back
  • Bounce
  • Cubic
  • Elastic
  • Expo

E suas variações : easeIn para aplicar o efeito no início da animação , easeOut no final e easeInOut em ambos.

Por enquanto é só depois vou complementar esse exercício .

No ar

Mais um trabalho by mooz que entrou no ar o site da fotógrafa  Carolina Pires especialista em fotos de casamento, muito legal o trabalho um site clean onde as fotos são um verdadeiro show. Muito legal trabalhar em um site com imagens tão bonitas que são um estimulo a mais para desenvolver o site. Em conjunto foi lançado o blog seguindo a mesma identidade. Parabéns aos designers que trabalharam nesse projeto que são pessoas fantásticas.

Site Carolina Pires

Blog Carolina Pires