Photoshop
Història, desenvolupament,
   comparativa i autors



                                Marta Aznares Tort
                 Laboratori d’Aplicacions Gràfiques
                                        Grup B3A3
Història del programa
•   Orígens en una primera idea de Thomas Knoll (1987), per a fer un programa
    (“Display”) que pogués mostrar imatges monocromàtiques i les pogués passar a
    escala de grisos.

•   John Knoll, el seu germà, li va proposar que desenvolupés més la idea i convertís
    “Display” en un programa d’edició per a tot tipus d’imatges.

•   Després de treballar-hi durant sis mesos, Knoll va donar el nom definitiu al programa:
    “Photoshop”, i en va distribuir 200 còpies.

•   John va viatjar diverses vegades a Sillicon Valley per tal de mostrar el programa a
    Apple i a Adobe, que finalment va acabar comprant el programa el 1988.

•   Photoshop 1.0 va aparèixer al mercat l’any 1990 en una versió exclusivament per a
    Macintosh.
Desenvolupament: versions
•   Photoshop 1.0:
     –   Va sorgir després de les contínues recomanacions per part de John Knoll i Adobe per a què
         fes millores al seu programa fins que el producte pogués ser venut.
     –   Inicialment, John Knoll havia dissenyat alguns “efectes especials” per al programa, però
         l’equip d’Adobe els va considerar massa rebuscats i no els va acceptar al principi. Els dos
         germans van aconseguir introduir-les com a complements.
           •   Aparició d’una indústria centrada en el desenvolupament de complements per a les diferents versions
               de Photoshop.


•   Photoshop 2.0:
     –   1992.
     –   Incloïa l’eina “Paths” (“Camins”), que permetia dibuixar una forma i “emmagatzemar-la” en
         un menú a part, de manera que es podia utilitzar una imatge diverses vegades sense haver
         de tornar-la a fer.
     –   Inclusió d’eines per a rasteritzar arxiuis d’Illustrator, suport per a CMYK (entrada de
         Photoshop a la indústria de la impressió) i l’eina Bolígraf (“Pen”).
     –   Primera versió per a Windows.
Desenvolupament: versions
•   Photoshop 3.0:
     –   1994.
     –   Incorporació de les capes: es deixa enrere la necessitat de guardar diferents versions dels
         arxius per tal que es complementessin les unes a les altres. Diferents elements dins el
         mateix arxiu es poden individualitzar.
     –   Petites millores que posen la versió per a Windiws al mateix nivell que la de Mac.
     –   Primera aparició de les paletes en pestanyes.


•   Photoshop 4.0:
     –   1996.
     –   Dues novetats rellevants:
           •   “Adjustment layers” (Capes d’ajustos): permeten aplicar una sèrie de canvis (relacionats per exemple
               amb la saturació o l’opacitat) a un grup de capes.
           •   Accions: estalvien temps a l’usuari a l’hora d’aplicar un mateix seguit de modificacions a un grup
               d’imatges.
     –   Unificació de l’espai de treball amb altres programes d’Adobe.
Desenvolupament: versions
•   Photoshop 5.0:
     –   1998.
     –   Dues noves opcions importants:
           •   Possibilitat d’editar les fonts: a l’hora de rasteritzar els textos, ja no quedaven excessivament
               borrosos pels contorns, cosa que tirava enrere molts editors de revistes i dissenyadors de pàgines
               web.
           •   Possibilitat de “desfer” més accions a partir de la “Història”: gran pas endavant per als dissenyadors
               que van començar a incloure eines de Photoshop als seus dissenys per tal de fer-los més complexos.
     –   Color Management: possibilitat de manipular els colors des del programa, sense haver de
         recórrer a eines que no pertanyien a Photoshop.
           •   Inconvenient: transformava els colors cada vegada que s’obria un arxiu. Es va esborrar després
               d’algunes queixes per part dels clients.
     –   Inclusió del “Magnetic Lasso Tool” (Llaç Magnètic), que feia molt més fàcil seleccionar
         certes zones.


•   Photoshop 5.5:
     –   1999.
     –   Inclusió d’eines per a pàgina web.
     –   Possibilitat de “guardar per a web”: estalvi de gran quantitat de temps, ja que permetia
         guardar les imatges en una mida més petita, més apropiada per a webs.
