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!!!!