Mostrando entradas con la etiqueta Openclipart. Mostrar todas las entradas
Mostrando entradas con la etiqueta Openclipart. Mostrar todas las entradas

lunes, 16 de mayo de 2011

Bonus: Dibujante de Comics

10 días sin que se vea movimiento en el blog dan para que haga muchas cosas entre las sombras. Entre ellas tengo dos artículos a medio publicar (sí, exacto, esos análisis largos y concienzudos), y para uno de ellos he hecho varias ilustraciones (y otras cuantas más que voy haciendo según se me ocurren ejemplos). Una de ellas es un dibujante de comics con trabajo bajo el brazo...

 

Tambien está subida a OpenClipart, así que puedes ir a la página de descarga pinchando en la imagen. La curiosidad es que por algún error, posiblemente en el título del archivo, el png de previsualización no se muestra; así que tendrás que picar en el título de enlace (Dibujante / Cartoonist) que sale en su lugar para ver el archivo svg. O pinchando aquí, puestos a ponerlo fácil.



Savannah

En medio de una presentación de LyX (programa que recomiendo a cualquiera que necesite armar tesis doctorales y demás textos densos, estructurados e indexados), y visto de lo que me estaba enterando (que sí, me enteré de donde estaba el tutorial leñe), 10 minutos después de empezar el profe, aquí el oso no tuvo otra idea que liarse a hacer garabatos con Inkscape. De resultas de mi déficit de atención, mis neuronas acabaron en África:


Me gustó el dibujito, lo suficiente para pensar en usarlo en un librito para niños que tengo en mente, así que en casa lo retoqué un poco, y ahora para variar lo libero al dominio público. Pinchando en la imagen puedes descargarlo desde la galería de OpenClipart.


 

domingo, 17 de abril de 2011

Tutorial Inkscape: Arte poligonal

10binary es uno de los muchos artistas que me llaman la atención en OpenClipart. Si bien su especialidad son los  mosaicos geométricos, algunos de ellos realmente llamativos, últimamente está subiendo una serie de figuras conocidas como Arte Poligonal. Stone-henge aparte, al que podemos ver en contexto en el link del arte poligonal, esto viene a ser una representación de polígonos en la que todos sus vertices estan unidos al resto mediante líneas. Ejemplo, este dodecágono de 10binary.



Hasta un hexadecágono, podríamos ir trazando lineas una a una sin liarnos mucho desde cada vértice, pero ¿qué pasa si queremos hacer un triconta...kai...te... este... un polígono de 32 lados ¬¬, o de 64? (aprender programación te cambia la vida hasta para contar...) Es probable que cuando lleves cinco o seis vértices a mano alzada pierdas la perspectiva, si no se te han escapado lineas ya. La solución para crear rápidamente y sin errores estas figuras pasa por darse cuenta de que una y otra vez, repetimos la misma operación en cada uno de los vértices. Eso, y que estamos hablando de polígonos regulares, en los que cada vertice es equidistante del centro, y entre si mismos... Y por supuesto ayuda conocer las capacidades de Inkscape. Una vez que empezamos a darnos cuenta de las relaciones, podemos hacer algo como esto:


Paso uno: Base

Abrimos Inkscape, y dibujamos nuestro polígono regular de 32 esquinas. La herramienta de polígonos y estrellas nos permite hacerlo sin calentarnos la cabeza. El centro de la figura simplemente será desde donde pinchamos para arrastrar el ratón. Si eres increíblemente perfeccionista, puedes hacerlo mientras pulsas la tecla CTRL, forzando la figura a tener un angulo fijo (ángulo de ajuste rotacional, que lo llaman los creadores) e ir girando el poligono hasta que los vertices coincidan con alguna base horizontal o vertical. Aunque por defecto el radio de giro es de 15º, puedes modificarlo en las preferencias generales de inkscape>>pasos.


La combinación de colores no es relevante en este caso, aunque he escogido el amarillo canario para que nos achicharremos los ojos viendo claramente el polígono. Para continuar trabajando, yo voy a colocar un rectangulo gris, debajo, para no perderme con el contraste, y tu y yo vamos a dejar el objeto sin trazo, ya que lo único que logrará es marearnos.


