domingo, 31 de mayo de 2015

Aprender a usar Blender con los videotutoriales de LittleWebHut (I)

Quería hacer alguno de los ejercicios explicados en los fantásticos tutoriales sobre Blender de LittleWebHut (tutor4u), pero me pedían que tuviera instalado el Cycles Render en Blender.
La versión 2.62 instalada en mi elementary OS Luna no lo tenía y la solución era actualizar a una versión más reciente de Blender.
Búsqueda mediante, en el sitio Ask Me Tutorials di con la entrada Install Blender 2.71 On Ubuntu / LinuxMint / ElementaryOS / Pinguy OS, que explica que la instalación vía PPA es tan sencilla como escribir en una terminal los siguientes comandos:
  1. sudo add-apt-repository ppa:irie/blender (Para agregar el PPA oficial, provisto por el equipo de Blender).
  2. sudo apt-get update (Actualizar el repositorio o reservorio).
  3. sudo apt-get install blender (Instalar Blender 2.71).
Hecho esto ya pude proceder a seguir el videotutorial (en dos partes) para crear unas copas de cristal en Blender:



A modo de "receta de cocina" (ya que no voy a hacer una traducción literal del ejercicio) los pasos son:


jueves, 28 de mayo de 2015

Creación, desde cero, de un díptico con Scribus (parte VII)

En la entrada anterior de esta serie colocamos los textos y les aplicamos los estilos creados la entrada previa. En esta entrada de hoy realizaremos los últimos pasos para dejar lista la publicación para, en las próximas entradas, preparar los PDFs para la web, la impresión de escritorio y la impresión offset.

Detalles finales

Vaya a la página 1. Dibuje un marco de texto y escriba en él: “Festival Latinoamericano de Instalación de Software Libre” (con un Máy + Enter después de “Latinoamericano”). A este marco de texto aplíquele el estilo de párrafo subtítulo y ubíquelo como se ve en la siguiente captura de pantalla:



Al pie de la página dibuje otro marco de texto y en el escriba las siguientes cuatro líneas de texto:
“26 de abril de 2014 - 10:00 a 15:30 hs
Facultad de Arquitectura – Universidad de la República
Montevideo – Uruguay
http://flisoluruguay.info/montevideo-2014/”


miércoles, 27 de mayo de 2015

Novedades de Scribus

¡Se publicó el anuncio oficial del lanzamiento de la versión 1.5.0 de Scribus!
El mismo dice algo así:



Después de muchos años de trabajo y más de 1.000 errores corregidos y nuevas características implementadas, el equipo de Scribus se complace en anunciar el lanzamiento de Scribus 1.5.0.
Scribus 1.5.0 es una previsualización de la próxima versión estable (la 1.6.0) y, originalmente, ha sido publicada con el propósito de ser testeada, de forma que más usuarios nos puedan ayudar a identificar y corregir errores.
No es lo suficientemente estable aún como para utilizar en escenarios de producción real, pero puede ayudar a los usuarios a familiarizarse con la nueva interfaz y con la cantidad de nuevas características, que son casi el doble, comparadas con la serie estable 1.4.x.


Otra novedad -no tan importante como la anterior- es que el sitio web de Scribus ahora está renovado: scribus.net.


sábado, 23 de mayo de 2015

Creación, desde cero, de un díptico con Scribus (parte VI)

En la entrada anterior de esta serie creamos los estilos de párrafo, de caracter y de línea. En esta que presento hoy, colocaremos los textos y les aplicaremos los estilos creados la entrada anterior.

Colocar textos y aplicar estilos

Ubíquese en la página 2. Con la herramienta de marco de texto (la segunda) dibuje un marco de texto de 57 mm de ancho y 195 mm de alto. Ubique este marco de forma tal que coincida con las guías de margen (puede ayudar si marca la opción “Página / Ajustar a las guías”, ya que éstas quedan como “imantadas” y, al acercarle un objeto este se “pega” a las guías).

