diumenge, 13 de setembre del 2015

On puc trobar el GIMP? (II)

Per a poder descarregar-nos el GIMP , haurem d’accedir a Internet, al web de softcatalà https://www.softcatala.org/wiki/Rebost:GIMP

Farem cap a la pàgina següent,


a  la qual triarem la versió corresponent al nostre sistema operatiu. Normalment a casa tindreu instal·lat el sistema operatiu Windows: la versió que baixarem serveix per a Windows XP, Vista, Seven, 8.0 i 10.0. Cliquem a l'enllaç «Per a Windows» i apareixerà la finestra emergent següent:


Cliquem a sobre de «Desa el fitxer».
Depenent com tinguem configurat el nostre navegador ens demanarà on volem desar el fitxer. Informem de la ruta on volem desar el fitxer i cliquem a «Desa».

Un cop el programa s’hagi baixat al complet, ens apareixerà al nostre ordinador (possiblement en la carpeta “Descargas” o “Baixades”) la icona del fitxer instal·lador del programa.
Només caldrà clicar a sobre i instal·lar l'aplicació, seguir les instruccions de l'instal·lador i finalitzar el procés.

 

Nou curs 2015-2016


Presentació

Durant aquest primer curs d’ESO ens introduirem en el món de l’edició de la imatge fixa.

Què treballarem?
  • Aplicació dels recursos que ofereixen les Noves Tecnologies de la Informació (coneixement acurat de l’entorn gràfic d’usuari Linkat) .
  • Importància d’aquest tipus de programes dins els món publicitari i tipogràfic.
  • Afegir l’ordinador, com a eina de dibuix, als diferents recursos i eines coneguts per l’alumne (llapis, tèmpera, aquarel·la, tinta xinesa, oli, …).
  • Conèixer les eines bàsiques d’edició d’imatges.
  • Conèixer i practicar la inserció de fitxers d’imatges (en diferents formats: importació i exportació) en altres aplicacions.
  • Finalment farem treballs d’integració d’imatges i text.
Quan ho farem?
La distribució setmanal serà de dues hores de classe per setmana. Totes les hores les farem a l’aula d’informàtica. Els continguts seran els següents:

UD
Nom
1
Què és el tractament de la imatge?. És part important de la nostra societat?.

2
Eines de tractament de la imatge:
2.1. Programari propietari: Adobe Photoshop, Corel Paint Shop pro
2.2. Programari lliure: GIMP

3
Presentació del programa GIMP

4
Mòdul d’eines bàsiques:
4.1. Fonaments
4.2. Tipus d’objectes i possibilitats de processament
4.3. Eines de dibuix / Comandaments de menú
4.4. Ús de l’escandallador
4.5. Treball per capes
4.6. Efectes i deformacions

5
Pràctica:
    1. Construir i transformar elements gràfics.
    2. Construir i transformar (processar) objectes de text.
    3. Efectes especials.
    4. Tramats/ Color
6
Importació i exportació de fitxers en diferents formats.

7
Treballs finals

Aquesta distribució de les unitats és orientativa ja que depèn de la dinàmica de classe.

Com ho farem?

Material de treball
  • Bústia de correu electrònic ( .....@gmail.com)
  • Pendrive. Mínim de 2 GB.
  • Bloc en paper per anar prenent notes i/o observacions sobre els treballs a fer.
  • Programari lliure d’edició d’imatges: GIMP. Es recomana instal·lar-lo a casa, a l’ordinador personal.
Estratègia de tramesa de treballs

Dinàmica de treball i avaluació
  • Hi haurà unes explicacions teòriques mínimes, acompanyades sempre d’exemples mostrats amb la projecció del canó de l’aula i que a més a més estaran publicades al blog de classe
  • Els treballs s’hauran de fer a l’aula i cas que no s’acabin s’hauran de finalitzar a casa, raó per la qual serà convenient que es tingui instal·lat el programari d’edició d’imatges GIMP. En les sessions inicials es mostrarà com descarregar-lo i fer la seva instal·lació.
  • Un cop finalitzat el treball programat es trametrà, per via electrònica, al professor a la bústia
  • S’establirà un calendari amb dates de lliurament de treballs. Els treballs lliurats dins els terminis establerts tindran una consideració del 100%; quan es lliuri un treball fora del termini establert, cada dia de demora suposarà 1 punt menys a considerar en la qualificació global de l’exercici, fins a un màxim de 5 punts (cinc dies de demora).
  • Els treballs no lliurats o lliurats més de cinc dies després de l’exhauriment del termini, s’hauran de completar abans de finalitzar la matèria.
  • El professor revisarà la feina feta i tornarà la qualificació corresponent.
  • La feina serà sempre personal llevat d’algun cas en el qual es determini que s’ha de fer en grup.

