{"id":2334,"date":"2011-08-30T23:30:51","date_gmt":"2011-08-30T23:30:51","guid":{"rendered":"http:\/\/irisfernandez.com.ar\/betaweblog\/?p=2334"},"modified":"2011-08-30T23:30:51","modified_gmt":"2011-08-30T23:30:51","slug":"como-armar-un-collage-con-fotos-en-gimp","status":"publish","type":"post","link":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/2011\/08\/30\/como-armar-un-collage-con-fotos-en-gimp\/","title":{"rendered":"C\u00f3mo armar un collage con fotos en Gimp"},"content":{"rendered":"<p class=\"comentario_arriba\">Este es un post muy b\u00e1sico, para alguien que me hizo esta pregunta y no maneja nada de <a href=\"http:\/\/www.gimp.org\/\">Gimp<\/a>. As\u00ed que ah\u00ed van, una serie de pasos explicados desde cero, con lujo de detalles \ud83d\ude42<\/p>\n<p>El primer paso, por supuesto, ser\u00e1 tener las im\u00e1genes. Si hay que buscar, hay im\u00e1genes libres en <a href=\"http:\/\/commons.wikimedia.org\/wiki\/Main_Page\">Wikimedia Commons<\/a>, en <a href=\"http:\/\/openclipart.org\/\">Open Clipart<\/a>, y algunas con derechos menos restringidos en <a href=\"http:\/\/www.flickr.com\/\">Flickr<\/a> o en <a href=\"http:\/\/images.google.com\/\">Google im\u00e1genes<\/a>, usando opciones avanzadas<em> (&#8220;S\u00f3lo im\u00e1genes que se puedan volver a utilizar.&#8221;)<\/em> <strong>Atenci\u00f3n<\/strong>: las im\u00e1genes con licencia <em>Creative Commons<\/em> requieren mencionar al autor (&#8220;Atribuci\u00f3n&#8221;). Para no tener que agregar ninguna leyenda sobre las fotos, deben ser <em>Public Domain<\/em>. Se puede descargar la imagen, o copiarla en el portapapeles y pegarlas en Gimp (lo voy a explicar de esta segunda forma).<\/p>\n<p>El segundo paso es pegar la primera foto en Gimp:<\/p>\n<ul>\n<li>Abrir <a href=\"http:\/\/www.gimp.org\/\">Gimp<\/a>. La primera impresi\u00f3n suele ser rara porque tiene varias ventanas. Las \u00fanicas que importan son la de las herramientas, y la ventana de la imagen. La ventanita de las herramientas se puede mover a cualquier lugar de la pantalla, yo suelo ponerla a la izquierda de la imagen.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><a href=\"http:\/\/betaweblog.education\/wp\/wp-content\/uploads\/2011\/08\/primeros-pasos-gimp1.png\"><img loading=\"lazy\" decoding=\"async\" title=\"primeros pasos gimp1\" src=\"http:\/\/betaweblog.education\/wp\/wp-content\/uploads\/2011\/08\/primeros-pasos-gimp1-300x184.png\" alt=\"Primera vista de Gimp\" width=\"300\" height=\"184\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>Ir a la p\u00e1gina donde est\u00e1 la foto, hacer clic con el bot\u00f3n derecho y elegir &#8220;Copiar&#8221;<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><a href=\"http:\/\/betaweblog.education\/wp\/wp-content\/uploads\/2011\/08\/primeros-pasos-gimp-3.png\"><img loading=\"lazy\" decoding=\"async\" title=\"primeros pasos gimp 3\" src=\"http:\/\/betaweblog.education\/wp\/wp-content\/uploads\/2011\/08\/primeros-pasos-gimp-3-300x291.png\" alt=\"Copiar una foto usando el men\u00fa contextual\" width=\"300\" height=\"291\" \/><\/a><\/p>\n<ul>\n<li>Volver a <em>Gimp<\/em>, a la ventana m\u00e1s grande donde va a estar la imagen, y elegir <em>Pegar<\/em> (CTRL+V).<\/li>\n<li>Trabajar esa imagen: Por ejemplo para recortarla, usar la herramienta de selecci\u00f3n y despu\u00e9s elegir <em>Imagen \/ Recortar a la selecci\u00f3n.<\/em><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/betaweblog.education\/wp\/wp-content\/uploads\/2011\/08\/primeros-pasos-gimp-4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-2341 aligncenter\" title=\"primeros pasos gimp 4\" src=\"http:\/\/betaweblog.education\/wp\/wp-content\/uploads\/2011\/08\/primeros-pasos-gimp-4-300x180.png\" alt=\"Recortar una imagen al tama\u00f1o de una selecci\u00f3n\" width=\"300\" height=\"180\" \/><\/a><\/p>\n<p>Ahora tenemos lista una imagen, vamos a buscar la segunda foto del &#8220;collage&#8221;.<\/p>\n<ul>\n<li>Vamos a la ventana donde est\u00e1 la imagen, la copiamos, y esta vez la pegamos <strong>como nueva capa <\/strong><em>(men\u00fa Editar\/Pegar como\/capa nueva)<\/em>. \u00bfEsto qu\u00e9 significa? Supongamos que estamos haciendo un dibujo en un papel. Si le pegamos con pegamento otra imagen, es imposible despegar eso nuevo que pusimos y ver otra vez la imagen original. Cuando ponemos esta imagen en una capa nueva, estamos superponiendo la imagen sin pegarla, como si estuviera simplemente apoyada. Esto nos permite trabajar sobre ella como una imagen separada, acomodarla en distintos lugares, recortarla, etc. sin modificar la imagen de base.<\/li>\n<\/ul>\n<p><strong>Aclaraci\u00f3n <\/strong><em>[agregado posteriormente a la publicaci\u00f3n del post]<\/em>: la capa nueva va a tapar completamente a la anterior, pero en los siguientes pasos lo solucionamos.<\/p>\n<p><a href=\"http:\/\/betaweblog.education\/wp\/wp-content\/uploads\/2011\/08\/primeros-pasos-gimp-5.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-2345 aligncenter\" title=\"primeros pasos gimp 5\" src=\"http:\/\/betaweblog.education\/wp\/wp-content\/uploads\/2011\/08\/primeros-pasos-gimp-5-300x202.png\" alt=\"Pegar como imagen nueva\" width=\"300\" height=\"202\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>\u00a0Ahora el problema es el tama\u00f1o del <em>lienzo<\/em>, es decir, la tela en que estamos trabajando nuestra <em>obra de arte<\/em>. Si queremos que nuestra imagen final tenga el doble de tama\u00f1o que la primera imagen, vamos a duplicar el tama\u00f1o del lienzo. El contenido de las capas no se va a ver afectado.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/betaweblog.education\/wp\/wp-content\/uploads\/2011\/08\/primeros-pasos-gimp-6.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-2346 aligncenter\" title=\"primeros pasos gimp 6\" src=\"http:\/\/betaweblog.education\/wp\/wp-content\/uploads\/2011\/08\/primeros-pasos-gimp-6-300x168.png\" alt=\"Redimensionar lienzo\" width=\"300\" height=\"168\" \/><\/a><\/p>\n<p>Para modificar la anchura y la altura proporcionalmente, hay que dejar los eslabones de la cadena unidos. Para modificar s\u00f3lo la anchura o s\u00f3lo la altura, hacemos clic en la cadena separando los eslabones. Si queremos evitar hacer cuentas, podemos elegir <em>Porcentaje<\/em> (en lugar de pixeles) y para duplicar poner 200.<\/p>\n<p>Ahora tenemos un lienzo m\u00e1s grande, falta mover cada capa a su lugar. Para mover una capa, usamos la herramienta <em>Mover<\/em>:<\/p>\n<p><a href=\"http:\/\/betaweblog.education\/wp\/wp-content\/uploads\/2011\/08\/primeros-pasos-gimp-7.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-2347 aligncenter\" title=\"primeros pasos gimp 7\" src=\"http:\/\/betaweblog.education\/wp\/wp-content\/uploads\/2011\/08\/primeros-pasos-gimp-7-300x207.png\" alt=\"Mover capa\" width=\"300\" height=\"207\" \/><\/a><\/p>\n<p>Si queremos recortar la capa nueva, la \u00faltima que pegamos, simplemente seleccionamos una parte pero esta vez no usamos la opci\u00f3n que utilizamos anteriormente, sino que vamos al men\u00fa <em>Capa<\/em> y elegimos <em>Recortar a la selecci\u00f3n<\/em>.<\/p>\n<p><a href=\"http:\/\/betaweblog.education\/wp\/wp-content\/uploads\/2011\/08\/primeros-pasos-gimp-8.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-2348 aligncenter\" title=\"primeros pasos gimp 8\" src=\"http:\/\/betaweblog.education\/wp\/wp-content\/uploads\/2011\/08\/primeros-pasos-gimp-8-300x207.png\" alt=\"Recortar capa\" width=\"300\" height=\"207\" \/><\/a><\/p>\n<p>Ahora es s\u00f3lo cuesti\u00f3n de acomodar cada nuevo dibujo de esta manera, peg\u00e1ndolo como capa nueva, recortando la capa, moviendo la capa. Al final, puede ser que necesitemos recortar la imagen completa; para ello seleccionar todo el trabajo (menos las partes que no queremos que queden) y elegir <em>Imagen \/ Recortar a la selecci\u00f3n.<\/em><\/p>\n<p>Una vez que todas las fotos est\u00e1n donde queremos que est\u00e9n, guardamos el archivo (men\u00fa <em>archivo<\/em>, opci\u00f3n <em>guardar<\/em>). En <em>Gimp<\/em> la extensi\u00f3n nativa es .xcf, as\u00ed que en lugar de escribir s\u00f3lo el nombre de archivo, escribimos nombre y extensi\u00f3n (por ejemplo: <em>computadoras.jpg<\/em>). De todas formas, conviene guardar tambi\u00e9n una vez en formato .xcf, para conservar las capas, ya que ni jpg ni png guardan toda la informaci\u00f3n del archivo.<\/p>\n<p><strong>Otras cosas interesantes<\/strong><\/p>\n<ul>\n<li>Para modificar el tama\u00f1o de una capa, sin recortarla, se usa <em>Escalar capa<\/em> en el men\u00fa <em>Capa<\/em>.<\/li>\n<li>Para modificar cualquier cosa de una capa que no sea la \u00faltima que se agreg\u00f3, pulsamos CTRL+L para ver el men\u00fa de capas. Haciendo clic en una de ellas pasa a ser la capa actual, y entonces las acciones del men\u00fa capa se aplican a ella.<\/li>\n<li>Si queremos agregar sombra o borde, usamos el men\u00fa <em>filtros<\/em>.<\/li>\n<\/ul>\n<p style=\"text-align: center;\">\u00a0<a href=\"http:\/\/betaweblog.education\/wp\/wp-content\/uploads\/2011\/08\/computadoras.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2349\" title=\"computadoras\" src=\"http:\/\/betaweblog.education\/wp\/wp-content\/uploads\/2011\/08\/computadoras-300x145.jpg\" alt=\"trabajo terminado\" width=\"300\" height=\"145\" \/><\/a><\/p>\n<p class=\"comentario\">Gimp es software libre, un excelente reemplazo para quienes quieren usar Photoshop pero no pueden pagarlo, y un excelente software de edici\u00f3n de im\u00e1genes para todos, aunque pudiesen pagar Photoshop.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Este es un post muy b\u00e1sico, para alguien que me hizo esta pregunta y no maneja nada de Gimp. As\u00ed que ah\u00ed van, una serie de pasos explicados desde cero, con lujo de detalles \ud83d\ude42 El primer paso, por supuesto, ser\u00e1 tener las im\u00e1genes. Si hay que buscar, hay im\u00e1genes libres en Wikimedia Commons, en &hellip; <a href=\"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/2011\/08\/30\/como-armar-un-collage-con-fotos-en-gimp\/\" class=\"more-link\">Continuar leyendo<span class=\"screen-reader-text\"> &#8220;C\u00f3mo armar un collage con fotos en Gimp&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,1,6],"tags":[],"class_list":["post-2334","post","type-post","status-publish","format-standard","hentry","category-cultura-libre","category-educacion-tecnologia","category-gimp"],"_links":{"self":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts\/2334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/comments?post=2334"}],"version-history":[{"count":0,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts\/2334\/revisions"}],"wp:attachment":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/media?parent=2334"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/categories?post=2334"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/tags?post=2334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}