domingo, 28 de diciembre de 2008

OFF TOPIC: Extracción de datos desde Calc, la Hoja de Cálculo de OpenOffice

Saludos a todos.

Este post, en realidad está fuera de contexto, en cuanto al diseño gráfico con programas de código abierto.

Sin embargo, siempre tiene que ver con software libre, pues hablamos sobre Calc, la hoja de cálculo de OpenOffice y un par de fórmulas (Encontrar y Extrae) para ser utilizadas en algunos casos un tanto específicos.

En fin, con ustedes el vídeo:



Espero les sirva de algo.

Saludos a todos

domingo, 21 de diciembre de 2008

La herramienta Clip y algunos efectos en Mapas de Bits

Hola a todos.

En esta ocasión les presento a la Herramienta Clip y algunas de sus utilidades con mapas de bits, además de una recomendación de un blog que también habla de Inkscape: el blog de heathnx.

Con ustedes el vídeo:



Espero les sea de utilidad.

Saludos a todos.

lunes, 8 de diciembre de 2008

El Ávatar con Inkscape

Hola a todos.

En esta ocasión les presento un tutorial sobre cómo podemos calcar una imagen de mapa de bits y podemos empezar nuestros "pininos" en el dibujo vectorial, en el caso en que, al igual que yo, seamos malos dibujantes.

En el post se menciona un par de trucos que les serán de utilidad no sólo a la hora de copiar una imagen, sino en muchos otros proyectos que desarrollen en Inkscape.

Mis disculpas por lo largo del vídeo, pero me interesaba completar la imagen sin apurar las cosas.

En fin, aquí tienen el vídeo:




Espero les sirva.

Saludos a todos

domingo, 16 de noviembre de 2008

Modificando el Texto para crear un par de efectos

Hola de nuevo.

El día de hoy comparto con ustedes un par de efectos que podemos hacer con nuestro texto.

En realidad son un par, ya que sólo pretendo dar una idea de lo que se puede hacer. Utilizo un par de herramientas como algunas formas básicas, el bézier, el fractalizado (efectos), y las operaciones con trazos como la unión y la diferencia.

Con ustedes el screencast:



Espero les sirva.

Saludos a todos

sábado, 1 de noviembre de 2008

Las Aventuras de Cibertito

Como podrán ver, al lado derecho de la pantalla encontrarán un link a esta página en la cual se muestra la maravillosa integración entre programas de diseño de Software Libre, las figuras 2D están hechas en el fabuloso y nunca bien ponderado Inkscape y las figuras 3D están hechas con el poderosísimo Blender. Es una tira cómica al mejor estilo Geek, que realmente está buenísmo.