L’avaluació es farà atenent als criteris següents:

  • Treballs. 85% qualificació de la unitat.
  • Altres aspectes avaluatius: presentació de tasques, comportament, actitud a classe, actitud envers els companys i el material, puntualitat, respecte. Les amonestacions a classe, així com el maltractament i mal ús de l’equipament informàtic assignat, tindran un pes específic important en aquest apartat. 15% qualificació de la unitat

En cada treball s’obtindrà una qualificació que podrà anar de 0 a 10.
De la qualificació mitjana de tots els treballs desenvolupats sortirà la qualificació de l’avaluació que serà quadrimestral.
Si la qualificació global de la matèria no arribés a 5 s’haurà de fer la recuperació a la convocatòria extraordinària del mes de juny.
Si a la convocatòria extraordinària del mes de juny es treu una qualificació inferior a 5, es concretarà si s'ha de fer un treball a l’estiu i presentar-se a la recuperació del setembre. La no presentació del treball encarregat suposarà la pèrdua del dret de presentació a la prova escrita del setembre.

dijous, 21 de maig del 2015

Accés al bloc

A partir del dia 15 de juny l'accés quedarà restringit. Només podran accedir els lectors autoritzats.

Si esteu interessats, en accedir al contingut del blog, podeu sol·licitar-ho clicant a Sol·licitud d'accés al contingut del bloc, indicant l'ús que en fareu.

dimecres, 14 de gener del 2015

39. "La lladre de llibres"

Imatge de la noia
Obrim la imatge Liesel00.jpg
Font de la imatge
Es tracta de seleccionar la nostra protagonista, prescindint de la resta de la imatge. Aquest cop ho farem utilitzant una eina que fins ara no havíem fet servir mai: l'eina Selecció del primer pla.
Aquesta eina funciona d'una manera molt característica. Veiem-ho!.
Cliquem a la icona de l'eina Selecció de primer pla, a la caixa d'eines, i fem una selecció per l'exterior de la nostra protagonista, com si la féssim amb l'eina de selecció lliure -el llaç-. Un cop que hem tancat la selecció observem que a la zona no seleccionada apareix una màscara blava i que el cursor es transforma en un pinzell.
Selecció mitjançant l'eina Selecció de primer pla
Ara, comprovem que a la part interactiva de la caixa d'eines estigui seleccionat un pinzell petit i fem una pinzellada (en negre) per sobre de la nostra protagonista, indicant al programa que és el primer plànol que volem seleccionar.
Gargot que permet establir el primer plànol
 Veurem com queda seleccionada part de la nostra protagonista i tot allò que a la imatge apareix en color blau voldrà dir que no ha quedat seleccionat.
Com que la selecció obtinguda no és bona podem anar afegint a la selecció, amb pinzellades de negre i veurem com les zones acolorides en negre es van incorporant a la nostra selecció.
La màscara blava ens indica la part no seleccionada
Per a finalitzar l'ús d'aquesta eina cliquem Enter.
mode Sobreposa
Selecció final amb l'eina Selecció de primer pla
Ara podem primfilar la selecció simultaniejant l'ús de les diferents eines de selecció que ja sabem fer anar amb l'eina d'esborrar o bé la màscara ràpida.
Invertim la selecció i netegem la zona que no ens interessa.

Deixem el resultat com a Liesel.xcf

