herramientas

Cómo crear una tipografía digital
Uno de los últimos trabajos realizados para Tierra Astur, fue la estampación de unas cajas de madera que formarían parte de la decoración de la nueva sidrería Tierra Astur Avilés. Tenía vía libre para proponer, pero como siempre, no para desarrollar. Bajo coste ante todo.

 

Esto me ofreció la posibilidad de investigar los métodos y estilos que antaño se usaban. La principal fuente de información fué «El Libro de la Sidra» de Gustavo Bueno Sánchez (único enlace encontrado). Entre muchas otras cosas se muestra una gran selección de etiquetas de sidra antiguas y algunas cajas que me fueron útiles para el desarrollo del proyecto. Internet no resultó tan eficaz con la muestra pero me gustó una de las webs de antigüedades que visité:

 

Para el boceto que les muestro utilicé la tipografía Matthan San, la cuál modifiqué en illustrator dándole relieve y grosor tal como se hacía antaño. Una vez creadas las letras necesarias encontré oportuno continuar con todo el alfabeto para proceder a crear mi primera tipografía. También puedes hacerlo con dibujos, símbolos que dibujes o con tu letra manuscrita. Tan solo necesitas escanear tu letra, pasar el jpg resultante a illustrator y vectorizarlo.

 

Utilicé FontCreator, es un programa que para un uso básico es de lo más sencillo. Permite hacer copia y pega desde illustrator y después solo tendrás que ajustar la letra correspondiente a las lineas de ajuste. Es un trabajo tedioso que nos tendrá entretenido buena parte de la mañana. Merece la pena invertir una mañana en descubrir cómo digitalizar las tipografías, podrías empezar con tu propia fuente manuscrita.

 

Presenté varios bocetos pero el resultado final se realizó con la tipografía corporativa de Tierra Astur.

Prácticas en Iricom
A la par que hacía el Proyecto Final de Diseño Gráfico Publicitario, y como si fuera poco, realicé un curso del INEM impartido por IFES. La denominación es Administración de servidores web, con la que se pretendía al menos crear una tienda online sencilla. Estos cursos son masivos y fue inevitable la diferencia de conocimiento sobre webs entre los alumnos. Por ello a pesar de no saber gestionar una tienda online prendí la base javascript, php y Mysql. Además para aprovechar los tiempos muertos me introduje en el maravilloso mundo de Jquery, Html5 y CSS3.
Conocí programas como el TopStyle y EditPlus: dos sencillos programas de edición y visualización de lenguaje. Aprovechando la ocasión ofrecí una oportunidad a Dreamweaver para las webs más sencillas pero los resultados fueron nefastos.
Tras el curso podíamos optar a prácticas en empresa en las cuales me puse en contacto con IRICOM: una pequeña empresa que ofrece todo tipo de recursos web, software y hardware a sus clientes. Tienen la suerte de contar con Valery Olivo: una excelente diseñadora y programadora con la que aprendí mucho. Por ello y mucho más es jefa de departamento.
El trabajo de prácticas nunca suele ser muy productivo pero en este caso se puso en mis manos la creación de dos marcas para la empresa las cuales ahora pasan a formar parte de mi porfolio.




Nube tipográfica

En los eventos Tierra Astur, mostramos a menudo una pantalla proyectada con imágenes o vídeos de la empresa. Para un evento anterior, presentación de la campaña «Alimentamos tu orgullo» creamos este fondo a partir de una nube tipográfica que muestra el guerrero del logotipo de la empresa.

Existen varias webs que frecen el servicio online de creas estas nubes:
Tagxedo, Wordle, Abcya, Imagechef

La que mejor me funcionó fue Tagxedo, puede ser un poco confuso al principio pero el resultado es muy bueno. Permite cargar imágenes en color plano para crear las siluetas y posee una gran variedad de paletas de colores. No obstante con photoshop siempre podremos modificar la imagen al gusto de cada uno. También permite cambiar la tipografía y cargar las nuestras. Un panel de herramientas avanzado nos permitirá un buen control del diseño a los más exigentes. Además de esto la calidad de la imagen es más que suficiente como para vectorizar sin problemas.