Consejo del día 1:
Doy por sentado que conoces las formas de eliminar el (color del) trazo, porque podría explicarte que, con el objeto seleccionado, si pinchas en la paleta de colores de abajo, sobre la crucecita roja del principio, con la tecla mayúsculas pulsada, ya no verás el trazo (si pinchas directamente lo que desaparece es el relleno). También podría explicarte que en la esquina inferior izquierda, donde pone relleno y trazo, si pinchas sobre la región de colores de relleno y trazo, se te abrirá el panel de relleno y borde. Ese mismo que puedes abrir desde la barra de comandos (ya sea arriba o a la derecha, depende de como tengas configuradas las barras), al lado de la T negra y grande del texto, o simplemente pulsando Ctrl+Mayusculas+F. Pero no lo voy a hacer, porque estoy seguro de que todo eso ya lo sabías.



Paso dos: Uniones

Vamos a facilitarnos el trabajo de unir los nodos, pinchando el botón de ajustar a nodos vértice de la barra de controles de ajuste. Ahora simplemente debemos utilizar la herramienta de lapiz, que se autoajustará a cada nodo vértice al acércanos a ellos, y trazar una linea desde, por ejemplo, el nodo superior, hasta cada uno de los demás nodos.





Consejo del día 2: (nacido de la curiosidad de Felipe)

Forma rápida de trazar una única linea recta: con el lápiz.

Haz click en el punto de origen, y click en el punto de destino. No traces la linea con el botón del ratón pulsado, si no quieres un surco lleno de nodos.
Si tienes que trazar solo una linea recta, usa esta opción.

Formas lentas de trazar lineas rectas solitarias: con el tiralíneas. (herramienta de curvas y lineas beizer)

Método 1) haz exactamente lo mismo, click en punto de origen y click en punto de destino, y luego pulsa enter para finalizar el trayecto...

Método 2) antes de hacer los pasos anteriores, te aseguras de que pulsaste el botón de modo, sucesión de segmentos rectos en la barra de opciones de la herramienta. Con eso no hay forma humana de que al arrastrar al picar se te doble la linea.

Usa este sistema cuando quieras trazar, por ejemplo, lineas quebradas.



Una vez trazadas todas las conexiones hacia el vértice superior, la parte más laboriosa, nuestro trabajo está casi acabado. Vamos a seleccionar todas las lineas y a agruparlas. La forma más rápida de hacer esto es seleccionar todos los objetos del documento (algo que podrías hacer pulsando el icono de seleccionar todo desde la barra de opciones de la herramienta de selección, abriendo el menú de Edición>> Seleccionar todo, o simplemente pulsando Ctrl+A) y de-seleccionando el polígono que tenemos de muestra (con la tecla Mayúsculas pulsada, haz click sobre el polígono en una zona donde no estén las lineas). Agrupa las lineas seleccionadas con Ctrl+G, o desde el menú de Objeto>>Agrupar, o desde el icono de agrupar los objetos seleccionados en la barra de comandos. En mi caso he aprovechado para reducir el trazo de todas las lineas a la vez a 1 pixel antes de agrupar. Fundamentalmente, porque cuanto más gruesa sea la linea, mas negro se va a quedar el dibujo.




Paso tres: Duplicados

Te voy a ahorrar el paso de agarrar la calculadora (o abrirla en el pc, si no tienes ganas de buscar la que te regalaron cuando peque) y dividir los 360º de cualquier circunferencia entre el numero de lados del polígono, solo por esta vez: 360/32=11,25. El fascinante mundo de las matemáticas, aplicado al diseño.

En nuestro polígono, cada vértice se encuentra a 11,25º del siguiente. Así que el gran secreto de todo este intrincado dibujo consiste en girar copias de nuestro grupo de lineas en pasos de 11,25º. Podrías cambiar las preferencias de Inkscape para hacerlo manualmente, pero hay (sorpresa) una forma mucho más rápida, y mucho más precisa: el panel  de transformar (ese gran desconocido, como el panel de programas de la lavadora...)

Si abres el panel de transformar (Ctrl+Mayúsculas+M, o desde el menú Objeto>>Transformar) encontrarás rápidamente la pestaña de ROTAR, justo en el centro. Introduce el angulo de rotación que tenemos calculado, y asegúrate de que estás poniendo una coma y no un punto (malditos teclados numericos...), principalmente porque solo acepta comas como separador. Es realmente divertido ir rotando 1125º cada vez, pero no es nuestro objetivo marearnos. No le des todavía al botón de aplicar.

Vuelve al diseño, y selecciona el grupo de lineas. duplica (CTRL+D, o Edición>>Duplicar) y ahora sí, pulsa el botón de aplicar en la ventana de transformar.