Les dejo con el wall paper que se pueden descargar desde el sitio (para ir al sitio basta con que den click en el link de la derecha.



Saludos a todos

sábado, 18 de octubre de 2008

OFF TOPIC: Openoffice.org 3

Finalmente, la versión 3 de Openoffice.org ha visto la luz en su versión en español. Por supuesto, no podía esperar más tiempo para instalarla en mi maquinita y así lo hice.

Este post es para explicarles cómo bajar la versión 3 de esta suite e instalarla en su computadora:

1- Vamos a la página que contiene el archivo que buscamos la línea que dice Spanish Español y localizamos la columna que contiene el archivo de la distribución que tengamos de Linux (para mi caso el archivo es OOo_3.0.0_LinuxIntel_install_es_ deb.tar.gz y hacemos click para bajarlo










2- Una vez tenemos el archivo bajado, debemos buscar en dónde se bajó y posteriormente lo descomprimimos con Archiver o desde consola










3- Una vez descomprimido el archivo, y a través de la consola, nos localizamos dentro del directorio haciendo

"cd OOo_3.0.0_LinuxIntel_install_es_deb"







4- Debemos recordar que para instalar esta versión apropiadamente debemos desinstalar la anterior versión, si es que la tuviésemos. Así pues, desde la consola escribimos: "sudo apt-get purge openoffice*.*"


5- Ahora bien, siendo que ya estamos dentro del directorio, basta con escribir lo siguiente:

"sudo dpkg -i *.deb"





6- Y la suite empezará a instalarse. Finalmente, encontraremos los programas (para Linux Ubuntu) en Aplicaciones-->Oficina







7- Todo está listo. Ahora, A DISFRUTAR DE LA NUEVA VERSIÓN de OpenOffice.org

Por cierto, si desean saber de las bondades de esta nueva versión, hagan click aquí o aquí

Saludos a todos

domingo, 12 de octubre de 2008

Integración de programas Draw e Inkscape

Después de una ausencia de 2 semanas, regreso con un post que comenzará con una serie más grande de posts que hablarán sobre cómo podemos integrar los programas que tenemos a la mano, claro está, de código abierto.

En esta ocasión, empiezo con un breve atisbo de la integración de Openoffice.org Draw, el programa de diseño vectorial de Openoffice.org e Inkscape.

Mis disculpas por la ausencia y por los defectos de audio, pero el micrófono y mi incapacidad hicieron que se escuche un poco saturado.

En fin y con ustedes, el screencast:



Espero les sirva.

Saludos a todos

martes, 23 de septiembre de 2008

La Extrusión y los logos

En esta ocasión, con un screencast cortito, vemos la creación de un logo sencillo (como todo logo debería ser), generado con un efecto de Extrusión, todo esto, en Inkscape.

Hay que recordar que, como ya lo mencioné, la idea principal de un logotipo es, en primer lugar, que sea sencillo, que quede en la mente (precisamente por la sencillez y originalidad) y que identifique aquello a lo que el logo estará vinculado (esto es, a decir verdad, opcional)

En fin, espero que el vídeo les sea de ayuda, aquí lo tienen:



Espero les sirva.

Saludos a todos

lunes, 15 de septiembre de 2008

Un par de trucos con el renderizador de Rejillas

Hola a todos.

En esta ocasión les traigo un screencast cortito (poco más de 5 minutos) en el cual les muestro un par de truquitos en Inkscape. Sólo utilizo Filtros-Tramas-Modular (para poner en blanco y negro un mapa de bits) y luego el "renderizador" de Rejillas para crear un par de efectos.

A continuación el vídeo:




Espero les sirva. Saludos a todos.

domingo, 14 de septiembre de 2008

OFF TOPIC: Try Phone, una web maravillosa

tryphone.com es una página web que se encarga de dar menús interactivos de una gran variedad de teléfonos celulares.

Para alguien que es adicto de los celulares, o para alguien que trabaja de una empresa de telefonía y quiere familiarizarse un poco más con los productos, es una manera fácil de hacerlo.

Además, la página tiene una opción de embed phone que resulta maravillosa, sobre todo si alguien quiere insertarla en una intranet o en un blog, como el ejemplo que les dejo aquí abajo.



En fin, si quieren dar un intento, no tiene más que darle click al enlace de allá arriba y dar un leve paseo por el teléfono de su preferencia.

Es de aclarar que hacen falta muchos modelos de teléfono, pero la verdad es que la iniciativa está muy buena.

Espero les sirva y saludos a todos

sábado, 6 de septiembre de 2008

Tux Parte II

Bien, esta es la parte final de cómo hacer un Tux en Inkscape.

En este screencast sólo se le agregan los efectos de "iluminación" a Tux para que se vea más parecido a los que solemos ver por ahí.

He decidido intentar con Yahoo Vídeos, espero que la resolución sea mejor que las de Google y Youtube.

Espero les sirva.



Saludos a todos

domingo, 31 de agosto de 2008

Cómo dibujar a Tux en Inkscape Parte I

En este screencast hago el "esqueleto" de Tux (sin mayores efectos de iluminación).

Decidí partir el screencast en dos por razones de tiempo, Youtube no permite más de diez minutos de vídeo, y lo cierto es que google vídeos no me daba la resolución que yo hubiese esperado.

Este screencast es cortesía del amigo Víktor, que me lo solicitó... bueno, debo admitir que me lo solicitó en GIMP, pero... lo admito, soy un adicto de Inkscape ("inkscapehólico" podría ser un nuevo término) y me resultó un reto interesante, por otro lado, tal vez por mi incapacidad y falta de inteligencia, me resultó más fácil hacerlo en Inkscape que en GIMP, dado que no pude encontrar la forma de manejar nodos en GIMP, en todo caso, prometo encontrar la forma y hacer luego a Tux en GIMP (lo siento Víktor)

En fin, espero que les sirva, y si es así, estén pendientes de la segunda parte.



Saludos a todos

domingo, 3 de agosto de 2008

Algunos Efectos con Inkscape

Pues bien, después de una semana algo ajetreada, regreso con un screencast que muestra la forma de crear una imagen con esta:

En esta imagen podemos ver el uso de algunos de los efectos que trae Inkscape como la generación de las Rejillas, el uso de Perspectivas y el Extrusionado, junto con lo que ya hemos aprendido con anterioridad.

Una vez más mis disculpas por la calidad del video, pero eso es todo lo que Google Videos ofrece.





Espero les sirva.

Saludos a todos.

domingo, 27 de julio de 2008

Kerning con Moraleja

Saludos.

En este screencast vemos rápidamente el kerning (o espaciado entre caracteres) en inkscape, con un rápido ejemplo.

Por razones de tamaño de video tuve que subirlo a google videos, aunque al parecer la resolución se perdió demasiado en la subida, lo lamento, pero eso escapa a mi control.



Espero les sirva.

Saludos a todos

domingo, 20 de julio de 2008

Máscaras y Degradados

Saludos a todos.

Primero que nada las disculpas por... dos razones:

1- Una ausencia un tanto prolongada que espero poder compensar en el transcurso de las semanas
2- El primer screencast con voz que hago y cometo un par de errores, que prometo hacer todo lo que esté a mi alcance para corregir.

En este post hablo sobre los degradados, los cuales utilizo en dos ocasiones, para dos propósitos totalmente diferentes; además, hablo sobre el uso (uno de los usos) de las más caras en Inkscape, para producir un efecto de reflejo de un objeto.

Fe errata (las regadas del screencast):
1- Cuando hablo de las paradas (stops) dentro de los degradados, digo que el degradado que se le va a aplicar a las letras es de 3 paradas, cuando en realidad es de 2 y le agregamos una más, lo que las hacen 3.

2- El valor de los respectivos colores RGBA (Red: ROJO; Green: VERDE; Blue: AZUL; Alpha: Transparencia) del degradado de las letras es: el más oscuro: 1e4385ff (y yo digo que la primera es i, lo cual puede traducirse a buen salvadoreño, como "que pasmado"); y el más claro 94afc3ff (a ese sí le atiné)

Bien, hechas las aclaraciones, les dejo con el screencast:



Saludos a todos

viernes, 11 de julio de 2008

Los tiradores de Inkscape y el alineado de objetos

Después de pensarlo un poco, he decidido que iré intercalando posts, en cuanto a la forma básica de utiliza Inkscape o GIMP (aunque sobre todo será Inkscape), con tutoriales... digamos un tanto más interesantes, es decir, viendo, con práctica cómo han de hacerse las cosas en Inkscape, espero dentro de poco ponerle voz a los screencasts, pero de momento tendrán que perdonarme y aguantar el total silencio, además de lo corto de los screencasts. Por cierto y antes de entrar “en materia”, ¿alguien sabe de un buen hoster que proporcione un buen video sctreaming para poner ahí los screencasts?

En fin, pongamos manos a la obra.

En este post quiero explicarles sobre dos cosas bastante básicas (lo siento), una, el alineado y la tercera el uso de los llamados “tiradores”.

Empecemos:

Cuando empezamos con el uso de figuras (sean trazos, figuras prediseñadas como cuadrados o círculos), éstos son objetos que podemos manipular a nuestra conveniencia con la barra de herramientas (imagen de la derecha). Seleccionando la flecha de selección (valga la redundancia) y haciendo click sobre la imagen que acabamos de crear, digamos un cuadrado como el que se ve en la figura. Al dar click aparecerán una serie de flechas apuntando hacia afuera, estas flechas son los llamados Tiradores, siendo que podemos tirar de ellos para deformar la figura hacia arriba, hacia abajo, hacia los lados y si es que se utilizan los tiradores de las esquinas, tanto hacia arriba como hacia abajo al mismo tiempo.

Por otro lado, si volvemos a dar click sobre la figura, los tiradores cambian su forma, de nuevo, tal como se ve en la figura y se convierten en flechas curvadas en las esquinas y flechas apuntando hacia los lados o hacia arriba y hacia abajo en los centros de cada lado del cuadro. Lo que esto significa es que, si ponemos el ratón en una esquinas (se sobreentiende que tanto para deformarla como para esta operación, se mantiene presionado el botón izquierdo del ratón) y lo movemos en sentido,... digamos circular, la figura rotará sobre su eje (a menos que cambiemos su centro de rotación, como veremos en otro post); por otro lado, si nos posamos sobre una de las flechas de uno de los lados del cuadrado y arrastramos el ratón la figura se deformará estirándose hacia el lado en que movamos el ratón, mientras que el lado opuesto lo hará en la dirección contraria, a esto se le conoce como skew (por si se topan con un software en inglés)

Finalmente, hablaremos de la alineación. La alineación en Inkscape puede ser con respecto a:

El último objeto seleccionado: Si se tiene un círculo y un cuadrado, seleccionamos primero el círculo y luego el cuadrado y alineamos, el círculo (primero seleccionado) se alineará siguiendo la guía de la ubicación del último elemento seleccionado (para el ejemplo, el cuadrado)

El primero seleccionado: Exactamente lo mismo que el anterior, sólo que al revés ;)

El Elemento mayor: se alinearán los elementos con respecto al objeto que sea más grande.

El Elemento menor: lo contrario del anterior

Con respecto a la página: todos los elementos se alinearán con respecto al tamaño total de la página

Con respecto al dibujo: Sin importar la localización de los objetos, ambos se dividirán la ubicación en la que se encuentren y luego se alinearán a “la mitad del camino” entre los dos (o más) dibujos

Bastante similar al anterior.

Por supuesto, las formas de alinear son a la izquierda, a la derecha, al centro (con respecto al eje vertical) y hacia abajo, hacia arriba y al centro con respecto al eje horizontal de los elementos.

Para entender mejor lo de la alineación, les dejo con este cortísimo screencast:



Bien, espero que el próximo post sea un tanto más interesante que este y pueda mostrarles cómo hacer algo más interesante que un par de cuadrados :)

