Archive for the ‘Publicaciones’ Category

Elementos para Juegos con Inkscape

marzo 9, 2016

Una de las aplicaciones más prácticas de Inkscape es el diseño de mundos y elementos para juegos.

Esta aplicación te permite crear casi cualquier elemento gráfico para añadir a tus apps o juegos, casi sin importar la temática o el estilo del mismo.

Debido a que sus gráficos son vectoriales, permite la manipulación de todo tipo de formas con el fin de crear los caracteres o elementos de ambiente de tu juego.

Hace poco estaba probando la creación de un juego con HTML5 y este es uno de los elementos que quise recrear:

Nave espacial vector para aplicación tipo juego con Inkscape

Como puedes observar, se trata de una versión reducida del X-Wing de Star Wars.

Aunque no fue el elemento final elegido sirve para mostrar que Inkscape tiene enormes posibilidades para ser tu editor de gráficos para juegos favorito.

Archivo SVG: Aquí.

Inkscape: Publicaciones electrónicas con mucha rapidez

septiembre 30, 2009
Esta puede sería la portada de la publicación electrónica

Esta sería la portada de la publicación electrónica

Este podría ser el fondo de página que se configura en el editor de texto para que aparezca detras de la página. También se puede acentuar el blanco y partir la imagenes parq ue sea el fondo de una web simple pero elegante.

Este podría ser el fondo de página que se configura en el editor de texto para que aparezca detras de la página. También se puede acentuar el blanco y partir la imagenes para que sea el fondo de una web simple pero elegante.

La fuente SVG: http://rapidshare.com/files/287081671/Eolica_pyp.svg

