Cada vez son más ratos los que se pasa uno proyectando ideas. A uno se le va la mano rápidamente al lápiz y el papel para hacer los bocetos pero acabas dándote cuenta de que casi siempre estás dibujando los mismos elementos una y otra vez. Para aprovechar el tiempo al máximo y dedicarnos en exclusiva a la parte creativa, tenemos una bonita herramienta denominada Balsamiq Mockups. Facilita muchísimo el trabajo ya que permite mover aquí y allá cualquier elemento que nos podamos imaginar.
Imagine que está pensando en incluir un reproductor de vídeos en un proyecto web. Pues Balsamiq Mockup nos ofrece este bonito boceto para que lo pongamos allí dende nos parezca más conveniente en nuestro croquis general:
Hay docenas de bocetos prediseñados y parecen abarcar todo lo que podamos necesitar en un proyecto relacionado con las multimedia: páginas web, redes sociales, reproductores…
Muchos de estos elementos son editables en algunos de sus aspectos. Por ejemplo este…
…presenta un cuadro de opciones como este…
…con el que podemos conseguir resultados tan dinámicos (casilla activada, por ejemplo) como este:
Usando algunos de estos elementos he creado un boceto de lo que hubiera podido ser la primera idea para crear este blog que tiene usted delante
Se está preparando una versión online de esta herramienta, aunque no parece que vaya a ser gratuita (puede, eso sí, trastear un rato desde esta versión). Yo recomiendo instalarla en su versión freeware de escritorio, aunque ésta tenga alguna limitación. Por ejemplo no permite la exportación a mapa de bits. Yo en eso no veo mucho problema porque con hacer una captura de pantalla puede llegar. Si el proyecto es demasiado grande no quedaría más remedio que juntar las partes en Gimp. También existe la versión con licencia, como es lógico donde ese problema no existe. Otros inconveniente son que cada 5 minutos te recuerda que puedes adquirir la licencia cuando creas oportuno y, el peor de todos, NO PERMITE GUARDAR.
Aspecto positivo: se instaló con un par de clics en Linux/Ubuntu 9.04 desde el instalador online.
Hay posibilidad de conseguir una licencia gratuita si colaboras en proyectos open source, si vas a hacer muestras ante un publico superior a 15 personas, si haces análisis del programa…
Para los que nos dedicamos a bloguear cualquier posibilidad de ahorrar tiempo a la hora de hacer los posts es siempre bienvenida. Desde que me he animado a comentar algunas utilidades de las que me encuentro por internet me está siendo especialmente útil una de las posibilidades que ofrece ScreenGrab, un addon para Firefox.
En realidad lo que todo el mundo comenta sobre este addon es la posibilidad de capturar webs enteras de arriba abajo (incluido lo que no entra en el monitor) convirténdolas en un PNG. Yo a esto la verdad que no le encuentro mucha utilidad. Sin embargo incluye una opción que me encanta: capturar una porción rectángular definida por el usuario. Por ejemplo, si encuentro ScreenGrab mientras navego con Firefox y me interesa para hacer un post sólo tengo que hacer clic derecho para obtener este menú:
A continuación se habilita la utilidad para seleccionar el rectángulo y poder decidir nuestra captura:
Tras decidir dónde se guardará la imagen habremos obtenido sin ningún tipo de intermediarios la imagen que necesitamos para decorar nuestro post. Eso sí, sin posibilidades de aplicarle ningún efecto del tipo sombra, rotación…
En este caso he obtenido este PNG para crear la imagen que encabeza el post.
Lo tengo tanto en Windows XP como en Linux Ubuntu 8.04 y funciona a la perfección en los dos sistemas.
Ya sé que últimamente los post-tutoriales han decaido un poco en este blog. Las razones:
Menos tiempo libre… (estoy embarcado en varios proyectos muy interesantes para mi carrera)
La salud, que me ha traído de cabeza el último mes. Todo parece estar de nuevo en orden, afortunadamente.
Y ahora a lo nuestro. Hablo de una aplicación para Win.
NCH Software desarrola un capturador de vídeo, por supuesto freeware, que hace su trabajo de una manera impecable por las pruebas que he realizado. Se llama Debut. En Inkscape: Red Social, surgió un hilo sobre el tema y se aportaron unas cuantas ideas. Aparecieron varios nombres:
Desde hace tiempo tengo en la cabeza la idea de organizar los tutoriales que van surgiendo aquí, en El Blog de Joaclint Istgud. Una organización en categorías como la que aparece a la derecha en el blogroll no es suficiente para que el usuario encuentre cómodamente el tutorial que anda buscando. Había pensado en usar uno de los cientos de sitios de hosting gratuito para crear un espacio con más forma de web que de blog en la que se fuera concentrando el material… Y en estas estaba cuando me he encontrado con Weebly. Es una herramienta 2.0 alucinate. Es posible que en principio no permita mucha flexibilidad a la hora de ser “creativo” con el diseño del sitio, pero desde luego no concibo una manera más cómoda de crear una web que incluya todo lo necesario y con el menor esfuerzo (y conocimientos) por parte del usuario, sobre todo olvidándose de PTPs y demás para subir materiales y actualizar el sitio.
Buscando algo sobre el tema para poder hablar aquí con mayor precisión me ha sorprendido que en su momento (no sé si en la actualidad) alguien vio temblar con el nacimiento de Weebly los cimientos del mismísimo WordPress. Desde luego, cuando uno trastéa con el “juguete” un rato empieza a comprender el porqué de estos comentarios. Le faltan asuntos importantes como el idioma, eso sí. También es posible hacer el diseño del sitio en Weebly y después descargartelo y hospedarlo donde mejor te convenga.
Y por supuesto, no hablaría aquí de esta herramienta si no fuera gratuita en todos los aspectos fundamentales. Claro que hay algunas cosillas denominadas “pro” por las que deberíamos pagar para disfrutarlas.
Si está interesado en probar sin ni siquiera hacer una cuenta, pulse aquí.
Para comenzar en serio, o sea, abrir una cuenta y comenzar a realizar su propio proyecto pulse aquí.
Hace tiempo que abandoné mi proyecto de recorrido virtual por la Catedral de León pero últimamente me están volviendo a entrar ganas de crear algo como aquello pero a menor escala (menos ambicioso, vamos). Uno de los aspectos que aún no había inspeccionado, porque a aquello le faltaba mucho trabajo, era el tema de los sonidos ambientales como puden ser pasos, puertas, viento… o cosas por el estilo. El caso es que me he encontrado con un lugar ideal para este tipo de recursos, así que lo dejo en mi sección de Utilidades para cuando llegue el momento.
Se llama Soundsnap y yo diría que la única pega que tiene es que los sonidos están clasificados en inglés. Por todo lo demás el sitio es impecable.
El sitio no es para subir canciones ni nada por el estilo. Se trata de compartir efectos de corta duración creados por los usuarios (no copiados de galerías ni CDs comerciales) ideales para decorar sonoramente nuestros proyectos audiovisuales (o simplemente de audio)
Entregado a la apasionante tarea de encontrar una fuente para un nuevo proyecto me topé con dos que llamaron lo suficiente mi atención como para recojerlas aquí, en mi apartado de Utilidades. Con estas tipografías (sí, tipografías) podemos conseguir de un modo muy rápido y bonito efectos de salpicaduras. Esto vale su peso en oro para trabajar con Inkscape o Gimp.
Editado: no pude resistir poner esta imagen creada usando las fuentes mencionadas. Está realizada con Inkscape.
De un tiempo a esta parte he visto muchas maneras “novedosas” de presentar un logo a un concurso o a un cliente. Hace poco me encontré con unas presentaciones que incluían los famosos efectos flare propios de la fotografías y me llamaron mucho la atención. Yo diría incluso que se puede usar en cierta medida como sustitito de la marca de agua para evitar “robos” y cosas similares dándoles un toque distinto.
El tema que comenzó a rondarme la cabeza era poder incluir esos efectos en formato vectorial cuando estuviera haciendo mis trabajos en Inkscape. La cosa no tiene mucha dificultad pero tener que crear un flare cada vez es excesivo, del mismo modo que tampoco me parecía apropiado hacer uno y usar siempre el mismo. Indagando un poco vi que algunas aplicaciones profesionales ya incluyen este tipo de recursos, así que mientras no las tengamos en Inkscape deberemos buscarnos la vida.
Le presento una alternativa: el Set-Editor de Flares. Se trata de un repertorio de flares para poder hacer varias composiciones distintas sin mucho esfuerzo (en ese sentido lo de “editor” hay que cogerlo con pinzas). Dentro del propio archivo SVG tiene una pequeña explicación de cual es la manera más efectiva de usarlo.
El Set-Editor está creado en Inkscape 0.46 y es el único software con el que puedo garantizar que se vea correctamente. Hace un tiempo hice unas pruebas abriendo SVGs de Inkscape en Illustrator y había problemas con gradientes, máscaras y asuntos similares. No sé si es que lo hice mal (tampoco insistí mucho) o qué, pero el asunto me desconcertó.
Y aprovechando que los chicos de WordPress han implementado la posibilidad de incorporar cuestionarios a los visitantes voy a hacer una prueba a ver qué tal:
El ISFTIC (Instituto Superior de Formación y Recursos en Red para el Profesorado), antiguo CNICE, pone a disposición de los usuarios una colección de materiales en CD (imagen ISO) y con un formato navegable en HTML (tipo página web) totalmente gratuitos. Estos son los cursos que oferta para el profesorado pero esta posibilidad de que todo el mundo pueda descargar los CDs es un auténtico lujo. Yo aquí voy a dejar enlaces a los que tienen que ver con el diseño (gráfico, audio…) y uno genérico de Linux, pero hay más:
Gimp: Aplicaciones Didácticas
Edición en HTML (usa NVU o KompoZer)
Dibujo Vectorial con Draw
PHP en la enseñanza
Multimedia: Introducción
Diseño Flash de recursos multimedia para la enseñanza
Sonido y Música con ordenador
Introducción a Linux
Como puede verse siempre tratan de dar un enfoque “educativo” en el título pero en realidad son ideales para cualquiera que se quiera aproximar a uno de esos campos.
Con estos materiales la verdad que lo que no le va a faltar son cosas por inventar…
Me compre un portatil con Vista un lunes y el viernes le instalé XP. Así estuvo una temporada hasta que me olvidé de XP y le instalé Ubuntu 8.04 Pasados unos meses tengo que decir que hago exactamnete las mismas cosas que hacía con los otros sistemas operativos. Esto no tiene mucho que comentar puesto que casi siempre trabajo con softwares de fuentes abiertas y la mayoría tuvo su origen en versiones para Linux.
Para el tema de hacer posts con ilustraciones o incorporar imágenes a los tutoriales tardé en encontrar un capturador que me diera lo que necesito cuando trabajo con Güindous pero encontre la versión freeware de WinSnap. Esta es quizá la herramienta que más he echado en falta en mi traslado hacia Ubuntu; hasta que he encontrado GScrot. Cubre una de mis necesidades fundamentales, el efecto de sombra, pero no permite escalar la captura, pero a cambio ofrece una mayor cantidad de efectos que siempre son bienvenidos para el asunto de blogear.
Me sorprendió que una vez instalado estuviera en español. Veamos sus caracteríaticas generales:
Captura en todos los modos que se pueda desear: pantalla completa, la ventana que se elija, una región…
Captura webs enteras
Trabaja en JPEG y en PNG (imprescindible para aquellos efectos que incluyan transparencias)
Incorpora de fábrica un buen surtido de efectos (que serán más sin duda en el futuro) Vamos a ver algunos
* Efecto sombra: Interesante pero limitado de momento. A mi la que más me gusta es la que queda centrada arrojando por igual la sombra en los cuatro lados. Por el momento GScrot sólo hace sombra desde arriba a la izquierda.
* Bordes suaves: Muy bonito y sencillo. La degradación se hace hacia transparente.
* OffSet: agradable efecto en el que la imagen de la captura se duplica y queda en dos tamaños y con dos intensidades diferentes. Un detalle a tener en cuenta es que el tamaño de la captura aumenta.
*Un par de efectos de rompecabezas: evidentemente es algo a lo que no se le puede sacar mucho jugo pero usado con moderación es posible encontrarle más de un uso creativo.
* Aumentar borde: lo que se traduce en hacer un efecto de biselado.
* Polaroid: en realidad le aplica un marco blanco, un giro y una sombra.
* Otros efectos como blanco y negro, sepia o añadir el icono del programa (ver imagen que encabeza este post)
Como ya dije antes no creo que tarden en incorporarse nuevos efectos creados por distintos programadores en función de sus necesidades.
Es una gran aplicación que facilita el trabajo del bloger puesto que no es necesario el paso “Guardar como” sino que lo guarda directamente en el directorio indicado. Si aplicamos un cambio éste se sobreescribe como si hubiéramos hecho un “Guardar”. También permite guardar en el portapapeles.
Aunque no es nada del otro mundo, permite hacer trazos sobre la imagen capturada a modo de pincel eligiendo color y grosos. Poca cosa. Personalmente pienso que para ediciones de ese calado es mejor abrir con Gimp y editar. Por cierto, podemos darle la orden al capturador de ejecutar un programa como Gimp nada más hecha la captura.
En definitiva, tal y como titulé el post, este es el capturador que estaba buscando para poder hacer todo el trabajo de bloger desde Ubuntu sin echar nada en falta.
INSTALACIÓN
Soy un novato en Ubuntu (y en Linux en general) así que voy a dejar aquí una memoria de lo que he tenido que hacer para instalar este software. Me servirá de memoria y a la vez es posible que pueda ayudar a otro novato como yo.
Como no está en los repositiorios de Ubuntu hay que considerarlo un software de terceros así que hacemos la línea Sistema/Administración/Orígenes de software
Agregamos estos dos repositorios:
deb http://ppa.launchpad.net/gscrot/ubuntu hardy main deb-src http://ppa.launchpad.net/gscrot/ubuntu hardy main
En Aplicaciones/Accesorios/Terminal se da la orden (digamos que con esto se actualizan los repositoris y Ubuntu tendrá en cuenta los que acabamos de instalar)
sudo aptitude update
Nuevamente en el Terminal damos la orden de instalación:
sudo aptitude install gscrot
Ya está instalado en nustro sistema operativo así que lo añadimos al menú de Aplicaciones. para ello hacemos clic derecho sobre Aplicaciones y damos la orden de Editar menús. En la sección de Gráficos (digo yo que es lo más adecuado) editamos del siguiente modo:
Podemos comprobar la instalación del programa en la lista de Sistema/Administración/Gestor de paquetes Synaptic.
Hay docenas de bocetos prediseñados y parecen abarcar todo lo que podamos necesitar en un proyecto relacionado con las multimedia: páginas web, redes sociales, reproductores…
…presenta un cuadro de opciones como este…
Tras decidir dónde se guardará la imagen habremos obtenido sin ningún tipo de intermediarios la imagen que necesitamos para decorar nuestro post. Eso sí, sin posibilidades de aplicarle ningún efecto del tipo sombra, rotación…
tarea de encontrar una fuente para un nuevo proyecto me topé con dos que llamaron lo suficiente mi atención como para recojerlas aquí, en mi apartado de Utilidades. Con estas tipografías (sí, tipografías) podemos conseguir de un modo muy rápido y bonito efectos de salpicaduras. Esto vale su peso en oro para trabajar con Inkscape o Gimp.
* OffSet: agradable efecto en el que la imagen de la captura se duplica y queda en dos tamaños y con dos intensidades diferentes. Un detalle a tener en cuenta es que el tamaño de la captura aumenta.
* Otros efectos como blanco y negro, sepia o añadir el icono del programa (ver imagen que encabeza este post)
