Cómo Diseñar un Calendario de Bolsillo

April 9, 2007

ag-calendario.gif

Introducción al Tutorial

Para una empresa nueva o un blogger muy fashion, uno de los artículos promocionales más económicos y de un buen alcance potencial con sus posibles clientes es el calendario de bolsillo. El siguiente tutorial, explicará cómo crear uno utilizando Adobe Illustrator CS2.

En alguna ocasión necesité diseñar un calendario de bolsillo y no quería hacerlo desde cero. Previsualizaba el desarrollo del diseño gráfico y no quería “atorarme” con las fechas del mismo y así, perder el tiempo que necesitaba para aplicaciones más “serias”. Me negué a escanear uno, utilicé Google para buscar un archivo .ai, .fh, .cdr, .svg, no encontré. Quizá un .psd, nada. Ok, tal vez un .jpg, nada de calidad aceptable.

Decidí crear uno y les comparto el proceso en 10 sencillos pasos:

Necesitarás:

Desarrollo

1_ Nuevo Documento (Letter, cms, vertical, CMYK).
ag-calendario-1.gif

2_ Hacemos 2 rectángulos de 5.5×8.5cm. Es la medida estándar para un calendario de bolsillo. En su defecto, no sobrepasar los 5×9cm; el estándar de las tarjetas de presentación y del espacio en las carteras donde irán guardados.

3_ Un rectángulo será el frente del calendario. El otro lo dividimos en cuatro partes iguales con líneas horizontales. La cuarta parte superior es para el logotipo y las tres cuartas partes restantes son para las fechas.
ag-calendario-2.gif

Aquí empieza lo interesante del tutorial.

4_ Creamos una retícula de 1.4 x1.2 cm, conformada por módulos de .2x.2cm. Debemos tener 42 módulos de 2mm c/u, 7 de largo y 6 de ancho. Ésta retícula será un mes del año y cada módulo un día o número.
ag-calendario-3.gif

5_ Una vez creada la retícula, a continuación crearemos el mes de Enero. Para esto, seleccionamos un módulo de la primera línea de la retícula.
ag-calendario-4.gif

Escogemos la herramienta de texto. (T) y damos click sobre el módulo. Al hacerlo, el módulo que era un simple cuadro, se convierte en un cuadro de texto. Esto permitirá introducir cada día de la semana.
ag-calendario-5.gif

6_ Lo siguiente es muy predecible: repetimos el proceso hasta obtener los 7 días de la semana y la numeración del mes, basándonos en el orden de un calendario común. Colocamos en un cuadro de texto aparte el nombre del mes. Usamos un color distinto para los días festivos y domingos de cada mes.
ag-calendario-6.gif

Por cierto, yo utilicé la tipografía Myriad Pro Semibold a 9 puntos con -100 de tracking. Puedes seleccionar la que desees, pero recuerda hacer pruebas de impresión cuidando la legibilidad.

7_ Duplicamos el mes de enero 11 veces y los colocamos en orden dentro del área asignada. Tendremos 12 meses “eneros”. Ahora modificamos 11 de los “eneros”, serán los otros 11 meses faltantes. Tan solo asignamos sus datos correctos repitiendo el paso 5 y 6.
ag-calendario-7.gif

8_ El caso de algunos meses con 31 días, es necesario ocupar un cuadro de texto para incluir dos días. Esto se resuelve de manera sencilla: a) Puedes escalar el cuadro de texto al -50% y duplicarlo para tener 2; b) escribe en dos cuadros de texto independientes los número faltantes.
ag-calendario-8.gif

En el mes de Diciembre, los módulos de los días 23 y 24, comparten su espacio con 30 y 31 respectivamente. Se usó la tipografía en 4 puntos.

Con esto finalizamos el trabajo de las fechas.

9_ Coloca tu logotipo en el área indicada. Incluye la dirección de tu cliente, blog o algún dato que consideres importante.
ag-calendario-9.gif

10_ Regresemos con el rectángulo del frente, (paso 2 y 3) y en él, coloca alguna imagen, frase, logotipo, virgencita, o retrato de tu novia o cliente favorito, tú decides.
ag-calendario-10.gif

Conclusión

Sin duda, el lado interesante del tutorial está en el método explicado en los pasos 4, 5 y 6 para ahorrarnos tiempo al momento de diseñar. La ventaja del proceso es que lo podemos aplicar a cualquier proyecto de características semejantes, en éste caso, evitando el tedio de hacer los 365 días uno por uno.

:)

Lee más de: Tutoriales. Compártelo »

27 Comentarios

