Recientemente tuve que enviar a imprenta un trabajo con una gran masa negra que necesitábamos que fuese brillante y contundente. Ese mismo trabajo no había salido como queríamos en una anterior ocasión, así que acudí a ese gran pozo sin fondo de sabiduría que es Doméstika, donde hallé la solución.

Solución, que por cierto es bien sencilla, como casi todas las buenas ideas en esta vida, pero que son siempre las más difíciles de conseguir (¡ay! que me pongo filosófico ;-D).

El truco pasa por no enviar el negro como una mezcla de CMYK, sino como 100% de Negro y, además, un 30 o 40% de Cyan, así: C:40, M:0,Y:0, K:100. Hace poco recibí los resultados de imprenta y quedó perfecto, así que os recomiendo el truco.

Pero ¡OJO!, sólo lo deberéis usar en grandes masas de color negro. NO LO USES EN TIPOGRAFÍAS, sobre todo en cuerpos pequeños, ya que un mínimo desplazamiento de las planchas (y créeme, se moverán aunque sea una décima de milímetro) provocará que la legibilidad del texto se vea seriamente comprometida. Ahí queda eso.

Actualización: Alfonso de Tomás, de Desfaciendo Entuertos me apunta que esta técnica tiene un nombre, que yo no sabía: “Cama”, o sea, “ponerle una cama al negro”. Cito literalmente:

De esta forma oirás decir:

“Ponle una cama de 40% de Cyan al Negro”

Sin duda el de Piratas del Caribe es mi favorito, aunque el de 300 tampoco está nada mal.

Aquí todos los tutoriales.

Vía Desfaziendo entuertos llego al blog de Peras al vino, también repleto de enlaces y trucos de técnicas gráficas muy útiles para diseñadores gráficos como para preimpresores y artefinalistas.

Pero hoy quiero destacar la entrada “Combinar datos”, que explica de una forma muy didáctica cómo llevar a cabo tareas repetitivas fácilmente con indesing y una sencilla base de datos (creada en access o excel, por ejemplo) a través de archivos CSV o TXT. Además proporciona enlaces para seguir investigando en profundidad sobre el tema, como este PDF: Combinar datos en Indesign (PDF 276Kb) traducido por IDECCO y que yo también he subido a mi servidor.

Si necesitas crear un icono y no tienes a mano un programa específico, debes saber que con photoshop también puedes crearlos sin necesidad de plugins, aunque tiene un pequeño truco.

• 1.- Creamos el icono

  Abrimos un documento del tamaño del icono que vayamos a crear, por ejemplo 16×16 píxels (el caso de un favicon), y dibujamos el icono o lo importamos del programa vectorial en el que lo hayamos creado (desde Freehand puedes hacer copiar y pegar).

• 2.- Le incorporamos el canal alpha

  Para que el fondo sea transparente lo seleccionamos y, con la selección hecha, pinchamos en “Máscara rápida” (un canal alpha, al fin y al cabo). Acoplamos y guardamos el archivo como BMP.

• 3.- Y ahora el truco del almendruco

  ¡¡¡Pero un bmp no es un icono!!! quizá te estés preguntando, pues si y no. Haz una copia del archivo (por lo que pueda pasar) y renómbralo cambiándole la extensión substituyendo “.bmp” por “.ico”. Y, ¡voilà!, tienes un icono.

Procura hacer bordes bastante definidos, ya que con este método se pueden pixelar fácilmente, por eso lo ideal en estos casos es que no lleven fondo transparente. Obviamente es una solución mucho más profesional crear un archivo “*.ico” que contenga el icono a varios tamaños, pero para eso ya hace falta un programa específico o un plugin para photoshop.

Es muy habitual que en el transcurso de nuestra profesión como diseñadores, que nos encontremos ante la necesidad de recortar una imagen, ya sea una escena o la foto de un producto, para componerla posteriormente en un programa de edición vectorial formando parte de un folleto, anuncio o catálogo.

Como casi siempre, tenemos varias opciones: usando el canal alfa o a través de un trazado de recorte. En este artículo/tutorial, voy a explicar cómo preparar y recortar una imagen con trazado de recorte en Photoshop para luego componerla en un folleto en Freehand. Para ello voy a utilizar esta foto de Jordi Calvís (de antaviana) que he tomado prestada del conocido stock.xchng.





Una vez tenemos la foto que necesitamos, lo primero que tenemos que hacer es seleccionar la parte que necesitemos (en este caso el coche azul). Yo para seleccionarlo he usado el lazo poligonal con bastante zoom para hacer una selección lo más fiel posible. Dada la versatilidad de photoshop, que cada uno utilice lo que le parezca: lazo normal, magnético, poligonal, la pluma, el filtro extraer…





Y ahora los pasos clave, imprescindibles para que la imagen se vea perfilada en Freehand: Si hemos usado la pluma ya tenemos la selección hecha de forma vectorial. Si no, debemos ir al panel “Trazados” y una vez allí, en el menú contextual (la flechita negra) seleccionaremos “Hacer trazado en uso” para convertir la selección en un trazado vectorial (dale a ok cuando te pregunte el calado a no ser que quieras cambiarle el valor). Fíjate en el esquema en miniatura del trazado, ya que la zona blanca es la que será visible en nuestro archivo final. Si te has equivocado y/o has
hecho la selección inversa, convierte el trazado de nuevo en selección (menú contextual>Hacer selección…) y corrígelo.

A continuación, en el mismo menú contextual deberemos “Guardar trazado” (con cualquier nombre) para finalmente seleccionar “Trazado de recorte”, opción que se habrá activado tras el guardado anterior, y le damos a “ok”.