Capa finestra
Ara obrim el fitxer finestra.jpg.
Font de la imatge
Dupliquem la capa i la reservem. Treballarem sobre la capa còpia_finestra que reanomenarem com a finestra.
A la capa que estem treballant afegim el canal alfa per tal que quan s'elimini informació gràfica aquesta desaparegui i la imatge quedi amb un forat transparent.
Centrem la nostra atenció en la part dreta de la finestra. Per tal de donar la sensació de que la finestra té oberta només la seva meitat, eliminarem la porció dreta de la finestra.
Per començar clonarem la fusta propera a la part superior i inferior del llistó vertical central de la finestra, simulant que la fulla esquerra de la finestra està tancada i la resta de l'espai de la finestra queda obert. Farem servir l'eina Clona -el tampó-.
Seleccionem la fulla de la dreta, fent servir l'eina de Selecció lliure -el llaç- i per tal que la selecció quedi amb els costats rectes entre cada clic del ratolí aguantem la tecla Mayús.
Un cop tenim la selecció l'eliminem.
Aspecte de la finestra sense la fulla de la dreta
Composició mode Sobreposa
Recuperem la imatge liesel.xcf.
Cliquem a Selecciona | Selecciona-ho tot, copiem i enganxem, com a nova capa, a la finestra a la que estàvem treballant.
Reordenem les capes de manera que quedi per sota de la capa còpia_finestra
Capes ordenades per a la composició final
Reanomenem la capa de la noia com a Liesel.
Ara toca redimensionar la capa liesel per tal que quedi versemblant la composició que volem aconseguir. Anem a Capa | Escala la capa i posem el paràmetre d'amplada de la imatge inferior.
Paràmetres d'escalat de la capa Liesel
Ressituem la nostra protagonista de manera que quedi més o menys com a la figura.
mode Sobreposa
Ubicació de la capa Liesel per sota de la capa finestra
Tornem a la capa finestra i la dupliquem. La capa duplicada l'anomenem Vidres.
Ara seleccionarem els vidres de la fulla de la finestra que ha quedat oberta, fent el mateix que hem fet abans per a seleccionar la fulla de la dreta de la finestra que hem eliminat.
Invertim la selecció i suprimim. El resultat serà, com indica el nom de la capa, dos vidres corresponents a la fulla de la finestra que ha quedat oberta.
Capa vidres -la resta de capes s'han amagat-
Canviem de capa.
Tornem a la capa finestra i la mateixa selecció -la que hem fet dels vidres a la capa vidres-, la invertim i l'eliminem, aconseguint ara que la finestra ja no tingui vidres-en aquesta capa-.
Veurem que ho hem fet bé si amaguem la capa Vidres.
Capa Finestra -ara està amagada la capa Vidres-
Marquem com a activa la capa Liesel. Canviem el color de primer plànols clicant a la pastilla de color de primer plànol, a la caixa d’eines i triem el color següent:
Ara creem una nova capa que anomenarem Reforç de color :
La situem immediatament per sobre de la capa Liesel i la posem en mode Sobreposa. Veurem que la capa Liesel ha agafat la tonalitat de la capa superior Reforç de color.
Dupliquem la capa Reforç de color i la coloquem, en mode Normal, per sota de la capa Liesel. Acabem de configurar el fons fosc de l’habitació.
Agrupem les capes Reforç de color i Liesel, clicant al quadret contigu a la icona d'activar la visibilitat de la capa, a la persiana de Capes. En clicar apareixerà una icona d'una cadena que voldrà dir que les dues capes estan agrupades i, per tant, qualsevol operació que es faci en una d'elles afectarà a l'altra -aquesta estratègia es fa servir per a bellugar capes, retallar-les plegades, etc-.
Capes Reforç de color i Liesel agrupades
Podem bellugar les dues capes agrupades i posar-les a la banda oberta de la finestra.

Però l'efecte que busquem és que la nostra protagonista ens observi des del darrera dels vidres i que només es vegi directament part del seu cabell.
Per fer-ho belluguem les dues capes agrupades i les disposem al darrera dels vidres.
La capa Vidres amagarà pràcticament la totalitat  de la imatge de la noia. Per fer que «aparegui» canviem l'opacitat de la capa Vidres i la posem al 70%.
Ara, per uniformitzar els colors de la composició editarem la Brillantor i el Contrast de la capa Finestra. Posem la Brillantor a -71 i el contrast a 17.
Podem afegir a la composició el títol del llibre, del Marcus Zusak, en el qual és protagonista, la nostra noia, la Liesel: El lladre de llibres.
Composició final Liesel_window.xcf
 Deixem el fitxer com a Liesel_window.xcf.

