tag:blogger.com,1999:blog-59409919765051536492024-03-05T14:17:50.952-03:00El software libre en mi vidamis experiencias al utilizar software libre y artículos relacionados.Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.comBlogger55125tag:blogger.com,1999:blog-5940991976505153649.post-51327175243619769262015-04-27T14:11:00.000-03:002015-04-27T14:11:46.758-03:00FLISol Olavarría<div style="background-color: white; color: #141823; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 14px; line-height: 19.3199996948242px; margin-bottom: 6px;">
Estuvo muy bueno el <a class="_58cn" data-ft="{"tn":"*N","type":104}" href="https://www.facebook.com/hashtag/flisololavarr%C3%ADa?source=feed_text&story_id=735518026562631" style="color: #3b5998; cursor: pointer; text-decoration: none;"><span aria-label="hashtag" class="_58cl" style="color: #6d84b4;">#</span><span class="_58cm">FLISoLOlavarría</span></a> organizado por <a class="_58cn" data-ft="{"tn":"*N","type":104}" href="https://www.facebook.com/hashtag/mtycd?source=feed_text&story_id=735518026562631" style="color: #3b5998; cursor: pointer; text-decoration: none;"><span aria-label="hashtag" class="_58cl" style="color: #6d84b4;">#</span><span class="_58cm">MTyCD</span></a> de la FACSO. Si bien ya hace más de 10 años que uso software libre, hace un tiempo que he dejado de difundirlo y de participar como lo hacia antes; pero el estar en este evento hizo revivir mis ganas de volver a dedicarme más al SL.</div>
<div style="background-color: white; color: #141823; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 14px; line-height: 19.3199996948242px; margin-bottom: 6px; margin-top: 6px;">
Este FLISOL, que tuvo un enfoque mucho más social que técnico tuvo cinco charlas y dos talleres (uno de Gimp y el otro de Audacity, a los cuales no asistí porque me quedé en las char<span class="text_exposed_show" style="display: inline;">las):<br />1) la primera a cargo de Hugo Curtis, donde contó de una manera muy amena el surgimiento del Software libre, enmarcado en cada época, la conocida anécdota de <a href="http://es.wikipedia.org/wiki/Richard_Stallman">RMS </a>y la <a href="http://www.smaldone.com.ar/documentos/libros/faif/chapter-1.html">impresora</a>, sus aportes e ideas, el surgimiento de Linux con Linus Torvals y la unión con GNU; el surgimiento del Open Source.<br />Al principio el software se vendía junto con los equipos, no era tan fácil de distribuir. Con el paso del tiempo el software se separó del hardware, ahí surgieron las ideas de ocultar el código fuente, de incluir al software dentro de las leyes de la propiedad intelectural, las patentes. Al principio, no hubo problemas con estas medidas.<br />Pero con el paso del tiempo, tratar al software como un producto quedó como un problema ya que no es un bien escaso. El software es un servicio que se ofrece, hay que comenzar a construir modelos económicos en base a esta idea y no a la de software como producto.<br />Destaco que Hugo, sugiere trabajar en la CONCIENCIA de las personas para acercarlas al uso del sofware libre, o sea para cambiar su visión y actitud ante el uso del software. Cuando lo consultaron sobre el crackeo de programas, afirmó que la PIRATERIA te esclaviza.</span></div>
<div class="text_exposed_show" style="background-color: white; color: #141823; display: inline; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 14px; line-height: 19.3199996948242px;">
<div style="margin-bottom: 6px;">
2) Después estuvo la charla de <a class="profileLink" data-hovercard="/ajax/hovercard/user.php?id=1082572192" href="https://www.facebook.com/Avrah.Kadahbra.Kadahbra" style="color: #3b5998; cursor: pointer; text-decoration: none;">Marcos Orellana</a>, donde nos dio muy buenas ideas para instalar GNU/Linux a equipos viejos y poder reutilizarlos, por ejemplo como switch, firewall; muy interesante para aplicarlo en los talleres de sistemas en la E. E. S. T. Nº 2. También habló sobre la aplicación de la estructura cliente servidor para utilizarlo en empresas y ahorrar costos.</div>
<div style="margin-bottom: 6px; margin-top: 6px;">
3) y 5) Hubo dos charlas sobre <a href="http://huayra.conectarigualdad.gob.ar/huayra">Huayra</a>, por un lado a cargo de Mariano Francisco y por el otro a cargo de representantes de <a class="_58cn" data-ft="{"tn":"*N","type":104}" href="https://www.facebook.com/hashtag/conectarigualdad?source=feed_text&story_id=735518026562631" style="color: #3b5998; cursor: pointer; text-decoration: none;"><span aria-label="hashtag" class="_58cl" style="color: #6d84b4;">#</span><span class="_58cm">conectarigualdad</span></a>: Nicolas Lomiento y Luciana Orona. Comentaron sobre la importancia de distribuir las netbook del plan con una distro creada en nuestro país y orientada al plan educativo nacional. Para destacar: Huayra trae mucho material sobre programación. Habrá que revisarlo para ver cómo lo podemos aplicar para la Tecnicatura en Informática.</div>
<div style="margin-bottom: 6px; margin-top: 6px;">
4) Una charla destinada a docentes: “Educar y aprender con software libre” a cargo de Ezequiel Layana, quien sostiene que no se puede enseñar con software trucho ya que el docente en su rol tiene que transmitir un mismo mensaje coherente, de legalidad, de ideas claras; no se puede enseñar que lo trucho es algo común.Esto se puede revertir de manera muy fácil, al enseñar con software libre.</div>
<div style="margin-bottom: 6px; margin-top: 6px;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-PYb138VhO9I/VT5tU5YdwoI/AAAAAAAAE2c/w5LYrTf34A4/s1600/20150425_103345.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-PYb138VhO9I/VT5tU5YdwoI/AAAAAAAAE2c/w5LYrTf34A4/s1600/20150425_103345.jpg" height="240" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvOUx-IIY4uDWK2hyphenhyphenoWnIucn4ewmLpW4OU5bYLq2J3NiLR2lth2xGJ2IW-eo4ph0_9tYeyE3QvVX2QoNV4lHwZ8R2nx8tUqdvBdPMZ96UY7P_Atlt4-LSoCxmUyJR0x_0MXlVvCXQQWh4/s1600/20150425_134827.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvOUx-IIY4uDWK2hyphenhyphenoWnIucn4ewmLpW4OU5bYLq2J3NiLR2lth2xGJ2IW-eo4ph0_9tYeyE3QvVX2QoNV4lHwZ8R2nx8tUqdvBdPMZ96UY7P_Atlt4-LSoCxmUyJR0x_0MXlVvCXQQWh4/s1600/20150425_134827.jpg" height="240" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-Dxr2vT31Lj8/VT5tVvugdiI/AAAAAAAAE2k/-SenRsXJtJY/s1600/20150425_151829.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-Dxr2vT31Lj8/VT5tVvugdiI/AAAAAAAAE2k/-SenRsXJtJY/s1600/20150425_151829.jpg" height="240" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-haQdJn12CdI/VT5tWf85VRI/AAAAAAAAE20/nZFLzwvf3xk/s1600/20150425_160748-2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-haQdJn12CdI/VT5tWf85VRI/AAAAAAAAE20/nZFLzwvf3xk/s1600/20150425_160748-2.jpg" height="160" width="320" /></a></div>
<div style="margin-bottom: 6px; margin-top: 6px;">
<br /></div>
</div>
Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com0tag:blogger.com,1999:blog-5940991976505153649.post-77986398256044978922014-09-21T20:31:00.002-03:002014-09-21T20:33:28.787-03:00Collage usando Inkscape y GimpEste año participamos de 2º Encuentro de Escuelas Técnicas "Tecnica-MENTE", durante los días 17 y 18 de septiembre de 2014 en el parque Industrial de Campana, con un proyecto de la E. E. S. T. Nº 2 de la ciudad de Olavarría.<br />
Presentamos el proyecto de un colega ANDRUINO, me tocó a mi acompañar a los chicos ya que él no podía. Entonces comencé a hacer algunos collages simples, los chicos también hicieron algunos. Hice dos:<br />
<div>
<br />
<ul>
<li>En uno de ellos, importé dos collages hechos por una estudiante, le agregué texto, la foto del robot y de las plaquetas. </li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-F9X1ALdCors/VB9eaVofkxI/AAAAAAAAEzM/itP3gJ-2idA/s1600/a-a.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-F9X1ALdCors/VB9eaVofkxI/AAAAAAAAEzM/itP3gJ-2idA/s1600/a-a.png" height="226" width="320" /></a></div>
<div>
<br /></div>
<ul>
<li>En el otro collage, inserté 7 imágenes, algunas de las cuales, apliqué efecto recorte para cambiar el encuadre de algunas imágenes. En Gimp, le quité el fondo a la fusión de los logos de ARDRUINO y ANDROID para poder ubicarlo más cerca de la foto del robot. El texto está sobre un rectángulo negro con transparente para que mejore la legibilidad.</li>
</ul>
</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-BvcakAwHyOE/VB9b_kbVoDI/AAAAAAAAEzE/v2DlBK7HB14/s1600/collage-a-a.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-BvcakAwHyOE/VB9b_kbVoDI/AAAAAAAAEzE/v2DlBK7HB14/s1600/collage-a-a.png" height="225" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Así quedaron en la muestra.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-Eg6n2P__OtY/VB9fp6Jb3II/AAAAAAAAEzU/z1hlNRL6UOM/s1600/20140917_140815-info.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-Eg6n2P__OtY/VB9fp6Jb3II/AAAAAAAAEzU/z1hlNRL6UOM/s1600/20140917_140815-info.jpg" height="306" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
</div>
Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com0tag:blogger.com,1999:blog-5940991976505153649.post-29578090684395408462012-11-17T20:05:00.001-03:002012-11-17T20:07:48.093-03:00Promoción Tecnicatura Informática OlavarríaRealicé este afiche íntegramente usando Inkscape y Gimp.También realicé un gif animado en Gimp.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-ztEtaQq4pPs/UKgXe_ZA_eI/AAAAAAAAEn8/-ISmHQqdWE0/s1600/muestra-info-animada.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/-ztEtaQq4pPs/UKgXe_ZA_eI/AAAAAAAAEn8/-ISmHQqdWE0/s320/muestra-info-animada.gif" width="227" /></a></div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-IFjo1qu6Yv0/UKgXe-Bp6cI/AAAAAAAAEn4/FKzJsMk80qo/s1600/muestra-info-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/-IFjo1qu6Yv0/UKgXe-Bp6cI/AAAAAAAAEn4/FKzJsMk80qo/s320/muestra-info-2.png" width="227" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com0tag:blogger.com,1999:blog-5940991976505153649.post-16371725884633620252011-11-02T21:31:00.005-03:002011-11-04T11:48:07.537-03:00Convertir wma a mp3 y a ogg<p>Estoy colaborando con el proyecto a de <a href="http://irisfernandez.com.ar/">Iris Fernández</a>, <a href="http://www.teleouncuento.com.ar/">Te leo un cuento</a> y necesitaban convertir un archivo wma a mp3 y ogg.</p><p>Busqué en Internet y encontré como hacerlo utilizando ffmpeg:</p><h3>Convertir wma a mp3</h3><code>ffmpeg -i archivo.wma -f mp3 -ab 192 archivo.mp3</code><h3>Convertir mp3 a ogg</h3><code>ffmpeg -i archivo.mp3 archivo.ogg</code><h4>Fuente: </h4><ul><li><a href="http://www.guia-ubuntu.org/index.php?title=Conversi%C3%B3n_de_formatos_multimedia#MP3_-.3E_OGG">http://www.guia-ubuntu.org/index.php?title=Conversi%C3%B3n_de_formatos_multimedia#MP3_-.3E_OGG</a></li><br /><li><a href="http://www.chw.net/foro/gnu-linux-y-otros-sistemas-operativos-f18/62229-como-convertir-de-wma-a-mp3.html">http://www.chw.net/foro/gnu-linux-y-otros-sistemas-operativos-f18/62229-como-convertir-de-wma-a-mp3.html</a></li></ul>Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com1tag:blogger.com,1999:blog-5940991976505153649.post-55462912311531118842011-06-07T00:48:00.008-03:002011-11-02T21:27:08.837-03:00Comprimir video<p>Hace unos meses atrás tuve que hacer un video, lo hice usando <a href="http://www.openshotvideo.com/">OpenShot</a>, el cual es un editor sencillo y multipista. Utilice imágenes y videos de alta resolución dando como resultado un video muy pesado, especialmente porque tenía que adjuntarlo y había un tope de capacidad máxima.</p><br /><p><a href="http://www.google.com.ar/">Busqué en Internet</a> hasta que encontré un post que cito más abajo, donde se explica el uso de <a href="http://ffmpeg.org/">FFmpeg</a> para distintas cosas y encontré lo que quería, comprimir un video:</p><br /><code>ffmpeg -i video_original.avi -s 320x240 -vcodec msmpeg4v2 video_comprimido.avi</code> <br /><br /><p>Fuente:</p><br /><a href="http://morfeox69.blogspot.com/2011/02/aprender-usar-ffmpeg.html">http://morfeox69.blogspot.com/2011/02/aprender-usar-ffmpeg.html</a>Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com2tag:blogger.com,1999:blog-5940991976505153649.post-55148691545067245002011-04-12T23:51:00.013-03:002011-04-13T23:53:42.998-03:00BlueFish: Personalizar teclas rápidas<p>Para modificar o agregar una tecla rápida a un comando, hay que acceder al menú donde se encuentra la opción a la que se desea añadir la tecla rápida, luego a la función elegida (sólo posicionar el mouse sin hacer clic) y presionar la combinación de teclas deseada. Listo! Ya está asignada la tecla rápida.</p><p>Una vez asignadas las teclas rápidas hay que acceder al menú <strong>Edición / Guardar teclas de acceso rápido</strong> para guardar la combinación de teclas asignada.</p><p> Un detalle a tener en cuenta, si se desea continuar con la manera de asignar teclas rápidas que tiene <strong>BlueFish</strong>, es que para el menú <strong>Etiquetas</strong>, combina las teclas <em>Ctrl Alt más una letra</em>, para el menú <strong>Diálogos</strong>, la combinación es <em>Shift Alt más letra</em> y para <strong>Edición</strong> es <em>Ctrl más una letra</em>. </p><p>En la siguiente imagen se puede observar el menú <em>Etiquetas</em>, el submenú <em>Otras</em> y la etiqueta <em>Div</em>, primero sin tecla rápida asignada, luego con la combinación Ctrl Alt V.</p><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5BwkP4ajFj7k2M0DcYGLtyTN-W4dcCkA2HIr_1XYMe4kQKq3MeGCJ5eGHIlaPiRSM7dDNCuld_3mn9neSQp38BUS20XLYzApJNzlnkUSOecXHF5EFGVQiSgyUIKhzf5RKS_9-ojrEJws/s1600/asignar-tecla.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 88px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5BwkP4ajFj7k2M0DcYGLtyTN-W4dcCkA2HIr_1XYMe4kQKq3MeGCJ5eGHIlaPiRSM7dDNCuld_3mn9neSQp38BUS20XLYzApJNzlnkUSOecXHF5EFGVQiSgyUIKhzf5RKS_9-ojrEJws/s320/asignar-tecla.png" border="0" alt="Asignar teclas rápidas" longdesc="Asignar la combinación de teclas Ctrl Alt V a la opción Div del menú Etiquetas y submenú otras."id="BLOGGER_PHOTO_ID_5595265536767491490" /></a><br /><p>Para <strong>eliminar una combinación de teclas</strong> hay que acceder al menú y a la función elegida (sólo posicionar el mouse, sin hacer clic) y presionar la tecla <code>supr</code>. </p><p>Referencia: <a href="http://bluefish.openoffice.nl/manual/ch08.html#changing-shortcut-keys">Modificando teclas rápidas (en inglés)</a></p>Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com0tag:blogger.com,1999:blog-5940991976505153649.post-19545129590368481002011-03-10T16:34:00.003-03:002011-03-10T16:52:58.889-03:00Linux es Libre, renovamos el diseño y el contenido<p>Hemos actualizado el sitio de <a href="http://linuxeslibre.com.ar/">Linux es Libre</a> estrenando secciones nuevas: <a href="http://linuxeslibre.com.ar/quienes.html">Quienes somos</a> y <a href="http://linuxeslibre.com.ar/migraciones.html">Migraciones</a> donde iremos publicando casos de éxito a nivel empresa y hogareño. </p><p>También hemos reestructurado las barras de navegación y re-organizado los contenidos.</p><p>Espero les guste esta cara renovada de Linux es Libre.</p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/-IUf2NGD9s1g/TXkrCRUOmbI/AAAAAAAAEGk/4QihhjUkfCE/s1600/lel.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 236px;" src="http://3.bp.blogspot.com/-IUf2NGD9s1g/TXkrCRUOmbI/AAAAAAAAEGk/4QihhjUkfCE/s320/lel.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5582540531110418866" /></a>Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com1tag:blogger.com,1999:blog-5940991976505153649.post-47083479293736046712011-03-01T21:39:00.014-03:002011-03-07T00:39:40.018-03:00Edición de HTML y CSS con BlueFish<p>Hace un tiempo que comencé a usar <a href="http://bluefish.openoffice.nl/index.html">BlueFish</a> como editor de html y css. </p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/-AOsFszd5lHc/TXBAY4lzQ8I/AAAAAAAAEFY/iz-p0FrjPr0/s1600/entorno.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 244px;" src="http://1.bp.blogspot.com/-AOsFszd5lHc/TXBAY4lzQ8I/AAAAAAAAEFY/iz-p0FrjPr0/s320/entorno.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5580030734564017090" /></a><br /><p>También probé <a href="http://www.aptana.com/">Aptana</a>, lo descarté porque está en inglés y prefiero usar programas que están en mi idioma. Me dijeron que hay un parche para español pero no lo tengo...</p><p>Por eso le di una oportunidad a <strong>BlueFish</strong> aunque muchos dicen que Aptana es superior. </p><p>Les paso a comentar las características que he probado hasta ahora. Me gustaría conocer las correspondientes a Aptana para comparar ambos editores.</p><h2>Características</h2><ul><li><strong>Autocompletado de etiquetas y atributos html.</strong> <br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/--IfDBSvus7M/TXBKfu82BrI/AAAAAAAAEFs/nnVAmOj9Vds/s1600/autocompletado.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 104px;" src="http://3.bp.blogspot.com/--IfDBSvus7M/TXBKfu82BrI/AAAAAAAAEFs/nnVAmOj9Vds/s320/autocompletado.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5580041847351674546" /></a><br /></li><li><strong>Teclas rápidas para insertar etiquetas.</strong> Me pareció útil y agiliza la escritura.Se pueden personalizar.</li><li><strong>Autocompletado de css.</strong><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdHScFf6mZC1I-8IEla73bMOxJxVJFQbbWG6EMiN7aZtYen5ItIPTPpUtzOq3fEXCkXYxku1WN3WH-ED2VUdvQIjcyYNBZD14LIhUUX2l-RinyG5wMiX77vn-bHccoafEYD4tDTLTlwXE/s1600/autocompletado-css.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 190px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdHScFf6mZC1I-8IEla73bMOxJxVJFQbbWG6EMiN7aZtYen5ItIPTPpUtzOq3fEXCkXYxku1WN3WH-ED2VUdvQIjcyYNBZD14LIhUUX2l-RinyG5wMiX77vn-bHccoafEYD4tDTLTlwXE/s320/autocompletado-css.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5580041566734444850" /></a></li><li><strong>Sangrado automático.</strong> Una vez que indicas la sangría deseada la próxima línea de código se posiciona en la misma sangría de la línea anterior.</li></ul><br /><p>Bueno, hasta aquí una breve reseña de las características de BlueFish. En futuros posteos voy a publicar la utilización de distintas funciones del programa que estoy probando.</p>Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com0tag:blogger.com,1999:blog-5940991976505153649.post-22324063132242600542011-02-07T13:41:00.002-03:002011-02-07T13:46:49.334-03:00Proyecto Yo si uso software libreLeyendo blogs de software libre llegué a <a href="http://yosiuso.tatica.org">yosiuso.tatica.org</a> un proyecto donde se ofrecen botones para difundir la utilización de Software Libre. Son muy lindos! Además quien desea puede colaborar con botones.<br />Ya agregué varios al sitio. :)Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com0tag:blogger.com,1999:blog-5940991976505153649.post-9746749872814851292010-10-11T14:19:00.006-03:002010-10-11T14:33:19.026-03:00Linux es Libre estrena nuevo diseño<p>Al fin después de casi un año de idas y vueltas la comunidad <a href="http://linuxeslibre.com.ar/">Linux es Libre</a> estrena un nuevo diseño.</p><p>Aún no están todas las páginas on-line ni tampoco está completa la barra de navegación pero se irán completando en breve.</p><p>Espero les resulte agradable y navegable el nuevo diseño y organización.<a href="http://linuxeslibre.com.ar/">http://linuxeslibre.com.ar/</a></p><p>Espero comentarios y sugerencias para mejorar el aspecto del sitio.</p>Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com0tag:blogger.com,1999:blog-5940991976505153649.post-48741244322513969622010-08-21T22:45:00.009-03:002010-08-21T23:35:57.153-03:00flor en tonos violáceos<p>En esta ocasión voy a contar el paso a paso de la edición utilizando el programa gimp de una flor del jardín de mi madre que saqué para un trabajo para el curso de fotografía. Así quedó la edición:</p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://lh4.ggpht.com/_kaVi7CpnkS8/TGX_z8PP2KI/AAAAAAAAEAI/KdGTGp-o-e8/s512/elegida.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 372px; height: 512px;" src="http://lh4.ggpht.com/_kaVi7CpnkS8/TGX_z8PP2KI/AAAAAAAAEAI/KdGTGp-o-e8/s512/elegida.jpg" border="0" alt="" /></a><h4>La imagen</h4><p>Utilizando la <span style="font-weight:bold;">herramienta de recorte</span> encuadré la fotografía original.</p><p>Después accedí al menú <span style="font-weight:bold;">Colores > Balance de color</span>. Con el objetivo de disminuir la sombre que recae sobre los pétalos configuré:</p><ul><li>Rango para ajustar: tonos medios.</li><li>Ajustar los niveles de color: magenta-verde: 39</li></ul><p></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_kaVi7CpnkS8/THCFcaxOnoI/AAAAAAAAEA4/mq7UMotHh6U/s1600/dialogobalancedecolor.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 294px;" src="http://2.bp.blogspot.com/_kaVi7CpnkS8/THCFcaxOnoI/AAAAAAAAEA4/mq7UMotHh6U/s320/dialogobalancedecolor.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5508049067542748802" /></a><p>Luego fui al menú <b>Colores->Colorear</b> y para lograr que toda la imagen quede con una tonalidad violácea configuré lo siguiente:</p><ul><li>Tono: 263</li><li>Saturación: 100</li><li>Luminosidad:0</li></ul><h4>El fondo</h4><p>No todo el fondo quedó oscuro. Utilizando la<b> herramienta clonar </b>fui copiando sectores oscuros del fondo a sectores claros para que toda el fondo quede homogéneo. La herramienta clonar es como un pincel que en vez de pintar con un color elegido va copiando el sector de imagen que le indiquemos.</p><h4>El marco</h4><p>Presioné el botón derecho sobre la capa de la imagen y elegí la opción <span style="font-weight:bold;">Añadir canal alfa</span> para permitir transparencias en la imagen.</p><p> Luego agrandé el tamaño del lienzo accediendo al menú <span style="font-weight:bold;">Imagen > Tamaño del lienzo</span>. En la <span style="font-weight:bold;">lista desplegable Redimensionar capas elegí todas las capas</span>. En <span style="font-weight:bold;">tamaño del lienzo</span> aumenté los valores de ancho y alto de manera proporcionada. Por último hice clic en <span style="font-weight:bold;">centrar</span>. Apareció un borde cuadriculado en la imagen, este cuadriculado representa que es un borde transparente.</p><p>Agregué una capa nueva presionando el botón derecho sobre la capa de la imagen y eligiendo <span style="font-weight:bold;">Capa nueva</span>. Arrastré la capa nueva para que quede debajo de la imagen.</p><p>Con la herramienta Recoge color, hice clic en uno de los tonos violáceos claros de la flor. Luego fui a la configuración de la herramienta (solapa opciones de herramienta) recoge-color y elegí la opción <span style="font-weight:bold;">definir el color de fondo</span>. Hice clic en una tonalidad violácea oscura.</p><p>Hice clic en la<b> herramienta de mezcla</b>, en su configuración elegí <b>Frente a fondo </b>para pintar con un color degradado que vaya del color del frente elegido al color de fondo. Luego hice clic en la capa recién creada y arrastré la herramienta mezcla de manera diagonal para crear un relleno que va de la esquina izquierda superior de la imagen con un violeta claro a la esquina inferior derecha con un violeta oscuro.</p><p>Por último, accedí al menú <span style="font-weight:bold;">Filtros > Decorativos > Añadir bordes</span>. En los valores para tamaño de <b>X e Y </b>puse <b>50</b>. Para el <b>color </b>puse un <b>color violeta claro</b> y en <span style="font-weight:bold;">valor delta en el color </span>coloqué <b>50 </b>para que el borde tenga la misma variación de color que el fondo.</p>Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com0tag:blogger.com,1999:blog-5940991976505153649.post-78305374782604411652010-08-04T22:55:00.032-03:002010-08-07T02:26:48.002-03:00flor con fondo desenfocado<p>Hace un mes que comencé un curso de fotografía digital básico. En la clase del miércoles 4 de agosto, el profesor llevó unas flores, creo que se llaman lilium (lirios), para que les tomemos fotografías. Saqué varias fotos y las edité con Gimp. Voy a subir todas las fotos <a href="http://picasaweb.google.com/gabrielaceli/Fotografia">a mi galería en Picasa</a> y/o <a href="http://www.flickr.com/photos/gabrielaceli/">a mi galería en Flickr!</a>. Para algunas, voy a crear un posteo con el paso a paso. Esta es la primera:</p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_kaVi7CpnkS8/TFzd-EBO-LI/AAAAAAAAD-A/p6Z2fu_q9h0/s1600/p1070234desenfoquemovimientobordesdifuminadosdesenfocados2.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 294px; height: 320px;" src="http://1.bp.blogspot.com/_kaVi7CpnkS8/TFzd-EBO-LI/AAAAAAAAD-A/p6Z2fu_q9h0/s320/p1070234desenfoquemovimientobordesdifuminadosdesenfocados2.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5502516903040448690" /></a><h4>La flor</h4><ol><li>La recorté utilizando la <span style="font-weight:bold;">herramienta de Recorte</span>, que me permitió realizar un mejor encuadre de la imagen enfocándome en la flor y dejando de lado el resto.</li><li>Para dar más realce a los colores originales de la imagen, accedí al menú <span style="font-weight:bold;">Colores</span> y luego a <span style="font-weight:bold;">Tono y saturació</span>n. Moví el deslizador de saturación al valor 35.</li><li>Luego seleccióné la flor para despegarla del fondo. Para ello utilicé la herramienta <span style="font-weight:bold;">selección del primer plano</span>. Esta herramienta permite en pocos pasos tener la selección de un primer plano de la imagen, en este caso: la flor.</li><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_kaVi7CpnkS8/TFzfbshoF4I/AAAAAAAAD-M/Vrz7GXMrcQs/s1600/herramientaprimerplano.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 210px; height: 206px;" src="http://1.bp.blogspot.com/_kaVi7CpnkS8/TFzfbshoF4I/AAAAAAAAD-M/Vrz7GXMrcQs/s320/herramientaprimerplano.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5502518511641565058" /></a><ul><li>Primero, hice una selección rodeando la flor.</li><li>Luego pinté dentro de la flor.</li><li> Por último, presioné la tecla enter y apareció la selección.</li><li>La selección casi nunca es perfecta. Para quitar o agregar zonas a la selección, utilizo la <span style="font-weight:bold;">herramienta de selección libre</span> (con forma de lazo) y la configuro <span style="font-weight:bold;">Añadir de la selección actual</span> o <span style="font-weight:bold;">Extraer de la selección actual</span>. Para más detalles sobre la selección de primer plano ver <a href="http://softwarelibreenmivida.blogspot.com/2009/05/ha903-gimp-mapa-de-bits-actividad-2.html">un trabajo que hice en el año 2009</a></li></ul><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbHWVsrC_PZloW7y9cIjBL8h5jsBwStW2o34c-149nxeuRZ-pnhe1qsiJpjTkW8TiNA_nX49C5rnJLA59XDH4n5COfEt2i0djWJr78AvGKd_c-0GItmxkXbYWAf7hwmXqvf_6kLDTDxgo/s1600/florseleccionadaconprimerplano.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 289px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbHWVsrC_PZloW7y9cIjBL8h5jsBwStW2o34c-149nxeuRZ-pnhe1qsiJpjTkW8TiNA_nX49C5rnJLA59XDH4n5COfEt2i0djWJr78AvGKd_c-0GItmxkXbYWAf7hwmXqvf_6kLDTDxgo/s320/florseleccionadaconprimerplano.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5502518918010783186" /></a></li>
<br /><li>Una vez seleccionada, <span style="font-weight:bold;">corté</span> y luego <span style="font-weight:bold;">pegué</span>. Luego de pegar hice clic en <span style="font-weight:bold;">Nueva capa</span> para que la flor tenga una capa separada del fondo. </li> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuizfZywweK_KokVtb9DXo_GaRsHrp7I85i4y_QwEWlGJw9T5Eo1FLOKlU2sSrnAY3YVQ_wMzbizUODCp_jgSApG3OgUA0WdWy26E0tVmxTudLOp2hq_suvkgGFO4GjBiSGGK7JpbTzk8/s1600/nuevacapa.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 250px; height: 308px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuizfZywweK_KokVtb9DXo_GaRsHrp7I85i4y_QwEWlGJw9T5Eo1FLOKlU2sSrnAY3YVQ_wMzbizUODCp_jgSApG3OgUA0WdWy26E0tVmxTudLOp2hq_suvkgGFO4GjBiSGGK7JpbTzk8/s320/nuevacapa.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5502519159209137842" /></a><h4>El fondo</h4><p>Luego hice clic con el mouse en la capa del fondo. Accedí al menú <span style="font-weight:bold;">Filtro > Desenfoque > Desenfoque de movimiento</span>. Seleccioné: <ul><li> Tipo de desenfoque: lineal.</li><li>Longitud: 199</li><li>Angulo: 215</li> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQlBMqQFpVq1OcL6yo1rIn4pvyzUVVIjgUulf1tyZUXnMh5pajXRbj0flcqH86qvKdxlN9X2MubCTWLlRI4GVX0bWv6H71rFC2jjl1msJGatdwZk38RKrIBRzIPZ-Tg_MalAX4mUiqhjU/s1600/desenfoque.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 204px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQlBMqQFpVq1OcL6yo1rIn4pvyzUVVIjgUulf1tyZUXnMh5pajXRbj0flcqH86qvKdxlN9X2MubCTWLlRI4GVX0bWv6H71rFC2jjl1msJGatdwZk38RKrIBRzIPZ-Tg_MalAX4mUiqhjU/s320/desenfoque.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5502519912004279154" /></a></ul><h4>El marco</h4><ol><li>Accedí al menú I<span style="font-weight:bold;">magen > Tamaño del lienzo</span>. En <span style="font-weight:bold;">Capas</span>: elegí todas las capas. Luego modifiqué los valores para el ancho y el alto de tal manera de obtener un tamaño que me agradó para dejar un marco a la imagen. </li><li>Creé una <span style="font-weight:bold;">nueva capa</span> con el color de frente. La moví para que quede debajo de la capa del fondo. La rellené con un color de la flor que luego oscurecí. Hasta aquí logré un marco plano de color.</li><li>Accedí al menú <span style="font-weight:bold;">Filtros > Decorador > Difuminar bordes</span>. Configuré: <span style="font-weight:bold;">tamaño</span>: 16 y <span style="font-weight:bold;">granulado</span>: 4. Para el color del borde, tomé uno de los colores de la flor.</li><li>Pinté de color negro la capa creada en el punto 2. El color dado anteriormente lo utilicé para que el borde difuminado tome ese color.</li><li>Teniendo seleccionada la capa del borde difuminado, accedí al men<span style="font-weight:bold;"> Filtros > Desenfoque > Desenfoque de movimiento</span>. <span style="font-weight:bold;">Tipo de desenfoque</span>: Lineal. <span style="font-weight:bold;">Longitud</span>: 120. <span style="font-weight:bold;">Ángulo</span>: 153. Esto hizo que el borde quede como corrido, con movimiento y produjo que se vean sólo los laterales izquierdo y abajo del borde. Entonces dupliqué esta capa y utilizando la <span style="font-weight:bold;">herramienta de volteo</span> hice que la capa duplicada ocupe el lateral derecho y arriba, completando el marco.</li></li></ol>
<br />
<br />Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com2tag:blogger.com,1999:blog-5940991976505153649.post-45010099461413193632010-06-04T00:10:00.005-03:002010-06-04T00:40:18.879-03:00Animaciones con Synfig<p>Desde que conocí el software libre comencé a buscar programas multiplataforma para crear animaciones al estilo de Macromedia Flash y no encontraba, sólo había para sistemas GNU/Linux.</p><p>Este año conocí <a href="http://synfig.org/">Synfig</a> que es un programa para crear animaciones exclusivamente, no incluye interactividad por parte del usuario. Está disponible para Windows, GNU/Linux y Mac OS. Tiene mucha documentación en inglés: manuales, tutoriales en formato wiki y en video. La <a href="http://synfig.org/wiki/Main_Page/es">documentación en español</a> está en proceso de desarrollo pero como está en una wiki podemos colaborar fácilmente.</p><p>Comencé a probar el programa y me resultó bastante fácil de usar pero no he profundizado aún.</p><p>Este es un video donde podemos ver la animación de un ojo usando Synfig.</p><br /><object width="400" height="305"><param name="movie" value="http://www.youtube.com/v/nAYdf-CJwPo&hl=es_ES&fs=1&rel=0&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/nAYdf-CJwPo&hl=es_ES&fs=1&rel=0&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="400" height="305"></embed></object><br /><p>También hay videotutoriales, este es la primera parte de una serie de 4 videos que explican como crear la animación de una planta que florece.</p><br /><object width="400" height="305"><param name="movie" value="http://www.youtube.com/v/U1EjObyN1pc&hl=es_ES&fs=1&rel=0&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/U1EjObyN1pc&hl=es_ES&fs=1&rel=0&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="400" height="305"></embed></object>Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com1tag:blogger.com,1999:blog-5940991976505153649.post-30481406644364111022010-05-08T00:59:00.003-03:002010-05-08T01:12:15.095-03:00Texto en relieveSiguiendo las <a href="http://disenholibre.blogspot.com/2010/05/actividades-de-atravesamiento-como.html">indicaciones de Ana Díaz en su blog Diseño Libre</a> realicé el siguiente texto en relieve con el programa Inkscape.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc3zRwFVe3ftdjrTuBVvgXhpNSMcC32xZV3KBocDv8u994qYsXbDmmy9qsppSOjgqyd98U6O1114H_V_DlNKSBT0gfZecS6XnUGUMdWaMTY2WLjyhOo8c77qhUSDtZd_tujv3jDtYPprY/s1600/texto-relieve.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 72px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc3zRwFVe3ftdjrTuBVvgXhpNSMcC32xZV3KBocDv8u994qYsXbDmmy9qsppSOjgqyd98U6O1114H_V_DlNKSBT0gfZecS6XnUGUMdWaMTY2WLjyhOo8c77qhUSDtZd_tujv3jDtYPprY/s320/texto-relieve.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5468746446774011042" /></a>Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com0tag:blogger.com,1999:blog-5940991976505153649.post-17163318806079619592010-05-03T23:58:00.007-03:002010-05-04T00:39:11.550-03:00Texto con reflejoEn marzo comenzó <a href="http://baidarkas.net/vle193/course/view.php?id=6">el taller de imagen digital TIDSL103</a> de <a href="http://baidarkas.net">baidarkas</a>. Lo voy siguiendo desde afuera, miro que hacen, a veces ayudo pero muy poco.... también he realizado "a medias" algunas propuestas como la de generar una composición op-art...<br />Hace bastante tiempo que quiero cambiar el banner de mi blog... Hace días mirando los procesos y resultados de mis compañeros y estoy probando con el tratamiento del texto: sombra, reflejo, rellenos... ... Hasta que una combinación de colores me dio más o menos la sensación de reflejo y lo coloqué en un fondo para hacer otro banner, no muy elaborado ni pensado (en cuanto a su significado: que transmite, que quiero transmitir...) pero me gustó y ahí lo puse sin pensar demasiado porque sino lo seguiría modificando.<br /><h5>Procedimiento</h5><br />Escribí la frase y elegí una tipografía sencilla sin serif. <br />Le apliqué relleno <b>Gradiente Lineal</b>. Le agregué una parada para tener tres tonalidades. Con la <b>herramienta Nodos</b>, moví el tirador rectangular y lo ubiqué en la parte superior de la letra e de la palabra libre, el nodo circular lo ubiqué en línea recta en la parate inferior de la letra e. Hice clic en cada tirador de control o nodo del relleno e hice clic en un color. Moví el relleno desde el tirador circular que está en uno de los extremos para que quede en posición horizontal lo más simétrica posible. Moví el nodo central del relleno para desplazar el relleno interno (negro) y ubicarlo donde más me gustó.<br />Dupliqué el texto, lo <b>reflejé verticalmente</b> utilizando el botón para tal efecto ubicado en la barra superior. Moví el texto duplicado y lo ubiqué de tal manera que coincida con el texto original. Volví a hacer clic sobre el texto para que aparezcan los nodos para <b>Inclinar</b> el texto. Desde el nodo del centro incliné levemente el texto y reduje el alto, con la intención de dar la sensación de reflejarse. <br />Dejé los mismos colores para el reflejo y le apliqué una opacidad del 36%. Luego para el relleno de la parte superior elegí el color de la imagen de fondo (un celeste) utilizando la herramienta con forma de gotero.<br />La imagen de fondo es una <a href="http://softwarelibreenmivida.blogspot.com/2009/04/ha903-inkscape-imagen-vector-actividad.html">foto vectorizada con Potrace, creada el año 2009 para crear un banner para este blog en el curso HA903</a>. Modifiqué los colores de la imagen original, aclarándolos y borré varios objetos para dejar solamente las formas blancas y grises y el fondo (celeste). <br />Agrupé y ubiqué del centro para abajo y lo centré verticalemnte utilizando el botón <b>Centrar el eje vertical</b> del <b>Panel Alinear y distribuir</b>.<br /><img src="http://3.bp.blogspot.com/_kaVi7CpnkS8/S9-NBOAp5WI/AAAAAAAAD6Y/Ft4MNylo0PU/S1600-R/banner10.png alt="banner creado utilizando el programa inkscape" width=364px height=92px>Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com1tag:blogger.com,1999:blog-5940991976505153649.post-66537175382719651402010-02-23T14:27:00.008-03:002010-02-23T14:46:56.068-03:00Aljaba en mosaicos<p>Suelo visitar una <a href="http://inkscape.ning.com">red de Ning sobre Inkscape</a> y mirando trabajos llegué a un <a href="http://docs.google.com/Doc?id=dhs3vfzq_1299gmxpc3d5">tutorial</a> de <a href="http://joaclintistgud.wordpress.com/ego/">Joaclint</a> donde te explica paso a paso la creación de un mosaico para luego aplicar el efecto clip.</p><p>En vez de utilizar cuadrados para el mosaico como lo explica en el tutorial, utilicé rectángulos que me pareció la mejor opción después de probar distintas formas.</p><p>Subí la <a href="http://commons.wikimedia.org/wiki/File:Aljaba-roja.jpg">imagen original</a> a <a href="http://commons.wikimedia.org">Wikimedia Commons</a>.</p><a href="http://www.flickr.com/photos/gabrielaceli/4381879157/" title="Aljaba roja por gabrielaceli, en Flickr"><img src="http://farm5.static.flickr.com/4047/4381879157_48bf8a4633_o.png" width="400" height="298" alt="Aljaba roja" /></a>Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com0tag:blogger.com,1999:blog-5940991976505153649.post-43016326762930381582010-02-08T23:55:00.004-03:002010-02-09T23:49:18.309-03:00Lirio del TigreUna de las tantas fotos que he sacado a las flores del jardín de mi madre. La edité con <b>Gimp 2.4.7</b> y la subí a <a href="http://www.flickr.com/photos/gabrielaceli">Flickr</a>.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm5.static.flickr.com/4027/4340584241_75ca3a1b3f.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 229px;" src="http://farm5.static.flickr.com/4027/4340584241_75ca3a1b3f.jpg" alt="" border="0" /></a><br /><br />La <a href:"http://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/Liriodeltigre.jpg/800px-Liriodeltigre.jpg">imagen original</a> la subí a Wikimedia Commons.<br /><ol><br /><li>Intensifiqué los colores, accediendo al menú <b>Colores > Tono y Saturación</b>. Moví el deslizador de <b>Saturación</b> a 22.</li><br /><li>Redondeé las esquinas de la imagen. Primero puse como color de fondo el color de la flor, utilizando la <b>herramienta recoge color</b> que tiene forma de pipeta y en sus propiedades elegí <b>Definir el color de fondo</b>. Luego accedí al menú <b>Filtros > Decorador > Esquinas Redondeadas</b>. En radio puse 15, quité el tilde de <b>Trabajar en copia</b>. </li><br /><li>Dupliqué la capa de la flor, presioné el bótón derecho sobre la capa y elegí la opción <b>Duplicar la capa</b>. A la copia que quedó arriba, la convertí en grises accediendo al menú <b>Colores > Desaturar</b>.</li><br /><li>Apliqué una <b>máscara de capa a la capa de la imagen desaturada</b>.Presioné el botón derecho sobre la capa e hice clic en la opción <b>Añadir máscara de capa</b>. Luego con el pincel pinté la flor en color negro para permitir que se vez la capa donde está la flor a color. Pinté en blanco cuando deseaba que vuelva a estar en color grises la zona pintada. Una vez que la imagen quedó como deseaba, apliqué la máscara, presioné el botón derecho sobre la capa y elegí la opción <b>Aplicar máscara de capa</b>.</li><br /><li>Utilizando la <b>herramienta Texto</b>, escribí mi nombre y mi apellido. Elegí una tipografía sencilla, elegí un tamaño adecuado y le di color blanco para poder aplicar <b>mapa de relieve</b>. Moví la capa de este texto para que quede debajo de la flor con fondo gris.</li><br /><li>Hice clic en la primer capa y accedí al menú <b>Filtros > Mapa > Mapa de relieve</b>. Aparece un cuadro de diálogo:<br /><ol><br /><li>En la lista <b>Mapa de relieve</b>: elegí el texto.</li><br /><li>Tildé la opción <b>Compensar para oscurecer</b>.</li><br /><li><b>Profundidad</b>: 4</li><br /><li><b>Desplazamiento X</b> y <b>Desplazamiento Y</b>: modifiqué los valores hasta ubicar el texto donde deseaba. Utilicé la vista previa para ir viendo como quedaba</li><br /><li><b>Nivel del mar</b>: 173 para que quede lo más tenue posible y a la vez visible.</li><br /></ol></li><br /><li>La exporté con el formato jpg (<b>Archivo / Guardar como...</b>).</li><br /></ol>Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com0tag:blogger.com,1999:blog-5940991976505153649.post-15941012746756603532009-10-29T17:37:00.012-03:002009-10-29T18:43:53.714-03:00Re-diseño del sitio Linux es Libre v4<p>Teniendo en cuenta todas las sugerencias que he recibido, decidí probar con otro diseño para Linux es Libre, tanto para el logo como para la pagina principal.<br>Para crear este nuevo diseño me basé en esta plantilla: <a href="http://www.freecsstemplates.org/preview/morningdew">http://www.freecsstemplates.org/preview/morningdew</a><h3>Modificaciones</h3><ol><li><span style="font-weight:bold;">Enlaces</span>: dividí los enlaces en dos grupos, los más generales en un <span style="font-style:italic;">menú superior</span> y los más específicos en un <span style="font-style:italic;">menú ubicado debajo del encabezado</span>.<br>El menú general es más alto que el otro menú. También el tamaño de la tipografía es un poco mayor. <br> Cada elemento del menú está separado del otro por una barra vertical</li><li><span style="font-weight:bold;">Encabezado</span>: está formado por el <span style="font-style:italic;">logo</span>, un listado de qué ofrece el sitio Linux es Libre y por un <span style="font-style:italic;">formulario de búsqueda</span>, al cual le quité la opción de elegir entre buscar en la web o el sitio, quedó para buscar dentro del sitio solamente. </li><li><span style="font-weight:bold;">Logo</span>: le dí mayor preponderancia al nombre <span style="font-style:italic;">Linux es Libre</span>, utilicé una tipografía sencilla y clara. Coloqué un tux estandar (que tendríamos que modificarlo para que esté relacionado con Linux es Libre). Incluí el slogan del sitio en una tipografía informal. </li><li><span style="font-weight:bold;">Contenido</span>: ahora está ubicado a la izquierda, sin utilizar recuadros como en el otro diseño</li><li><span style="font-weight:bold;">Enlaces externos, otros formularios</span>: ubicados en el lateral derecho.</li><li><span style="font-weight:bold;">Colores</span>: los colores principales de la <span style="font-style:italic;">página</span> son: celeste, blanco y gris casi blanco. La intención es transmitir la sensación de libertad, tranquilidad. Los colores preponderantes en el <span style="font-style:italic;">logo</span> son: azul y anaranjado, el azul está relacionado con lo técnico [1] y el naranja con la calidez y la alegría.[2]</li></ol><p>Los invito a <a href="http://www.linuxeslibre.com.ar/diseno/v2/index2.html">ver el nuevo diseño</a></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_kaVi7CpnkS8/SuoLmDNUBFI/AAAAAAAAC3M/F9nSdgnhN5Y/s1600-h/re-disenio-3.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 289px; height: 400px;" src="http://1.bp.blogspot.com/_kaVi7CpnkS8/SuoLmDNUBFI/AAAAAAAAC3M/F9nSdgnhN5Y/s400/re-disenio-3.png" border="0" alt="Nuevo diseño de la página Linux es Libre"id="BLOGGER_PHOTO_ID_5398139851681039442" /></a><br><p>[1] <a href="http://www.mariaclaudiacortes.com/colors/Colors.html">http://www.mariaclaudiacortes.com/colors/Colors.html</a><br><br />[2] <a href="http://www.webtaller.com/maletin/articulos/significado_de_los_colores.php?bol0108-1">http://www.webtaller.com/maletin/articulos/significado_de_los_colores.php?bol0108-1</a></p>Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com1tag:blogger.com,1999:blog-5940991976505153649.post-29777874449957064532009-10-21T14:41:00.004-03:002009-10-21T14:52:29.322-03:00Re-diseño del sitio Linux es Libre v3<p>De acuerdo a otras sugerencias del <a href="http://groups.google.com/group/linuxeslibre">grupo Linux es Libre</a>, realicé las modificaciones correspondientes:</p><ol><li><span style="font-weight:bold;">Falta de legibilidad del texto en los enlaces de los titulares</span>: me sugirieron cambiar la tipografía elegida, entonces me di cuenta que no había elegido ninguna tipografía y que mostraba la que está por defecto. Para todo el cuerpo de la página elegí la familia <span style="font-weight:bold;">Arial, Helvetica, sans-serif</span> que es la que tiene el sitio actualmente...</li><li><span style="font-weight:bold;">Falta de un enlace al foro</span>: agregué el enlace debajo de la suscripción al grupo como está actualmente en el sitio <a href="http://www.linuxeslibre.com.ar/">http://www.linuxeslibre.com.ar/</a>.</li></ol><br /><a href="http://www.linuxeslibre.com.ar/diseno/version3index/portada-original-1.html">Así está quedando la página principal del sitio Linux es Libre</a><p>Espero comentarios, sugerencias...</p>Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com0tag:blogger.com,1999:blog-5940991976505153649.post-16768867778526822272009-10-21T00:45:00.002-03:002009-10-21T00:50:47.640-03:00Re-diseño del sitio Linux es Libre v2De acuerdo a algunas sugerencias cambié los colores del sitio, modifiqué el aspecto de los enlaces y re-ubiqué algunos sectores (cajas).<br /><a href="http://www.linuxeslibre.com.ar/diseno/version3index/portada-original.html">Este es el nuevo diseño (sólo probado en Firefox)</a>Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com0tag:blogger.com,1999:blog-5940991976505153649.post-34912647293084938392009-10-19T17:34:00.019-03:002009-10-20T14:41:09.794-03:00Re-diseño del sitio Linux es Libre<p>Estoy colaborando en el re-diseño del sitio <a href="http://www.linuxeslibre.com.ar/">Linux es Libre</a>.<br /><a href="http://softwarelibreenmivida.blogspot.com/2009/07/ha903-diseno-de-una-web-version-2.html">En posteos anteriores</a> mostré los bocetos realizados en <span style="font-weight:bold;">Inkscape</span> y <span style="font-weight:bold;">Gimp</span>. En estos días me puse a crear la página principal en html y css, utilizando al principio <a href="http://kompozer.net/">Kompozer</a> y luego cssed (un editor css que encontre en el gestor de paquetes Synaptic).</p><h3>Modificaciones</h3><p>Al comenzar a dar forma a la página surgieron modificaciones:<br />-<span style="font-weight:bold;"> Diseño a dos columnas</span>: con las publicidades ubicadas en una fila debajo de la barra de navegación principal. <br />- <span style="font-weight:bold;">Formulario de búsqueda</span>: incluí las opciones de buscar en la web o en el sitio.<br />- <span style="font-weight:bold;">Colores</span>:<ul><li><span style="font-weight:bold;">fondo pagina</span>: gris muy claro</li><br /><li><span style="font-weight:bold;">fondo contenid</span>o: gris claro</li><br /><li><span style="font-weight:bold;">fondo de los recuadros</span>: blanco</li><br /><li><span style="font-weight:bold;">encabezados de recuadros, encabezado principal y pie: rosa oscuro</span></li><br /><li><span style="font-weight:bold;">fondo de barra de navegacion</span>: rosa oscuro grisaceo</li><br /><li><span style="font-weight:bold;">Enlace</span>: rosa oscuro negrita</li><br /><li><span style="font-weight:bold;">Enlace visitado</span>: rosa oscuro sin negrita</li><br /><li><span style="font-weight:bold;">Enlace sobre el que se pasa el mouse</span>: rosa oscuro tamaño mediano negrita</li></ul></p><h3>Maquetando</h3><p>Al nuevo diseño también lo hice en Inkscape ya que me resulta más cómodo ubicar cada elemento. Luego, en html, creé su correspondiente <a href="http://www.htmlquick.com/es/reference/tags/div.html">div</a> y le incluye el formato en una pagina css a través de <a href="http://www.htmlquick.com/es/reference/tags/div.html#tagattributes">id</a> y/o <a href="http://www.htmlquick.com/es/reference/tags/div.html#tagattributes">class</a>. Ahora para pruebas rápidas, <a href="http://www.htmlquick.com/es/reference/tags/style.html">incorporo el css dentro del html</a> directamente.<br />Para las <a href="http://www.aeromental.com/2006/09/06/esquinas-redondeadas-en-css3-y-mozilla/">esquinas redondeadas</a> utilicé las siguientes propiedades, no visibles en IE:<ul><li>-moz-border-radius-topleft: 15px;</li><br /><li>-moz-border-radius-topright: 15px;</li><br /><li>-moz-border-radius-bottomright: 15px;</li><br /><li>-moz-border-radius-bottomleft: 15px;</li></ul><br />Así está quedando la <a href="http://www.linuxeslibre.com.ar/diseno/version3index/portada-1.html">página principal en html y css.</a><br />Así se ve en Firefox, no la he probado en otros navegadores:</p><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.linuxeslibre.com.ar/diseno/version3index/version-3.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 300px; height: 219px;" src="http://www.linuxeslibre.com.ar/diseno/version3index/version-3.png" border="0" alt="" /></a><h3>Estándares y accesibilidad</h3><p>Si bien ya elegí los colores me interesarían que cumplan las pautas de accesiblidad ofreciendo un buen contraste, pero no sé si lo logro. Todavía no queda bien la página al no tener la hoja de estilos, algunos objetos quedan en cualquier lugar y no se distinguen los tilulos principales, quizas deba utilizar los hx porque utilice estilos de titulos propios.<br />Algunos enlaces sobre accesibilidad que estoy teniendo en cuenta:<br /> - <a href="http://www.pangea.org/dim/accesibilidad/index.htm">Pautas de accesibilidad - Grupo DIM</a><br /> - <a href="http://www.discapnet.es/web_accesible/index.html">Documentos para el diseño accesible de contenidos en la Web</a><br /> - <a href="http://irisfernandez.com.ar/betaweblog/?p=6">Cómo saber si tu sitio es accesible</a><br />Por otro lado también estoy intentando respetar los <a href="http://www.maestrosdelweb.com/editorial/estandaresweb/">estándares web de la W3C</a>, dando el formato en un archivo css externo, entre otros.</p><br /><p>P.D.: modifiqué la css e inclui hx para que mejore el aspecto de la pagina si no se visualiza la hoja de estilos.</p>Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com2tag:blogger.com,1999:blog-5940991976505153649.post-22859842643844046672009-10-03T19:41:00.008-03:002009-10-05T22:22:50.462-03:00HA903 Creando un banner entre todos FinConcluimos la última tarea del <a href="http://baidarkas.net/vle193/course/view.php?id=4">curso HA903</a>, la cual consistía en crear, entre todos los participantes, un banner y un afiche para dos actividades que se desarrollarán en el marco del <a href="http://edusol.info/e2009/">EDUSOL 2009</a>.<br /><a href="http://edusol.info/es/e2009/convocatorias/instalarnoessuficiente">- Porque instalar no es suficiente, curso básico de GNU/Linux para personas no técnicas</a><br /><a href="http://edusol.info/es/e2009/convocatorias/dialternativo">- Día de la educación y cultura libre, charlas presenciales previas al EDUSOL.</a><br />Después de varios intercambios y participación de algunos compañeros terminamos las dos propuestas:<br /><h4>Porque instalar no es suficiente</h4><h5>Banner</h5><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://lh5.ggpht.com/_kaVi7CpnkS8/SsFv0C3L-ZI/AAAAAAAACvY/hnJBSz89Njo/s912/HA903-banner-porque-instalar-no-es-suficiente.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 124px;" src="http://lh5.ggpht.com/_kaVi7CpnkS8/SsFv0C3L-ZI/AAAAAAAACvY/hnJBSz89Njo/s912/HA903-banner-porque-instalar-no-es-suficiente.jpg" border="0" alt="Banner encuentro Edusol 2009 Porque instalar no es suficiente: curso basico de GNU/Linux" /></a><h5>Afiche</h5><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://lh3.ggpht.com/_kaVi7CpnkS8/SsFvtss3IRI/AAAAAAAACvU/YQHw6whUhMU/s576/HA903-afiche-porque-instalar-no-es-suficiente.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 309px; height: 400px;" src="http://lh3.ggpht.com/_kaVi7CpnkS8/SsFvtss3IRI/AAAAAAAACvU/YQHw6whUhMU/s576/HA903-afiche-porque-instalar-no-es-suficiente.jpg" border="0" alt="Afiche encuentro Edusol 2009 Porque instalar no es suficiente: curso basico de GNU/Linux" /></a><h4>Día de la educación y cultura libre</h4><h5>Banner</h5><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_kaVi7CpnkS8/SsqY-HdZDkI/AAAAAAAACws/ouYFFpprlVc/s1600-h/pinguibannerfinalLO3.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 52px;" src="http://2.bp.blogspot.com/_kaVi7CpnkS8/SsqY-HdZDkI/AAAAAAAACws/ouYFFpprlVc/s400/pinguibannerfinalLO3.png" border="0" alt="Banner encuentro Edusol 2009 Dia de la educacion y la cultura libre: Charlas presenciales previas al Edusol"id="BLOGGER_PHOTO_ID_5389288097023856194" /></a><h5>Afiche</h5><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_kaVi7CpnkS8/SsqaSzHHSqI/AAAAAAAACw0/CwWW1vZHBtI/s1600-h/pinguiafichefinal2LO.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 283px; height: 400px;" src="http://3.bp.blogspot.com/_kaVi7CpnkS8/SsqaSzHHSqI/AAAAAAAACw0/CwWW1vZHBtI/s400/pinguiafichefinal2LO.png" border="0" alt="<br />Afiche encuentro Edusol 2009 Dia de la educacion y la cultura libre: Charlas presenciales previas al Edusol"id="BLOGGER_PHOTO_ID_5389289551850588834" /></a>Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com0tag:blogger.com,1999:blog-5940991976505153649.post-9129443171222529632009-08-31T19:17:00.012-03:002009-08-31T20:11:08.698-03:00HA903 Creando un banner entre todosUna nueva tarea del <a href="http://baidarkas.net/vle193/course/view.php?id=4">curso HA903</a>, nos propone crear, entre todos los participantes, un banner y un afiche para dos actividades que se desarrollarán en el marco del <a href="http://edusol.info/e2009/">EDUSOL 2009</a>:<br />- <a href="http://edusol.info/es/e2009/convocatorias/instalarnoessuficiente">Porque instalar no es suficiente, curso básico de GNU/Linux para personas no técnicas</a><br />- <a href="http://edusol.info/es/e2009/convocatorias/dialternativo">Día de la educación y cultura libre, charlas presenciales previas al EDUSOL.</a><br /><br />Arme algunas propuestas de banner a partir de los aportes de Amanda y Marcela.<br />Tomé el banner de Marcela que está hecho en Inkscape y comencé a darle cuerpo a las tipografias, desde mis humildes conocimientos sobre el tema.<br />También reelabore los <span style="font-weight:bold;">textos</span> teniendo en cuenta el banner de Amanda y tomé la frase que ella incluyo en su banner.<br />Quite la <span style="font-weight:bold;">direccion web</span> del curso porque, creo que está de mas ya que al hacer clic en el banner se supone que apuntara a la direccion del curso.<br />En cuanto a los <span style="font-weight:bold;">colores</span>:<br />- Dejé la tipografía en negro, no se qué color podrá quedar bien...<br />- Dejé el color de fondo elegido por Marcela porque tampoco sé que color puede ser...<br />- Para el color de "Edusol 2009" tome el color del logo de Edusol.<br />- Para el color de las siluetas elegí tonalidades de grises, pero considero que se debería elegir otro color ya que las siluetas hacen referencias a las personas no técnicas posibles participantes y creo que el gris no queda bien, no sé...<br /><br />Hice varias versiones:<br />- sólo con texto y el logo de edusol<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_kaVi7CpnkS8/SpxTs9EywdI/AAAAAAAACTs/CuU6y6PcNME/s1600-h/banner-11.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 98px;" src="http://4.bp.blogspot.com/_kaVi7CpnkS8/SpxTs9EywdI/AAAAAAAACTs/CuU6y6PcNME/s320/banner-11.png" border="0" alt="Banner para el curso básico de GNU/Linux, Porque instalar no es suficiente, dirigido a personas no técnicas."id="BLOGGER_PHOTO_ID_5376264086947545554" /></a><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_kaVi7CpnkS8/SpxU36l-xAI/AAAAAAAACT0/izIgk3d-_3Q/s1600-h/banner-solo-texto-2.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 91px;" src="http://4.bp.blogspot.com/_kaVi7CpnkS8/SpxU36l-xAI/AAAAAAAACT0/izIgk3d-_3Q/s320/banner-solo-texto-2.png" border="0" alt="Banner para el curso básico de GNU/Linux, Porque instalar no es suficiente, dirigido a personas no técnicas."id="BLOGGER_PHOTO_ID_5376265374771627010" /></a><br />- con los personajes creados por Marcela pero en silueta:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_kaVi7CpnkS8/SpxVxoG3WQI/AAAAAAAACT8/mH_eF8PuOug/s1600-h/banner-con-siluetas-1.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 98px;" src="http://4.bp.blogspot.com/_kaVi7CpnkS8/SpxVxoG3WQI/AAAAAAAACT8/mH_eF8PuOug/s320/banner-con-siluetas-1.png" border="0" alt="Banner para el curso básico de GNU/Linux, Porque instalar no es suficiente, dirigido a personas no técnicas."id="BLOGGER_PHOTO_ID_5376266366241691906" /></a><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_kaVi7CpnkS8/SpxWPxuvKXI/AAAAAAAACUM/KXt_9slV4IA/s1600-h/banner-con-siluetas-3.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 98px;" src="http://1.bp.blogspot.com/_kaVi7CpnkS8/SpxWPxuvKXI/AAAAAAAACUM/KXt_9slV4IA/s320/banner-con-siluetas-3.png" border="0" alt="Banner para el curso básico de GNU/Linux, Porque instalar no es suficiente, dirigido a personas no técnicas."id="BLOGGER_PHOTO_ID_5376266602881840850" /></a><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_kaVi7CpnkS8/SpxV_ZqRdtI/AAAAAAAACUE/uJuZSRZscR0/s1600-h/banner-con-siluetas-2.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 97px;" src="http://1.bp.blogspot.com/_kaVi7CpnkS8/SpxV_ZqRdtI/AAAAAAAACUE/uJuZSRZscR0/s320/banner-con-siluetas-2.png" border="0" alt="Banner para el curso básico de GNU/Linux, Porque instalar no es suficiente, dirigido a personas no técnicas."id="BLOGGER_PHOTO_ID_5376266602881840850" /></a><br /><br />Espero haber realizado algún aporte en la creación del banner, aunque sea, nuevas ideas para continuar trabajando entre todos...Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com1tag:blogger.com,1999:blog-5940991976505153649.post-84329421177777933212009-08-23T21:11:00.004-03:002015-06-14T01:47:29.663-03:00Guías de introducción a Gimp y a InkscapePara colaborar con los <a href="http://linuxcursosgratis.org/cursos/">cursos gratuitos de Linux es Libre</a>, armé dos apuntes básicos para comenzar a utilizar <a href="http://www.gimp.org.es/">Gimp</a> e <a href="http://www.inkscape.org/">Inkscape</a>, los cuales incluyen funciones básicas y enlaces para profundizar cada tema (tutoriales, lista, manuales, curso HA903, entre otros). Está orientado para quien tiene muy pocos conocimientos previos sobre cada programa. Están en tres formatos para su descarga: odt, pdf y html comprimido en un archivo tar.gz. Espero opiniones y sugerencias.<br />
<a href="http://www.slideshare.net/gceli/guia-gimp">Iniciándonos en la edición de imágenes con Gimp</a>:<br />
<ul>
<li>La instalación de Gimp.</li>
<li>Un recorrido por el entorno de trabajo y cada herramienta.</li>
<li>Caja de herramientas</li>
<li>Capas</li>
<li>Abrir una imagen</li>
<li>Guardar una imagen</li>
<li>Ver propiedades de una imagen</li>
<li>Modificar el tamaño (ancho y alto)</li>
<li>Modificar la resolución</li>
<li>Modificar el peso</li>
<li>Aclarar/oscurecer una imagen</li>
<li>Aplicar algunos filtros</li>
<li>Enlaces para seguir aprendiendo más</li>
</ul>
<a href="http://www.slideshare.net/gceli/inicindonos-en-la-edicin-de-grficos-vectoriales-con-inkscape">Iniciándonos en la edición de gráficos vectoriales con Inkscape</a><br />
<ul>
<li>La instalación de Inkscape.</li>
<li>Recorrido por el entorno de trabajo</li>
<li>Crear un documento.</li>
<li>Abrir un documento.</li>
<li>Guardar un documento.</li>
<li>Exportar a mapa de bits.</li>
<li>Manejo básico de objetos.</li>
<li>Crear una tarjeta personal: <ul>
<li>Blanco y negro: Seleccionar y transformar, Texto, Contorno, Alinear y distribuir, Filas y columnas.</li>
<li>A color: Relleno. Contorno.</li>
<li>Con objetos: Líneas. Formas. Imágenes.</li>
</ul>
</li>
<li>Enlaces para seguir aprendiendo</li>
</ul>Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com2tag:blogger.com,1999:blog-5940991976505153649.post-25783785552828290582009-07-31T18:47:00.005-03:002009-08-24T15:01:31.255-03:00HA903 Diseño de una web Version 2De acuerdo a las sugerencias de la lista linuxeslibre realicé algunas modificaciones al <a href="http://softwarelibreenmivida.blogspot.com/2009/07/ha903-diseno-de-una-web.html">diseño anterior</a>:<br /><ul><li>Aclaré el gris de los recuadros,</li><li>Oscurecí el azul-verdoso del encabezado de los recuadros. Apliqué este mismo color al fondo del encabezado principal donde está el logo.</li><li>Reemplacé los asteriscos por circulos para las viñetas de las noticias.<br /></li></ul><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_kaVi7CpnkS8/SnNneXP291I/AAAAAAAACRw/RJAZXq4JEPE/s1600-h/dise%C3%B1o-terminado-1.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 241px;" src="http://1.bp.blogspot.com/_kaVi7CpnkS8/SnNneXP291I/AAAAAAAACRw/RJAZXq4JEPE/s320/dise%C3%B1o-terminado-1.png" alt="boceto del aspecto de la pagina principal del sitio Linux es Libre" id="BLOGGER_PHOTO_ID_5364745352462661458" border="0" /></a>Gabrielahttp://www.blogger.com/profile/10384999594600176371noreply@blogger.com1