Saludos a todos

miércoles, 9 de julio de 2008

Una mirada a Inkscape

Para comenzar, como dice el dicho, por el principio, les comento que pueden bajar el software Inkscape de este link. A partir de este lugar pueden seleccionar la plataforma en la que trabajan (Linux, MacOS o Window$) y luego instalarlo dependiendo de los métodos de instalación de la plataforma respectiva.

Ahora bien, una vez instalado entramos al programa y se nos presentará la pantalla de edición junto con las herramientas, tal y como lo vemos en la figura de la derecha. Una de las barras de herramientas más importantes es la que se nos muestra a la izquierda, que es la que nos permite trabajar con formas, nodos, beziers, calgrafía, texto, etc.

Con esta barra se desarrolla mucho de nuestro trabajo inicial, y es precisamente con esta barra con la que la gran mayoría empieza a hacer sus "pininos" en el mundo del "diseño libre", pues es precisamente aquí en donde se encuentran las herramientas para hacer el "esqueleto" de la gran mayoría de diseños que podamos llegar a hacer.

Las opciones del menú (del que está más arriba) son Archivo (File), Edición (Edit), Ver (View), Capa (Layer), Objeto (Object), Trazo (Path), Texto (Text), Efecto (Effect), Pizarra Blanca (White Board) y Ayuda (Help)

Poco a poco y a lo largo de los muchos posts que nos esperan, vamos a ir desentrañando las utilizadades de la gran mayoría de las opciones con las que nos encontramos dentro del programa.

Bien, finalmente los dejo con un pequeño (realmente pequeño) screencast para mostrar el "primer encuentro" con Inkscape.



Saludos a todos

martes, 8 de julio de 2008

¡¡¡¡Hola Mundo!!!!

Bien, en este blog pretendo hablar sobre una de mis grandes pasiones: El Diseño Gráfico, sobre todo el trabajo con el programa de dibujo vectorial Inkscape, el cual se ha convertido en un fiel compañero y en objeto de admiración por mi parte, por ser un proyecto tan maduro dentro del mundo del software libre.


En este blog intentaré poner algunos minitutoriales de cómo hacer tal o cual diseño, y espero poder subir alguno que otro screencast para mostrar la forma de utilizar algunas de las herramientas de este software maravilloso.

Como es de esperarse, también hablaré un poco del manejo de imágenes de mapa de bits con Gimp para hacer el complemento perfecto de un buen diseño.

Bien, dicho lo anterior, y tal como lo dice el título del post: ¡¡¡¡HOLA MUNDO!!!!