dijous, 18 de desembre del 2014

38. Efecte Dragan

Nota biogràfica

Andrzej Dragan (Konin, 16 maig 1978) no només és un dels fotògrafs més influents dels nostres temps, és músic i el més estrany; és doctor en física quàntica. És influent per l'escola que s'ha creat a partir de l'estètica de les seves imatges.

L'obra d'Andrzej Dragan és visualment impressionant, aterridora. Si ens trobem una de les seves imatges és difícil passar-la per alt, el detall i el color que veiem ens atraparà i voldrem explorar cada detall i cal dir que són imatges plenes de detalls, amb una il·luminació gairebé perfecta que sense cap problema compleix amb les bases de la pintura clàssica holandesa.





Exemples de diferents imatges "draganitzades"
Font de les imatges: Andrzej Dragan
Les seves imatges són fosques, mòrbides, misterioses, totalment “bizarres”. La gamma tonal que utilitza crea una atmosfera en la qual només poden viure personatges com els que veiem en els seus retrats. Cal ressaltar que les persones a les que retrata mai acaben contentes amb el resultat.

Hi ha certa discussió respecte a l'obra de Dragan, molts diuen que és merament una obra a base de l'efecte i que no hi ha res de contingut mentre altres aclamen que el mateix efecte fa el contingut en crear retrats hiper realistes que des-humanitzen i treuen de context als personatges.

Una cosa molt curiosa d'Andrzej Dragan és el tipus de models que utilitza en els seus retrats: són "persones amb una bellesa estranya".

Així s'ha generat l'anomenat "Efecte Dragan" que bàsicament consisteix a modificar la saturació del color i fer una sobreexposició i nitidesa selectiva. A causa de l'excessiva força del resultat, no és convenient abusar d'aquest efecte, encara que podem experimentar no només amb retrats, sinó amb paisatges o altres motius.
Font de la imatge
Font de la imatge
Font de la imatge
"Algunes persones diuen que els bons retrats revelen alguna veritat oculta del model retratat. Amb tristesa, he de confessar que aquest tipus de persones no trobaran res interessant a les meves fotografies, simplement perquè no tenen aquest propòsit."
Andrzej Dragan

Comencem ...

Obrim la imatge.
Imatge original

Dupliquem la capa i la reservem. Treballarem a la capa visible que anomenarem Personatge:

 Canviem el color de primer plànol i posem el color de notació html: 353010

Color de farciment de la capa Enfosquiment

Capa Enfosquiment

Creem una nova capa que anomenarem Enfosquiment i a la finestra emergent de creació de la capa a Tipus de fons de la capa, activen Color de primer pla.

Capa Enfosquit

Ara, a la persiana de capes, canviem el mode de fusió a sobreposa

Capa Enfosquiment sobreposada a la capa Personatge

Capa personatge

Tornem a la capa Personatge.

Ara passem a ajustar els nivells Colors | Nivells de color ...
Paràmetres dels nivells de color de la capa Personatge

els valors per al negre han d'estar entre 12 i 40 i per al blanc entre 215 i 245. Per a aquesta imatge podem posar 35 per al negre i 235 per al blanc. El resultat és el següent:

Nivells de color modificats

Ara apliquem una màscara de desenfocament per a ressaltar el relleu de la pell (Filtres | Millora | Emmascara les parts borroses):

Màscara de desenfocament (Emmascara les parts borroses)

Podem fer servir els valors per defecte.



El resultat és:
Màscara de desenfocament aplicada

Ressaltat de detalls ...

Ara amb l'eina Ferro roent (serveix per a aclarir o enfosquir, de manera selectiva), anem a ressaltar les arrugues i la resta de detalls de la pell. Podem fer servir els ajustaments següents:

Paràmetres per a ressaltar les arrugues i els detalls de la pell

l'important és que estiguin marcades a Tipus l'opció Crema i en Àrea marquem l'opció Ombres.

Ressaltat de les arrugues i els detalls de la pell

Després de ressaltar les arrugues, ressaltem els ulls, per això tornem a fer servir la mateixa eina i amb un pinzell més petit aclarim la zona blanca dels ulls. Hem de canviar a Tipus l'opció Crema per Esvaix i en Àrea marquem l'opció Ressaltats.

