Creem Blocs i treballem Imatges

Photoshop ben aprop.

2008-06-12T06:59:00.006+02:00

Si no tenim el Photoshop instal·lat podem optar per diferents alternatives si volem editar imatges en l'entorn Photoshop:

A la xarxa podem trobar el Photoshop Express que ens permet traballar en unes condicions semblants a si tinguéssim descarregat el programa al nostre PC.

Es tracta de Photsohop Express.

L'altra opció és descarregar-se la versió Portable de Photoshop, que un cop descarregada la posarem al nostre llapis de memòria USB i podrem dur sempre al damunt i treballar-hi només connectant el llapis al portàtil o PC que tinguem al davant. Molt útil i no ocupa massa memòria (92,3 Mb).

Adobe Photshop Portable

Tunejem i retoquem cotxes

2008-06-05T07:56:00.005+02:00

Tot seguit us deixo uns enllaços dedicats a retocar cotxes.
Visiteu-los i escolliu el que més us agradi i intenteu posar-lo en pràctica.

Quan acabeu caldrà que publiqueu el resultat i el cotxe original en un escrit nou amb el títol: Retoc de cotxes.

Aprenem a clonar. Fem objectes i gent invisible.

2008-05-28T02:25:00.001+02:00

Efecte Andy Warhol

2008-05-20T01:00:00.000+02:00

Segurament heu vist la següent imatge alguna vegada, ja sigui en televisió, revistes o llibres.

Es tracta d'una de les tècniques utilitzades per l'artista Andy Warhol (pintor i cineasta) on es combinen els traços dels retrats amb una varietat de colors, estil també dins la línia de disseny pop-art.

Doncs, ara intentarem amb de les eines que ens ofereix Photoshop aconseguir un efecte semblant a partir d'una imatge retrat.

PROCEDIMENT:

Dupliquem la capa
Mitjançant eines de selecció, seleccionem la part externa del retrat i la eliminem, quedant el fons totalment buit. Ho podem fer amb la vareta de selecció.
Com que el que ens interessa és el retrat hem d'INVERTIR la selecció, CTRL + Majusc+I.
Un cop ja tenim la selecció del retrat procedim a Desaturar-lo:

Imagen -> Ajustes-> Tono y Saturación (CTRL+U)

Arribat aquest moment tocarà modificar els nivells de la imatge, ajustant-los de tal manera que fem destacar la cara (pell) de la foto com més esblanqueïda millor i el cabell com més fosc també millor.

Imagen -> Ajustes-> Niveles (Ctrl + L)

Ara aplicarem a la capa un Filtre -> Artísitc -> "Cuarteado"
Li donarem uns valors valors de:

Num. niveles: 4
Simplicidad de borde 2
Fidelidad de borde 1. -> Però segons el tipus d'imatge pot variar.

A les propietats de capa li apliquem "Oscurecer"
En aquest punt hem de crear una capa nova en blanc ( Ctrl+Majusc+N)
Dins d'aquesta capa seleccionarem diferents parts per colorejar amb el pot de pintura:

primer tota la pell del rostre i coll i així poder-la emplenar del color desitjat, en el nostre cas vermell.
en segon terme seleccionarem la roba i li aboquem el cub de pintura de color verd,
per acabar el fons de la imatge el pintem de color Blau.

Ara ja tindrem un rostre amb efecte Andy Warhol. Podem fer diferents combinacions de colors sobre la mateixa imatge.

Ara heu de transformar una imatge escollida per vosaltres aplicant-hi aquest efecte d'estil pop-art. El penjareu al vostre bloc amb el nom: Efecte Warhol

Afegim marcs a les fotografies

2008-04-28T20:02:00.021+02:00

Qualsevol fotografia pot ser complimentada amb un marc que ajudi a realçar la imatge.

Mitjançant Photoshop podem fer-ho de diferents formes, unes més senzilles i altres més impactants i treballades.

Tot seguit en mostrem unes quantes de diferents:

Crear marc augmentant el tamany del tapís

Un cop tenim la imatge a Photoshop hem de saber quines són les dimensions exactes de la mateixa i ampliar-les.

Trobarem aquestes dades a IMAGEN -> TAMAÑO del LIENZO
Segons la versió de Photoshop podrem trobar que hem d'augmentar en píxels o centímetres el tamany global del tapís sumant-los-hi als de la imatge,

per exemple: si té 325 píxels d'ample , li sumarem 25px més, és dir 350.

o si observem l'opció "relativo" l'activem i ja els afegirà directament a la foto els px o cm anotats.

Com podeu observar podem triar el color del tapís que s'afegirà entre blanc, negre i gris o altres personalitzats a partir de la paleta de colors.
Podreu observar una vegada hem acceptat que la fotografia apareix amb un marc gris que l'envolta tota ella.
També hi podem afegir un segon marc més estret o ample a partir del mateix procediment i en un altre color, per exemple blanc.

Crear marc a partir d'una selecció inversa

Obrim la imatge amb el programa Photoshop i fem una selecció mitjançant l'eina Marc Rectangular de la vora de la imatge.
Una vegada feta la selecció procedim a invertir-la.

Selección-> Invertir selección (Ctrl+Maj+I)

En aquest moment tot el que modifiquem afectarà a la selecció del marc que hem fet.

Per exemple podem retocar el to i saturació de les vores aconseguint una coloració que faci de marc.
També podeu jugar amb blancs i negres, sèpia i altres creacions personals.

Crear marc transparent

Ja tenim la imatge al Photoshop. Acte seguit creem una capa nova sense imatge. Capa -> Nueva -> Capa (CTRL+Maj+N)
Procedim a fer una selecció total d'aquesta nova capa recent creada.

Selecció -> Tot (Ctrl+A)

Amb la selecció ja feta anem al menú Edición -> Contornear
A les opcions de contorn hi apliquem un valor proper als 50 px (tot dependrà del tamany de la foto que tenim) escollim el color negre, com a posició mantenim centre i premem Acceptar.
Apreciem que tota la imatge s'ha vist envoltada d'un marc negre.
Ara, situats a la capa del marc, procedirem a donar-li el toc transparent, tenim dues opcions vàlides:

a) Activem com a opció de capa "luz suave".

b) També aconseguiríem un efecte semblant baixant l'opacitat de la capa.TASCA: Cal que publiqueu 3 imatges sota el títol: Marcs de fotos, a partir de les tres opcions que s'han explicat en aquesta pràctica.

Els Microcotxes

2008-04-11T19:52:00.000+02:00

De ben segur que alguna vegada hem vist aquells cotxes de joguina anomenats Micromachines.
Podeu veure algun exemple en aquestes planes.

Doncs ara amb el Photoshop ja podem construir el nostre particular Minicotxe.

PROCEDIMENT:

Obrim la següent imatge
Li dupliquem la capa (Ctrl+J)
Eliminem el fons, ho podem fer amb la vareta màgica, clicant sobre el fons ja que té un color uniforme. Per veure com queda podem desactivar la visualització de la capa original.
Si quan el fons és fora fem una selecció inversa (Ctrl+I), ja tindrem l'auto seleccionat.
Amb l'eina de seleccionar cercle (M) seleccionem ambdues rodes i un tros de parafang. Un cop feta la selecció fem un copiar i enganxar per a ubicar les rodes amb el seu tamany natural en una nova capa que es crea automàticament.
Tornem a la capa del cotxe sencer i mitjançant l'eina de Transformació Lliure (Ctrl+T) escurcem la llargada del cotxe i si convé li afegim una mica d'alçada també.
Arriba el moment d'ajustar les rodes copiades anteriorment al damunt de la nova carrosseria, ho fem i si és convenient podem esborrar detalls que sobrin.
En aquest moment ja tenim un cotxe miniaturitzat, que haureu de publicar al bloc personal juntament amb un altre escollit per vosaltres, ambdos estaran en una nova entrada anomenada Microcotxes.

Juguem amb el blanc i negre i els colors

2008-04-10T19:05:00.017+02:00

Ja hem vist uns quants procediments per a seleccionar i modificar els colors dels objectes que ens apareixen a les fotografies.