Desenvolupament: versions
•   Photoshop 6.0:
     –   2000.
     –   Primera versió que va permetre treballar amb vectors.
     –   Textos escrits directament sobre la imatge en comptes d’haver-ho de fer prèviament en un
         quadre de text.
     –   Aparició de la caixa de diàlegs dels estils de capa (“multiplicar”, “color”, “enfosquir”…)
     –   Separació de l’eina “Crop” (“tall”) de les “Marquee Tool” (eines de selecció, com el cercle o
         el rectangle)


•   Photoshop Elements:
     –   2001.
     –   Creat a causa de la complexitat que havia adquirit Photoshop després d’onze anys de
         millores i novetats: destinat a usuaris menys especialitzats.
     –   Recomanat per a fer canvis simples en les imatges i per a tasques no relacionades amb el
         disseny.
     –   Canvis en l’espai de treball, que va esdevenir més intuïtiu per a qui no havia fet servir abans
         el Photoshop.
Desenvolupament: versions
•   Photoshop 7.0:
     –   Incorporació del “Healing Brush” (Literalment, “pinzell de curació”), que permetia eliminar
         imperfeccions d’una imatge clonant la textura l’opacitat i el color dels píxels que tenia al
         voltant.
     –   El text esdevé definitivament vectorial.
     –   Novetats a l’hora de guardar arxius i modificació de la paleta de pinzells (possibilitat que
         cada usuari es fes els seus propis pinzells).
     –   Millora del funcionament intern del programa: optimització de la versió per a Mac, que
         assegurava que el programa no deixaria de funcionar a mig treball.


•   Photoshop CS:
     –   2003.
     –   Primera versió que va incloure el CDS (“Counterfeit deterrence system”), un sistema que
         evitava les falsificacions de qualsevol tipus.
     –   Incorporació dels grups de capes: determinats efectes s’apliquan només sobre unes capes i
         no unes altres.
     –   Millores en el navegador d’arxius i possibilitat de treballar amb imatges més grans.
Desenvolupament: versions
•   Photoshop CS2:
     –   2005.
     –   Inclusió d’alguna eina que abans només es trobava a Photoshop Elements, com la del
         corrector d’ulls vermells.
     –   L’eina “vanishing point” (punt de fuga) va fer que les imatges es poguessin distorsionar de
         manera que se’ls afegia un efecte de perspectiva.
     –   Episodi de “pànic”: la barra d’eines havia estat modificada, i els usuaris no trobaven el “pot
         de pintura”. Això es va resoldre quan es va informar que es trobava a la mateixa casella que
         l’eina de degradats.
     –   Opció “Smart Object” (Objecte intel·ligent): permetia augmentar una capa sense qua hi
         hagués una enorme pèrdua de qualitat.


•   Photoshop CS3:
     –   2007.
     –   Millora gràfica per a dispositius mòbils, que va ajudar molts dissenyadors gràfics centrats en
         el disseny per a mòbils.
     –   Actualitzacions per a Adobe Camera RAW, l’eina de selecció ràpida…
     –   Dues versions : estàndard i extensa (per a grans treballs de vídeo i usos científics).
Desenvolupament: versions
•   Photoshop CS4:
     –   2008.
     –   Millores en el zoom: augment més rapid de les imatges i millor visualització de zones
         concretes.
     –   Incorporació de la finestra Màscares i Ajustos, que va fer que treballar amb màscares fos
         més fàcil i que la correcció de color fes una passa endavant.
     –   Simplificació de la zona de treball. Les eines principals es van afegir a la Barra de Títol
         (“Title Bar”, a la dreta de la pantalla, sobre el navegador) per tal que fos més fàcil accedir-hi.
Comparativa amb Gimp 2.8.0
• Característiques bàsiques:
   – Preu:
       • Gimp: programari lliure. Gratuït.
       • Photoshop: pot passar dels 400 €
   – Potència:
       • Gimp: menys possibilitats que el Photoshop. Assoleix els nivells bàsics (amb
         possibilitat de molt bons resultats, però).
       • Photoshop: moltes més eines, més potents i més possibilitats per al
         retoc/creació d’imatges.
