Darkside

Ahir vam veure com fer-nos un avatar en 3D des de Meez.
Avui veurem com posar-lo al nostre blog (més concretament a la Sidebar). Si us fa mandra fer-ho podeu conformar-vos amb la animació tallada que podeu posar des de Meez, però si no us conformeu i no us molesta treballar, haurieu de mirar-vos aixó.

Què necessitem:

* Ganes
* Una conta a Fileden (podem utilitzar la dels favicons)
* El Camtasia Studio 5
* El VirtualDub
* Precisió a l'hora de tallar arxius

El Camstasia és un programa de pago, us podeu baixar la versió de prova de la web... o buscar per aquí. El VirtualDub, en canvi, és gratis i us el podeu descarregar de la seva web.


Primer hem d'instalar el Camstasia on ens vagi bé, i després hem d'executar-lo. Ens apareixerà un menú amb unes opcions, escollirem "New Screen Recording", però abans hem de configurar-ho.




Anem a "Tools>Options" i des d'allà anem a "Video". Aquí posem la configuració del video a "Manual" i ho remenem una mica. Els "frames/sec" és la velocitat del video, jo l'he posat a 40, i on posa "Video Compression" li posem "Full Frames (Uncompressed)". Amb aixó el que fem és que no comprimeixi la imatge, ja que es veuria pitjor. Seguidament anem a Meez, ens posem la animació que vulguem i fem el següent: fem click a "Select Area to Record" i senyalem la zona de la animació amb el ratolí. Podem editar la sel·lecció perqué no agafi les lletres de Meez.com.





El fem click a "Record" i comencem a gravar. L'animació es va repetint, per tant assegureu-vos de grabar l'animació sencera. La que jo he triat en 10 segons s'havia repetit dos cops, per tant ja en tenia prou. Quan estiguem segurs d'haver-la grabat sencera, li donem a "Stop". Ens mostrarà lo que ha grabat. Ho guardem on vulguem i li donem a "Edit my recording". Ens apareixerà una pantalla semblant a la del Movie Maker de Windows, però encara no hem de tocar res. Minimitzem el Camstasia i instal·lem i obrim el VirtualDub.





Anem a "File> Open video file" i ens demanarà que obrim el video que hem gravat. Abans, però hem de fer una cosa. Al menú on heu de sel·leccionar el video, a baix a l'esquerra hi ha una opció que diu "Ask for extended options after this dialog". La sel·leccionem i ja podem obrir el video. Ens apareixerà una pantalla que diu "Import Options: AVI Import Filter", amb dos apartats. Hem de sel·leccionar del primer, que es diu "General AVI Options", la primera casella que posa "Re-derive keyframe flags". Li donem a OK i el deixem fer. Quan ens aparegui el video l'hem d'editar. Hem de fer coincidir el primer i l'últim frame, fent que l'avatar estigui en la mateixa pose en els 2. Quan creguem que l'hem trobat li donem al botó que té una fletxa negra que apunta cap a la dreta, i sel·leccionem els frames que van des del 0 fins al que heu triat (si ho sel·leccioneu bé, es veurà una linia blava).





Després feu click a "Edit>Crop to Selection" i us quedaran només aquells frames. Ara li doneu a "Flie> Save as AVI" i el guardeu. Podeu utilitzar el "Windows Media Player" amb la opció repeat (Play> Repeat o Control+T) per veure si el video es repeteix correctament. Si no ho fa i es veu un salt entre l'últim i el primer frame o algo així, haureu de seguir buscant amb el VirtualDub el frame exacte i repetir el procés.







Ara podeu aprofitar per anar al lababo, anar a berenar o algo per l'estil.

Ja heu tornat? Way, pos seguim.

Teniem el nostre video tallat en el punt exacte perqué es repetís bé, recordeu? Vale, doncs ara hem de tornar a obrir el Camtasia i importar el video (File>Import Media). Arrosegueu el video fins la linia del temps i el deixeu allà. A l'esquerra hi ha un menú (Task List) amb una sèrie d'opcions. Hem d'anar al submenú "Produce" i fer click a la opció "Produce Video as...".
Ens apareixerà una altre pantalleta amb l'assistent de producció (Production Wizard). Hem d'anar a "Production Presets" i fer click a "Manage". Aixó ens servirà per especificar les opcions del video.
Fem click a "New..." i li posem un nom, per exemple "Blogger Sidebar".






A on posa "Video File Format" li donem a "Flash (SWF/FLV)". Fem click a "Next>" i ajustem els paràmetres. A "Template" posem "Legacy SWF output" (perqué no es mostrin els botons de play, pause, etc), a "Size" li posem una nosaltres, per exemple 192 x 144 (així cabrà a la sidebar) i després fem click a "Flash Options".






Aquí hem de tocar: de Video, el color de fons (el deixem en blanc), d'Audio desmarquem el "Encode Audio" i de Controls, aixó és el més important, posem: "No playback controls" i a "End action" posem "Go to first frame", amb aixó farem que la imatge es repeteixi. Li donem a OK , "Next>" i "Finish".






Tornem a estar al "Production Wizard", però com que ja ho tenim tot mig configurat farem Next, després posem el nom que volem pel video i la ruta, Next un altre cop i finalment Finish.

Weee!!! Ja tenim el nostre avatar!
Però no us emocioneu gaire que encara no estem.
Hem d'anar a on hem guardat el nostre video i agafar l'arxiu acabat en ".swf". El posem en un lloc que trobem ràpid i anem a Fileden. Un cop allà, fem login, anem a Upload i pujem l'arxiu. Copiem la ruta de l'arxiu i anem cap al blog.






Va que ja casi estem.

Anem a Format>Elements de pàgina i afegim un gadget de codi "Html/Javascript" a la sidebar.

Ara hem de posar:


<object id="movie" data="http://www.fileden.com/files/2009/5/5/2431118/avatar_flash.swf" type="application/x-shockwave-flash" width="192" height="144"></object>




Cambiant la ruta per la vostre imatge, lògicament. Si us fixeu les mides són les que hem posat abans.
Li poseu el titol que vulgueu, per exemple "Mini Jo", li doneu a "Desa", i comproveu que es vegi.

Si es veu... felicitats! Ja heu acabat amb éxit el mega-tostón de tutorial del friki aquest del Darkside que per lo vist s'aburreix molt Ja teniu el vostre personatge de Meez al blog!!!

Podeu estar orgullosos, vaya currasso que us heu pegat, eh? ^^

I ara... a comentar!