OPCIÓ 1. A partir d'una capa en blanc, pintem i li apliquem "luz suave" a la mateixa, després ajustar to i saturació
OPCIÓ 2. Seleccionem els diferents objectes amb eines com llaç, llaç poligonal, llaç magnètic.
OPCIÓ 3. Emprant la màscara ràpida per a fer la selecció de les parts que ens interessen de la imatge.

Ara aprendrem a modificar les fotografies de color passant-les a blanc i negre o color sèpia, tan emprats pels fotògrafs.

PROCEDIMENT:

Dupliquem la capa de la imatge original (Ctrl + J), és molt recomanable per així tenir sempre l'original a mà, en casos de errades o voler començar de nou.
Amb la capa de la nova còpia seleccionada.

Procedim a Ajustar la Saturació al mínim "-100", Imagen->Ajustes -> Tono Saturación (Ctrl+ L) únicament per aconseguir el blanc i negre.
En el cas de voler obtenir el color sèpia hem de modificar el To i la Saturació amb l'opció colorear activada. Els valors no sran sempre els que us poso tot seguit, poden variar segons la resolució o colors de la imatge, heu de retocar al vostre gust.

Aquest seria el procediment a seguir per una fotografia sencera. En el cas de voler fer-ho només d'una part de la imatge seria tan senzill com:

fer la selecció de la part que pretenem deixar en blanc i negre i copiar / enganxar.

Recordeu que si el que ens interessa seleccionar és molt gran, en ocasions és millor seleccionar el que no volem i després invertir la selecció (Ctrl+Maj+I).

Observareu com només s'enganxa la part seleccionada en una nova capa amb fons transparent.
En aquesta nova capa és on actuarem per a canviar els colors a blanc i negre o sèpia.

Observeu uns exemples de mostra:

Ara us toca crear les vostres imatges.
Heu de preparar 4 imatges:
- 1 paisatge
- 1 objecte
- 1 persona
- 1 animal
Comptarà la originalitat i creativitat dels treballs.
Jugareu amb blancs i negres, sèpies i colors.

Ho publicareu al vostre bloc amb el títol: Combinem blanc i negre amb colors

Modifiquem el cel

2008-03-19T17:01:00.014+01:00

Amb dues imatges farem una composició canviant un cel enlloc de l'altre.
Si ho fem amb l'eina del llaç de selecció ens resultarà força pesat entre tanta fulla i branques, llavors optarem per un nou mètode.

PROCEDIMENT:

Dupliquem la capa on tenim la imatge original

La capa original la desactivem prement sobre l’ull que evita la visualització de la mateixa

Anem a la paleta de Canals

Tot seguit dupliquem la capa del color blau (la darrera) i damunt d’aquesta còpia hi apliquem un ajust de nivells (Ctrl + L) de forma que deixem la imatge ben negra, en especial el motiu que volem retallar o seleccionar.

Acte seguit activem altre cop tots els canals clicant damunt de RGB.

Premem les tecles Ctrl+Alt+4 per a fer la selecció de tot el que no és negre del canal 4 (còpia blau).

Tornem a la paleta de Capes i esborrem (Supr) la selecció que observem que es manté visible encara.
I ens apareix el fons de la imatge sense cel. Ja tenim a l’arbre sol, junt amb el terra.

Ara es tracta d’afegir una nova capa que serà la del cel que us presentem a continuació.

Una vegada la tenim a la composició la transformem (Ctr + T) per a que ens ocupi tot l’espai de fons
i la ordenem just davall de la còpia de l’arbre.

Observem el resultat final, força precís i més ràpid que fent una selecció manual amb un llaç.

TASQUES

En aquest punt heu de publicar el vostre resultat final al bloc, amb el títol:

Un cel diferent

Per finalitzar fareu una segona pràctica semblant en la que cercareu un paisatge al que li canviareu el cel extret d'una altra fotografia.
Tot plegat anirà publicat al mateix escrit "un cel diferent"

Canviem el color dels ulls

2008-03-19T13:25:00.011+01:00

Seguim amb els canvis cromàtics que de forma tan senzilla aconsegueix el Photoshop.
En aquest cas modificarem el color de les pupil·les dels ulls d'una persona, cal que sigui una fotografia de gran qualitat i resolució per obtenir uns resultats encertats.

PROCEDIMENT:

Un cop tenim la següent fotografia a l'escriptori de Photoshop la dupliquem (Ctrl+J).
Procedim a crear una nova capa en blanc. Capas-> Crear nova Capa (Ctrl+Maj+N)
sobre la que pintarem en color blau, per exemple, damunt dels ulls amb el pinzell (B) corresponent.
Com sempre, si ens passem de traç, podem o bé desfer (Ctrl+Z) o Esborrar amb la goma(E)
Ara li donarem a aquesta capa un efecte especial. Triarem de les diferents opcions del desplegable Luz Suave.
Per acabar i sempre movent-nos a la mateixa capa Obrim els controls de To i Saturació (Ctrl+U) i deixem el color que més ens agradi.

Imatges Finals

Publiqueu la imatge al vostre bloc sota el títol:

Ulls de colors

Feu una 2a imatge lliure i publiqueu-la també dins el mateix escrit.

Canviem el color d'un cotxe

2008-03-19T12:47:00.013+01:00

En aquesta pràctica canviarem el color d'un automòbil de forma que es mantingui al màxim l'efecte de brillassor que normalment despren la pintura dels cotxes.

Procediment:

Obrim la següent imatge amb el Photoshop

Acte seguit dupliquem la capa i en aquesta copia treballarem amb el llaç magnètic (L). Podreu observar com de vegades marxa el traç, no importa, després ho arreglarem.
S'aconsella treballa amb el zoom ben proper (Ctrl+"+") per ajustar al màxim.
Si ens hem desmarxat de la pintura un cop acabat el treball del llaç, podem afegir (Maj) o restar (Alt) selecció, però sempre amb un llaç activat.
Un cop donem per bo tot el seleccionat el que farem és Copiar (Ctrl+C) i Enganxar (Ctrl+V) i d'aquesta forma es crea una nova capa només amb la carrosseria del cotxe.
Cliquem damunt aquesta capa i obrim la opció Imagen-> Ajustes-> Tono y Saturación (Ctrl+U)
Ja només ens queda deixar-ho al nostre gust.

Observeu alguns models un cop retocada la pintura.

TASQUES:

Fer la pràctica i penjar la foto resultant al bloc personal sota el títol:

Canvio el color del cotxe

Canviar el color d'un 2n cotxe a escollir entre els que tens desats a Flickr o altres i pujar-lo també a la mateixa entrada.

Canviem el color del cabell

2008-03-19T08:18:00.016+01:00

Com hem vist fins al moment no és pas massa difícil seleccionar perfils de persones o d'objectes.
Si que comencem a tenir dificultats quan entrem en detalls com poden ser cabells, fulles o branques d'arbres.
En aquesta pràctica veurem la forma de fer-ho a partir d'una màscara ràpida (Q).

En primer lloc cal que obrim la imatge a treballar amb el Photoshop.
Acte seguit clicarem damunt la icona de màscara ràpida (Q), eina que ens permetrà de fer una capa imaginària de tot allò que pintem i que podrem desar com a una nova capa, com si es tractés d'una selecció de les que feiem amb el llaç.
Com podeu observar una vegada triat el pinzell (B) anem colorejant tot el cabell, ho fa en color vermell, tant fa, el que importa és que no ens deixem cap part del cabell.