Paràmetres per a ressaltar el blanc dels ulls
Ulls ressaltats, amb l'eina Ferro roent

Final

Baixem la saturació de la imatge en un 50% per a això anem a Colors | To i saturació avançats...

Ajustament de la saturació de la imatge

i ja tenim la nostra imatge “draganitzada”.
Resultat final

La comparació entre la imatge original i la “draganitzada” mostra els canvis que hem portat a terme.

Compració entre la imatge original i la "draganitzada"
Deixem el nostre treball com a Act_dragan.xcf.

dissabte, 6 de desembre del 2014

37. Tocant les campanes ... entre els meus amics

« Quasimodo, és el personatge principal de l'obra Notre Dame de Paris (Nostra Senyora de París), de Victor Hugo.
Quasimodo és un nen geperut que va ser abandonat en néixer prop de la catedral de Notre-Dame de París, i habitava a la catedral de Notre Dame, tocant les campanes. Suposadament era fill d'una gitana. Només pot utilitzar un ull, ja que l'altre ho té gairebé bloquejat per la deformitat del seu rostre, i va quedar gairebé sord pel soroll de les campanes de la catedral, de les que s'encarrega i que signifiquen tot per a ell abans de conèixer a la jove gitana Esmeralda, de qui s'enamora per ser ella la primera que li va mostrar bondat.
És odiat pel poble de París a causa del seu deformitat, gràcies a la qual cosa posseeix un caràcter tímid i retret. No obstant això, posseeix una gran valentia, astúcia i un cor noble. Abans d'Esmeralda, l'única persona important per a ell era l'ardiaca Frollo, qui el va adoptar quan va ser abandonat a la catedral entre els nens expòsits.» (Font: viquipèdia).
Basant-nos en aquest relat farem una composició gràfica, estructurada, com ja és habitual, en capes.

Comencem ...

Ens baixarem les imatges que farem servir per a fer la composició gràfica. Les anirem desant al nostre pen-drive dins la carpeta Act_NotreDame.
Font de la imatge
Font de la imatge
Font de la imatge


Capa "Notre-Dame"
Des de Gimp, obrim la primera imatge. Un cop la tenim oberta, com ja és habitual, dupliquem la capa i la reservem.
Treballarem en la capa visible ja que la reservada l'amaguem.
A la capa visible l'anomenem NotreDame i a l'amagada NotreDame reservada.
Començarem per eliminar els suports metàl·lics d'il·luminació que apareixen a la part inferior esquerra de la imatge.
Per fer-ho seleccionem l'eina de clonatge i, amb un pinzell difuminat, anem substituint, molt a poc a poc, la informació gràfica que no volem per una altra copiada del costat o de la zona que ens interessi, fins a aconseguir el resultat exposat a les imatges que hi ha a continuació.
Imatge original, amb els suports metàl·lics encara per eliminar
Ja s'han elimat els suports metàl·lics de l'esquerra

Resultat final, després d'haver eliminat els elements metàl·lics





A continuació, començarem a eliminar tot el fons de la imatge, és a dir, el cel. Podem fer-ho amb petites seleccions, amb l'eina Llaç, i fent servir també, de manera simultània o alternativa, les eines de selecció rectangular i de selecció per color contigu -vareta màgica-.  
Enrecordem-nos de que si la capa no "es deixa foradar", és a dir, si eliminant una porció de la imatge veient que es veu o "respira" el color de fons i no pas el tauler d'escacs -identificador de la transparència-, aleshores el que hem de fer és afegir el canal alfa: cliquem el botó secundari del ratolí a sobre del nom de la capa -al separador de capes- i en el menú contextual que surt seleccionem Afegeix  canal alfa.
En acabar el resultat serà el següent:
Aspecte final de la capa NotreDame
Per tal d'anar prevenint alguna "penjada" de l'equipament o un altre desastre digital dels que passen sovint, desem el nostre treball i l'anomenem Notre_Dame.xcf.

