Diseño de logos con Inkscape

marzo 11, 2016

Haciendo previamente la aclaración de que mi profesión no es la de diseñador sino la de ingeniero, quisiera publicar una entrada que mencione otro caso en el cual Inkscape sea un buena alternativa frente a opciones de software pago. Se trata del diseño de logos.

Aquí publico un ejercicio que hice con la empresa de un amigo, el cual consistió en desarrollar un logo para su Hotel, ubicado en la ciudad de Riohacha, Colombia. Su nombre es AmaraRio. Lo primero que se me ocurrió después de escuchar sus requerimientos fue lo siguiente: Riohacha es una ciudad a la orilla del mar caribe en la costa norte de Colombia, recientemente declarada Distrito Turístico y Cultural, por lo que me pareció que el logo debería incluir el sol y el mar.

Sin embargo, era importante resaltar la parte cultural, en este caso la cultura Wayuu, que es el valor agregado de la ciudad como destino turístico y uno de sus principales elementos diferenciadores de otros destinos del país. Por eso, incluí otra opción, que terminó gustando sobre la primera:

logo-hotel-amarario-opcion-timon

¿Qué herramienta utilicé para hacer el bosquejo y luego el logo final? Inkscape, el muy práctico editor de dibujos vectoriales. Es fácil imaginar lo que un diseñador profesional que lo incluyera entre sus opciones de software habituales lograría.

 

 

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 para elaboración de invitaciones web

marzo 9, 2016

Inkscape es una herramienta sencillamente rápida a la hora de producir elementos web para campañas de marketing.

Este es un ejemplo del uso de una plantilla SVG de Inkscape para realizar invitaciones que luego se enviarán por correo electrónico masivo a los interesados.

Diseño de invitación para correos masivos con Inkscape - Ejemplo

Como se puede apreciar, el tipo de medio requiere unas lineas de texto claras y directas que faciliten al lector enterarse en poco tiempo del motivo de la comunicación.

Por lo anterior, se incluyeron solo unos cuantos elementos gráficos y una sola imagen para comunicar la primera impresión. Como en este caso, la imagen se puede adquirir comprando en los servicios en linea que funcionan como repositorios o quizás desees elaborarla tu mismo, tomarla de tu propia base de gráficos o ir a un repositorio gratuito.

Para los siguientes envíos, Inkscape permite cambiar los colores y la imagen con mucha facilidad, lo que te facilitará el proceso de edición.

Enlace de descarga sin la imagen de cabecera: Aquí

Vectores de carpetas (Folders Vectors) SVG con Inkscape

septiembre 5, 2012

Free Folder VectorsHace poco estuve tratando de desarrollar mi propia GUI para un proyecto personal de CMS (algo con qué liberarme de las actualizaciones de Joomla! y WordPress) para mis sitios web.

Una de los primeras metas que me tracé fue crear iconos realistas y de gran tamaño por si termino incluyendo gestos en el control de las publicaciones. No sé que tan cerca quedé de ese objetivo. Esto es solo un proyecto, y considerando el tiempo que suelo tomarme para proyectos personales, supongo que no verá luz en poco tiempo.

Así que, como un gesto de gratitud y buena fe con todos los que han publicado recursos gratuitos en internet, les dejo estos pocos, pero a mi humilde parecer, buenos vectores.

Que me disculpen algunos si se parecen a alguna imagen que estén vendiendo en internet, la verdad es que estos están hechos desde CERO.

En cuanto a la licencia: “El software se entrega tal y como es…”. Baaa, puede usarlos como quieran bajo su propia responsabilidad.

Saludos a todos.

PD: disculpen por tantos meses sin publicar.

DESCARGAR – DOWNLOAD:  FREE Folders Vectors – SVG – Inkscape

Inkscape 0.48 – Uno de los mejores Editor de gráficos vectoriales escalables

septiembre 3, 2010
Inkscape-El mejor editor de gráficos vectoriales escalables.

Facilidad de uso, herramientas potentes, respeto de estándares (SVG-XML), capacidades extraordinarias para importar - exportar, entre otras, son las ventajas de Inkscape.

Inkscape 0.48 llegó recientemente al público después de 9 largos meses de desarrollo. Hace años, cuando Windows vs Linux comenzó, podría ser visto eran el trabajo de comparación entre lo que el uso de ambos sistemas para realizar determinados trabajos. Windows en el punto de nivel del diseño gráfico, siempre consigue el mejor resultado … pero la ventaja se está reduciendo, y todo gracias a esta y otras aplicaciones, tales como Inkscape.

Inkscape es una excelente fuente abierta editor de imágenes vectoriales, con funciones y herramientas similares a Illustrator, CorelDraw o Xara X. Se utiliza el estándar del W3C: el formato de archivo SVG – Scalable Vector Graphics.

Puede importar una variedad de formatos como PostScript, EPS, JPEG, PNG, TIFF, etc

Esta nueva versión (Inkscape 0,48) trae muchas nuevas características incluyendo sobre todo la inclusión de la nueva herramienta del producto, la edición múltiple, la rotación de los objetos y una interfaz muy mejorada e intuitiva. Puedes ver todas las noticias de aquí. Es muy intuitivo, muy ligero (consume pocos recursos del sistema y carga con una velocidad impresionante), el poderoso y totalmente compatibles con los estándares XML, SVG y CSS. Utilícelo en cualquier Windows, Linux o Mac y ahorrar muchos euros en licencias de herramientas propietarias.

Traducido por google desde: Gravick

Inkscape: Hacer una pantilla web rápidamente

febrero 5, 2010

Solo es necesario tener una idea de como se debe ver, poner texto e imagenes de prueba y ya está. Inkscape facilita el proceso de dibujo más que muchos otros programas. Esta es una muestra de como se puede usar inkscape para hacer la página de inicio de un web site:

Solo quito el texto, exporto la página o las secciones y luego recontruyo el sitio.

Ya sé que no soy diseñador y me falta mucho para serlo.

La idea es sencilla: dibujas la web como se debe ver, retiras el texto, exportas la imagen completa y luego la recortas con THE GIMP, el complemento perfecto de Inkscape, y por último, con un editor de páginas web la reconstruyes.

Tambien, dependiendo de lo que quieras hacer, puedes exportar grandes secciones o todo el fondo de la web como hacen algunos, y luego la incluyes en la página, justo donde debe quedar.

Existen programas como Fireworks que hacen esta última parte automáticamente. Pero no me gusta que otros pongan código a mi página. Y es bueno hacer el ejercicio de vez en cuando.

Lo curioso es que uno empieza haciendo solo un tipo de trabajo con inkscape, y luego ves más y más aplicaciones a este tipo de programas, hasta que terminas crgando el instalador en la usb o peor aún, una versión portable.

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.


Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.