{"id":435,"date":"2016-11-17T10:39:00","date_gmt":"2016-11-17T10:39:00","guid":{"rendered":"https:\/\/edublog.educastur.es\/cpclarin56\/2016\/11\/17\/scratch-tutorial-6-incluir-como-fondo-una-imagen-descargada-desde-internet\/"},"modified":"2016-11-17T10:39:00","modified_gmt":"2016-11-17T10:39:00","slug":"scratch-tutorial-6-incluir-como-fondo-una-imagen-descargada-desde-internet","status":"publish","type":"post","link":"https:\/\/edublog.educastur.es\/cpclarin56\/2016\/11\/17\/scratch-tutorial-6-incluir-como-fondo-una-imagen-descargada-desde-internet\/","title":{"rendered":"Scratch &#8211; Tutorial 6: Incluir como fondo una imagen descargada desde Internet"},"content":{"rendered":"<p>Inicia Scratch. Puedes ejecutarlo haciendo doble clic en el icono de acceso directo que la instalaci\u00f3n del programa habr\u00e1 creado en el Escritorio de Windows o del Sistema Operativo en el que lo tengas instalado. Tambi\u00e9n puedes acudir al bot\u00f3n CREATE de la p\u00e1gina web oficial del proyecto en:<\/p>\n<p><a href=\"https:\/\/scratch.mit.edu\/projects\/editor\/?tip_bar=home\">https:\/\/scratch.mit.edu\/projects\/editor\/?tip_bar=home<\/a><\/p>\n<p>Un nuevo proyecto se abre en pantalla. Puedes ver la interfaz principal del programa:<\/p>\n<div style=\"clear: both;text-align: center\"><a href=\"https:\/\/1.bp.blogspot.com\/-MDiOih7OwZY\/WEPzpef5jVI\/AAAAAAAAGE8\/P31fhdi9Ym0idlouk0RM1J9HuURZU9BNACKgB\/s1600\/interfaz%2Bprincipal.png\" style=\"margin-left: 1em;margin-right: 1em\"><img loading=\"lazy\" decoding=\"async\" border=\"0\" height=\"192\" src=\"https:\/\/1.bp.blogspot.com\/-MDiOih7OwZY\/WEPzpef5jVI\/AAAAAAAAGE8\/P31fhdi9Ym0idlouk0RM1J9HuURZU9BNACKgB\/s400\/interfaz%2Bprincipal.png\" width=\"400\" \/><\/a><\/div>\n<p>Acude ahora a la secci\u00f3n <b>ESCENARIO<\/b> y haz clic sobre el bot\u00f3n<\/p>\n<div style=\"clear: both;text-align: center\"><a href=\"https:\/\/4.bp.blogspot.com\/-PeJ-uVDcLHs\/WEPztsOIzPI\/AAAAAAAAGFA\/by8sZPG1M5EkA24nHcChDPMWzevgOZ8cgCKgB\/s1600\/bot_fondo_archivo.png\" style=\"margin-left: 1em;margin-right: 1em\"><img decoding=\"async\" border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-PeJ-uVDcLHs\/WEPztsOIzPI\/AAAAAAAAGFA\/by8sZPG1M5EkA24nHcChDPMWzevgOZ8cgCKgB\/s1600\/bot_fondo_archivo.png\" \/><\/a><\/div>\n<p>Este bot\u00f3n abre una nueva ventana en la aplicaci\u00f3n que te permitir\u00e1 localizar el archivo imagen que quieras insertar como fondo en el escenario.<\/p>\n<p>Ahora bien\u2026 Tienes que tener la imagen disponible en tu equipo para hacerlo. Y, en esta pr\u00e1ctica, vamos a suponer que a\u00fan no la tienes as\u00ed que cierra la ventana del explorador de archivos pulsando el bot\u00f3n <b><span style=\"color: blue\">Cancelar<\/span><\/b>.<\/p>\n<p>Te mostramos, a continuaci\u00f3n, c\u00f3mo puedes utilizar una imagen descargada desde Internet para ello.<\/p>\n<p>En primer lugar minimiza la aplicaci\u00f3n para ocultarla pulsando sobre el bot\u00f3n t\u00edpico de <b>minimizar<\/b> la ventana del Sistema Operativo. Y a continuaci\u00f3n, acude a un navegador de Internet instalado en tu equipo. En el caso del miniport\u00e1til vas a utilizar el Navegador1, Mozilla Firefox.<\/p>\n<p><b>Nota<\/b><br \/>Si est\u00e1s utilizando la versi\u00f3n online de Scratch 2 abre una nueva pesta\u00f1a en el navegador para as\u00ed utilizarla en la b\u00fasqueda de la imagen que quieras utilizar.<\/p>\n<h2>Busca y encuentra la imagen que te interese en Google Im\u00e1genes&nbsp;<\/h2>\n<p>Acude a Google Im\u00e1genes para localizar la imagen que necesitas.<\/p>\n<div style=\"clear: both;text-align: center\"><a href=\"https:\/\/www.google.es\/imghp?hl=es&amp;tab=wi&amp;ei=6vNDWIXVKcfaauSeg7gJ&amp;ved=0EKouCBcoAQ\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-EvWNczvBJqA\/WEPz4Uy_wSI\/AAAAAAAAGFI\/AaEiR9zq2fM8SzDqGpPdyt4zrNzIOLJJQCKgB\/s1600\/logo%2Bgoogle%2Bimagenes.png\" \/><\/a><\/div>\n<p>Escribe en la caja de b\u00fasqueda la palabra o palabras relacionadas con el fondo que est\u00e9s buscando. En nuestro caso hemos escrito los t\u00e9rminos <i><u>fondo paisaje infantil<\/u><\/i>. Pulsa la tecla ENTER\/INTRO para que Google Im\u00e1genes realice las b\u00fasquedas pertinentes.<\/p>\n<p>La p\u00e1gina te devolver\u00e1 los resultados encontrados:<\/p>\n<div style=\"clear: both;text-align: center\"><a href=\"https:\/\/3.bp.blogspot.com\/-idwQGcG1XP8\/WEP0H9YRgnI\/AAAAAAAAGFM\/wXwY86RNaNkCjx_U849mg7JyLezEB8MBgCKgB\/s1600\/google%2Bimagenes%2Bresultados%2Bbusqueda.png\" style=\"margin-left: 1em;margin-right: 1em\"><img loading=\"lazy\" decoding=\"async\" border=\"0\" height=\"242\" src=\"https:\/\/3.bp.blogspot.com\/-idwQGcG1XP8\/WEP0H9YRgnI\/AAAAAAAAGFM\/wXwY86RNaNkCjx_U849mg7JyLezEB8MBgCKgB\/s400\/google%2Bimagenes%2Bresultados%2Bbusqueda.png\" width=\"400\" \/><\/a><\/div>\n<p>Si aproximas el rat\u00f3n a una de las miniaturas de la p\u00e1gina podr\u00e1s ver el tama\u00f1o en p\u00edxeles que tiene la imagen.<br \/>Observa la siguiente captura de pantalla:<\/p>\n<div style=\"clear: both;text-align: center\"><a href=\"https:\/\/3.bp.blogspot.com\/-w40JLBFpgT4\/WEP0bl3hrGI\/AAAAAAAAGFU\/e-If7cTTwVEN__JbLHsdJXovxo_T2aNLQCKgB\/s1600\/google%2Bimagenes%2Btamanio%2Bimagen.png\" style=\"margin-left: 1em;margin-right: 1em\"><img decoding=\"async\" border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-w40JLBFpgT4\/WEP0bl3hrGI\/AAAAAAAAGFU\/e-If7cTTwVEN__JbLHsdJXovxo_T2aNLQCKgB\/s1600\/google%2Bimagenes%2Btamanio%2Bimagen.png\" \/><\/a><\/div>\n<p>La imagen seleccionada tiene nada m\u00e1s y nada menos que \u00a11280 p\u00edxeles de ancho y 800 p\u00edxeles de alto! Es una imagen muy grande que para Scratch es enorme: recuerda que las dimensiones de las im\u00e1genes de fondo que has incluido hasta ahora son 480 x 360.<\/p>\n<p>Tenemos dos soluciones para solucionar esto:<\/p>\n<ol>\n<li><b>Soluci\u00f3n 1. <\/b>Descargar esa imagen porque es la que te gusta tanto y redimensionarla a su tama\u00f1o justo con alg\u00fan programa editor de im\u00e1genes (tienes PickPic en el miniport\u00e1til que te permitir\u00e1 hacer esto) o utilizando  alg\u00fan sitio web de edici\u00f3n de im\u00e1genes (Befunky, por ejemplo), pero debes conocer los procedimientos adecuados para hacerlo\u2026 y presupongo que a\u00fan no lo sabes.&nbsp;<\/li>\n<li><b>Soluci\u00f3n 2 (nuestra recomendaci\u00f3n).<\/b> Buscar la imagen correspondiente con el tama\u00f1o justo que se necesita.&nbsp;<\/li>\n<\/ol>\n<p>Te indico este segundo procedimiento en Google Im\u00e1genes.  Acude ahora al bot\u00f3n <b>Herramientas de b\u00fasqueda <\/b>y haz clic sobre \u00e9l. Observa que se despliega justo debajo un nuevo men\u00fa. Pulsa sobre la entrada <b>Tama\u00f1o<\/b>.<\/p>\n<div style=\"clear: both;text-align: center\"><a href=\"https:\/\/4.bp.blogspot.com\/-jRYlBUPD4Hs\/WEP0yDX2BAI\/AAAAAAAAGFY\/8oBy_Z0sMBMFdg1gvAlMnZVhYE8ceelYACKgB\/s1600\/google%2Bimagenes%2Bherramientas%2Bbusqueda.png\" style=\"margin-left: 1em;margin-right: 1em\"><img loading=\"lazy\" decoding=\"async\" border=\"0\" height=\"70\" src=\"https:\/\/4.bp.blogspot.com\/-jRYlBUPD4Hs\/WEP0yDX2BAI\/AAAAAAAAGFY\/8oBy_Z0sMBMFdg1gvAlMnZVhYE8ceelYACKgB\/s400\/google%2Bimagenes%2Bherramientas%2Bbusqueda.png\" width=\"400\" \/><\/a><\/div>\n<p>En el nuevo men\u00fa que se muestra haz clic en <b><span style=\"color: blue\">Tama\u00f1o exacto<\/span><\/b>.<\/p>\n<div style=\"clear: both;text-align: center\"><a href=\"https:\/\/4.bp.blogspot.com\/-dQjP742Iu_4\/WEP1bqmSGeI\/AAAAAAAAGFk\/oJ7n--hrNj4iV-cSOxjQMDXRZ8e6P8c4QCKgB\/s1600\/google%2Bimagenes%2Btamanio%2Bexacto.png\" style=\"margin-left: 1em;margin-right: 1em\"><img decoding=\"async\" border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-dQjP742Iu_4\/WEP1bqmSGeI\/AAAAAAAAGFk\/oJ7n--hrNj4iV-cSOxjQMDXRZ8e6P8c4QCKgB\/s1600\/google%2Bimagenes%2Btamanio%2Bexacto.png\" \/><\/a><\/div>\n<p>Observa el cuadro de di\u00e1logo que aparece en la ventana.<\/p>\n<div style=\"clear: both;text-align: center\"><a href=\"https:\/\/2.bp.blogspot.com\/-5ub_EmLZOmk\/WEP1gKztikI\/AAAAAAAAGFo\/YMaha_Tmh1wrFKEzI7n6Ye-b98MbsY03QCKgB\/s1600\/google%2Bimagenes%2Btamanio%2Bexacto%2Bvalores.png\" style=\"margin-left: 1em;margin-right: 1em\"><img decoding=\"async\" border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-5ub_EmLZOmk\/WEP1gKztikI\/AAAAAAAAGFo\/YMaha_Tmh1wrFKEzI7n6Ye-b98MbsY03QCKgB\/s1600\/google%2Bimagenes%2Btamanio%2Bexacto%2Bvalores.png\" \/><\/a><\/div>\n<p>Teclea \u2013 escribe los valores exactos de la imagen a buscar tal y como ves en la siguiente captura de pantalla:   Pulsa el bot\u00f3n <b><span style=\"color: blue\">Ir<\/span><\/b>.<\/p>\n<p>Las im\u00e1genes que ahora te muestra Google Im\u00e1genes tienen este tama\u00f1o exacto. Ya puedes elegir la que m\u00e1s te guste.<\/p>\n<h2>Descarga la imagen a tu ordenador&nbsp;<\/h2>\n<p>Haz clic ahora sobre la imagen que hayas elegido y observa los cambios en el navegador:<\/p>\n<div style=\"clear: both;text-align: center\"><a href=\"https:\/\/3.bp.blogspot.com\/-iEitGO_NSM8\/WEP2FyhidLI\/AAAAAAAAGFs\/oZ9JFDyyBh4nkXjaLTCsDlrEI0BajcS0gCKgB\/s1600\/google%2Bimagenes%2Btamanio%2Bexacto%2Bver%2Bimagen.png\" style=\"margin-left: 1em;margin-right: 1em\"><img loading=\"lazy\" decoding=\"async\" border=\"0\" height=\"138\" src=\"https:\/\/3.bp.blogspot.com\/-iEitGO_NSM8\/WEP2FyhidLI\/AAAAAAAAGFs\/oZ9JFDyyBh4nkXjaLTCsDlrEI0BajcS0gCKgB\/s400\/google%2Bimagenes%2Btamanio%2Bexacto%2Bver%2Bimagen.png\" width=\"400\" \/><\/a><\/div>\n<p>Haz clic sobre el bot\u00f3n <b>Ver imagen<\/b>. La imagen se muestra ahora de manera individual en el navegador:<\/p>\n<div style=\"clear: both;text-align: center\"><a href=\"https:\/\/2.bp.blogspot.com\/-UDhwbD5guO0\/WEP2NAqTKoI\/AAAAAAAAGFw\/ZV4WwHUWzOMLG7OcgM2VzNe7lJYQFDI0wCKgB\/s1600\/google%2Bimagenes%2Bresultado%2Bindividual.png\" style=\"margin-left: 1em;margin-right: 1em\"><img loading=\"lazy\" decoding=\"async\" border=\"0\" height=\"309\" src=\"https:\/\/2.bp.blogspot.com\/-UDhwbD5guO0\/WEP2NAqTKoI\/AAAAAAAAGFw\/ZV4WwHUWzOMLG7OcgM2VzNe7lJYQFDI0wCKgB\/s320\/google%2Bimagenes%2Bresultado%2Bindividual.png\" width=\"320\" \/><\/a><\/div>\n<p>Ahora s\u00f3lo tienes que utilizar el men\u00fa contextual del bot\u00f3n derecho del rat\u00f3n y hacer clic en la entrada <b><span style=\"color: blue\">Guardar imagen como<\/span><\/b> para salvar la imagen a tu ordenador.<\/p>\n<div style=\"clear: both;text-align: center\"><a href=\"https:\/\/2.bp.blogspot.com\/-VqW8NhxFBmQ\/WEP20UPxPkI\/AAAAAAAAGF4\/HQi6WyKt1R4xntqFB73RChtLeyb-J60uACKgB\/s1600\/google%2Bimagenes%2Bsalvar%2Bimagen.png\" style=\"margin-left: 1em;margin-right: 1em\"><img loading=\"lazy\" decoding=\"async\" border=\"0\" height=\"243\" src=\"https:\/\/2.bp.blogspot.com\/-VqW8NhxFBmQ\/WEP20UPxPkI\/AAAAAAAAGF4\/HQi6WyKt1R4xntqFB73RChtLeyb-J60uACKgB\/s320\/google%2Bimagenes%2Bsalvar%2Bimagen.png\" width=\"320\" \/><\/a><\/div>\n<p>La ventana t\u00edpica del explorador del sistema se abrir\u00e1 en pantalla para que busques el lugar en el que quieres guardar la imagen, le pongas un nombre y definitivamente la salves a tu equipo.<\/p>\n<p>Una vez guardada recuerda donde se encuentra porque la vas a utilizar a continuaci\u00f3n en Scratch.<\/p>\n<h2>Utiliza en Scratch la imagen que acabas de descargar&nbsp;<\/h2>\n<p><b>Maximiza<\/b> la aplicaci\u00f3n Scratch 2 de nuevo para seguir con tu proyecto. Recuerda: si haces clic en el icono que presenta una carpeta abierta en la secci\u00f3n Escenario podr\u00e1s localizar la imagen que acabas de descargar y utilizarla as\u00ed como fondo del mismo. \u00a1Listo!<\/p>\n<div style=\"clear: both;text-align: center\"><a href=\"https:\/\/3.bp.blogspot.com\/-NypijiJi8rc\/WEP3IMPnoeI\/AAAAAAAAGGE\/k28r4OXv5Xkvv0agx-LftDyklLh6VgSawCKgB\/s1600\/escenario%2Bfinal.png\" style=\"margin-left: 1em;margin-right: 1em\"><img loading=\"lazy\" decoding=\"async\" border=\"0\" height=\"293\" src=\"https:\/\/3.bp.blogspot.com\/-NypijiJi8rc\/WEP3IMPnoeI\/AAAAAAAAGGE\/k28r4OXv5Xkvv0agx-LftDyklLh6VgSawCKgB\/s320\/escenario%2Bfinal.png\" width=\"320\" \/><\/a><\/div>\n<p>Termina la pr\u00e1ctica cerrando Scratch pulsando en el aspa t\u00edpica de cierre de la ventana. Un mensaje te avisar\u00e1 por si quieres guardar los cambios que has realizado. En este caso pulsa sobre el bot\u00f3n que indica que no guardar\u00e1s nada de tu trabajo.<\/p>\n<div style=\"clear: both;text-align: center\"><a href=\"https:\/\/2.bp.blogspot.com\/-r9tD8IYms5w\/WEP3MbdWI5I\/AAAAAAAAGGI\/wrznoQUbV3AdSZg7XykAydD90x8I6OW8wCKgB\/s1600\/no%2Bguardar%2Bproyecto.png\" style=\"margin-left: 1em;margin-right: 1em\"><img decoding=\"async\" border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-r9tD8IYms5w\/WEP3MbdWI5I\/AAAAAAAAGGI\/wrznoQUbV3AdSZg7XykAydD90x8I6OW8wCKgB\/s1600\/no%2Bguardar%2Bproyecto.png\" \/><\/a><\/div>\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Inicia Scratch. Puedes ejecutarlo haciendo doble clic en el icono de acceso directo que la instalaci\u00f3n del programa habr\u00e1 creado en el Escritorio de Windows o del Sistema Operativo en el que lo tengas instalado. Tambi\u00e9n puedes acudir al bot\u00f3n CREATE de la p\u00e1gina web oficial del proyecto en: https:\/\/scratch.mit.edu\/projects\/editor\/?tip_bar=home Un nuevo proyecto se abre [&hellip;]<\/p>\n","protected":false},"author":43,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[87],"tags":[],"class_list":["post-435","post","type-post","status-publish","format-standard","hentry","category-scratch"],"_links":{"self":[{"href":"https:\/\/edublog.educastur.es\/cpclarin56\/wp-json\/wp\/v2\/posts\/435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edublog.educastur.es\/cpclarin56\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/edublog.educastur.es\/cpclarin56\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/edublog.educastur.es\/cpclarin56\/wp-json\/wp\/v2\/users\/43"}],"replies":[{"embeddable":true,"href":"https:\/\/edublog.educastur.es\/cpclarin56\/wp-json\/wp\/v2\/comments?post=435"}],"version-history":[{"count":0,"href":"https:\/\/edublog.educastur.es\/cpclarin56\/wp-json\/wp\/v2\/posts\/435\/revisions"}],"wp:attachment":[{"href":"https:\/\/edublog.educastur.es\/cpclarin56\/wp-json\/wp\/v2\/media?parent=435"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/edublog.educastur.es\/cpclarin56\/wp-json\/wp\/v2\/categories?post=435"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/edublog.educastur.es\/cpclarin56\/wp-json\/wp\/v2\/tags?post=435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}