Capa "Quasimodo"
Cerquem la imatge d'en Quasimodo i l'enganxem com a nova capa dins la nostra composició Notre-Dame.xcf.
Un cop enganxada la imatge, a la finestra de capes apareix amb el nom de Portaretalls. Canviem el nom de la capa i l'anomenem Quasimodo. Com ja és habitual, dupliquem la capa i la reservem.
Treballarem en la capa visible ja que la reservada l'amaguem.
Aquesta capa té unes mides de 236 píxels d'amplada i 260 píxels d'alçada. Ara el que farem és escalar-la i l'assignarem unes mides de 310 píxels d'amplada i 342 píxels d'alçada.
Escalat de la capa Quasimodo
Com que volem fer veure que el nostre personatge apareix a la balconada de les gàrgoles, aleshores el que hem de fer és capgirar horitzontalment la capa. Ho fem mitjançant Capa | Transforma | Capgira horitzontalment.
Amb l'eina Mou situem en Quasimodo a sobre de la barana de la balconada.
Per tal de guanyar una mica en versemblança, la banda inferior i esquerra de la capa d'en Quasimodo la trenquem una mica i així simulen una paret i una barana imperfectes, no perfectament rectes i alineades. Ho podem fer amb la goma d'esborrar, fins a aconseguir l'efecte de la imatge següent.
Retallat "imperfecte" de les bandes esquerra i inferior
Capes "Tros_esquerre" i "Tros_superior"
Si observem el conjunt veurem que hi ha una incoherència prou gran ja que el geperut sí que apareix a la part superior de la balconada, però el seu cos no es veu a través dels forats de la barana. Anem a solucionar-ho, d'una manera força enginyosa.
Dupliquem la capa NotreDame i, amb l'eina de selecció lliure -Llaç-, fem una selecció consistent en el tros esquerre que es veu a través de la barana.
Capa Tros_esquerre
Aleshores un cop feta la selecció cliquem a Selecciona | Inverteix i tindrem seleccionada tota la capa llevat del tros que ens cal. Cliquem a suprimir i ens haurem quedat només amb el tros que es veu a través de la barana. A aquesta capa l'anomenem Tros_esquerre. També hem d'eliminar el tros de cel que encara es veu en la porció que ens ha quedat i així es podrà veure la capa de fons que encara no hem posat.
Capa Tros_esquerre, "foradada", que deixarà veure el fons
Exactament igual que hem creat aquesta capa, creem una segona capa nova que anomenarem Tros_superior.
Capa Tros_superior, , "foradada", que deixarà veure el fons

Si ara creem una capa de contrast, d'un color com ara el 42ff00,
Selecció del color de la capa de contrast

podrem veure el que estem fent d'una manera molt clara.
La capa de contrast ens permet veure el que hem fet

Cliquem Ctrl + S per tal d'anar desant els canvis que hem fet.

Capa "Roba_Quasimodo"
Ara toca crear la roba d'en Quasimodo ja que s'ha de veure a través dels forats de la barana.
Dupliquem la capa Quasimodo i la canviem de nom: Roba_Quasimodo.
La desplacem a la part inferior de la que ocupa en Quasimodo i la deixem visible, amagant tota la resta de capes, per tal de poder treballar amb comoditat.
Seleccionem l'eina Clona.
Selecció de l'eina Clona

Ara, aguantant la Tecla Control anem seleccionant la zona d'origen a copiar i després alliberant-la podem clicar en una altra zona de la capa i s'anirà reproduint de manera selectiva. S'ha de fer amb molta cura i paciència fins a aconseguir un efecte com el de la imatge següent.

Capa Roba_Quasimodo
Ara reordenem les capes de la manera següent:
Ordre de les capes


Capa "Cel infernal"
A continuació incorporem la tercera imatge, com a nova capa, i l'anomenem Cel infernal. Podem escalar-la, al nostre gust, i posicionar-la tal i com en agradi per tal d'aconseguir l'efecte desitjat. Un exemple seria el següent:
Composició, sense ajustaments de llum, contrast i brillantor

Nivells de color
Ens posem a la capa NotreDame i anem al menú Colors | Nivells de color ... i establim els paràmetres de la imatge seguent:
Nivells de color de la capa NotreDame
Cliquem a D'acord.
Veiem com el nivell d'entrada del color l'hem desplaçat cap a un color més fosc que era l'efecte buscat.
Aspecte de la composició un cop ajustat el nivell de color de la  capa NotreDame
Per a finalitzar  desem el nostre treball: Notre_Dame.
Activitat finalitzada Notre-Dame.xcf