En cas de passar-nos de ratlla o bé podem desfer (Ctrl+Alt+Z) o bé esborrar amb la goma (E)
També podem jugar amb difrents diàmetres de pinzell (') (¡)

En aquest punt desactivem la màscara ràpida (Q) i observem com ens ha creat tota una selecció del que no hem estat pintant,
El que succeeix és que la selecció és del que no hem pintat, i a nosaltres ens interessa el que si hem colorejat. Senzillament només hem de fer una Selecció Inversa (Ctrl+Maj+I) i ja tenim el cabell com a selecció.

Doncs bé aquesta selecció, ara si, és la que ens interessa i sobre la que treballarem, per tant hi farem un Copiar (Ctrl+C) i Enganxar (Ctrl+V).
Observem com es crea una nova capa al la paleta de capes amb només el cabell.

Ja arribem a la part del canvi de color, ho farem tenint activa la capa del cabell i jugant amb el to i saturació de la imatge (Imatge-> Ajust-> To i Saturació) (Ctrl+U), en aquest cas del cabell només.
Cal que tinguem en compte de prèmer Colorejar per accedir a més colors. Ho deixem al nostre gust. El resultat final seria el següent:
Finalment desareu la imatge i la penjareu al vostre bloc amb el títol :

canviem el color de cabell

Pel vostre compte heu de fer en una segona imatge una transformació de color similar a l'explicada en aquesta pràctica, que pujareu al mateix escrit.

Hi ha altres formes de canviar el color dels cabells,
algunes més complicades, altres més senzilles.
Us deixo uns video tutorials d'exemple

Canvi de cara

2008-03-09T08:49:00.016+01:00

Ara que ja comencem a dominar els mètodes per a seleccionar i parts d'una imatge i afegir-les a una segona fotografia a mode de composició, farem una pràctica consistent en canviar-li la cara a una persona.

Tenim aquestes dues imatges, les descarregueu i les obriu amb el Photoshop.

Procediment:

A partir de la imatge d'un retrat, procedirem a seleccionar només la part de la cara, deixant un marge ben ajustat al seu voltant.
Acte seguit farem un copiar (Ctrl+C) de la selecció i l'enganxarem (Ctrl+V) com a nova capa damunt de la imatge destí . Observeu com s'ha creat una capa amb la imatge facial del noi.
Mitjançant l'eina de transformació lliure (Ctrl+T) engrandirem la imatge fins a intentar que sigui del tamany i inclinació el més correcta i creible dins la composició.
En aquest punt haurem de baixar l'opacitat (entre 60 i 70%) de la cara del noi per veure com s'ajusta al fons de la cara de la noia, observeu com es superposen les imatges. Ho fem amb la capa del noi seleccionada, tal com s'indica a la imatge.
Ara ens interessarà tenir la goma d'esborrar activada i iniciem el treball més artesanal, és dir, anar esborrant part d'imatge del noi per dissimular el muntatge.
Recordem la importància de treballar amb la imatge ben ampliada (Ctrl++) i amb un pinzell una mica difuminat i de tamany adaptat al que hem d'esborrar, el qual triarem de la paleta "pinceles". (Vista->Mostrar Pinceles)

El resultat final haurà de ser similar al següent:
TASQUES:

Publicareu la imatge final al vostre bloc amb el títol: Canvi de cara
Finalment haureu de crear un fake o fotomuntatge semblant al que acabem de fer, amb dues imatges triades per vosaltres mateixos (podeu aprofitar retrats que teniu penjats a Flickr). El penjareu al mateix escrit del bloc que l'anterior.

Recordeu de pujar totes les imatges un cop acabades i en format JPG
al vostre compte de Flickr

Composicions a partir de Photoshop

2008-03-09T08:33:00.005+01:00

| View | Upload your own

Nans o Gegants ?

2008-02-24T20:38:00.014+01:00

Aprofitant les seleccions de parts d'imatges que estem aprenent, la següent pràctica serà per crear un món de fantasia.

Tasques a desenvolupar:

A partir de la imatge de la guitarra i del padrí que llegeix heu de fer la selecció i posterior combinació per a que sembli que el padrinet està assegut damunt la guitarra.

Pareu compte, que la figura del padrí ha de tenir una lleugera rotació per adaptar-se a la base de la guitarra.
Un cop acabat ho publiqueu al vostre bloc

Títol de l'escrit: Nans o Gegants

Ara heu de cercar dues imatges, normalment un objecte (tisora, ulleres, fruita, llapis, llibre, capça, claus, ...) i una figura humana, que un cop retallada la situarem combinada amb l'objecte triat, intenteu que l'efecte final sigui prou encertat.

La imaginació i el saber fer de cadascú serviran per valorar la feina feta.
Un cop completada la tasca, heu de pujar la imatge al mateix escrit fet anteriorment al vostre bloc.

Recordeu de pujar totes les imatges un cop acabades i en format JPG
al vostre compte de Flickr

Opcionalment en podreu pujar dues, però sempre dins la mateixa entrada.

Observeu uns exemples de mostra

Un món irreal

2008-02-24T10:37:00.013+01:00

Seguim practicant amb les eines de selecció.

En la tasca d'avui hem de crear:

Una imatge on introduïm dins el món dels Playmòbils una persona humana.
Utilitzarem aquestes dues imatges, la del punk i la dels policies de playmobil.

La imatge final resultant la publicarem al nostre bloc sota el títol: Un món irreal

Uns altres exemples de combinació d'imatges:
Una vegada finalitzada la primera imatge combinada, punk i policies, haureu de fer-ne una de lliure pel vostre compte i publicar-la també dins la mateixa entrada o escrit que l'anterior.

Molt important recordar les eines i detalls de treball al moment de seleccionar les imatges que ens interessin. Repasseu les instruccions fonamentals de la tasca anterior.

Ajuntar dues o més seleccions fetes dins la mateixa imatge i capa, ho aconseguim prement la tecla Majúscules (Shift) abans de començar la nova selecció que volem afegir a la ja feta. En la mateixa línia, també ens pot resultar útil deseleccionar part del que hem fet, ho aconseguim prement la tecla Alt i marquem el que no volem que estigui seleccionat. Ambdues funcions serveixen per a totes les eines de selecció.
Afegir selecció: MAJUSC + eina de selecció
Deseleccionar: ALT + eina de selecció
Molt útil resulta també quan hem d'aplicar Edición-> Transformación libre (Ctrl+T), per modificar el tamany de la selecció que tenim és:

Prémer la tecla majúscula (Shift) mentre tibem del tirador de la cantonada per així escalar la imatge de forma proporcional.
També dins la Tranformación libre tenim l'opció de prémer control (Ctrl) per moure la perspectiva.

Un cop acabada la Tranformación libre cal prémer enter (return) o fer dos clics de ratolí dins la selecció en la que treballàvem per a poder sortir i aplicar el canvis

Observeu com canvia la imatge si retoquem la perspectiva de la selecció que havíem fet anteriorment

Ex.1 - Seleccionar i canviar el fons d'una imatge.

2008-02-18T14:33:00.020+01:00

Iniciarem el nostre treball d'edició d'imatges amb Photoshop aplicant diverses eines de selecció amb la finalitat de retallar una part de la fotografia.

Procediment:

Obrirem la fotografia següent amb Photoshop. Un cop la tenim descarregada al nostre PC, des de Photoshop: Archivo --> Abrir

En aquest cas utilitzarem l'eina de selecció Llaç (lazo), per anar reseguint les vores de la imatge d'aquesta nena, no cal que ajustem massa, després ja ho perfilarem millor.

Una utilitat molt pràctica per seleccionar és ajuntar dues o més seleccions fetes dins la mateixa imatge i capa, ho aconseguim prement la tecla Majúscules (Shift) abans de començar la nova selecció que volem afegir a la ja feta. En la mateixa línia, també ens pot resultar útil deseleccionar part del que hem fet, ho aconseguim prement la tecla Alt i marquem el que no volem que estigui seleccionat. Ambdues funcions serveixen per a totes les eines de selecció.

Afegir selecció: MAJUSC + eina de selecció
Deseleccionar: ALT + eina de selecció

Una vegada ja tenim tot el contorn seleccionat haurem de copiar aquesta part seleccionada. Per a fer-ho despleguem el menú Edició --> Copiar

Tot seguit ens tocarà obrir el fons que hi voldrem aplicar, en aquest cas un desert. Descarreguem la següent imatge i l'obrim amb el Photoshop.
Abans de seguir fem un duplicat de la capa, amb el botó dret damunt la paleta de capes i duplicar capa (Ctrl+J a la paleta de capes, en versions superiors)

Com que en memòria encara tenim la selecció que hem fet del cos de la nena, senzillament només haurem de fer un Enganxar damunt les dunes. Edicion --> Pegar
Apreciarem com ens ha creat una nova capa damunt de la còpia de les dunes original.
Ara arriba el moment de donar credibilitat a aquesta superposició d'imatges.

Primerament l'haurem d'escalar, és dir adaptar el tamany de la nena al paisatge de fons. Ho aconseguirem estant a la capa de la nena i a partir del menú Edición --> Transformación libre (Ctrl + T)

Amb els tiradors de les cantonades anirem adoptant la forma que ens sembli més convenient. Si volem que ens mantingui la proporció cal que mantinguem premuda la tecla MAJUSC (Shift) mentre tibem dels tiradors.
El proper pas és esborrar parts del cabell i altres imperfeccions que veiem que no ajuden a fer una imatge creïble. Ho farem amb l'eina goma d'esborrar, la qual la deixarem amb una opacitat de 25% i a un tamany de 45, també difuminem la vora.

L'opacitat baixa ens permetrà anar esborrant poc a poc, cada passada o cada clic que fem esborra un 25% de la imatge de la nena, aixó vol dir que si sobre el mateix lloc hi fem 4 clics amb la goma la imatge estarà el 100% esborrada, veient-se nítidament la imatge inferior, en aquest cas les dunes.
De ben segur que ens convindrà disminuir el tamany de l'esborrador, per treure detalls més petits. Haurem d'anar jugant amb el zoom de la imatge i amb els tamanys de l'esborrador.
Arribat a aquest punt hauríem d'haver aconseguit una imatge com la següent.
Desareu la imatge en format .PSD i en format JPEG també.
Per acabar creareu una entrada al vostre bloc amb el títol :

Canviem el fons de les imatges.

TASCA FINAL:

En aquest moment sembla que hauríeu d'estar a punt per a fer un canvi de fons d'un retrat dels que teniu al vostre compte de Flickr, aplicant-hi un dels paisatges que també hi teniu allotjats a Flickr.

Quan acabeu penjareu la imatge resultant a Flickr i també al vostre bloc amb el títol d'escrit:

Jo canvio el fons.

Photoshop. Eines bàsiques

2008-02-12T19:54:00.000+01:00

En primer lloc farem un cop d'ull al funcionament bàsic de Photoshop.

Una vegada obert el programa, observarem el tapís de treball i les barres d'eines que ens trobem al nou entorn de treball.

En provarem unes quantes, així com la barra de menús, on com a la majoria de programes trobarem les funcions bàsiques per a iniciar-nos en aquesta nova aplicació.

Obrirem un arxiu d'imatge qualsevol des del menú Archivo -> Abrir
Observarem com es situa al centre de l'escriptori, i a més el tenim en una de les finestretes de la columna lateral dreta, en format miniatura, aquesta darrera visió és la paleta de capes. Comprovarem les diferents opcions que hi trobem, tal com s'indiquen al següent dibuix.
Finalment desarem la imatge en dos formats diferents:

PSD, format que ens conservarà totes les capes i accions que li hem fet mentre l'editàvem.

JPEG, format diríem que final, doncs no ens permetrà en un futur recuperar capes o altres modificacions que li hem fet. Hauríem de començar de zero altre cop.

Photoshop. El número 1 en retoc fotogràfic

2008-02-06T19:13:00.000+01:00

Arribat a aquest punt del Crèdit Variable iniciarem una nova etapa relacionada amb l'edició de les imatges.

PHOTOSHOP és un editor de fotografia que ha evolucionat molt al llarg del temps, fet que l'ha portat a ser el líder en aquest camp.

Podeu veure a partir de la barra d'eines l'evolució estètica del Photoshop

Trobarem mil i una possibilitats a partir de les eines que ens ofereix Photoshop, només cal imaginació i dominar les eines.
Tot seguit us en mostrem unes quantes força curioses i espectaculars:

També us afegeixo uns vídeos per a que es vegi el procediment de creació pas a pas fins arribar a l'efecte final.

Canviem la Plantilla de Blogger

2008-01-23T19:55:00.000+01:00

Des de la xarxa podrem accedir a diferents plantilles ja creades i vàlides per als blocs de Blogger.

Sense massa coneixements tècnics en podrem aprofitar alguna d'elles per adoptar-la i fer-la nostra.

Gran quantitat de dissenyadors gràfics i curiosos del món de les webs i blocs deixen accés lliure a les seves creacions, d'aquesta forma tots en podem gaudir.

Tot seguit us mostro uns quants enllaços on podrem visualitzar plantilles diferents i variades, de ben segur que ens serà difícil d'escollir, donem-los-hi un cop d'ull i mirem de triar-ne un parell per a veure si s'adapten a l'estructura del nostre bloc. (Cal tenir en compte si el tipus de plantilla que tenim té 1, 2 ó 3 columnes, doncs serà un factor determinant al moment de l'elecció)

Agrairia, que si en trobeu, em passéssiu més adreces de planes on hi figurin plantilles útils per a blogger, ho podeu fer als comentaris d'aquest escrit, gràcies!

Procediment:

Descripció dels passos a seguir:

Després de fer un cop d'ull i haver-ne triat un parell, les haurem d'haver descarregat al nostre PC, per exemple a Mis Documentos, per poder provar-les després i observar si assoleix els mínims estètics i de contingut que com a propietaris del bloc desitgem.
Quan la desem, cal que ens fixem que l'arxiu conté l'extensió.xml, o en certs casos poden estar en arxius comprimits que caldrà descomprimir per veure si és .xml.

Recordem la importància de ser molt semblant d'estructura (columnes) a la que ja tenim,
en cas contrari perdrem informació de la que ja teníem publicada.
L'ideal és fer aquest pas de triar la nova plantilla just quan iniciem un nou bloc.

IMPORTANT RECOMANACIÓ!
Tal com comentem més endavant, tots els "artilugis" que tinguis instal·lats al nostre bloc es perdran en el moment de carregar un nou template o plantilla. Per a conservar-los, una manera de fer-lo és obrir una nova pestanya del teu navegador, carregar el teu bloc i després, sobre qualsevol punt de la pantalla, fer un clic amb el botó dret del ratolí i seleccionar l'opció "Veure codi font".

Això obre un Bloc de Notes amb el codi complet del teu *blog. Només *tenés que guardar-lo en el teu disc dur i després, quan ja hagis instal·lat el nou *template, podràs treure d'aquest arxiu .TXT la informació dels "artilugis" que tenies abans, com els comptadors de visites, botons, llistes de llibres, ...

Un cop ja ens hem identificat com a usuaris i accedim al nostre compte de blogger ens situarem dins la pestanya Plantilla, i escollim Edició HTML

En aquesta nova finestra triarem l'opció Disseny

Com a mesura de seguretat ens descarregarem l'actual plantilla, un altre cop, per a desar-la i en cas de problemes quan triem la nova, poder recuperar l'antiga, i tornar-la a carregar. (Aquesta que desem ara no ens permetrà recuperar els "artilugis" que hi tinguem)
La desarem a Mis Documentos del nostre PC, per si posteriorment l'hem de reutilitzar.

En aquest moment crearem un nou bloc per veure com queda la nova plantilla que em triat, la qual estarà en blanc, és dir partim de zero. Accedim des del menú del Panell a l'opció Crear nou bloc, li posarem un nom lliure, el que vulgueu vosaltres, i seguirem tots els passos triant una plantilla qualsevol de les que ens ofereix blogger. Finalment la publiquem.

Tot seguit ens disposarem a carregar la plantilla nova que hem desat anteriorment, ho fem des de l'opció Examinar i la cerquem on l'havíem desat.

En aquest punt Blogger ens avisa que amb la nova plantilla és possible que perdrem diferent "artilugis", que hem anat afegint al nostre bloc, com que estem creant un bloc nou no perdrem res.

En aquest moment ja tindrem el nou disseny de plantilla actiu i disponible per a ser personalitzat.
Per confirmar que ho heu fet, vull que creeu un nou enllaç cap a aquest nou bloc, a la columna lateral del 1r bloc vostre.

En el cas de voler substituir el disseny del bloc que ja teníem actiu

Al haver desat la nostra plantilla original, seguirem els passos fins ara realitzats carregant la nova plantilla damunt la vella. En el cas de que la nova no es carregués bé, o donés errors, sempre podrem tornar a accedir a la primera i deixar-ho tot tal i com ho teníem de bon principi.
Recordem que molts widget o elements afegits a la columna lateral ens han desaparegut, alguns d'ells els podrem recuperar si obrim la nostra plantilla original. En ocasions ens poden desaparèixer fins hi tot les entrades o escrits.
A partir del codi font desat anteriorment en un document .txt, podríem anar copiant certs elements com el comptador de visites, enllaços, etc... i afegir-los a les columnes laterals del nou bloc tal com ja varem al seu moment.
També podem personalitzar i retocar els colors i tipus de fonts de nou.

Us afegeixo dos vídeo-tutorials que mostra com hem de realitzar el canvi.

Localitzem-nos al Món amb Flickr

2008-01-23T19:52:00.000+01:00

A partir de les opcions que Flickr ens ofereix, podrem indicar en un mapa mundi on estan ubicades les fotografies que tenim allotjades al nostre compte.

Procediment:

Accedim al desplegable Organitzar -> i escollim l'opció Tu mapa

Seguidament, una vegada acceptem que volem fer públiques les nostres imatges de Flickr, només haurem d'arrossegar una fotografia i ubicar-la al lloc pertinent del mapa per assenyalar on es troba la nostra localització, o bé, on ha estat presa la imatge.
Per centrar el lloc ràpidament dins el mapa mundial s'aconsella introduir el nom de la població en qüestió al cercador del mapa (part superior dreta).

D'aquesta forma tothom que faci un cop d'ull al mapa de Flickr, veurà des d'on nosaltres pengem les fotografies o de quin lloc és la fotografia.
A més, també apareixerà al costat de la fotografia del nostre àlbum que hem geolocalitzat l'enllaç directe cap al mapa en qüestió.

Finalment i per acabar serà necessari que feu una captura de pantalla de la ubicació i la publiqueu al bloc, amb el títol: Localització a Flickr

Si volem visualitzar altres imatges preses o geolocalitzades en una població en concret, només hem de desplegar Explorar i clicar Mapa del mundo

Ara hi escrivim la població sobre la que busquem les imatges

Com podem veure ens apareixen assenyalades les imatges que han estat ubicades en aquest punt del mapa en concret. Al clicar els diferents punt es pot visualitzar la imatge i si la cliquem accedirem al compte d'usuari que ha allotjat la fotografia.

Feu unes quantes geolocalitzacions a mode de curiositat per diferents llocs de les vostres contrades i també de ciutats més llunyanes, per veure quines imatges hi trobem.

Recordem: despleguem el menú de Flickr, Explorar -> Mapa del mundo

Eines per a Flickr

2008-01-22T20:39:00.000+01:00

Tot seguit us afegeixo tot un ventall d'eines i aplicacions basades en les imatges que tenim allotjades a Flickr.
D'aquesta forma podrem presentar les fotografies a partir dels codis d'enllaços o widgets que creem.
En ocasions ens dóna només l'adreça en forma d'enllaç, que un cop el seguirem ens representarà la presentació.

FLICKR.FLASHAPIS

O altres aplicacions són només per a cercar fotografies dins de Flickr a partir de paraules, ja siguin referides a etiquetes o a la descripció que porten totes les fotografies allotjades en aquest servidor.Altres opcions a partir de Flickr:

Moltes d'aquestes utilitats us demanaran l'aprovació per agafar les imatges del vostre compte de Flickr, senzillament li doneu el vist i plau i continueu.

Tasques:

Heu de crear 3 presentacions generals o d'una imatge sola, de les vistes anteriorment, del vostre compte a Flickr i publicar-les al bloc personal.

També poden ser d'alguna imatge del vostre compte presentada de forma curiosa, ja sigui en puzzle, cub, enllaç, etc...

El nom de la nova entrada serà: Eines per a Flickr

Genera 3 retocs fotogràfics des de Dumpr

2008-01-15T20:46:00.000+01:00

En aquest exercici hauràs de generar tres retocs a imatges del teu compte de Flickr.
Utilitzaràs les opcions que Dumpr et dóna.

Les imatges han de ser : 1 cotxe / 1 retrat / 1 sol

Quan les tinguis ja acabades les publicaràs en una sola entrada del teu bloc oficial.

Generadors a partir del compte Flickr

2008-01-15T20:24:00.001+01:00

Us presentem un generador d'imatges a partir de les fotografies que tenim allotjades al nostre compte de Flickr.

Es tracta de Dumpr.

Procediment:

En l'exercici d'avui emprarem el cub de Rubik

Ara si cliquem damunt la pestanya de Flickr, ens demanarà validar el nostre compte Flickr per a extreure'n imatges.
Si ja estem amb la plana de Flickr i el nostre compte activat només caldrà dir-li continuar.
Triar la imatge que volem que es mostri al cub de Rubik

Finalment quan ja hem decidit quina imatge utilitzarem ja només ens quedarà accedir al codi HTML per a poder-la publicar al nostre bloc oficial com una entrada o escrit més.

Acabarem la feina pujant la nostra imatge (cub de Rubik) al compte de Flickr i la ubicarem a la carpeta TIC-4t ESO. Aquesta darrera tasca caldrà fer-la des de l'opció organitzar àlbums com ja hem fet en tasques anteriors.

Etiquetem les nostres fotos

2008-01-15T19:25:00.000+01:00

Ara que tenim un grapat de fotografies al nostre compte de Flickr, arriba el moment d'etiquetar-les.

Una etiqueta és un distintiu que ens permetrà agrupar les imatges per grups, aconseguint d'aquesta forma una localització ben ràpida de les mateixes.

L'etiqueta identificativa estarà relacionada amb el contingut de la fotografia o amb l'interès personal que el propietari del compte li vulgui atribuir.

Procediment:

Primerament accedirem a les fotografies de forma que les puguem editar en lots, per facilitaraixí la tasca, que podria ser repetitiva.

Una vegada estem a l'organitzador de fotografies, les haurem d'arrossegar dins la zona de treball, per tot seguit clicar damunt l'opció etiquetes.

Les etiquetarem per lots amb els noms:

sol (3)
bàsquet (3)
cotxe (3)
retrats (5)
personals (5)
paisatges (5)

Finalment comprovem totes les etiquetes entrades al nostre compte de fotografies.

Afgegim més imatges al nostre compte Flickr

2008-01-08T21:08:00.000+01:00

Arriba el moment d'afegir més imatges al nostre compte:

Primerament crearem un nou àlbum amb el nom:

Personal

Tot sequit modificarem el nom del l'àlbum cotxes, per passar-lo a anomenar:

Retrats

Ara buscarem imatges que allotjarem als àlbums creats, utilitzarem el cercador de Flickr, des de l'opció "les fotos de tots", :

recordem que si cerquem els termes en anglès
és problable que obtenim més i millors resultats

5 imatges de retrats a l'àlbum Retrats
5 imatges de paisatges a l'àlbum TIC 4t ESO
5 imatges fetes per nosaltres mateixos (mòbil, càmera digital, escàner) a l'àlbum Personal.

Resumint, a l'acabar aquesta activitat els àlbums ens quedaran de la següent forma:

Totes les imatges sobrants que potser un altre dia vàrem allotjar les eliminarem si no surten en el gràfic anterior. Cal que estiguin ordenades i classificades d'aquesta forma.

Aquesta tasca ha de quedar completada abans del proper dia de classe.

Afegim la nostra imatge identificativa a mode d'icona

2008-01-07T13:24:00.000+01:00

Un cop hem iniciat la sessió a Flickr, ens adrecem al menú de treball.

Escollim de l'apartat "Tu", l'opció "Tu perfil"

Finalment cliquem damunt Icono , apartat on ens permetran triar una imatge que sortirà sempre associada al nostre nom i compte.

Per introduir-hi la icona personal caldrà fer unes petites modificacions, doncs ha de tenir una mida de 48x48 píxels. Flickr ens permetrà fer la captura d'aquesta mida retallant un quadradet d'una imatge més gran, però nosaltres volem reduir tota la imatge sencera.

Ens servirem d'aplicacions de la xarxa d'internet que ens permetran ajustar la imatge al tamany que ens interessa, en aquest cas 48x48 píxels.

Editors que ens permeten dimensionar:

Altres redimensionadors amb no tantes opcions:

Tasques:

A partir de la base d'imatges de Flickr o d'una imatge personal, en triarem una que ens representarà.
Pot ser una imatge sencera o part de la mateixa, el que si és clau és el tamany 48 píxels d'ample i alt.
Quan la tenim triada la redimensionem amb les aplicacions exposades unes línies més amunt i la desem al nostre PC momentàniament.
Ara només ens queda pujar-la a l'espai de Flickr de l'icona de perfil.
Ja per acabar, pujarem la nostra imatge que fem servir a mode d'icona al nostre compte Flickr, com una fotografia més.

Cerquem i afegim fotografies a Flickr

2007-12-19T23:42:00.000+01:00

Ara que ja tenim un compte creat, farem les següents activitats:

Primerament accedim a la plana de flickr i iniciem sessió.
Ara haureu de navegar entre totes les fotografies que els usuaris han allotjat a Flickr per cercar:

3 imatges que ens apareguin a partir de la paraula basketball
3 imatges relacionades amb la paraula ferrari
3 imatges més de l'àmbit del sol o sun (moltes vegades si posem la paraula en anglès podrem aconseguir un ventall més ampli de resultats)

Un cop escollim les que ens agraden les desarem al nostre PC (desar imatge amb el botó dret del ratolí) momentàniament per a poder-les pujar al nostre compte de flickr.

Tot seguit situarem les 9 imatges pujades a l'àlbum TIC-4t ESO que vàrem crear.
Modificarem els nostres àlbums:

En crearem un de nou a partir de l'opció ORGANITZAR

L'anomenarem COTXES a aquest nou àlbum.
I finalment afegirem les fotos dels ferraris que hem allotjat en aquest nou àlbum arrossegant-les amb el ratolí.
I eliminarem els ferraris de l'àlbum TIC-4tESO

Com funciona Flickr?

2007-12-17T13:31:00.000+01:00

| View | Upload your own

Un cop observem que el nostre compte de FLICKR és operatiu farem unes quantes accions que afectaran al compte.

Tasques a desenvolupar:

Modificarem el nostre perfil del compte Flickr

Esollim la pestanya TU -> tu perfil -> Edita tu perfil
Emplenem els camps que ens interessen i al final cliquem desar
En aquest mateix apartat de perfil podrem modificar:

Una petita imatge identificativa que acompanyarà al nostre compte.
I també el nom que es mostrarà a la xarxa junt amb el compte.

(Aquests darrers apartats els modifiqueu segons creieu convenient)

Crearem un àlbum amb el nom TIC 4t ESO

triarem l'opció ORGANITZA del menú superior i a la finestra que se'ns obre ens permetrà crear aquest àlbum que tindrà de nom TIC 4t ESO

Finalment, afegirem un enllaç a l'apartat d'enllaços del nostre bloc amb el nom: Jo a Flickr.
La URL que afegirem a l'apartat enllaços serà la que ens apareix a la barrra de l'explorador quan dins la plana de Flickr estem situats a

Flickr. Allotjador d'imatges.

2007-12-17T12:05:00.000+01:00

Al següent full podreu observar diferents espais que ens permeten allotjar imatges a la xarxa.
A partir d'un registre inicial podrem emmagatzemar diferents fotografies nostres i visualitzar les de altres usuaris.

Per a les nostres pràctiques ens donarem d'alta a FLICKR.
La plana de presentació serà semblant a la imatge següent:

Escollirem la icona de CREAR COMPTE NOU, com s'indica al'anterior imatge i ens apareixerà la pantalla següent, on clicarem donar-se d'alta (sign-up)
Un cop s'obre la nova plana seguireu per ordre les instruccions que estan marcades a la següent imatge: (es recomana clicar la imatge per augmentar el tamany de la mateixa i llegir millor el contingut)

Tot seguit, cal que anem a l'adreça de Flickr

En aquests moments amb l'ID d'usuari i la contrasenya que hem escrit fa breus moments (important recordar-la) ja podrem activar el nostre compte de Flickr.
Clicarem l'opció crear nou compte a flickr, a la nova finestra que ens apareix.
i ara pujarem una primera fotografia que tinguem al nostre PC per donar per acabat el procés de creació del nostre espai d'allotjament a flickr.

Petit tutorial per ampliar coneixements sobre Flickr

Internet ens facilita l'enviament d'SMS gratuïts

2007-12-06T13:37:00.000+01:00

Servei gratuït des de ZedfreeSMS ens donem d'alta de forma ràpida i ja podem gaudir d'un servei gratuït d'enviament d'SMS. Podem enviar-ne fins a 5 diaris.

Tasques a desenvolupar:

Creeu una nova entrada al vostre bloc. Poseu-li de títol: SMS gratuïts
Accediu a la plana de zedfreesms.
A la finestra que s'obre cliqueu damunt la icona inferior dreta (1) d'iniciar o acabar sessió.
Acte seguit us heu de registrar clicant el missatge de registre que apareix (2)
Ara només ens resta anotar el missatge i el número de mòbil al que li volem enviar. I clicar Enviar SMS.

Finalment afegirem aquesta aplicació al nostre escrit per a poder enviar sempre que vulguem SMS.

Clicarem sobre la icona marcada en el dibuix que segueix i copiarem el codi.
L'incrustarem al nostre escrit mitjançant el llenguatge HTML

Publiquem les estadístiques del nostre bloc

2007-12-04T21:10:00.000+01:00

Arriba l'hora de consultar com anem de visites.
Recordem que en una de les tasques encomanades, vàrem donar d'alta el nostre bloc al servei que Google ens ofereix, el google.com/analytics.

Cal recordar que per accedir-hi emprarem l'usuari i contrasenya de Gmail, la que utilitzem per publicar a blogger.

Quan arribeu a la plana de consulta observareu uns gràfics i dades semblants als que us presento tot seguit.

TASQUES a desenvolupar:

Crear una nova entrada amb el títol: Com anem de visites?

On hi sortiran les següents imatges:

Fer una captura d'imatge de la plana general on s'especifiquen les estadístiques del vostre bloc (com la que teniu a la part superior d'aquest escrit)
Engrandrir l'apartat de visites per ubicació i capturar també el mapa per a enganxar-lo també al mateix escrit.

NOTA important, si al seu dia no vàreu donar d'alta
el vostre bloc a Google Analytics, és avui el moment de fer-ho.

També és el moment per aprofitar i donar d'alta
la URL del vostre segon bloc,
així sempre tindreu un resum estadístic
de la gent que us visita. Enllaç per recordar com es feia

Més generadors. Imagechief

2007-11-29T01:21:00.001+01:00

A partir de la següent plana, IMAGECHIEF, trieu els 3 generadors que més us agradin.

Procediment:

Crea un nou escrit amb el títol: més generadors.
A partir de l'enllaç que et proposo has de provar diferents tipus de generadors i finalment amb els que més t'agradin:

triaràs 2 creacions, que aniran en un nou escrit del vostre bloc oficial.

la 3a creació la incrustareu en un nou escrit del vostre bloc no oficial.

Generadors

2007-11-29T00:12:00.000+01:00

Navegant per la xarxa i cercant informació sobre utilitats i entreteniment referent a blocs, fàcilment farem cap a planes que ens generen imatges, text, animacions...

Aquests generadors solen ser molt específics, cal cercar el que ens interessa segons les nostres necessitats.

Veiem-n'hi uns quants.

Generador de caràcters xinesos.
Generador d'imatge divertida a partir del nostre nom.

Generador d'imatges de neó

Generador de missatges (cal donar-se d'alta i ens facilita el codi del vídeo)

Generador de ninot M&M

Generador de banners publicitaris.

Generador de missatges a la pissarra.

Generador de pastissos

Tasques a fer:

Triar dels generadors anteriors 3 models.
Afegir-los tots 3 seguits dins el mateix escrit. Només la imatge o el vídeo que ens facilita, no cal cap explicació.
Al teu bloc no oficial afegir-ne 1, com a mínim, també en un escrit nou.

Afegim un calendari al nostre bloc

2007-11-21T18:57:00.000+01:00

A la pràctica d'avui haureu d'afegir dos calendaris diferents al vostre bloc oficial.
Un d'ells anirà a la columna lateral del bloc (a la part més inferior) i l'altre en una entrada o escrit nou.

Procediment:
Creeu una entrada nova amb el títol : En quin dia vivim?

Explicareu com heu afegit aquests calendaris al vostre bloc.

Alguna imatge amb enllaç de la plana on has tret el codi del calendari.
Explicació de com has fet els passos.
Enllaç damunt de text que ens porti a la plana externa de l'origen dels calendaris.

Planes on podem trobar alguns calendaris:

Compte endarrere !

2007-11-21T18:27:00.000+01:00

En aquest nou escrit, que haureu de publicar, heu de crear un comptador de compte endarrere.

En podreu trobar de diferents formes i tamanys, tots ells són personalitzables en gran part.
Un cop els hem adaptat al nostre gust, només ens quedarà d'obtenir el codi HTML i afegir-lo a la nova entrada que fem al bloc oficial.

Planes on trobarem comptadors:

Plana 1 - widgetbox - Cal donar-se d'alta
Plana 2 - yahoo - En ocasions demana un compte de yahoo
Plana 3 - myflashfetish - Cal donar-se d'alta

Blocs i més blocs.

2007-11-15T07:19:00.000+01:00

Ara que ja sabem què és un bloc, com es construeix i com afegir-hi elements, arriba l'hora de navegar per la xarxa per veure quina mena de blocs hi podem trobar.

Procediment:
A partir dels directoris de blocs que us facilito:

heu de buscar 3 blocs diferents que parlin de:

temes relacionats amb les noves tecnologies.
temes relacionats amb els esports.
temes relacionats amb el cinema.
temes relacionats amb els jocs.

Una vegada els tingueu localitzats, fareu una captura de pantalla de cadascun d'ells i creareu una nova entrada amb el títol Blocs i més blocs.
Explicareu quina és la temàtica de cada bloc què heu triat just davall de la imatge del mateix.
Creareu un enllaç sobre la imatge i el nom de cada bloc.

Afegim un rellotge d'agulles i un digital al nostre bloc.

2007-11-12T20:58:00.000+01:00

En aquesta pràctica haureu d'afegir 2 rellotges (un analògic i un digital) :

el primer a la vostra columna lateral, just damunt del comptador de visites,
i el segon en una nova entrada o escrit que tindrà per títol: quina hora és?

en aquest escrit també hi afegireu les planes, amb el corresponent enllaç, que ens han permès trobar aquests rellotges.

Us adjunto diferents planes on trobar rellotges i que us faciliten el codi HTML necessari per a poder publicar-lo al vostre bloc:

Snap shots. Una eina que ens visualitza els enllaços

2007-11-06T20:02:00.000+01:00

Tal com diu el títol de l'entrada, si ens donem d'alta a SnapShots i posteriorment afegim el codi que ens faciliten a la nostra plantilla web, optarem a veure al moment, sense clicar, com és la plana que tenim enllaçada (això si en petit).

Procediment:

Accedim a la plana d'SNAP SHOTS,
tot seguit ens donem d'alta clicant register now (on senyala la fletxa del dibuix adjunt)
Ara introduïm les dades d'usuari que ens demanen, (obligatòries les marcades), acceptem les condicions i cliquem continuar.

Finalment accedim a la instal·lació ràpida que ens proposa al ser usuaris de blogger.

Com veieu ens afegirà un widget o galeta a la columna lateral del bloc. Cal que la resitueu just davall del reproductor.

A partir d'aquest moment ja veureu que succeeix quan passeu el ratolí pel damunt de qualsevol enllaç extern que tingueu al bloc.

Afegim música al nostre bloc

2007-10-19T11:39:00.000+02:00

Per la xarxa trobarem diverses aplicacions dedicades a reproduir la música que més ens agrada i que podem personalitzar i incrustar en una entrada o a la plantilla del nostre bloc.

A la columna dreta en teniu un model i també aquests que us presento tot seguit:

Us ofereixo l'enllaç de les planes on podrem confeccionar els vostres reproductors:

Finetune
Project Play List
SeeqPod Music
Myflashfetish
Odeo
Last·fm
Ivoon
Stickam (explicació)
Aquestes dues darreres aplicacions permeten
pujar-te cançons des del teu PC (mp3 o wav)

Tasques:
- Haureu de fer 2 feines:

Crear un escrit nou, amb l'etiqueta "música" al qual explicareu el procediment seguit, pas per pas, per a incrustar un reproductor de música en aquesta mateixa entrada del vostre bloc.
Incrustar un reproductor musical a la columna lateral de la vostra bitàcola.

Observacions importants:
Per la 1a tasca: Es recomana que feu l'explicació de tot el que aneu fent en qualsevol de les planes abans esmentades i que contenen reproductors en una fulla de word. Serà obligatori la inclusió d'imatges explicatives fent captures de pantalla. Compte!! Les imategs les haureu d'anar desant a "mis imagenes" i les pujareu a l'escrit al final de tot. Un cop acabats i explicats tots els passos ho enganxareu en aquesta mateixa entrada.
Per la 2a tasca: El reproductor que trieu per la columna lateral haurà de ser diferent al de l'escrit. Figurarà just davall dels enllaços.

Cal que introduiu al bloc oficiós un reproductor .

Afegir un comptador al nostre bloc.

2007-10-15T19:30:00.001+02:00

Volem afegir un comptador de visites a la nostra columna lateral del bloc.
Tenim diferents serveis gratuïts per la xarxa, n'anomenarem uns quants:

ContadorWeb. Alta immediata.
ContadorGratis. Cal donar-se d'alta, s'activa a l'endemà.
Histats. Cal donar-se d'alta. Molta varietat de comptadors.
StatCounter. Cal donar-se d'alta.
ContadorWap. Et demana un correu, excessivament senzill.

Totes aquestes planes al final us facilitaran un codi HTML que caldrà que copieu i poseu a la columna lateral del vostre bloc oficial.

La forma de fer-ho és senzilla,

Procediment:

Accedirem a la consola del bloc i a l'apartat PLANTILLA --> Disposició.

Un cop a la columna lateral escollim afegir element de pàgina, i a la finestra que s'obre triem l'opció Html/JavaScript,
és aquí un enganxarem el codi abans copiat. Com a títol i escriurem Comptador de visites.

Mireu que us quedi just davall de la fotografia que hi teniu. Arrossegant moure'm la casella cap un més ens interessi mentre estem a la pestanya Disposició.

Acte seguit fareu el mateix amb l'altre bloc vostre.

Estadístiques del nostre bloc.

2007-10-15T14:44:00.000+02:00

Ens pot interessar saber el moviment de visites que hi ha al nostre bloc, doncs bé, ja que tenim compte creat a gmail, aprofitarem l'eina que google ens ofereix per conèixer a nivell estadístic com funciona la nostra bitàcola.

Procediment:

Accedim al compte de Google, un cop registrats, ens apareixeran els serveis que ens oferixen. Triem Google Analytics.
Tot seguit anirem a l'apartat MyAccount per a modificar l'idioma si s'escau, triarem la que ens resulti més còmoda per a rebre les instruccions.
Arriba el moment de donar d'alta el nostre bloc. Clicarem a l'apartat que diu Añadir perfil de sitio web. I a la següent finestra hi enganxarem la URL, adreça del nostre bloc. (compte, no hi poseu http://, doncs ja hi és escrit). Per acabar premem Finalitzar.
Ara ens facilita el codi html que haurem d'incrustrar al nostre bloc.

ON? a la plantilla, llenguatge html del bloc, just abans de l'etiqueta /body

Ja només ens queda validar el nou bloc que acabem de donar d'alta (Comprobar estado de seguimiento).

Si volem veure més endavant les estadístiques de les visites que tenim al bloc accedirem al nostre compte de Google Analytics i després un cop seleccionat el bloc que ens interessi clicarem veure informes.

Ara haureu de fer el mateix amb el vostre 2n bloc

Personalitzem la Plantilla. Tipus de lletra i colors.

2007-10-10T21:38:00.001+02:00

Tot seguit modificarem la plantilla a nivell de format, és a dir, tipus de lletra i colors.

Seguim en la pestanya Plantilla i cliquem Tipus de lletra i colors

Com podreu observar s'afegeix a la finestra una paleta de colors, junt amb l'apartat del bloc que correspon a cadascun.
Qualsevol modificació que fem la veiem d'immediat a la part inferior, on se'ns segueix mostrant el nostre bloc.
Quan donem per bons els canvis cal desar-los, en cas contrari no tindrien efecte sobre el bloc.

Aquest és el moment de variar el color que tenim del text,
si es dóna el cas que es confon amb el fons del bloc, per exemple.
O també si la font o tipus de lletra no és del nostre agrat, també ara la podem retocar.

Observeu l'apartat: Modificar el codi hexadecimal de color.

Es tracta d'una molt bona eina per afegir un color que no surt a la paleta que ens mostra, mitjançant les instruccions d'aquest document podreu triar el color que us faci més gràcia. Intenteu-ho.

Personalitzem la Plantilla. Elements de pàgina.

2007-10-10T21:21:00.000+02:00

Mitjançant la pestanya Plantilla podem modificar certs valors de la mateixa al nostre gust.

Accedirem primer a l'apartat Elements de la pàgina.

Com podeu observar ens apareixen totes les parts que configuren el nostre bloc,
d'aquesta forma ja podem moure, editar, afegir o eliminar els apartats que ens interessin.

Si el que volem és desplaçar cert element, només hem d'arrossegar-lo amb el ratolí.
Si volem editar-lo, per a possibles modificacions, cliquem damunt Edita.
Dins mateix d'Edita, tenim l'opció d'Eliminar l'element en qüestió.
Finalment per afegir elements, triem l'acció que duu aquest nom, segons on la vulguem situar.

- Arriba el moment de fer els canvis que creieu convenients al vostre bloc oficial primer i després al personal.

Configurem opcions del bloc

2007-10-08T19:59:00.001+02:00

En aquest apartat ens endinsarem en les opcions que podem variar al nostre bloc.

Tasca 1: Seleccionem -> Configuració -> Formatació

Dins del format, ara ens toca personalitzar els següents desplegables al vostre gust. Una vegada hem acabat recordeu de prèmer (a la part inferior de la mateixa plana)

Tasca 2: Seleccionem -> Configuració -> Comentaris

Un cop cliquem aquesta pestanya veiem totes les opcions referides als comentaris que es poden fer als nostres escrits. Des de habilitar els comentaris o no, o també triar qui en pot fer. Trieu les opcions que més us interessin.

Recordeu de clicar desar si heu fet canvis

Tasca 3: Seleccionem -> Configuració -> Permisos

Passem a la darrera pestanya de configuració, tracta de triar qui pot veure aquest bloc. Es recomana que tothom hi tingui accés.

Recordeu de clicar desar si heu fet canvis

Un cop configurat el blog oficial, ara us toca de fer el mateix al vostre blog personal/oficiós

Inserim vídeos al bloc

2007-10-03T19:11:00.000+02:00

Tasques a desenvolupar:

1a tasca
- Crear una nova entrada o escrit al vostre bloc, al mode enviament de missatges, pestanya superior esquerra, triem crear i després escrivim nom o títol: Vídeos de bolets.
- Cercarem al YouTube, allotjador de vídeos online, i en una nova pestanya de Firefox (Ctrl+T), el següent vídeo: Els bolets de la Cerdanya,

Al YouTube, només cal que busquis el vídeo que desitgis posant alguna referència a la casella de cercar, per exemple, bolets Cerdanya, quan t’aparegui, el visualitzes i només cal que segueixis els següents passos:

A la part de la dreta del vídeo t’apareixen dues etiquetes: URL i Insertar amb uns codis htlm cadascuna. El primer codi, URL, és per posar el video al teu blog com un enllaç (on “clicant” d’amunt la paraula o foto amb que ho hagis enllaçat, s’obriria la pàgina del YouTube amb el vídeo en questió). La segona, Insertar, és per inserir el vídeo directament al teu blog.
Copia el codi del vídeo que hem cercat, el de l’etiqueta "Insertar", al portapapers amb el botó dret del ratolí (seleccionem el codi + clic boto de la dreta + copiar).

- Tornem al nostre bloc, a l'escrit que estem creant, hem d'escriure el text: Vídeo dels bolets de la Cerdanya, activem la icona Modificar Html

- I és en aquesta finestreta on hi enganxarem el codi (botó dret ratolí+enganxar) que fa un moment hem copiat del vídeo del YouTube, just després del text que hem escrit.

- Tornem a la finestra de Redacta i fem una visualització prèvia per veure si apareix el vídeo correctament. Fi de la 1a tasca.

2a tasca
- Dins el mateix escrit, afegirem un nou vídeo.
- Cal anar a la Pestanya Enviament de missatges i triar l'opció Modificar els missatges.
- Un cop dins el missatge i darrera el vídeo anterior, hi afegirem el text: Vídeo humorístic relacionat amb els bolets.
I hi incrustarem el vídeo: Palomino i els bolets, que haureu de cercar al Youtube i copiar-ne el codi per a inserir-lo al vostre bloc, tal com hem fet anteriorment.e !!! Aquest vídeo haurà de sortir en un tamany menor que l'anterior.

Un cop tenim enganxat el codi html, hi accedim i modifiquem (pestanya Modificar HTML) l'amplada i alçada del vídeo, que en anglès són el width i el height:
Els nous valors seran: width= "350" i el height="275"
Tornem a la finestra de Redacta i fem una visualització prèvia per veure si apareix el vídeo correctament empetitit. Fi de la 2a tasca.

Tot l'escrit portarà com a etiqueta la paraula clau: Bolets

Crear un escrit amb imatge, enllaços i etiqueta.

2007-09-29T19:35:00.000+02:00

Tot seguit se us demana que feu un escrit nou al vostre bloc.
El tema de l'escrit anirà sobre el món dels bolets, ara que n'és temporada.

Què haurà de contenir aquesta entrada?

Títol: El món dels bolets
Un text mínim de 10 línies.
Una imatge relacionada amb el tema
2 enllaços o vincles a altres llocs web que serveixin per ampliar el vostre escrit.
Finalment hi afegireu una etiqueta o paraula clau, anomenada bolets

Podeu consultar aquest document d'ajuda, entre les planes 24 i 34.

Afegim enllaços al nostre bloc

2007-09-26T20:43:00.000+02:00

Tal com hem fet per afegir una imatge anteriorment, ara posarem uns enllaços a la columna lateral del nostre bloc.

Procediment:

Ens situem a la plantilla del nostre bloc i cliquem damunt Elements de la pàgina

Escollim afegir elements a la plana de la columna lateral
I finalment de l'apartat Llista d'enllaços cliquem Afegir al bloc

La finestra que se'ns obre servirà per afegir els següents enllaços:

A la web del Col·legi La Salle de Mollerussa
Al vostre blog oficiós
Al cercador Google
A un diari d'informació general o esportiu

Títol: enllaços
URL: enganxeu l'adreça web de l'enllaç que voleu fer
Nom del lloc: escriviu el nom del bloc, web, diari que s'obrirà quan hi cliquem.
Cada cop que emplenem la URL i el nom del lloc, cliquem Afegeix un enllaç i així fins haver entrat els 4 enllaços que us demano, un cop fet el darrer cal clicar

Afegim la nostra imatge a la columna lateral

2007-09-26T07:48:00.000+02:00

Primerament haurem de comptar amb una imatge personal.
La fotografia que triem tant pot ser que la tinguem al nostre PC, com que estigui ja allotjada a la xarxa.
Procediment:

Ubicar la imatge, si és a la xarxa cal copiar l'adreça o bé descarregar-la al nostre PC
Retocar la imatge. La podem retallar, donar-li efectes, ....

ho podeu fer mitjançant aquests programes on-line:

i finalment tornar-la a guardar al PC o allotjar-la a la xarxa.

Accedirem a l'escriptori de blogger, cliquem damunt la pestanya Plantilla i tot seguit Elements de la plana. Escollim l'opció afegir elements de la columna lateral.

A la nova finestra triem Afegir al Bloc una imatge, seguim els passos que ens marca i ja la tindrem

Blocs del alumnes de 4t del crèdit de TIC

2007-09-26T07:21:00.000+02:00

En aquesta entrada i a l'apartat de comentaris, caldrà que hi afegiu l'adreça complerta del vostre bloc creat.

COMENCEM el NOSTRE BLOC

2007-09-18T21:15:00.002+02:00

Què és un bloc?

Com ho fem per a crear un bloc amb Blogger?

Crèdit Variable TIC - 4t ESO. Curs 2007/08

2007-09-11T11:26:00.000+02:00

Els continguts que desenvoluparem en aquest crèdit són:

- Descàrrega i navegació amb Firefox. Extensions bàsiques.

- Creació i modificacions d'un bloc mitjançant Blogger

- Allotjament i presentació d'imatges amb Flickr

- Retoc d'imatge digital amb Photoshop