Panells III
 
 
 

En aquesta tercera pràctica del mòdul núm.1 treballareu la part del panell |Mezclador de colores| corresponent al estil de farcit |Mapa de bits|.

 
   
  Els objectius d'aquesta pràctica són:  
   
 

Separació i manipulació d'un mapa de bits.

 
 

 
 

Familiaritzar-se amb l'ús de les propietats de color |Alfa| del panell |Mezclador de colores|.

 
     
 

Fer ús de l'opció |Bloquear Relleno| de l'eina |Cubo de pintura|.

 
     
 Desenvolupament de la pràctica
 
 Separació d'un mapa de bits  
   

El Flash no és un programa de retoc fotogràfic com poden ser el Paint Shop Pro o el Gimp... per aquest motiu la manipulació d'imatges de mapa de bits és limitada.

 
   
Perquè una imatge de mapa de bits pugui ser editada o modificada amb les eines de dibuix i pintura del Flash, s'han de separar els seus píxels.  
   
Per separar els píxels d'una imatge heu de seleccionar-la, anar al menú |Modificar| i activar l'opció |Separar|.  
   
  Un cop aplicada l'opció |Separar| a una imatge, aquesta també es pot usar com a farcit de |Mapa de bits|.  
     
  En la imatge següent podeu veure un petit exemple de les tranformacions que es poden aplicar a una imatge.  
     
 
    

 

  En aquesta primera part de la pràctica núm.3 del módul 1 editareu una imatge de mapa de bits. El procés que seguireu ha de portar-vos a un resultat similar al de la imatge següent i ha de servir per repasar alguns procediments apresos anteriorment.
     
 
 
     
   Obriu un nou document FLA. i deseu-lo amb el nom de retrat.FLA.  
   
  Aneu al menú |Archivo|Importar|Importar a escenario| obriu la carpeta mat_m1 que hi ha dins de la carpeta d105m1 i importeu els arxius jardi.JPG i clara.JPG.  
     
  Seleccioneu la imatge clara.JPG i usant el panell |Alinear  |  centreu-la al mig de l'escenari. Aquest botó ha d'aparèixer a la part superior de la pantalla, sota la barra de menús. Si no apareix, feu-la visible anant al menú |Ventana|Barra de herramientas|Principa|.  
     
   Amb la imatge clara.JPG seleccionada aneu al menú |Modificar| i activeu |Separar|, repetiu aquesta operació amb la imatge jardi.JPG.  
     
   Aneu a l'eina |Lazo  | i activeu l'opció |Modo Polígono    | que hi ha a la part inferior de la barra d'eines.  
     
 

L'eina |Lazo| normalment s'utilitza a mà alçada, és a dir, resseguint l'àrea a seleccionar a pols, però es poden escollir altres opcions:

 
     
 

 Modo polígono. Aquesta manera ens permet resseguir la zona a seleccionar traçant segments de línies a cada clic.Quan es fa un doble clic la selecció queda tancada

 
     
 

 Varita mágica. Ens permet seleccionar els píxels que estan al voltant de l'àrea on es fa clic. La quantitat de píxels que s'afegiran a la selecció dependrà del valor del llindar de color que designi en el panell |Configuración de varita mágica   |. El valor del llindar de color pot anar des d'1 fins a 200.

 
     
   Seleccioneu amb l'eina |Lazo| la part exterior de la figura de la noia. Pas (a) de la imatge. Feu doble clic per acabar la selecció.  
     
 
 
          
   Amb la part exterior de la figura de la noia seleccionada, activeu l'eina |Cuentagotas| i feu clic damunt de la imatge jardi.JPG.Pas (b) de la imatge.  
     
 

Observareu que la part que estava seleccionada de la imatge clara.JPG queda coberta amb el farcit de la imatge jardi.JPG.
  
Possiblement el farcit repeteixi la imatge jardi.JPG més d'un cop.

 
     
   Seleccioneu l'eina |Transformación de relleno| i feu clic damunt del farcit de mapa de bits perquè apareguin els modificadors.Pas (c) de la imatge.  
     
  Utilitzeu els modificadors perquè us quedi una imatge similar a la del pas (d) de la imatge.  
     
 