Estoy haciendo un experimento para ver si es posible hacer publicaciones (por lo menos electrónicas o de pequeño formato en el caso de las impresas con inkscape y estoy llegando a la conclusión de que complementar inkscape con openoffice o el propio word de office es una buena idea.

Ya que el programa de dibujo vectorial Inkscape no maneja de momento perfiles de color del tipo de impresión y no es multipaginado, se pueden exportar los elementos creados a formato PNG e importarlo en herramientas que si lo soporten. En los casos más simples estas publicaciones podrían ser comunicados cortos de esos que se envían por internet para enterar a los miembros de un determinado grupo o red.

Por otro lado, me doy cuenta de que mucha de la apariencia llamativa de algunas páginas depende de la cabecera muy elaborada que incluyen. Todo el texto mantiene un formato muy sencillo y los links ni se perciben, pero la cabecera recibe un cuidado especial, debido en parte a que esta recibe la primera y mayor atención del usuario si abarca el alto y suficiente. Por lo que el espacio de la página destinado a texto es simplemente un espacio blanco que corta la imagen de la cabecera o es superpuesto a ella.

En fin, ayer probé con inkscape y despues en el editor de textos metí el texto .

Solo me quedan dos preguntas: ¿Hay alguna forma de justificar el texto en inkscape?

Otra: ¿ que tanto contenio externo se puede vincular a los archivos SVG de inkscape? CSS? texto? ya se que se puede con imágenes.

Esta última me interesa por que estudio la posibilidad de hacer una página web con svg. No importa que tan dificil sea, solo si se puede o no.

Inkscape: El mejor para retratos vectoriales

agosto 24, 2009
Una muestra de los que podría ser un fondo de escritorio con Inkscape

Una muestra de lo que podría ser un fondo de escritorio con Inkscape

¿Que te parece mi fondo de escritorio? Haz el tuyo con Inkscape

link de descarga archivo svg: http://rapidshare.com/files/286275536/la_carita_mas_linda_del_universo_pyp.svg

Poniéndole color

Secciones
* Aprende a hacer retratos con Inkscape
* Los artistas copian, los genios calcan
* Poniéndole color
* Y le lleva concurso también

Ahora comenzaremos a pintar nuestro retrato. Para esto presionamos Shift+F6 y comenzamos a contornear el sector que deseemos colorear. Una vez que hemos terminado la selección pulsamos sobre uno de los colores que tenemos abajo (rosado para los labios) y mágicamente nuestro dibujo irá tomando color.

Si desean editar la selección presionen F2 para acceder a los nodos y ajustar los trozos de color. En caso de que hayan borrado la imagen de fondo la pueden reimportar para ir guiándose con los colores originales. Recomiendo comenzar por las Zonas pequeñas como las cejas y los labios. Cuando tengan una zona lista vayan a Objeto y pinchan donde dice “Bajar al fondo”. De esta manera el color no se superpondrá al contorno.

Una vez que hemos terminado con las zonas pequeñas comenzamos a colorear la piel y el pelo. Recuerden que pueden enviar las zonas de color hacia el fondo, bajarlas, subirlas o superponerlas al trazo.

Una vez que tenemos todo nuestro dibujo coloreado procederemos a aplicar luces y sombras. Este procedimiento se realiza utilizando la curva Bézier y el blanco y negro. Lo que haremos será mirar la fotografía original y comenzaremos a copiar las luces (zonas más blancas) de la imagen. Luego rellenamos con blanco, presionamos “Shift+ctrl.+F” y desenfocamos el relleno, para que el brillo parezca más natural. También podemos jugar con la opacidad del color.

Cuando sientas que tienes luces y sombras suficientes como para decir: “Uy que me quedó bonito”, puedes proceder a exportar tu retrato (Archivo/Exportar mapa de bits). Recuerda que en Inkscape el único formato no vectorial disponible es PNG, por lo que necesitarás Gimp o Photoshop para convertir a JPG o GIF.

Aquí va el logo que será simbolo de buena calidad

agosto 11, 2009

Rápidamente publico el logo que será con el tiempo, mucho mucho tiempo, simbolo de calidad en los dibujos. Ja ja.

No está de mas mencionar que está hecho simplemente con texto relleno de colores degradados, lo cual es muy facil de hacer en inkscape: Efecto 3d en texto por RapidCookie.

Pero en esta ocasión aprendí a usar una herramienta más: las guías, siguiendo un consejo de un amigo que sí es diseñador. Por cierto son fáciles de usar y te ayudan a acomodar todo tu trabajo. Las de Inkscape son fáciles de usar y muy prácticas.

Solo me queda un pregunta que quisiera contestar: ¿Como hago para que lo cuadros de arriba queden con efectos de sombra hundida en el interior de sus bordes? Si tienes la respuesta no dudes en contestar.

El logo que garantizará la calidad en los trabajos hechos con inkscape

El logo que garantizará la calidad en los trabajos hechos con inkscape

y para los que no creen que usé las guías:

Para que no quepan dudas de que usé las guías

Para que no quepan dudas de que usé las guías

Quedo pendiente de hacer un sello que diga 100% Inkscape para aquellos que me permitan resaltar sus trabajos en este espacio.

InkScape: Retratos de gran calidad con solo dos herramientas

agosto 10, 2009

¿Crees que debes comprar un programa de pago para lograr resultados profesionales o de gran calidad? ¿Crees que el secreto de los grandes diseñadores, pintores e ilustradores es la gran suma de dinero que invierten en sus pc’s y su Licencia de dos millones de pesos colombianos de la Suite de diseño de Adobe? ¿Crees que no eres nadie sin tu Corel Draw X4 pirateado? Ja, Ja, Ja.

Pues dejame decirte, que estás mal. Lo único que necesitas es inkscape y este tutorial de como hacer retratos con vectores: Aprende a hacer retratos con Inkscape en www.mouse.cl

El resultado, dependiendo en un 30% de tus capacidades artísticas y en un 70% de tu paciencia puede ser algo como esto:

El archivo original se llamaba La carita más linda del universo.svg

No sé si porque la modelo es mi hija me parece toda una obra de arte.

Ojo está hecho con curvas bezier desenfocadas y rellenos degradados.

En la próxima voy poner ese rostro con su cuerpito en un paisaje que esté a su altura.

OK, OK. InkScape debe estar en Smashing Magazine

agosto 3, 2009

Estoy cansado de ver cantidad de revistas eletrónicas que se dedican a promover el uso de software de pago para realizar trabajos profesionales de edición de fotografías, pintura digital y dibujo vectorial. He aquí algunas razones por las que estoy harto de tanta propaganda a esos programas:

1. No todos los estudiantes tenemos plata para comprar esos programas tan caros.

2. Enseñarnos hacer “truquitos” de retoque y dibujo, e incluso, enseñar los principios del diseño con una de estas herramientas es invitarlo a uno a piratear esas herramientas.

3. Le hacen creer a la gente que todo lo que haga con esas herramientas es “hermoso”. Eso es un grave error. He visto verdaderas porquerías hechas con esos programas y no por hacerlos en ellos dejan de ser porquerías.

4. La gente aprende a desmeritar el trabajo de los demás solo por que no está hecho con esos programas. Hay gente incluso que no le da la oportunidad de trabajar a algunas personas por que no está acostumbrada a hacerlo en determinada herramienta paga (que ella tiene pirateada) sin darle la oportunidad de que demuestre sus capacidades en otras herramientas.

5. Las limitaciones que traen esos programas en sus versiones gratuitas son, por mucho, humillantes. Duran 30 días o no te dejan guardar cambios o no habilitan otras opciones. La gente tiene que bandearse con esas cosas como pueda. Hacer trabajos a velocidad luz, sin dar rienda suelta a su inspiración. y ¿qué curso serio de diseño dura 30 días?

Me gusta inkscape. Tiene mucho futuro. Pero sobre todo, tiene un gran presente. Te da verdaderas herramientas para que te expreses y las limitaciones que le ves son las limitaciones propias de las fases de desarrollo de software, que en algún momento desaparecerán.

Inkscape no hace falsas promesas, no recibe propanganda engañosa. Trabajas con la seguridad de que la calidad del resultado final solo dependerá de una cosa: de ti.

Es por esto que he dicido hacer un blog. Un espacio en el que se publiquen solo trabajos de inkscape de gran calidad. De calidad profesional. Que se ciña a los estandares de diseño que existan o mas bien a las tendencias mas recientes. Trabajos que le recuerden a los diseñadores más reconocidos que lo importante no es la potencia de tu máquina ni el costo de tu herramienta.

Lo que planteo no es hacer una web como el grupo social de http://inkscape.ning.com, ni un grupo, ni una página para postear todos nuestros trabajos. Sino un página en la que podamos mostrar esos y solo esos trabajos que hagan llorar a nuestras madres por la calidad y el profesionalismo que demuestren.

Espero hacer en torno a este sitio, una norma de calidad y diseño estético. Un sitio de normas elevadas. Un filtro finisimo al gusto mas elevado.

¿Que quien soy yo para saber qué es y que no es diseño? Pues tengo la cualidad de saber cuando algo es bello y cuando no, cuando tiene armonía y cuando no. Y no les digo mentiras, nunca he estudiado nada relacionado con el dibujo, la pintura, la “ilustración”, “Diseño” ni nada parecido. Pero se dibujar como pocos. Y no me he encontrado todavía con nada que me haga tropezar. Se qué es una sombra, como se proyecta en la realidad, se qué es una textura, se qué es perspectiva, se que es enfoque, se qué es color, temperatura y, sobre todo, se qué es Inspiración. Solo hace un año estoy haciendolo en el PC. Y no soy infalible. Pero ahí entra la segunda parte de mi plan.

Ustedes deben opinar, calificar los dibujos. hacer correcciones. Todo sin cobrarme un peso. XD. Solo con el ánimo de ver a nuestras herramientas libres en el mismo pedestal de las herramientas no libres. Este es mi primer posteo en el blog. El que con la yuda de buenos trabajos y las ganas de superar el reto puede ser la norma de diseño profesional de las herramientas libres…. Y si no lo es… por lo menos será el espacio en el que grite al mundo de no necesito ilustrator ni corel ni photoshop para hacer cosas bellas. Solo me necesito a mi y a la mano del Gran Diseñador en el modelo original, como espero demostrar muy pronto en mi primer trabajo a postear.