Gestionar enlaces online
Desde que empece con mi último trabajo me encuentro en la situación de tener varios ordenadores a mi disposición con los que trabajo y cientos de enlaces que guardo semanalmente. Con el gestor de firefox de carpetas no es suficiente además de que necesito la vinculación de todos los navegadores.
Este problema lo podemos solucionar numerosos gestores online. Recomiendo probarlos para finalmente decidirnos por el que más cumpla nuestras exigencias. Probaré algunos y con otros me fijaré en las recomendaciones de otros blogs y lo actualizados y concurridos que sean sus webs.

Google Bookmarks: demasiado sencillo para lo que se espera de google, mala interface y el buscador de tags es demasiado estricto como para realizar una buena búsqueda. Google tiene abandonada esta aplicación desde 2006 que fué creada.
Evernote: es un programa muy completo de gestión de enlaces, artículos y webs enteras además de notas simples.  Solamente he probado el tema de enlaces y funciona bastante bien. Se debe instalar el programa y añadir un plugin en el navegador para que nos aparezca un botón de opciones especial. Se pueden meter tantos tags como se deseen separandolos al escribir por una coma. Dispone de un buscador avanzado que funciona muy bien. Encuentro un problema en la forma de mostrar los enlces. Se guardan como notas de modo que para abrirlos primero debes acceder a dicha nota. Está preparado para la mayoría de plataformas y navegadores para llevarlo donde sea. Funciona con una cuenta de usuario como todos estos programas y permite compartir a través de facebook y twitter.
Kippt: muy limpio y curioso, permite compartir con facebook y twitter. Su visión en lista hace difícil la visualización global. Solo deja ordenar por carpetas y poner pequeños comentarios en los enlaces aunque después el buscador no los tenga en cuenta. Tiene una función «read later». Si se pudieran poner etiquetas para mi gusto sería de los mejores.
Delicious: no es necesario instalar nada y de primeras te pide importar tus enlaces del navegador que debe hacerse a través de un html exportado del mismo y según las carpetas que tengas creadas te agrupará los enlaces por etiquetas. Para añadir links se hace a través del copia y pega ya que no es un programa intrusivo, es solo una web. Deja poner un título, que no lo pone automáticamente, una descripción y los tags. El buscador funciona muy bien y además permite rastrear los tags de otras personas, una gran idea para conocer nuevas webs de nuestro interés. Puedes agregar amigos y que estos opinen sobre tus enlaces y te recomienden otros. También está bien la función de carpetas compartidas.
Yummymarks: es muy básico, sin redes, amigos ni nada. Simplemente te crea una lista con pantallazo de tus links. A cada enlace le puedes poner los tags que quieras y a la hora de buscar resultan muy efectivos ya que puedes incluir varios tags al mismo tiempo. Me resulta de mal gusto que al crear una cuenta nueva te aparezcan más de 100 favoritos que supongo que serán patrocinadores. De primeras no parece muy grave pero es que resulta bastante engorroso borrar los links.
Diigo: tras instalar un plugin una barra horizontal y otra vertical invadirán tu navegador. Me recuerda a la forma de agregar favoritos de firefox pero este cuenta con buscador de etiquetas. Permite compartir en redes sociales, guardar artículos enteros, imágenes y notas. Cuenta también con la función de leer después. Es válido para la mayoría de aplicaciones y navegadores y si importas enlaces automáticamente recoge los que tengas en el navegador. Está bastante bien pero en mi opinión necesita actualizar la interface y simplificarse.
Urlist: sencillo y visual. Es necesario crear carpetas para meter los links dentro. El tamaño de letra y los elementos decorativos hace que perdamos la visión global. No permite tags pero sí comentarios en los links donde se pueden incluir estos. El buscador no te muestra los enlaces sino las carpetas donde estos se encuentran. Mi veredicto: no me gusta para la tarea de guardar links pero también ofrece otro tipo de herramientas.
Existen otras herramientas las cuales no voy a probar ya leyendo sobre las mismas he visto que no ofrecen expecialmente lo que busco: Flinki, Mister Wong, Xmarks, Zukmo, Licorize (alternativa de pago).
 
Después de ofrecer mis datos de correo a tantas webs y llenar la bandeja de entrada de correo basura durante una semana creo que me quedo con Evernote. No lo he explorado entero pero creo que tiene posibilidades.
 
Aquí les dejo un video para aprender un poco más de Evernote. Gracias Wasabi.