Vaya al sitio http://www.flisol.info/, seleccione y copie el texto introductorio. Vuelva a Scribus, seleccione el marco de texto recién creado y pinche en la herramienta de Editar texto (la 14ª) o haga Ctrl + T. Con esto se abre el editor de textos. Pegue en él el texto recién copiado y pinche en el botón con el tic verde (el cuarto) para aceptar, cerrar el editor de textos y colocar el texto en el marco seleccionado.

El texto se muestra con una tipografía predefinida que seguramente no sea la que queremos usar. Así que con el marco de texto aún seleccionado, en el apartado Texto / Configuración de Estilos de la ventana de Propiedades (F2), del menú desplegable “Estilo de párrafo” elija el estilo texto-común. Con esto, todas las características definidas en ese estilo quedan aplicadas a todo el texto colocado en el marco de texto.

Pinche en la herramienta de texto (la 13ª) o presione la tecla E, y con el cursor de texto ingrese en el marco de texto y borre los párrafos vacíos (los “enter” dobles) y al primer párrafo que dice “11º Festival Latinoamericano de Instalación de Software Libre el 25 de abril 2015”, edítelo para que quede “Festival Latinoamericano de Instalación de Software Libre”.

Deje el cursor de texto en cualquier parte dentro del primer párrafo y en el apartado Texto / Configuración de Estilos de la ventana de Propiedades (F2), del menú desplegable “Estilo de párrafo” elija el estilo subtítulo. Esto le aplica, sólo al primer párrafo, las características guardadas en el estilo subtítulo.


jueves, 21 de mayo de 2015

Cómo darle volumen a un SVG en Blender



Este es un interesantísimo video de Claudia Dryke, con subtítulos en portugués e inglés, en el cual realiza los siguientes pasos:
  • Selecciona y descarga una imagen pixelar desde internet
  • Coloca dicha imagen en Inkscape, la vectoriza y la guarda como un SVG plano.
  • Coloca dicho vectorizado en Blender. 
  • En Set Origin define Geometry to Origin.
  • En Material le aplica un color blanco.
  • En Object data le aplica una extrusión de 0.004
  • Object / Convert to... / Mesh
  • En Edit Mode, presiona la tecla A para seleccionar todos los vértices y Alt + Shift + F para disminuir la cantidad de ellos.
  • Remove: Remove doubles. Para eliminar los vértices duplicados.
  • En Object Mode va a Object Modifiers y aplica el modificador Decimate con un Ratio de 0.1253.
  • En un nuevo panel abre una vista UV/Image Editor.
  • Presiona la tecla A para seleccionar todos los vértices y la tecla U para luego seleccionar, del menú que se despliega, la opción Smart UV Project.
  • En el panel UV/Image Editor crea un nuevo material.
  • En Bake Mode (Render / Bake) selecciona Ambient Occlusion. Y, finalmente, pincha en el botón Bake.

lunes, 18 de mayo de 2015

Creación, desde cero, de un díptico con Scribus (parte V)

En la entrada anterior de esta serie completé el trabajo con los gráficos e imágenes. En esta quinta parte, empiezo el trabajo con los textos. Crearemos estilos de párrafo y de caracter y un estilo de línea.

Creación de estilos

A esta altura, lo único que falta para terminar con el diseño es, ni más ni menos, el colocado de los textos. Pero antes de eso, hay que crear los estilos que se le aplicarán a dichos textos. Probablemente sea la parte menos "divertida" de todo el trabajo, pero es fundamental dedicar tiempo a planificar los estilos que redundarán en un gran ahorro de tiempo en el resto del trabajo (en particular en los documentos con muchas páginas).
Como ya quedó establecido en el apartado “Ilustración de la página 2” de este tutorial, las tipografías a utilizar serán PTSans, PTSerif y PTMono.

Estilos de párrafo

Vamos a crear seis estilos de párrafo.
Vaya a “Editar / Estilos”. En el menú desplegable “Nuevo” elija “Estilo de párrafo”. Al nuevo estilo que estamos creando dele un nombre en el campo a tal efecto. En mi caso lo llamé texto-común.
Vaya a la solapa “Estilo de caracter” y en el apartado “Formateo básico” establezca los siguientes valores:
  • Familia: PTSerif
  • Estilo: Regular
  • T: 10 pt.