Solo te queda hacer esto 30 veces más. Y puesto que el botón de aplicar se ha quedado seleccionado, y puedes seguir clonando el objeto sin cambiar a la ventana de dibujo, si utilizas los atajos de teclado (CTRL+D, ENTER, CTRL+D, ENTER, CTRL+D, ENTER) tardas más o menos... 1 minuto en completar la figura, y eso haciéndolo despacio.


Como colofón final, vamos a quitar los (en mi caso) dos objetos que tenemos al fondo: el rectangulo que utilicé como elemento de contraste es fácil de seleccionar y borrar, pero el polígono puede ser más difícil, si no recuerdas que utilizando la tecla TAB seleccionas uno por uno todos los objetos del documento de forma sucesiva, desde abajo. Y qué objeto está en la parte más baja? exacto, el polígono amarillo limón. Así que simplemente pulsamos TAB, y eliminamos.

O lo dejamos, que después de todo, no queda tan mal... A mi me recuerda a los mantelitos de nuestras abuelas.

Cual capítulo de bricomanía, vamos a repasar lo que hicimos en el tutorial de hoy:

En primer lugar hemos dibujado un polígono regular de X lados.
Hemos activado la opcíon de ajustar a nodos vértice, y hemos utilizado el lápiz para conectar uno de los vértices con todos y cada uno de sus vecinos. Hemos agrupado las lineas para que sea más facil manejarnos con ellas.
Hemos calculado el angulo de rotación dividiendo 360º entre el numero de lados del poligono, y hemos utilizado este indice para girar los duplicados del grupo original, hasta completar todos los vertices.

Fácil verdad? Y la de tiempo que nos hemos ahorrado...

A partir de aquí, te recomiendo y animo a que experimentes usando formas geométricas dentro del polígono, o que elimines alguna de las conexiones, por ejemplo las centrales. En ese caso, tendrás que asegurarte de que el centro de rotación del grupo coincide con el centro del polígono en cada duplicado. Piensa siempre por qué, experimenta y busca nuevas formas de hacer las cosas. Lo más tonto puede convertirse en lo mas sorprendente...


 

viernes, 25 de marzo de 2011

modelos SLV (parte I)

No, no he tardado más de lo previsto en hacerlos, es que hacía más cosas a la vez :P. Ya están disponibles para descargar desde Openclipart (picando en la imagen de abajo) los modelos masculinos que se usarán de base para los gráficos de personaje de Universe s.LV.


Para presentarlo aquí, ya que es algo a título personal y no es lo que vamos a usar en el juego, pero quedaba bonito, he vectorizado un par de brochas de Photoshop... con la ayuda de Gimp. Las brochas originales las puedes encontrar en free-brushes.com, concretamente son estas: vector_tech_brushes. Si todavía no lo sabes, hace ya bastante tiempo que Gimp acepta el formato de brochas de PS (guarda el archivo de brochas en la carpeta de brushes de Gimp, tan simple como eso. Una vez que abras o actualices las brochas en Gimp, aparecerán en la lista de brochas) Algunas pueden dar errores, pero no es lo común. Y si las ves con un simbolito + en la esquina, es porque son más grandes de como se muestran en la previa. De las cosas que se entera uno oiga.

Como curiosidad, el artista de las brochas es de Murcia, una pena que, según su bío en Devianart, siga usando Adobe :P


jueves, 17 de marzo de 2011

Las brujitas, en OpenClipart

Lo prometido es deuda, y como ya estoy entrampado con el banco hasta las orejas, por lo menos le pago a alguien... metafóricamente hablando. Las brujitas ya forman parte de la galería de  OpenClipart, y picando en las imágenes podéis ir hasta la página de descargas.













A ver si os tirais el pegote e invitais a cerveza si las usáis para fines comerciales. O una botellita de hidromiel... ^^

miércoles, 16 de marzo de 2011

O Meigas, Haberlas haylas

Aprendiendo idiomas... Dos nuevos productos vectoriales originales creados por el este que suscribe, que pasarán a formar parte en breve de la colección de OpenClipart. Eso significa que los SVG serán del dominio público, así que agradeceré las muestras de apoyo y las invitaciones a tarritos de miel. La previa es enana, pero es que me encanta mantener la emoción :P





Con la bruja de la izquierda he descubierto una técnica curiosa para crear los dibujitos estilo comic, lo peor es que se me ocurrió sobre la marcha -sobre la marcha es cuando ya llevaba una hora calentándome la cabeza- y como después de buscar un poco no he encontrado a nadie que la use (seguramente porque no he buscado lo suficiente), creo que voy a montar un tutorial al respecto. Permanezca en sintonía...