Comparativa amb Gimp 2.8.0
• Entorn de treball:
   – Photoshop:
      • Unificat en una sola pantalla (barra de menús a dalt, barra d’eines a
        l’esquerra i barra de títol a la dreta).
      • Les eines s’han d’anar canviant a mesura que es necessiten.
      • Possibilitat de canviar l’entorn de treball per a adequar-lo al que l’usuari
        vulgui fer. Diversos entorns preestablerts.
   – Gimp:
      • Els elements que en Photoshop estarien units, aquí se separen en finetres:
        ja d’entrada, quan s’obre el programa, apareixen dues finestres: la barra
        d’eines i una altra on es mostrarà la imatge que volem treballar.
      • Totes les eines estan a la vista.
      • L’entorn de treball és sempre el mateix.
Entorns de Photoshop i Gimp




                       Photoshop CS3




                       Gimp 2.8.0
Aspecte de la barra d’eines




                              Les dues
    Menú desplegable          eines estan a
    per a canviar d’eina      la vista
Comparativa amb Gimp 2.8.0
• Barra d’eines i barra de títol:
   – Photoshop:
       • Moltes de les eines (pinzell, goma, text, llapis…) tenen un menú a part.
       • Algunes de les eines del Gimp, formen part aquí dels menús (com ara les
         opcions de perspectiva).
       • A la barra de títol hi apareixen d’entrada les capes, la paleta de colors, el
         navegador…
   – Gimp:
       • El menú de cada eina es pot veure a la part de sota de la barra d’eines,
         clicant a la llengüeta del costat del rètol “capes”.
       • Algunes opcions “secundàries” en Photoshop formen part de la barra
         d’eines principal.
       • Algunes de les opcions disponibles a la barra de títol de Photoshop es fan
         visibles només si l’usuari ho desitja.
Exemples d’usos de Photoshop
•   Adam Hughes és un il·lustrador i dibuixant de còmics nascut a Nova Jersey. És
    conegut per les seves portades per a les sèries “Wonder Woman” i “Catwoman”, i ha
    treballat per a DC Comics, Marvel Comics, Warner Bros. Pictures… entre d’altres.

•   Tot i que per a fer l’encaix i el dibuix es decanta per la tèctica tradicional, a l’hora
    d’aplicar el color utilitza Photoshop. A la pàgina següent hi ha algunes il·lustracions
    seves.
t1_e1_aznares-marta