Luego, en la solapa “Propiedades”, en el apartado “Distancias y alineamiento” defina “Interlineado exacto” de 15 pt y pinche el botón de alineado a la izquierda. Además, en el apartado “Márgenes ópticos” marque la opción “Solo izquierda”.



Pinche en “Aplicar” y el nuevo estilo queda creado.


sábado, 16 de mayo de 2015

Una Libre Graphics Magazine en Montevideo (VII)


 El 25 de febrero, al día siguiente que salió la Libre Graphics Magazine 2.3, compré, vía PayPal, un ejemplar que recibí el 20 de marzo.

Por temas laborales y por la preparación de la charla para el FLISoL (que se está convirtiendo convirtiendo en el tutorial que estoy publicando en partes), no había tenido tiempo de publicar mi habitual "una Libre Graphics Magazine en Montevideo".

En esta oportunidad, y dado que la temática de la edición de la revista es la tipografía, me pareció que las letras de Montevideo en la rambla de Pocitos serían más que apropiadas. Así que allá fui y tomé las fotos que acompañan esta entrada.



miércoles, 13 de mayo de 2015

Creación, desde cero, de un díptico con Scribus (parte IV)

En la entrada anterior de esta serie realicé en GIMP (y coloqué en Scribus) la composición fotográfica de la página 1. En esta cuarta entrega voy a trabajar con Inkscape sobre unos SVGs para colocarlos en la página 4. Además de terminar con todo lo relacionado a gráficos con los fondeados en las páginas 2 y 3.


Fondeado y gráficos de la página 4

Vamos a crear un color de fondo para la página 4. La idea es utilizar el mismo color naranja del logotipo de la página 1. El dato de cómo está formado ese color lo da su autor en el archivo FLISoL-2015.svg. Allí dice que ese color está formado, en modelo RGB, con los siguientes valores: r-255; g-142; b-42.

Vaya a “Editar / Colores...” y pinche en “Nuevo”.  En “Nombre” escriba naranja; en modelo de color, elija RGB; y en los deslizadores correspondientes a los componentes rojo, verde y azul, ingrese los valores: 255,142 y 42, respectivamente. Pinche en “Aceptar” y el nuevo color aparecerá en la paleta Colores.



Vaya a la página 4. Dibuje un rectángulo (con la sexta herramienta) que ocupe toda la página y el sangrado de los tres lados; o sea, de 153 x 220 mm. Para ubicar exactamente el rectángulo se puede utilizar la ventana “Alinear y distribuir” o, en la paleta Propiedades, ingresar los valores -5 en “Posición Y” y -5 en “Posición X”.

Con el rectángulo seleccionado, vaya al apartado “Colores” de la ventana Propiedades. Active el botón de relleno y elija el color naranja, recién creado. Active el botón línea y elija Ninguno.
En caso que las guías de margen y de sangría queden tapadas por el rectángulo, vaya a “Archivo / Configuración del documento...”. Allí vaya al apartado “Guías” y en “Ubicación en documentos” elija la opción “En la parte superior”.

