2. Tractament digital de la imatge amb Photoshop - Nivell II Activitat 2. Aqua
2
Exercici 1
En aquesta activitat experimentarem amb l’aparença gràfica de l’anomenat efecte Aqua
que des de l’any 2004 caracteritza l’entorn del sistema operatiu que fa sevir Apple.
Comencem generant un document nou de 10x10 cm a 72 dpi’s de resolució. Generem
una capa nova que farem servir per la base del nostre botó.
A continuació farem una circumferència al centre del document i seleccionem un color
blau per omplir la selecció
Aquesta circumferència que hem fet la farem servir de base
del nostre botó, i ens donarà una sensació de relleu. Farem
un rellenar de color frontal per aplicar el color que havíem
seleccionat a la paleta muestras.
Una vegada omplim la nostre circumferència, sense
deseleccionar generem una nova capa i anem al menú
selección-modificar-contraer.
Figura 1. Quadre de diàleg de document nou.
Figura 2. Quadre de diàleg de document nou.
Figura 4. Selecció rodona i panel Muestras.
Figura 5. Selecció colorejada.
Figura 3. Capa nova.
3. Tractament digital de la imatge amb Photoshop - Nivell II Activitat 2. Aqua
3
Modificant la selecció
amb contraer, aconseguim
una selecció exacta a la
que teníem però amb un
radi menor. A continuació
generem una nova capa
i amb la selecció activa
omplirem d’un color
degradat d’un to més clar al
color frontal que ja teníem.
De la primera rodona només
es visualitzarà un petit borde per sota de la nova capa i al tenir un to més obscur ens
donarà una sensació de profunditat o relleu que ens anirà molt bé per el nostre botó.
Seleccionem doncs un to més clar, el definim com a color de fons i permutem els colors
frontal/fons de manera que el to més clar ens quedi definit de color frontal i el més
obscur com a color de fons. A continuació generem una nova capa i seleccionem l’eina
de degradat radial i el configurem com a degradat de color frontal a color de fons i
apliquem el degradat a la selecció contraida
A continuació tornarem a contraure la nostre selecció amb un valor més alt, de 10
píxels, amb l’objectiu d’obtenir una selecció que farem servir per donar una il.luminació
al botó.
Una vegada tenim la selecció contraida, generem una nova capa i restem amb l’eina
marc el.líptic tota la zona superior, deixant una selecció activa semblant a un somriure.
Seleccionarem un blau encara més clar i abans d’omplir la selecció li donarem un valor
de desvanecimiento de 10 píxels. Menú Selección - Modificar - Desvanecer.
A continuació, ja sigui amb el cubo de pintura o des de Menú Edición _ Rellenar _ Color
frontal.
A continuació generem una nova capa per treballar la part superior i donar-li donar un
brillo.
Farem un marc el.liptic com podeu veure a la figura 9 de la pàgina següent.
Figura 8. Procés il.luminació.
Figura 6. Menú Selección - Modificar - Contraer.
Figura 7. Especificacions degradat radial.
4. Tractament digital de la imatge amb Photoshop - Nivell II Activitat 2. Aqua
4
Definim a continuació els colors frontals per defecte de Photoshop® i deixem com a
color frontal el color blanc. A continuació aplicarem un degradat lineal definit com un
degradat de blanc a transparent.
Ara ens toca moure el contingut de la capa per ajustar el brillo i encaixar-lo en l’àrea que
ens interessa.
Ja tenim el nostre botó acabat, ara mirarem d’acoplar les
capes per fer un document amb diversos botons.
Com sempre tindrem la precaució de guardar el document
amb totes les capes abans d’acoplar, a més de que aquest
primer document l’hem d’enviar com a primera part de la
pràctica. A continuació fem un guardar como, canviem el
nom del document i seleccionem amb la tecla majúscula
totes les capes per anar a la part inferior de la paleta i
enllaçar les capes. Fixeu-vos que ara totes les capes es
mouen o transformen juntes.
A continuació combinarem les capes enllaçades, i de les quatre capes originals ens
queda una de sola.
Figura 9. Selecció el.líptica en capa nova.
Figura 10. Resultat del degradat pel brillo.
Figura 11. Enllaç i acoplament.
Figura 12. Capes acoplades.
5. Tractament digital de la imatge amb Photoshop - Nivell II Activitat 2. Aqua
5
A continuació afegirem un ombre al nostre botó. Seleccionarem la capa on el tenim i
anirem a Estilo de capa des del menú inferior de la paleta capes i apliquem una sombra
paralela.
Ja tenim el nostre botó completament acabat, el que farem a continuació es fer un parell
de copies d’aquest botó escalant-los. Per fer això el primer que hem de fer és ampliar el
lienzo. Anirem al menú Imagen - Tamaño de Lienzo i posarem una amplada de lienzo de
20 cm per tal de tenir espai on posar els nous botons.
A continuació duplicarem la nostre capa des del menú extensible de la part superior
dreta de la paleta capes.
Figura 13. Estilo de capa - Sombra paralela.
Figura 14. Modificació tamany de Lienzo.
Figura 15. Capa duplicada i transformació liure.
6. Tractament digital de la imatge amb Photoshop - Nivell II Activitat 2. Aqua
6
Ara només resta escalar cada una de les capes duplicades amb l’opció menú - Edición -
Transformar - Escalar o Transformación Libre, per aconseguir els diàmetres que volem.
Aprofitant que tenim l’arxiu en tres capes diferents, canviarem d’una manera ràpida el
color del segon i tercer botó.
Seleccionem la capa del segon botó i anem al menú Imagen - Ajustes - Tono y saturación.
Desplacem el manejador de to fins que trobem el color desitjat i apliquem fent Ok.
Repetirem el procés per el tercer botó
Aquest segon arxiu també s’ha d’enviar com a segon arxiu de l’activitat.
Figura 16. Activitat acabada.
Figura 17. Canvi de color amb Tono y saturación.