Finalmente, tan sólo nos queda guardar la imagen como tiff (con todas las capas acopladas) e importarla en freehand para poder trabajar componiendo el arte final con la imagen del coche perfilada. Por cierto no te olvides de poner la imagen en CMYK a 305pp si la vas a enviar a imprenta: Imagen > Modo > Color CMYK





No me juzguéis por el folleto que lo he hecho a todo correr como ejemplo. ;-)

Las prisas, demasiada confianza o directamente la ignorancia, nos pueden llevar a cometer fallos técnicos al diseñar un logo que nos darán más de un dolor de cabeza al reproducirlos, cuando no pérdidas de tiempo y dinero.

Estas son mis sugerencias:

1. Diseño sencillo pero no simple: elimina lo superfluo.

Intenta simplificar tu idea la máximo, lo que no significa que sea simple. Una logomarca tiene que transmitir los valores de la empresa de forma clara y precisa, los elementos a mayores pueden crear confusión y entorpecer el mensaje. Y recuerda que las formas geométricas puras son mucho más pregnantes, se recuerdan mejor.

2. No superpongas símbolo y logotipo

   No superpongas el símbolo (o imagotipo) con el logotipo, ya que así podrán funcionar independientemente en aplicaciones posteriores y te permitirán crear una identidad corporativa menos monótona.

3. Usa dos colores máximo, pero que funcione bien a una tinta

   Dos colores son suficientes para diseñar un logo que funcione bien y no se vaya de presupuesto. Asegúrate de comprobar que hay vinilo en esos colores que elijas (o al menos menos parecidos) y si fuese necesario, las equivalencias RAL.

4. Diseña con tintas planas, no degradados ni transparencias

   A no ser que tu cliente sea un pez gordo como Movistar, al que no le importe tirar el dinero al rediseñar el logo (por llamarle de alguna manera) , huye de las transparencias y de los degradados o tendrás problemas en las aplicaciones de vinilo y la serigrafía. Si quieres, haz una segunda aplicación del logo con degradados y transparencias para su uso en pantalla (web o TV) o en momentos puntuales, pero NO en el diseño principal.

5. Cuida la composición

   Asegúrate que no se empastará o que funcionará bien a tamaños pequeños (por ejemprlo al tampografiar en un bolígrafo)

6. Usa una tipografía, como mucho dos

   Y eso en caso de que lleve eslogan y/o establezcas una segunda tipografía de edición. En mi opinión, una tipografía basta y sobra para una logomarca

Y esto es todo de momento, es posible que me haya dejado más de una cosa en el tintero. Si así lo crees, aquí tienes los comentarios a tu disposición.

Más de una vez nos encontraremos ante la tesitura de tener que vectorizar un logo impreso en cualquier soporte (por ejemplo una servilleta de bar, hecho verídico) cuya tipografía no conocemos, o simlemente modificar un archivo del que no tenemos la fuente con la que se creó.

Sea cual sea el caso, hoy os traigo a aquí una estupenda herramienta que nos ayuda a identificar fuentes: What the font?. Simplemente subes una imagen con el texto en cuestión y siguiendo los pasos te ayudará a identificar la tipografía.

Vamos a ponerlo a prueba, una facilita:

Paso 1: Subir la imagen

Lo primero será escanear nuestra “servilleta de bar” o lo que sea donde tenemos el texto.
What the font admite los formatos de imagen más comunes, por ejemplo GIF, JPG, TIFF o BMP. El tamaño máximo para la las imágenes es de 360 x 275 pixels. Se recomienda que las letras estén horizontalmente alineadas y que no se toquen. Así que después de escanear asegúrate que se cumplen estos requisitos y, si no, modifica un poco la imagen con photoshop para que los cumplan. No es obligatorio pero facilitan el proceso.

Yo me he preparado esta imagen en photoshop. Ya sé que quizá sea un poco fácil, pero para la prueba nos vale.

Ahora tenemos dos opciones: subir la imagen desde nuestro ordenador o subirla a otro servidor e indicar la dirección donde la hemos colocado. En nuestro caso la subimos desde nuestro ordenador: hacemos click en examinar. seleccionamos la imagen en nuestro disco duro y pinchamos en “upload image”.

Paso 2: Identificar caracteres

Ahora What the font ha procesado nuestra imagen y nos pide que le ayudemos a identificar los caracteres rellenando las casillas correspondientes. Por ejemplo, en el caso de la “i” nos identifica por separado el cuerpo de la letra y el punto, dejamos vacía la del punto y en la del cuerpo pondremos i. Con la “e” y su tilde hacemos lo mismo, dejando vacía la casilla del acento, ya que los caracteres “extraños” se le atragantan. Otra opción sería repetir la “i” y la “é” en la dos casillas. Haz pruebas, ya que los resultados pueden variar.

Paso 3: Listo para servir

Una vez identificados los caracteres, hacemos click en “Search” y listo.

Preguntas Frecuentes

Las tipografías de los resultados son de pago
Pues o la compras o le preguntas a Google si existe alguna burda copia de esa fuente.

No me identifica exactamente la misma fuente
Bueno, pero al menos te da pistas sobre su parentela tipográfica, igual es una variante de las familias que te muestra. Ya sabes más que al principio ¿no?

Los resultados no se parecen ni por asomo
Comprueba que cumples bien los requisitos (ver recomendaciones finales) y vuelve a intentarlo, quizá no te salga a la primera. Y si no te funciona, pues pregunta en algún foro especializado como la sección de tipografía de domestika

Recomendaciones finales

En What the font? recomiendan Tiff a 300ppp y en escala de grises. En mi opinión procura que la imagen esté en escala de grises con las letras bien contrastadas respecto al fondo y que no estén torcidas respecto a la linea base. Así todo debería ir bien. ¡Suerte!