Segurament us caldrà moure el punt central perquè es vegi l'estàtua i estirar la imatge fins que només se'n vegi una cobrint el fons.

 
     
  Activeu l'eina |Óvalo|, suprimiu el |Color de relleno| i aneu al panell |Propiedades| per escollir l'estil de traç |Sólido|, el gruix del traç 0.25 píxels i el color del traç gris |#CCCCCC|.  
     
   Inseriu una figura en forma d'oval que emmarqui la noia del quadre.Pas (e) de la imatge.  
     
   Amb l'eina de |Selección|, seleccioneu i elimineu la part de la imatge que queda fora de l'oval que heu inserit.  
     
   Seleccioneu amb l'eina |Selección| només el traç de l'oval, copieu-lo |Ctrl + C| i enganxeu-lo en context |Ctrl + Majús + V|.  
     
   Amb el nou traç de l'oval seleccionat aneu al panell |Propiedades| i modifiqueu l'alçada i l'amplada augmentant el seu valor 20 píxels respectivament.  
     
   Selecioneu l'eina |Cubo de pintura| i ompliu la part de la figura que queda entre els dos traços amb un farcit de color |#CC3300|.Pas (f) de la imatge.  
     
  Seleccioneu amb l'eina |Selección| el traç extern de la figura, copieu-lo |Ctrl + C| i enganxeu-lo en context |Ctrl + Majús + V|.  
     
   Amb el nou traç de l'oval seleccionat aneu al panell |Propiedades| i modifiqueu l'amplada disminuint el seu valor 10 píxels.  
     
   Torneu a enganxar en context |Ctrl + Majús + V| altre cop l'oval extern.  
     
   Amb el nou traç de l'oval seleccionat aneu al panell |Propiedades| i modifiqueu l'alçada disminuint el seu valor 20 píxels. Pas (g) de la imatge.  
     
 
 
     
  L'opció |Bloquear relleno|  
     
  Quan s'activa l'eina |Cubo de pintura| o |Pincel| en la part inferior de la barra d'eines apareix l'opció |Bloquear relleno  | .  
     
  Quan s'aplica la funció |Bloquear relleno| a les eines |Pincel| o |Cubo de pintura| el farcit de degradat s'estèn per tots els objectes que es pinten dins de l'escenari.  
     
  En l'exemple de la imatge es pot veure com queda el farcit de degradat linial quan s'aplica amb la funció |Bloquear relleno| activada.  
     
 
 
     
  Observareu que el farcit es reparteix pels quatre objectes com si fos un de sol.  
     
  En l'exemple de la següent imatge es pot veure com queda el mateix farcit de la imatge anterior quan s'aplica amb la funció |Bloquear relleno| desactivada.  
     
 
 
     
  Observareu que el farcit es reparteix en cada objecte de la mateixa manera.  
     
  El següent pas serà construir una tapa per al retrat que esteu fent, l'elaboració d'aquesta tapa servirà per povar l'opció |Bloquear relleno|.  
     
   Seleccioneu tot el retrat, dupliqueu-lo |Ctrl+D| i separeu la còpia de l'original per treballar còmodament.  
     
   Aneu al panell |Mezclador de colores| i seleccioneu l'estil |Degredado lineal| i adjudiqueu al punter de l'esquerra el color blanc i al punter de la dreta el color gris |#999999|  
     
   Selecioneu l'eina |Cubo de pintura| i ompliu la silueta de la noia i després el fons amb la imatge del jardí.  
     
 

Si heu aplicat el farcit amb l'opció |Bloquear relleno| activada el gràfic us haurà quedat com l'apartat (a) de la imatge.
 
Si heu aplicat el farcit amb l'opció |Bloquear relleno| desactivada el gràfic us haurà quedat com l'apartat (b) de la imatge.

 
     
 
 
     
   Utilitzeu els modificadors perquè us quedi una gradació similar a la del pas (a) o (b) de la imatge.  
     
   Amb l'eina | Selección| elimineu els trossos de traç que hi ha damunt del farcit de color.  
     
   Seleccioneu amb l'eina |Selección| el traç extern de la figura, copieu-lo |Ctrl + C| i enganxeu-lo en context |Ctrl + Majús + V|.  
     
   Amb el nou traç de l'oval seleccionat aneu al panell |propiedades| i modifiqueu l'amplada i l'alçada disminuint el seu valor en 10 píxels respectivament. Pas (c) de la imatge.  
     
   Aneu al panell |Mezclador de colores| seleccioneu l'estil |Degradado radial| i adjudiqueu al punter de l'esquerra el color blanc i al punter de la dreta el gris |#999999|.  
     
   Selecioneu l'eina |Cubo de pintura|, comproveu que estigui desactivada l'opció |Bloquear relleno| i ompliu amb el degradat els dos anells de farcit que envolta la figura central.  
     
   Utilitzeu els modificadors perquè us quedi una gradació similar a la del pas (d) de la imatge.  
     
   Seleccioneu amb l'eina |Selección| el traç central de l'anell que envolta la figura.  
     
  Aneu al panell |Propiedades|, elegiu el de traç de ratlles verticals disconíinues, el gruix del traç 2 píxels i el color del traç blanc |#FFFFFF|. Pas (e) de la imatge.  
     
 

