Captura de pantalla y otras imágenes | 44/98 | UPV

Hola en este vídeo vamos a tratar la capturade pantallas y como obtener imágenes de una web. Lo primero es lo más sencillo que esdescargar una imagen de una página web para eso pues vamos a irnos a un navegador y vamosa irnos por ejemplo a la página web de la Universidad Politécnica de València. Fijaosque me pongo encima de esta imagen le doy al botón derecho y puedo guardar la imagendirectamente como... o copiarla para después pegarla en un visor. Hay cosas que, aunqueesto parezca que es una imagen, obviamente es una imagen, pero no está como tal cargada,está cargada en el fondo entonces al darle al botón derecho veis que no puedo guardarlacomo imagen, pone guardar cómo pero se refiere a la página web. Con lo cual tendremos quebuscar otras estrategias que ahora os explicaré. Esto por ejemplo sí que es una imagen, quetiene un enlace, y aquí tenemos después de lo de guardar imagen enlace, tenemos guardarimagen como o copiar la imagen, incluso podemos copiar la dirección de la imagen por si noqueremos, queremos utilizarla en otra página web sin tenerla que guardar nosotros. Lo siguientees como obtener una imagen un poco mas difícil, por ejemplo esta, una imagen que se despliegacuando pasamos por encima de un enlace pero que no hay manera como veis de cogerla, paraesto hay un truco que es utilizando las funciones del navegador con el botón derecho, en estecaso es el chrome que lo tiene como inspeccionar elemento pero otros navegadores tienen opcionesparecidas, vamos y nos sale el código de la pagina, un código que os puede parecermuy arcano, no sale ya seleccionado el elemento que nosotros queremos, este, le decimos quelo despliegue y dentro de todos los atributos del elemento está aquí la dirección dela imagen, donde pone src, le damos al botón derecho del ratón y abrir en una nueva pestaña,y aquí tenemos la imagen que ya con el botón derecho podemos guardarla, podemos copiarla imagen, etcétera como os he contado. Y ahora vamos a parar a que pasa, si lo quequeremos es capturar toda la pantalla. Si lo que queremos capturar toda la pantallautilizamos, podemos darle, en Windows a la tecla imprimir pantalla "Impr Pant", que capturatoda la pantalla incluido esto de aquí abajo o Alt+Impr Pant nos captura solo la ventanaactiva, por ejemplo si yo le doy ahora a Imprimir pantalla y ahora me voy a accesorios a MicrosoftPaint, aquí lo veis, si yo le digo Ctrl+V para pegar, como veis me ha capturado todala pantalla incluida la barra de abajo, voy a darle a Ctrl+Z de deshacer y ahora voy ahacerlo con Alt+Impr Pant y me vuelvo a ir al Paint, Ctrl+V y como veis solo me ha pegadola ventana activa, no me ha pegado la parte de abajo. Bien yo en vez del paint recomiendoutilizar otra herramienta, bueno una cosa que es importante, si no os cabe todo lo quequeréis capturar de la pantalla, podéis utilizar Ctrl + y Ctrl - en el navegador quelo que hace es hacer mas grande y mas pequeña la pagina, obviamente esta página enterano tiene mucho sentido, pero si podéis con Ctrl + y Ctrl - dalre un tamaño que os permitacapturar lo que queráis. Como os estaba contando yo en vez de utilizar la herramienta del Windowsutilizo un visor que se llama IrfanView que es este, vamos a ir desde cero, vamos a...aquí por ejemplo aunque pongas "IranView" porque me he equivocado yo, le das a buscary te aparece irfanView, aquí irfanView, y ya en esta página lo que hacemos es decirleque nos lo descargue, lo descargamos de alguna de estas, descargamos también, fijaos tambiénque está el IrfanView pero luego también están los plugins, yo ya los he descargado,aquí abajo los he descargado, simplemente darle dos otros clicks y descargarlo, aquítenéis el IrfanView y aquí los pluggins, los ejecutas y ya tienes el programa instalado,el programa, a ver si me deja, estará, vamos a ver un momentito, voy a quitar todo el escritorio,y aquí nos ha instalado un icono, aquí lo tenéis IrfanView. Aquí ponemos lo mismo,con Ctrl + V pegamos la pantalla que hemos capturado y con el botón izquierdo del ratónlo aprieto y hago una ventana y cojo lo que quiero, y con esto lo que puedo es, cortarcon Ctrl+Y, bueno una cosa importante es que aquí arriba el IrfanView me dice el tamañoen pixels de la ventana y la relación de aspecto. Esto cuando estamos cortando un trozode imagen para pegarlo en otra viene muy bien porque si luego no hacemos un cuadrado exactamenteigual pues podemos deformar la imagen que queramos meter, ahora os enseñaré un ejemplo,bien pues aquí con Ctrl + Y, como iba diciendo nos quedamos solo con lo que hay dentro dela ventana, Ctrl + Z volvemos hacia atrás. Bien hay una cosa que es también bastanteimportante, que es que dentro del menú de edición, a ver que se me ha ido el menúde edición, tenemos el, es en el menú de edición, "Show Paint Dialog", que es el F12.Yo normalmente le doy con el F12, pero en este ordenador lo vamos a hacer así. Aquípodemos seleccionar los colores que vamos a usar, por ejemplo el rojo en esta paletade colores y el de relleno también el rojo, y cogemos por ejemplo la herramienta circuloy ya nos permite coger y subrayar esto, que nos ha quedado muy finito?, Ctrl + Z deshacer,nos vamos aquí a la anchura de la línea, le ponemos 5 por ejemplo, y volvemos, comoveis voy a ampliarla un poco más para que se vea, nos serviría para anotar por ejemplouna captura de pantalla sobre la que queremos indicar, tenemos más herramientas podemosborrar, podemos rellenar, podemos meter un texto, esto es una herramienta bastante potentepara hacer una pequeña edición. Y luego las herramientas de cambio de tamaño quees las que os quería comentar, os la voy a comentar para que veáis que potencia tieneesto, por ejemplo con d, borramos todo el contenido y imaginaos que queremos hacer losiguiente, queremos hacer un logotipo de este tamaño de 300 por 300 a partir de una capturade pantalla de un video para construir esto. Nosotros partimos de hemos visto antes aquí,por ejemplo, la captura de esta imagen, de acuerdo, vamos aquí como os he explicadoy tenemos esta imagen que la vamos a capturar, le damos al botón derecho del ratón, copiamosla imagen, los vamos al irfanView vacio y le damos al Ctrl+V. Bien ya tenemos la imagen.La imagen que nosotros queremos hacer es exactamente de 300X300, esta imagen que hemos capturado,tenemos dos ventanas ahora mismo abiertas voy a minimizar esta para que no os confunda,aquí la tenéis es de 320X180 no nos vale exactamente, entonces que hacemos?, nos vamosa aquí a imagen y le decimos que la reescale y que nos ponga de ancho 300, vale, entoncescon esto ya tenemos una imagen de 300X169, el si no le cambiamos la relación de aspectoya nos cambio todo el tamaño, pero ahora queremos que mida 300 de largo y nos mideahora mismo 169, nos vamos aquí a la calculadora y le restamos 300 -169, 131 le tenemos queañadir hacia abajo, bien nos vamos a aquí y le decimos "Change Canvas Size" que significahacerlo más grande, y le decimos que en la parte de la derecha no nos ponga nada, perdón,en la parte de la izquierda no nos ponga nada, en la parte de arriba nada y en la de abajo,que no me acuerdo ahora pero os lo digo rápidamente, en la de abajo tenemos que ponerle 131, puesnada aquí ponemos 131 y no es negro, no me gusta pues Ctrl+Z, lo vuelvo a hacer y ledigo el color que tiene que utilizar es el blanco, por ejemplo así, fuera, y ya tengoun grafico de 300X300 donde puedo meterle mi etiqueta de la Universitatat Politèncica.Como lo hago? pues utilizando las herramientas que os he comentado. Yo tengo aquí un graficoque mide 300X115, que voy a insertar ahí abajo. Entonces qué hago? Cojo el botónizquierdo del ratón lo agrando, compruebo arriba que el cuadro mide 300X115, le doya Ctrl+C para copiar, me voy a mi otra ventana donde he creado el hueco, perdón me he equivocadoCtrl +Z, para hacer esto hay que deshabilitar primero las opciones de pintura. Lo deshabilitamosy ya volvemos a hacer ventanas aquí, veis me voy, la arrastro con el botón izquierdohasta a tope, de manera que ya me mide los 300 de ancho ahora mide 67 de alto, bajo estahasta bajo del todo de a tope y voy haciendo esto hacia arriba hasta que mide 115, veisque va subiendo aquí arriba 108. Estoy apretando el botón izquierdo del ratón, manteniéndoloapretado y subiendo la flecha, 114, 115, no 116 se me ha ido un poco, 115, y ahora cojoCtrl + V y pego la imagen que tenia, ya tengo el cuadradito que quería y ya puedo con ficheroguardar como, darle la calidad que yo quiera y guardarlo como JPG o como otro montón deopciones que tengo, entonces ya con esto hemos acabado el contenido de este vídeo.