Enlazar Excel e Indesign
Tarde entretenida creando y cortando etiquetas de precios. Cuando las cosas se hacen con prisas se hacen mal, está más que claro. En cuanto me llegó este «emocionante» trabajo lo primero que pensé es que seguramente habría una buena forma de crear plantillas con illustrator.
Así es, Adobe LiveCycle Designer permite crear un formulario rellenable con un pdf de fondo. Sus herramientas más básicas y útiles son por ejemplo los cuadros de texto y los menús extensibles. Todo auguraba a que este trabajo sería fácil, rápido y que aprendería una útil herramienta, error. Al rellenar el formulario, con las etiquetas de tienda que os muestro, resultó que no hay manera de ajustar el tamaño de texto cuando los títulos se excedían. El tiempo no paraba y finalmente preparé unas 300 etiquetas una a una. El corte también fue una a una con cúter ya que la guillotina destrozaba los bordes plastificados.

 

Material utilizado: cúter (12€), plancha de corte (15€) y regla metálica con borde recto (6€).
Una vez finalizado el entretenido encargo encontré esto que sin duda prepararé para la siguiente ronda de etiquetas. Gracias Macgrafic!

 
REEDICIÓN: es posible que os salgan algunos fallos al importar la tabla excel a Indesign. Debéis de probar a exportar el archivo excel a «Texto (delimitado por tabulaciones).txt»]. Os creará una hoja de bloc de notas de los más sencillo que incluso podréis modificar a vuestro gusto.

En un principio no me funcionó, me salían errores del tipo:
«La fuente de datos seleccionada tiene uno o varios nombres de campo vacíos. Repare el archivo o seleccione otro.» y otro que simplemente decía que no tenía permiso para abrir el archivo.

Creé una tabla de datos muy sencilla directamente en bloc de notas separando los campos por tabulaciones y una vez insertada en Indesign sustituí el contenido del bloc de notas simple por el complejo (el que creé antes más complejo). Ahora no tienes más que actualizar el archivo vinculado en Indesign, en el cuadro de herramientas «Combinación de datos».

Mi primer packaging
Esta tarde me ha llegado el primer trabajo real de packaging. Está realizado para la empresa Crivencar bajo la marca Tierra Astur, donde trabajo. Se trata de una gelatina de manzana ecológica de sidra.
Dado que la marca tiene una imagen muy cerrada no he podido improvisar y me he ceñido a ordenar elementos como si de un tetris se tratara. Para los diseñadores noveles como yo: decirles que el diseño gráfico no es todo arte y creatividad. En muchas ocasiones hay que ceñirse un briefing estricto como es mi caso o como puede ser el de diseñadores que trabajan en imprentas, empresas de cartografía o compañías comerciales.

El material utilizado es papel offset blanco (adhesivo en la etiqueta) con 2 tintas: black y Pantone 876 metalizado. Dado el material el color bronce pierde brillo pero se consigue un color muy guapo, similar al del metal oxidado.
A la hora de realizar packaging hay que tener en cuenta varias cosas y es necesario que el cliente nos facilite toda la información antes de empezar a diseñar. Dado el reducido espacio con el que nos encontraremos en determinadas situaciones el aumento de un par de palabras en los textos puede suponer el rediseño por completo. Los elementos básicos de un packaging como este son el logotipo, la dirección de la empresa comerciante, el código del fabricante (óvalo con números y letras), composición del producto, modo de conservación y el código de barras. Para crear este último no debemos esperar al cliente. En la siguiente web, TEC-IT, podremos obtener la imagen a partir del código que se nos proporcione, por lo general de 13 dígitos. En mi caso tuve que seleccionar la pestaña de código EAN-13.

 

Click! para ampliar

Otra información que puede aparecer son por ejemplo el logotipo de producto sin gluten, producto de la Comunidad Europea, o la denominación de origen protegida. Si el cliente no os los facilita podemos buscar en internet el nombre de referencia de este modo: «queso cabrales pdf». Lo más seguro es que encontremos folletos o catálogos con dichos logotipos y que con un poco de suerte estarán vectorizados. También es interesante buscar los manuales de identidad corporativa de las diferentes denominaciones.

Tras el diseño y la aceptación del cliente es necesario el aprobado de Industria. No suelen ser tolerantes con el mal uso de los logotipos y denominaciones erróneas. Por ejemplo con la gelatina de sidra, que no tiene gluten, no se me permitió poner el logotipo del organismo regulador ya que exige el pago de unas tasas específicas. Me tuve que conformar con ponerlo por escrito.