Tutorial - Efeito Little Shake

Me pediram para ensinar algo PELO PHOTOSHOP, ou um efeito legal para postadores. Escolhi o efeito dos afiliados, para que não cheguem comentando: "Letis, sua anta, eu não tenho photoshop !"

Olá Cupcakes !

Como devem ter reparado, acabei pegando a mania da nossa querida Vicky, do blog Garotas Cupcakes, de falar "Olá, cupcakes". Batam nela, não em mim. Como a grande maioria de vocês deve saber, eu posto no blog do Leandro, o Prince Teen, e eu fiquei muito, muito feliz ao ver que lá, atingimos a meta de 1.000 seguidores, que tanto esperávamos.

Checando a ask, vi finalmente um pedido que não se referia a avatares, (Fuck yeah !) é um tutorial de photoshop, que imagino que a grande maioria de vocês tenha, já que eu já passei vários links para baixar aqui mesmo no blog. Á pedido, vou ensinar um efeito realmente muito fofo, tanto em imagens normais, quando para Afiliados, Blogroll ou Postadores. Aprendi ele em um tumblr, o MH, mas infelizmente ele está fechado, então não tenho como dar os devidos créditos.
Em fim, vamos lá.

Preview no gadget "Little shake" ( ♥♥♥ )

Bom, primeiramente, vá ao seu CSS, pesquisando por ]]></b:skin> , e cole :

@-webkit-keyframes shake { 0% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);} 25% {transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg);} 50% {transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg);} 75% {transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg);} 100% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);} } .shake {-webkit-transition: .9s; border-radius: 5px;} .shake:hover {-webkit-animation: shake .9s alternate ease;}

Agora, para usar, vá em um gadget, e cole :

<img src="sua imagem" class="shake">

Bom, é isso, espero que tenham gostado, e claro, foi um prazer blogar novamente.
Beijos.