Abra Inkscape. Desde allí abra FLISoL-2015-plano-amarillo-blanco-negro.svg (descargado desde http://www.flisol.info/Logo). Copie el logo de color blanco (y su rectángulo negro de fondo) y péguelos en un nuevo documento de Inkscape al que deberá guardar como logo-flisol-plano.svg.
Para no tener inconvenientes en el manejo de este gráfico en Scribus, vamos a convertirlo en un único gráfico (y por lo tanto, con un único relleno) sin contorno. Para ello, seleccione el logo, desagrupe (“Objeto / Desagrupar”) hasta que no queden grupos. Seleccione cada letra del logo y elija “Trayecto / Borde a trayecto” (en la “f” hay que hacerlo dos veces, con el asta y el travesaño). Luego, una todas las letras (selecciónelas y vaya a “Trayecto / Unión”).


lunes, 11 de mayo de 2015

Charlas sobre diseño gráfico con software libre de Joaclint

En el primer mes de vida de este blog, a mediados de 2008, ya escribí una entrada recomendando el curso Logo a Logo de Joaclint (a.k.a. Joaquín Herrera Goás).
Desde entonces su sitio ha sido, como para muchos, de referencia para mí.
Allí me enteré y aprendí sobre la actualización del curso Logo a Logo, del plugin multipáginas de Inkscape, del curso de Blender: 3D en la educación,  de la elección del splash screen de Inkscape 0.91, entre muchas otras cosas. Además, fue el fundador y administrador de Inkscape: red social, un proyecto que duró menos de lo que merecía, pero que valió la pena.

Hace poco, navegando por la web, di con unos videos de un par de charlas-talleres dictadas por él. Tan largos como recomendables. Joaclint es un maestro. Y no lo digo solo por su inobjetable calidad técnica y artística, sino porque trabaja en la educación, y eso se nota. La combinación que se da en él de artista-educador-usuario avanzado de herramientas de diseño de software libre hace que, aunque no se pueda de un tirón, haya que mirar estas charlas-talleres.

La primera es en el marco de las II Jornadas de Software Libre y Comunicación de la Universidad de Sevilla, en abril del año pasado:





viernes, 8 de mayo de 2015

Creación, desde cero, de un díptico con Scribus (parte III)

En la entrada anterior de esta serie, coloqué la infografía de la página 2 y el logotipo de la página 1, ambos traídos desde Inkscape, aunque por diferentes caminos. En esta tercera entrega voy a terminar la parte de gráficos de la página 1, a partir de una composición de fotos que armaré con GIMP.


Descargue las fotografías tomadas por Fernando da Rosa del evento del año pasado.
De las 12 fotos que aparecen en esa página, elija 5 y ábralas en GIMP.
Además, genere un lienzo nuevo con las dimensiones que va a tener la imagen final: 153 x 111 mm. Aunque la página que definí al crear el documento es de 148 mm de ancho, como se desea que la imagen lleve “corte al vivo”, o sea, que llegue hasta el borde de la página, en el original la misma se debe salir de la página en los lados que lleva corte.
Esta “extensión” del diseño es lo que se llama “sangrado”, “sangre”, “sangría” o “bleeding”, como se ejemplifica en la siguiente imagen de glosariografico.com:



En el caso de este ejercicio, en la página 1, el “sangrado” es hacia la derecha (donde está el corte del papel), porque hacia la izquierda está el doblez. Al principio de este trabajo, cuando definí el documento de Scribus, establecí una sangría de 5 mm. Por eso el lienzo a crear en GIMP para la composición tendrá una base de 153 mm (148 + 5). La altura de 111 es más bien arbitraria.

La resolución de la imagen deberá ser de 300 dpi, porque como ya mencioné, debemos trabajar orientados a la versión más exigente del trabajo.
Así que vaya a “Archivo / Nuevo...” en ingrese estos valores:




miércoles, 6 de mayo de 2015

Full Circle #96 (abril 2015)


Desde el 24 de abril está disponible una nueva edición de Full Circle Magazine. Se trata de la edición #96 (un PDF de 63 páginas y 12,9 MB) de la cual destaco:
  • Inkscape (How to, 36). Mark Crutch, entre las páginas 31 y 34, se interna en "Vectorizar", la última solapa de la ventana "Crear clones en mosaico", de la que nos dice que es mucho más simple que lo que aparenta y que, de hecho, puede llegar a ser muy útil para conseguir efectos "raros" como los que muestra partiendo de una imagen de "La Gioconda"...
  • Use LaTeX. En las páginas 25 y 26, John Eddie Kerr presenta la seguna parte de su serie sobre LaTeX. Entre otras cosas, nos deja una bibliografía recomendada para principiantes, nos recomienda el uso de plantillas y nos sugiere los editores Gummi y TeXstudio.
Además, de la sección de Noticias (páginas 4 a 13), me parecieron interesantes:
Aquí va una traducción libre de la editorial, escrita, como siempre, por Ronnie Tucker:


domingo, 3 de mayo de 2015

Creación, desde cero, de un díptico con Scribus (parte II)

Con una entrada anterior, en la que hice una introducción, mostré el trabajo terminado y configuré el documento, comencé una serie con la que espero poder explicar como hacer, desde cero, un díptico tamaño A5 utilizando Scribus como base.
En esta segunda entrega voy a preparar (utilizando Inkscape) y colocar, de dos maneras distintas, el gráfico de la página 2 y el logotipo de la página 1.

Ilustración de la página 2

Descargue el archivo comprimido infografia-sl.tar.gz puesto a disposición por derechoaleer.org.
Descomprímalo y verá que el mismo incluye varios archivos. Entre ellos están los archivos de las fuentes PTSans, PTSerif y PTMono utilizadas en la infografía. Para darle una apariencia más unificada al diseño general del díptico, estas serán también las fuentes del resto de la publicación. Así que, si no lo ha hecho ya, proceda a instalarlas (y luego reinicie Scribus para que reconozca las nuevas fuentes).
Abra Inkscape y luego el archivo recién descomprimido: flisol-infografia-2014.svgz. Vaya a "Edición / Seleccionar todo..." y luego a "Trayecto / Objeto a trayecto". De esta manera todos los objetos (entre ellos, los textos, que son los que más interesan en este punto) se convertirán en curvas comunes. Guarde el archivo.

Vuelva al archivo de trabajo en Scribus y, posicionado en la página 2 del documento (el borde de la página activa se muestra de color rojo), vaya a “Archivo / Importar / Get vector file...” y seleccione el archivo flisol-infografia-2014.svgz recién modificado.
Acepte la ventana de advertencia que se abre y, luego de pinchar, aparecerá la infografía (muy grande) colocada en su página.
Para cambiar el tamaño de la infografía presione F2 para abrir la ventana de Propiedades y asegúrese que los eslabones de cadena entre "Anchura" y "Altura" estén unidos (para mantener la proporción). Luego, en "Altura" escriba 190.
En el esquema de referencia "Punto base" seleccione el vértice superior derecho y en el campo "Posición X" ingrese 133 y en "Posición Y", 10.
Su trabajo debería verse algo así:



viernes, 1 de mayo de 2015

GIMP magazine # 11 - abril de 2015


Desde mediados de abril está disponible la edición número 11 de GIMP Magazine.

Para acceder a ella, se puede:

Contenido

Esta edición está centrada en el trabajo del ilustrador y animador Turi Scandurra y, en la galería, nos muestra obras de Rafael Lagatic:
  • Turi Scandurra. (Páginas 11 a13). "...es un artista de la animación 2D e ilustrador con fuertes antecedentes en la narración visual y la animación tradicional. Tiene muchos años de experiencia como diseñador, director y editor de películas de animación. Su portfolio en línea se puede encontrar en: http://turiscandurra.com/"
  • Galería de trabajos de la comunidad (páginas 17 a 23). La galería de esta edición está dedicada a un solo autor: seis obras de Rafael Lagatic.
  • Desarrollo y visualización de caracteres animados. (Páginas 27 a 36). Es un resumido tutorial de Turi Scandurra, que explica los pasos a seguir para la creación de personajes utilizando GIMP y nos cuenta que "...los personajes animados se pueden comparar a los actores de la vida real, ambos deben ser capaces de mostrar una amplia gama de emociones. Este artículo muestra los pasos principales en el desarrollo del diseño de personajes para un proyecto de animación y cómo mostrarlos adecuadamente. Por lo general, se parte de un bosquejo que nos dice quiénes son los personajes, sus principales características y sus roles en la historia.
    Los protagonistas de mi cortometraje son dos niños con cáscaras de naranja como cascos. Ellos se encargan de un campo de naranjos y combaten un malvado exprimidor mecánico
    ".