Category Archives: Disseny Gràfic

Jigsawplanet: Crea divertits trencaclosques online

Jigsewplanet és una eina divertida que ens permet crear trencaclosques a partir d’una imatge pròpia. El trencaclosques creat, pot tenir diferents graus de dificultat i el podem inserir en el nostre bloc per tal que tothom que hi accedeixi el pugui realitzar.

Mireu l’exemple:

I aquí teniu les instruccions per crear els vostres trencaclosques:

Com Crear Un Trencaclosques Amb Jigsaw Planet

Photoshop Online amb Pixlr

Pixlr és una aplicació web d’edició d’imatges similars a programes d’escriptori com Photoshop o GIMP.

El programa permet carregar imatges del nostre ordinador, a partir d’una adreça URL o començar un treball des de cero.

Sorprèn el seu extrem semblant a Photoshop, no solament pel seu aspecte, sinó en totes les seves funcions: transformació lliure, nivell, edició per capes, historial, estils de capes, navegador per coordenades, filtres, capes, corbes de color, etc.
D’aquesta forma, Pixlr es converteix en una de les principals alternatives web als programes d’edició d’imatges tradicionals.

ScreenToaster: grava vídeos del teu escriptori!

ScreenToaster és una aplicació web que et permet gravar vídeos de tot el que facis en el teu ordinador en temps real. Ideal per crear tutorials, demos, i altres coses depenent de la necessitat. Per gravar vídeos únicament has de registrar-te gratuïtament i pressionar “Start Recording” o “Record” i de seguida començaràs a gravar tot el que estiguis fent a la pantalla. El programa permet afegir àudio i incloure vídeos d’una webcam mentre estiguis gravant les teves accions en pantalla. A més permet afegir subtítols, seleccionar el thumbnail, descriure i posar tags al video perquè altres usuaris puguin trobar fàcilment els teus vídeos. Finalment pots guardar-te el vídeos al teu ordinador, a la pàgina web o bé afegir-los al teu compte del youtube.

Podeu veure la demo de la mateixa web:

I aquí podeu veure una prova que he fet i que després l’he enviat al youtube. (Passejant per Canaletes de Second Life…)

Via: Osona Web

Fem una capçalera animada

Donat que alguns m’heu demanat com es fa una capçalera animada, m’he animat a fer una petita guia de com fer-ho.

En primer lloc cal que escolliu les imatges que voleu que surtin a l’animació, i deixar-les totes a la mida de 780 X 95 píxels. Això ho feu amb el programa Paint Shop Pro 5.

Després executeu el programa Animation Shop (que està també dintre del Paint Shop Pro) i feu l’animació.

Finalment canvieu la capçalera del vostre bloc per aquesta animació creada.

Perquè ho veieu millor he creat una animació flash per veure tots els passos.

shop.jpg

Si no recordeu com es canvia la capçalera llegiu aquest article:

http://blocs.xtec.cat/racotic/2007/11/19/canvi-dimatge-de-la-capcalera/

Si ho proveu us agrairia que féssiu un comentari posant l’adreça del vostre bloc. Així podríem veure més exemples.

Jo us ensenyo un, encara que l’he d’arreglar algun dia o altre Fer l'ulletFer l'ullet:

http://blocs.xtec.cat/mar97

Canvi d’imatge de la capçalera

El header o capçalera és un dels elements visuals de la teva web o bloc més importants. Podem agafar d’Internet “headers” gratuïts i modificar-los per afegir-los al nostre bloc.

 

De moment als XtecBlocs només ho podem fer a dues plantilles:

Per la plantilla Freshy:

En primer lloc podreu triar una imatge en alguna d’aquestes dues webs:

FreeWebPageHeaders

A continuació cal editar la imatge escollida i deixar-la amb el tamany: 780 X 95. (Es pot deixar més alta i llavors la capçalera la deixa centrada al posar-la al bloc)
Clica a sobre de les imatges per veure com queden:

Pugem la imatge al nostre bloc i busquem l’enllaç d’aquesta en Gestiona – Fitxers deixats al servidor.

Finalment copiem l’enllaç a les opcions de la capçalera de la plantilla. I ja està! Mireu com queden els dos exemples.

libres.jpg

hivern.jpg

Font:Cabeceras gratis para tu web o blog

 

 

Per la plantilla Xtec:
Aquí cal agafar una imatge que es vagi repetint perquè quedi bé.

Tria d’aquestes webs la imatge de fons i posa-la a la URL de la capçalera:

pattern_131.giftop1.gif

Exemple:

quadradets.jpg

Voki: Crea un personatge pel teu bloc

Té un munt d’opcions i possibilitats; i ja us podeu imaginar la quantitat d’utilitats educatives que em podem fer a partir d’aquesta eina.

Dos guies per fer el vostre Voki:

 

Como crear un avatar para Windows Live Spaces, o un blog, con Voki

Atrévete y pon un Voki en tu blog

Més informació:

http://phobos.xtec.cat/crp-tarragones/zonatic-n/2007/09/04/voki-a-laula/
http://www.incubaweb.com/1029/personajes/crea-tu-replica-parlante-con-voki/

Aquí teniu l’exemple:

Get a Voki now!