Escribir un comentario

  1. RoninRojo | 9th April 2007, 12:59

    Buenísimo. Práctico y fácil, y lo más importante, aplicable al negocio.

    Saludos

  2. roc21 | 9th April 2007, 13:48

    Muy buen tutorial, saludos.

  3. Omi | 10th April 2007, 2:11

    Buen tutorial… Aunque está la jugada de conseguir los datos de los meses y generarlos en forma automática. No habrá por ahí una especie de script que genere eso… lo desconozco, pero estaría super que te botara ya los meses en cada retícula.

    Saludos!!!

    PD. Me latiío mucho tu nuevo layout.

  4. lzkrn | 10th April 2007, 7:45

    73 480! 73712104035 8 72 48712270!!! me sirve sin duda, y mas a los que no saben bien ilustrator esto les va a ayudar mucho ;) gracias 531!!

  5. JImmy | 10th April 2007, 19:38

    mmm solo un detalle, justificado derecho ;D

  6. Kid_A | 11th April 2007, 5:06

    Que buen tutorial, me encanta cuando comparten la forma en que trabajan los diseñadores. Cuando tenga tiempo lo intento hacer.

    Saludos

  7. ena | 19th April 2007, 10:57

    Muy bueno che! a ver cuando me toca hacer uno!!!
    Gracias por compartir!

    Saludos!

  8. Myriad | 1st June 2007, 17:39

    Esta bien como ejercicio, pero con todos los respetos, el procedimiento no me parece el más productivo.

    Usad tabuladores para los días del mes y veréis el tiempo que se gana cuando modifiqueis “enero” para hacer “febrero” o simplemente cuando al año que viene tengáis que preparar el nuevo calendario.

    *Tal vez lo hayas hecho así, y yo no lo he entendido en los pasos descritos. Si es así, mis disculpas.

    *Por cierto, yo tambien justificaria los textos a la derecha.

    Por lo demás, un saludo a todos.

  9. Jack | 15th June 2007, 12:55

    Saludos.

    A quienes esten interesados en un tutorial de como relaizar un calendario en Corel Draw 12 (sea de bolsillo o de pared, y/o de la forma que uds imaginen), pues escribanme, este calendario no se hace como en Ilustrador, ya que Corel tiene un script que genera el calendario en diferentes formatos, muy amplios y de buen gusto. Asi que no tengo que copiar y pegar o corregir los meses, etc, etc.

    Lei el post de “Corel es una …” y pues no es correcto decir que Corel o Ilustrador es un mal programa, o software como quieran llamarle.

    Personalmente uso Corel Draw 12 para diseño gráfico, diseño de lonas, etc., y trabajo a la perfeccion los vectores (sin ser pretencioso, claro). También uso Photoshop y Photo Paint para las imagenes, uso Fireworks para diseño web (es muy bueno), Illustrator CS2 cuando recibo diseños de clientes americanos, Un poco Freehands, y no, por el momento no uso ningun software para diseños en 3D (por favor recomiendenme alguno).

    Y como veran, me adapto o mas bien adapto cualquier software de diseño a las necesidades de mi cliente.

    Ya que no es cuestion de gustos en cuanto a software, si me funciona o no me funciona, etc., lo correcto es tener creatividad y en base a esa creatividad usar los programas de diseño que se adapten a mis necesidades.

    En cuento al calendario de Ilustrador, no es por llevar la contra o decir que Corel Draw es mejor, solo es decir que Corel tiene un script que nos ahorra todos esos paso de copiar y pegar y aqui de un solo paso (claro que hay que seleccionar año, meses, tipos de calendario, etc. en el script) para tener nuestro calendario y adaptarlo a nuestras necesidades.

    Algo mas interesante, si se les facilita trabajar en Illustrator , una vez que tengan el calendario en Corel Draw, lo pueden exportar al formato de Illustrator (.AI)

    En esta direccion pueden ver mas extenciones de archivos: http://www.elrinconcito.com/DiccAmpliado/Extension.htm (para cuando tengan dudas acerca de las extenciones)

    Bien, pues que tengan un buen día y hasta pronto chavos y chavas que lean este comentario, Bye.

  10. [ hugo ] | 22nd June 2007, 15:03

    Muy bueno el tutorial, estoy seguro que debe existir algún modo de hacer lo de los meses y las fechas en automático.

    Luego rolas el calendario.

  11. Eduardo Cruz | 22nd June 2007, 15:26

    Claro, ya lo dejé en tu “nueva carpeta”, en la red.

  12. Descarga el calendario de bolsillo 2007 : AG | Blog sobre Diseño | 7th July 2007, 12:25

    […] Antes y como comentario: el climax creativo estuvo entre el punto 4 y 6 y se dió aplicando una de las funciones “ocultas” de illustrator: crear un cuadro de texto a partir de uno de vector. En fin; si les interesa, pueden revisar el proceso de diseño. […]

  13. yomismo | 15th August 2007, 20:06

    Me resulta muy útil estas explicaciones. Pero no estoy muy puesto con el Illustrator. Me podríais indicar como se crea esa retícula????

    Gracias.

  14. Eduardo Cruz | 16th August 2007, 8:51

    yomismo: La manera adecuada para hacer una retícula en illustrator es, valga la redundancia, la retícula.

    A continuación te muestro la imagen:

    Al emplear ésta herramienta podrás manipulas las proporciones que tendrá seleccionándola y dando un click en tu área de trabajo.

    Te deberá aparecer sl siguiente diálogo:

    La herramienta es genial, pero el caso del tutorial, no funciona ya que cuando te crea la retícula, si la desagrupas, comprobarás que se forma de líneas horizontales y verticales, que al moverse pierden su cualidad de cuadros. En la imagen de abajo lo muestro:

    Entonces, la mejor herramienta para el tutorial es la de rectángulo.

    Al seleccionarla y dar click en tu área de trabajo, te aparecerán las características modificables de tu futuro rectángulo.

    Una vez que creas un rectángulo, supongamos que de 50 x 50 pxs, lo que harás es duplicar el rectángulo. Para duplicarlo, ve a Objeto>Transformar>Mover y te aparecerá un dialogo como el siguiente:

    Te aparece una posición horizontal y una vertical. Lo que harás es mover el objeto a una distancia igual a la cantidad de pixeles que tiene tu cuadro. Introduces en este caso en horizontal 50 px y en vertical 0. Después, das click a copiar.

    Hay que recordar que el tutorial funciona con rectángulos o cuadros que convertiremos en cuadros de texto (pasos 4, 5 y 6 del tutorial).

    El cuadro duplicado debe verse más o menos así:

    Para finalizar, duplica más cuadros hasta obtener la retícula que desees.

    Espero haber sido claro. Saludos. :)

  15. Eduardo Cruz | 10th September 2007, 11:42

    Recuerden que pueden descargar el calendario de bolsillo en vectores (calendario en illustrator), resultado de este tutorial en el siguiente enlace:

    Descargar calendario de bolsillo 2007 »

  16. Descarga el calendario de bolsillo 2007 : AG | Blog sobre diseño & publicidad | 26th January 2008, 11:23

    […] Antes y como comentario: el climax creativo estuvo entre el punto 4 y 6 y se dió aplicando una de las funciones “ocultas” de illustrator: crear un cuadro de texto a partir de uno de vector. En fin; si les interesa, pueden revisar el proceso de diseño. […]

  17. Descarga gratis el calendario 2008 en vectores - AG, Blog sobre diseño | 30th January 2008, 10:18

    […] un año publiqué un tutorial para crear un calendario de bolsillo en Illustrator. Después de un tiempo, me decidí a compartir el archivo de AI y los interesados […]

  18. lzkrn | 30th January 2008, 16:23

    Posdata: tmb pienso que la justificacion sería mejor a la derecha, pero eso es sencillo de hacerse ;). Gracias.
    1

  19. Daniel | 27th February 2008, 14:03

    Link roto :( pero muy buen tutorial

  20. Eduardo Cruz | 27th February 2008, 14:17
  21. MCH | 17th March 2008, 15:52

    Orales esta muy bueno tu tutorial y ademas es muy fácil y practico de realizar. Saludos!!!…

  22. MCH | 17th March 2008, 16:31

    Hola de nuevo puedes poner los archivos de las fuentes por favor. Gracias!!!…

  23. Eduardo Cruz | 18th March 2008, 0:47

    La familia es Myriad Pro y si tienes instalada la paquetería de Adobe deberías no deberías tener problemas MCH. Qué raro.

    Saludos.

  24. leonardo iribarren | 16th June 2008, 17:02

    hola gracias por el tuto solo utilice la cuadrilla que hiciste ya que use el corel pero me saco de apuros muy practica para tener todo en orden y no estar haciendo una por una

  25. Eduardo Cruz | 18th June 2008, 0:39

    Me alegra que te haya sido útil el tutorial leonardo.

    Saludos.

  26. Jeff | 9th July 2008, 16:16

    Muchas gracias me guardo este manual que para finales de año puede ser muy útil. Un Saludo

  27. Eduardo Cruz | 10th July 2008, 23:38

    Excelentes ilustraciones Jeff, ¡qué envidia! ;)

    Saludos.

 

Escribe tu visión


Todo comentario será moderado al menos seas amigo de worpress. Se paciente. :')