t1_e1_aznares-marta

  • 1.
    Photoshop Història, desenvolupament, comparativa i autors Marta Aznares Tort Laboratori d’Aplicacions Gràfiques Grup B3A3
  • 2.
    Història del programa • Orígens en una primera idea de Thomas Knoll (1987), per a fer un programa (“Display”) que pogués mostrar imatges monocromàtiques i les pogués passar a escala de grisos. • John Knoll, el seu germà, li va proposar que desenvolupés més la idea i convertís “Display” en un programa d’edició per a tot tipus d’imatges. • Després de treballar-hi durant sis mesos, Knoll va donar el nom definitiu al programa: “Photoshop”, i en va distribuir 200 còpies. • John va viatjar diverses vegades a Sillicon Valley per tal de mostrar el programa a Apple i a Adobe, que finalment va acabar comprant el programa el 1988. • Photoshop 1.0 va aparèixer al mercat l’any 1990 en una versió exclusivament per a Macintosh.
  • 3.
    Desenvolupament: versions • Photoshop 1.0: – Va sorgir després de les contínues recomanacions per part de John Knoll i Adobe per a què fes millores al seu programa fins que el producte pogués ser venut. – Inicialment, John Knoll havia dissenyat alguns “efectes especials” per al programa, però l’equip d’Adobe els va considerar massa rebuscats i no els va acceptar al principi. Els dos germans van aconseguir introduir-les com a complements. • Aparició d’una indústria centrada en el desenvolupament de complements per a les diferents versions de Photoshop. • Photoshop 2.0: – 1992. – Incloïa l’eina “Paths” (“Camins”), que permetia dibuixar una forma i “emmagatzemar-la” en un menú a part, de manera que es podia utilitzar una imatge diverses vegades sense haver de tornar-la a fer. – Inclusió d’eines per a rasteritzar arxiuis d’Illustrator, suport per a CMYK (entrada de Photoshop a la indústria de la impressió) i l’eina Bolígraf (“Pen”). – Primera versió per a Windows.
  • 4.
    Desenvolupament: versions • Photoshop 3.0: – 1994. – Incorporació de les capes: es deixa enrere la necessitat de guardar diferents versions dels arxius per tal que es complementessin les unes a les altres. Diferents elements dins el mateix arxiu es poden individualitzar. – Petites millores que posen la versió per a Windiws al mateix nivell que la de Mac. – Primera aparició de les paletes en pestanyes. • Photoshop 4.0: – 1996. – Dues novetats rellevants: • “Adjustment layers” (Capes d’ajustos): permeten aplicar una sèrie de canvis (relacionats per exemple amb la saturació o l’opacitat) a un grup de capes. • Accions: estalvien temps a l’usuari a l’hora d’aplicar un mateix seguit de modificacions a un grup d’imatges. – Unificació de l’espai de treball amb altres programes d’Adobe.
  • 5.
    Desenvolupament: versions • Photoshop 5.0: – 1998. – Dues noves opcions importants: • Possibilitat d’editar les fonts: a l’hora de rasteritzar els textos, ja no quedaven excessivament borrosos pels contorns, cosa que tirava enrere molts editors de revistes i dissenyadors de pàgines web. • Possibilitat de “desfer” més accions a partir de la “Història”: gran pas endavant per als dissenyadors que van començar a incloure eines de Photoshop als seus dissenys per tal de fer-los més complexos. – Color Management: possibilitat de manipular els colors des del programa, sense haver de recórrer a eines que no pertanyien a Photoshop. • Inconvenient: transformava els colors cada vegada que s’obria un arxiu. Es va esborrar després d’algunes queixes per part dels clients. – Inclusió del “Magnetic Lasso Tool” (Llaç Magnètic), que feia molt més fàcil seleccionar certes zones. • Photoshop 5.5: – 1999. – Inclusió d’eines per a pàgina web. – Possibilitat de “guardar per a web”: estalvi de gran quantitat de temps, ja que permetia guardar les imatges en una mida més petita, més apropiada per a webs.
  • 6.
    Desenvolupament: versions • Photoshop 6.0: – 2000. – Primera versió que va permetre treballar amb vectors. – Textos escrits directament sobre la imatge en comptes d’haver-ho de fer prèviament en un quadre de text. – Aparició de la caixa de diàlegs dels estils de capa (“multiplicar”, “color”, “enfosquir”…) – Separació de l’eina “Crop” (“tall”) de les “Marquee Tool” (eines de selecció, com el cercle o el rectangle) • Photoshop Elements: – 2001. – Creat a causa de la complexitat que havia adquirit Photoshop després d’onze anys de millores i novetats: destinat a usuaris menys especialitzats. – Recomanat per a fer canvis simples en les imatges i per a tasques no relacionades amb el disseny. – Canvis en l’espai de treball, que va esdevenir més intuïtiu per a qui no havia fet servir abans el Photoshop.
  • 7.
    Desenvolupament: versions • Photoshop 7.0: – Incorporació del “Healing Brush” (Literalment, “pinzell de curació”), que permetia eliminar imperfeccions d’una imatge clonant la textura l’opacitat i el color dels píxels que tenia al voltant. – El text esdevé definitivament vectorial. – Novetats a l’hora de guardar arxius i modificació de la paleta de pinzells (possibilitat que cada usuari es fes els seus propis pinzells). – Millora del funcionament intern del programa: optimització de la versió per a Mac, que assegurava que el programa no deixaria de funcionar a mig treball. • Photoshop CS: – 2003. – Primera versió que va incloure el CDS (“Counterfeit deterrence system”), un sistema que evitava les falsificacions de qualsevol tipus. – Incorporació dels grups de capes: determinats efectes s’apliquan només sobre unes capes i no unes altres. – Millores en el navegador d’arxius i possibilitat de treballar amb imatges més grans.
  • 8.
    Desenvolupament: versions • Photoshop CS2: – 2005. – Inclusió d’alguna eina que abans només es trobava a Photoshop Elements, com la del corrector d’ulls vermells. – L’eina “vanishing point” (punt de fuga) va fer que les imatges es poguessin distorsionar de manera que se’ls afegia un efecte de perspectiva. – Episodi de “pànic”: la barra d’eines havia estat modificada, i els usuaris no trobaven el “pot de pintura”. Això es va resoldre quan es va informar que es trobava a la mateixa casella que l’eina de degradats. – Opció “Smart Object” (Objecte intel·ligent): permetia augmentar una capa sense qua hi hagués una enorme pèrdua de qualitat. • Photoshop CS3: – 2007. – Millora gràfica per a dispositius mòbils, que va ajudar molts dissenyadors gràfics centrats en el disseny per a mòbils. – Actualitzacions per a Adobe Camera RAW, l’eina de selecció ràpida… – Dues versions : estàndard i extensa (per a grans treballs de vídeo i usos científics).
  • 9.
    Desenvolupament: versions • Photoshop CS4: – 2008. – Millores en el zoom: augment més rapid de les imatges i millor visualització de zones concretes. – Incorporació de la finestra Màscares i Ajustos, que va fer que treballar amb màscares fos més fàcil i que la correcció de color fes una passa endavant. – Simplificació de la zona de treball. Les eines principals es van afegir a la Barra de Títol (“Title Bar”, a la dreta de la pantalla, sobre el navegador) per tal que fos més fàcil accedir-hi.
  • 10.
    Comparativa amb Gimp2.8.0 • Característiques bàsiques: – Preu: • Gimp: programari lliure. Gratuït. • Photoshop: pot passar dels 400 € – Potència: • Gimp: menys possibilitats que el Photoshop. Assoleix els nivells bàsics (amb possibilitat de molt bons resultats, però). • Photoshop: moltes més eines, més potents i més possibilitats per al retoc/creació d’imatges.
  • 11.
    Comparativa amb Gimp2.8.0 • Entorn de treball: – Photoshop: • Unificat en una sola pantalla (barra de menús a dalt, barra d’eines a l’esquerra i barra de títol a la dreta). • Les eines s’han d’anar canviant a mesura que es necessiten. • Possibilitat de canviar l’entorn de treball per a adequar-lo al que l’usuari vulgui fer. Diversos entorns preestablerts. – Gimp: • Els elements que en Photoshop estarien units, aquí se separen en finetres: ja d’entrada, quan s’obre el programa, apareixen dues finestres: la barra d’eines i una altra on es mostrarà la imatge que volem treballar. • Totes les eines estan a la vista. • L’entorn de treball és sempre el mateix.
  • 12.
    Entorns de Photoshopi Gimp Photoshop CS3 Gimp 2.8.0
  • 13.
    Aspecte de labarra d’eines Les dues Menú desplegable eines estan a per a canviar d’eina la vista
  • 14.
    Comparativa amb Gimp2.8.0 • Barra d’eines i barra de títol: – Photoshop: • Moltes de les eines (pinzell, goma, text, llapis…) tenen un menú a part. • Algunes de les eines del Gimp, formen part aquí dels menús (com ara les opcions de perspectiva). • A la barra de títol hi apareixen d’entrada les capes, la paleta de colors, el navegador… – Gimp: • El menú de cada eina es pot veure a la part de sota de la barra d’eines, clicant a la llengüeta del costat del rètol “capes”. • Algunes opcions “secundàries” en Photoshop formen part de la barra d’eines principal. • Algunes de les opcions disponibles a la barra de títol de Photoshop es fan visibles només si l’usuari ho desitja.
  • 15.
    Exemples d’usos dePhotoshop • Adam Hughes és un il·lustrador i dibuixant de còmics nascut a Nova Jersey. És conegut per les seves portades per a les sèries “Wonder Woman” i “Catwoman”, i ha treballat per a DC Comics, Marvel Comics, Warner Bros. Pictures… entre d’altres. • Tot i que per a fer l’encaix i el dibuix es decanta per la tèctica tradicional, a l’hora d’aplicar el color utilitza Photoshop. A la pàgina següent hi ha algunes il·lustracions seves.