Seleccioneu l'estil |Degradado radial| i amb l'eina | Óvalo| construïu una petita tanca que situareu a la part esquerra de la tapa.

 
     
   Seleccioneu l'estil |Degradado lineal| i amb l'eina |Rectángulo| construïu una petita frontissa que situareu a la part dreta de la tapa.Pas (f) de la imatge.  
     
   Seleccioneu tota la figura, aneu al menú |Modificar| i activeu l'opció |Agrupar|.  
   
     
     
  El panell |Mezclador de colores| control alfa  
     
 
El panell |Mezclador de colores| serveix per modificar o editar colors sòlids.
 
     
 
 
     

Per modificar el color d'un objecte, només heu de seleccionar la part d'aquest que desitgeu canviar i elegir el nou color o nou estil en el panell |Mezclador de colores|.

 
     
  Sí el color que desitgeu modificar és el d'un traç, heu d'activar l'estil |Sólido| i l'opció |Color de trazo| del panell.  
     
  Sí el color que desitgeu modificar és el d'un farcit, podeu elegir qualsevol dels estils i activar l'opció |Color de relleno| del panell.  
 
 
  El panell |Mezclador de colores| també permet escollir el color en modo RGV - que és l'opció que ve per defecte-, mode hexadecimal o mode HSB.  
     
  Una altra funció interessant del panell és la possibilitat de donar transparència als colors modificant el seu valor Alfa.  
     
  Aquesta transparència es pot aplicar tan al traç com al farcit.  
     
 
 
     
  Per acabar aquesta pràctica recuperareu la fotografia de la noia i tractareu de provocar la sensació que hi ha un vidre damunt de la fotografia, fent servir l'estil |Radial|.  
   
 
 
     
   Seleccioneu amb l'eina de |Selección| el traç en forma d'oval que envolta la fotografia de la noia, aneu al menú |Modificar| i activeu l'opció |Agrupar|. Pas (g) de la imatge,  
     
   Aneu al panell |Mezclador de colores| seleccioneu l'estil |Radial,| creu un nou punter i distribuiu-los al llarg de la barra de degradat aproximadament com estan en el pas (h) la imatge.  
     
   Adjudiqueu el color blanc als tres punters i d'esquerra a dreta doneu-los els següents valors Alfa: 0%,81% i 100%.  
     
 

Recordeu que per activar el punter cal fer clic al damunt.

 
     
   Feu doble clic damunt de la figura oval que heu agrupat per poder editar-la.  
     
  Seleccioneu l'eina |Cubo de pintura| i ompliu l'àrea interior del traç. Pas (h) de la imatge.  
   
   Amb el nou farcit seleccionat activeu l'eina |Transformación de relleno| i manipuleu els seus modificadors fins obtenir un resultat similar al pas (i) de la imatge.  
     
 

És important tenir en compte que en el degradat radial el punter de l'esquerra marca el centre del degradat.

És per això que en aquesta pràctica el punter de l'esquerra que marca el color del centre de la imatge té valor Alfa 0% i el de més a la dreta, que defineix l'extrem del degradat marca 100%.

 
     
 
 
     
   Deseu la pràctica.  
     
 Activitat complementària  
   
   
  Com a activitat complementària podríeu practicar amb els valors alfa per crear figures similars a les de la imatge.  
     
 
 
     
  També podeu provar de donar transparència als colors d'un degradat fent servir el canal |Alfa| del panell |Mezclador de colores|.  
     
  El degradat de la lluna i la foscor del cel de la imatge estan fets usant aquesta tècnica. Per poder veure l'efecte, heu de fer clic damunt de la imatge.