23 dic. 2014

Generador de patrones en InDesign

Una prueba del script aplicando colores con el nuevo panel de Temas de color de Adobe

Este es un divertido script que genera figuras geométricas matemáticas (conocidas como hipotricoides) directamente desde InDesign.

Descarga e instalación

  • Descarga el script desde la página de Indesign secrets
  • Instala el script en el panel de scripts. La manera más sencilla de instalar scripts es dar clic derecho sobre la carpeta Usuario en el panel Scripts y desde el menú contextual seleccionar  Mostrar en Explorador, en esta carpeta se debe copiar el script.

Uso

  1. Ubica el origen de las reglas de la página en InDesign en el punto donde deseas quede en el centro de tu figura. Para hacerlo, sitúa el cursor sobre la intersección de las reglas y arrastra hacia la página.
  2. En el panel Ventana > Scripts da doble clic sobre el script NinaScriptWithDialog.js 
  3. Selecciona el número de interacciones (Número de puntos de la figura), y los valores de pulsos a y b, y la longitud de las líneas.


    Si deseas aprender más sobre el uso de scripts en InDesign escribe a mi correo.

18 dic. 2014

Lipsync para Flash

Aunque actualmente no trabajes mucho en Flash, aun puedes utilizarlo para realizar animaciones para luego exportarlas como Sprite sheets a Edge Animate. En este sentido, algunas veces puedes necesitar sincronización de voz para los labios de tus personajes. SmarthMouth es una extensión para Flash que realiza el trabajo automáticamente sincronizando una pista de audio con la forma de la boca de tu personaje dejando la línea de tiempo totalmente editable.


El plugin tiene un costo de US$79 (1 licencia) que bien vale la pena pagar por las horas de trabajo que se ahorran a la hora de realizar esta tarea. Puedes descargar la versión de prueba desde la página de Ajar Productions.

4 dic. 2014

Infografía sobre tipografía

En diseño gráfico conocer las fuentes y sus características es de gran importancia para lograr armonía, legibilidad y lecturabilidad en la página. Esta infografía muestra estadísticas de las fuentes más populares como cantidad de descargas, navegadores donde más se utilizan, comparativos de precios, estilos por fuente, etc.

28 nov. 2014

Crear tipografías en InDesign

¿Has querido alguna vez convertir un vector en una fuente personalizada?. Pues bien, eso es posible gracias a IndyFont un sencillo script que permite crear fuentes directamente desde InDesign.

Instalación

  1. Descarga la versión de prueba desde el sitio Indiscripts
  2. Coloca el script IndyFontTry.jsx en la carpeta de scripts de usuario de InDesign. Para ubicar rápidamente esta carpeta da clic derecho sobre la carpeta Usuario en el panel Scripts y selecciona desde el menú contextual Mostrar en Explorador / Finder.

Funcionamiento

  1. En Indesign abre el panel de Scripts y da doble clic sobre el script  IndyFontTry.jsx
  2. En el cuadro de diálogo selecciona el caracter que deseas corresponda a tu fuente. En mi caso seleccione la letra "a". Ten en cuenta que la versión de prueba del script solo permite crear un caracter por fuente. Da clic en el botón Crear.
  3. Se abrirá un nuevo documento de InDesign con la muestra de un caracter, pega en este documento tu gráfico vectorial y ajusta sus proporciones. 
  4. Desde el panel de Scripts, haz clic nuevamente sobre el script IndyFontTry.jsx esta vez se habilitará el botón OTF Export (Exportar Open Type Font). Elige una ubicación para tu nueva fuente e instálala normalmente.

Ejemplo

Utilicé mi logotipo (copiado y pegado desde Illustrator) para crear el caracter "a" de mi fuente creada con IndyFont. En el ejemplo de abajo lo añadí como caracter de viñeta.
Si bien IndyFont no es un script gratuito, su costo 59 Euros, bien vale la inversión.
Si deseas aprender más sobre scripts y automatización en InDesign escribe a mi correo.

24 oct. 2014

Cómo calcular el tamaño del texto

¿Necesitas calcular el tamaño ideal del texto para una pieza gráfica? Size calculator es la respuesta.  Simplemente introduces los valores de Distancia, tamaño físico del texto o tamaño percibido y la aplicación se encarga del resto. Via La Gran Red de Diseño

20 oct. 2014

Ser mejor diseñador en 30 días

El portal Smashing Magazine especializado en programación, publicó un interesante artículo sobre la forma correcta de llevar a feliz termino nuestros proyectos. Su autor Alexander Charchar, lo describe como "para comerse un elefante debes hacerlo mordisco a mordisco", insinuando que los grandes proyectos deben planearse y realizarse paso a paso. En resumen los pasos son:
  1. Selecciona un tema
  2. Divídelo en partes
  3. Describe las partes
  4. Practica a diario y trabaja
  5. Revisa tu progreso, asegúrate que representa un reto
  6. Hazlo por 30 días.
¿Qué es aquello que has querido aprender? Mira este interesante video que muestra que la práctica hace al maestro. Lee el artículo original en este post.

17 oct. 2014

Buscar y cambiar en InDesign automatizado

La edición de catálogos, libros y directorios en InDesign es una de esas tareas a las que muchos diseñadores "le huyen" debido que involucra más bien poco trabajo de diseño y sí mucha edición manual. Algunas veces los documentos base que vienen en Word o Excel, contienen errores de digitación, y otras veces simplemente pierden el formato lo que obliga al diseñador a realizar esta labor por su cuenta.
Como lo he mencionado en entradas anteriores en este blog, la alternativa es utilizar los comandos de búsqueda y reemplazo GREP. La gran ventaja de conocer y utilizar estas búsquedas es que, además de servirnos para corregir errores de digitación y ortografía, también nos permiten aplicar estilos de párrafo y de caracter basándonos en patrones de texto.
Los patrones de búsqueda pueden guardarse para poder reutilizarlos en otros documentos como lo menciono en el video. Sin embargo, es obligatorio realizar las búsquedas una a una. ¿Qué te parece si pudieras buscar y aplicar TODOS los comandos de búsqueda con un solo clic?.

Multi-find/Change al rescate

Multi-Find/Change es un plugin que permite administrar y guardar secuencias de comandos de búsqueda y reemplazo, lo que lo hace ideal para usuarios avanzados de InDesign que utilizan patrones de búsqueda para dar formato a sus documentos.

El plugin se puede descargar de la página del fabricante Automatication.com Una vez instalado aparecerá un nuevo item en el menú Ventana > Multi-find/Change. Desde allí se crean conjuntos de búsquedas y se arrastran las búsquedas guardadas a cada conjunto. En el video muestro un resumen de su uso. Definitivamente es un plugin que todo "InDesign Master" debería tener.



Si deseas aprender más sobre las búsquedas GREP en InDesign te recomiendo adquirir mi libro GREP en InDesign- Guía práctica para diseñadores donde explico de manera sencilla el gran potencial de esta herramienta en InDesign. El libro lo puedes adquirir escribiendo un correo a info@profeadobe.com

14 oct. 2014

Proporción áurea en el diseño

En diseño es bien conocido el tema de la proporción áurea. Muestro algunos artículos que te pueden orientar en la forma de utilizarla en tus diseños.
Comienzo por este hermoso video que ilustra la magia de la divina proporción en la naturaleza.

Calculadora de proporción áurea 


Para utilizar esta calculadora simplemente introduce el ancho del objeto del cual deseas obtener las proporciones. Mira la información completa en Calcuworld.
Recuerda que puedes acceder a plantillas de proporción áurea al editar tus imágenes en Photoshop con la herramienta Recortar.  




13 oct. 2014

Cómo se dibujan los vectores

En mis cursos frecuentemente explico con unos palillos y un cordón el principio de la ilustración vectorial (nodos, tangentes y vectores). He aquí una magnifica explicación matemática de las operaciones que realiza nuestro programa de dibujo para crear vectores.


Cubic Bezier Curves - Under the Hood from Peter Nowell on Vimeo.

7 oct. 2014

Matemáticas en InDesign

Aunque realizar operaciones matemáticas directamente en InDesign no es una tarea común para el diseñador, puede resultar de utilidad no tener que utilizar la calculadora y simplemente dejar que InDesign haga los cálculos por nosotros. Pues bien, existe una utilidad que convierte tu InDesign en una "hoja de cálculo" y se llama Calculus Raynaux.

Instalación

  1. Descarga el plugin de la página de sus creadores.
  2. La carpeta de descarga contiene las instrucciones (en francés) y el archivo CALCULS_RAYNAUX_v2-01.js Coloca este script en la carpeta de Scripts de usuario de InDesign (En el panel de scripts haz clic derecho sobre la carpeta Usuario y activa Mostrar en Finder/Mostrar en explorador). 
     

Uso

Selecciona el rango de celdas de una tabla en InDesign y haz doble clic sobre el script  CALCULS_RAYNAUX_v2-01.js y selecciona el cálculo deseado.

Nota: Con un poco de lógica y paciencia puedes editar la interfase del cuadro de diálogo del script modificando el archivo .js en un editor como ExtendScript Toolkit.

25 sept. 2014

Fórmulas químicas en InDesign

Definitivamente creo que una de las tareas que más consumen tiempo (y de paso que son aburridisimas) en el trabajo editorial con InDesign, es la edición de libros de matemáticas y química. En el caso concreto de la química, el asunto se torna repetitivo para el diseñador cuando las fórmulas pierden su formato al importarlas dentro de InDesign, y toca aplicar subindices y superíndices manualmente.
Vasco Elbrecht un estudiante de biología alemán, publicó en su sitio web la manera de dar formato a fórmulas químicas en InDesign con búsquedas GREP.  Transcribo entonces los esquemas GREP que aplican automáticamente el formato a fórmulas químicas evitándonos ese tedioso proceso.

Subíndices

(?<=[(Na?|Cl?|H|O|S)])\d{1,3}

Superíndices

\(\d*(\-|\+)\)

Para utilizarlo simplemente copia y pega el texto de los esquemas en el campo Buscar. En las opciones del campo Cambiar a: activa Subíndice o Superíndice según corresponda.
Ahora bien, si no quieres hacer este trabajo cada vez que llega tu libro de química, tienes la alternativa de crear un estilo GREP con los mismos comandos. Lee en este post la forma de lograrlo.
Si te sirvió esto espero tus comentarios. También puedes adquirir mi libro GREP en InDesign donde te doy 40 fórmulas GREP para agilizar tu trabajo en InDesign.


19 sept. 2014

Imágenes de dominio público

En nuestro trabajo diario siempre necesitamos de recursos gráficos para nuestros diseños. Aunque  generalmente las búsquedas de imágenes en Google nos sirven de referencia, muchas de éstas tienen derechos de autor y no pueden ser reproducidas libremente.
Mira estos 6 sitios para descargar imágenes de dominio público.
Post original en AiVault.

The British Library


usa.gov


Se encuentran imágenes organizadas por temas. Por ejemplo en la Arte y Cultura encuentras la galería Nacional de Artes donde puedes descargar en buena resolución las pinturas de famosos.

Flicker commons


Fotos de dominio público


PD photos


Ilustraciones antiguas


17 sept. 2014

Retoque de rostros


Si bien es cierto que el retoque digital profesional requiere tiempo y conocimiento de la teoría y las herramientas, algunos proyectos demandan realizar el trabajo en menor tiempo con resultados de alta calidad.
Acabo de adquirir una licencia de PortraitPro y definitivamente me atrevo a afirmar que esta es la solución al retoque profesional de rostros para quienes están en el mundo de la imagen digital.

Características

  • Elimina imperfecciones del rostro como manchas y puntos
  • Suaviza o quita arrugas
  • Elimina el brillo de la piel
  • Redefine la forma del rostro
  • Mejora la forma de los ojos y boca
  • Cambia el color del cabello
  • Permite ajustar la iluminación del rostro
El software se puede descargar como versión de prueba en la página del fabricante.

12 sept. 2014

Pintura al óleo en Photoshop

Tal vez no te hayas dado cuenta pero Photoshop CC 2014 NO tiene instalado el filtro pintura al óleo. Revisando la documentación oficial de Adobe, encuentro que este sensacional filtro se eliminó debido a que está basado en librería de código bastante compleja usada por la tecnología Pixel Bender que no es soportada por el nuevo Photoshop.
¿La solución? GREYCstoration es un plugin que de alguna manera reemplaza este útil filtro. El plugin es gratuito y se puede descargar de la página del fabricante. La mala noticia es que solo está disponible para PC.
El filtro por sí solo añade un efecto "artístico" a las fotografías simulando la pintura al óleo –lo cual en mi concepto personal no tiene gracia– pero la realidad es que utilizado correctamente ayuda a mejorar fondos y es muy útil en retoque de fotografía de moda.

11 sept. 2014

Scripts en InDesign

En Pepcon 2013 conocí a algunos de los "gurus" de InDesign, entre ellos a Philipp Geuder quien desarrolló este proyecto para un taller de tipografía y animación. Se trata del recordado juego de Space Invaders –que muchos de nosotros lo conocimos como "Marcianitos"–, que se instala como un script en InDesign y permite jugar con tipografías desde el teclado.  Aunque en realidad no tiene ninguna aplicación práctica, si demuestra hasta donde se puede llegar con la automatización con  InDesign. El script es gratis y puede descargarse desde la página del autor.

Layout Invaders from fabiantheblind on Vimeo.

10 sept. 2014

Guía de formatos de imagen

Hace algunos años publiqué este post sobre los formatos de imagen. Como complemento de esta información comparto esta infografía que resume las características principales de los formatos de imagen. Fuente: Publicada originalmente en Tics y formación.


22 ago. 2014

Retoque en Photoshop

Taller ¿Se la cree?
Técnicas de retoque digital con Photoshop

Foto: cortesía FOTOLIA

Domingos 21 y 28 de septiembre de 2014 - Bogotá (8 horas)

El objetivo de este taller es mostrar las técnicas de retoque digital utilizadas por profesionales para lograr efectos creativos en imágenes digitales. De una manera fácil y divertida mostraré cómo trabajar con capas, máscaras y pinceles en Photoshop para lograr composiciones "creíbles".

Temas

Los fundamentos
  • Teoría de la imagen digital
  • Resolución y profundidad de color
  • Modos de color RGB/CMYK/Lab/HSB
Selecciones y máscaras
  • Creación de selecciones
  • Creación y uso de máscaras
  • Máscaras complejas
Pinceles
  • Creación y uso creativo de pinceles
Capas
  • Modos de fusión en profundidad
  • Efectos y estilos de capa
  • Capas de ajuste

Dirigido a:

  • Diseñadores gráficos
  • Agencias de publicidad
  • Retocadores

Metodología

Taller teórico-práctico. Los participantes llevan su propio equipo.

Instructor

Iván Gómez S. Instructor certificado por Adobe en Photoshop CC. Diseñador gráfico con 35 años de experiencia en artes gráficas y 12 años de experiencia docente. 

Lugar y valor

Centro de Idiomas Asiáticos: Av. Carrera 30 No. 85A - 15 Frente a la estación La Castellana
El valor de la inversión son $160.000. Taller personalizado, cupo máximo 8 participantes. Se requiere un conocimiento básico / intermedio del programa.

Inscripciones

Escribir a profe.ivan@gmail.com para instrucciones de pago.


16 ago. 2014

Ligaduras



Ligadura DE española 
Básicamente, las ligaduras son signos formados por la unión de dos o más letras que suelen escribirse separadas. La razón para utilizar ligaduras es para mejorar la apariencia de caracteres que se sobreponen (ligaduras estándar) o para adornar pares de caracteres (ligaduras discrecionales).

Aplicar ligaduras

Para ver las ligaduras de una fuente específica OpenType abrimos el panel Pictogramas y damos clic en el selector Mostrar y escogemos Ligaduras estándar o Ligaduras discrecionales. Si estamos trabajando con fuentes Type 1 seleccionamos Fuente completa.


Para aplicar una ligadura de forma manual, seleccionamos los caracteres y damos doble clic sobre la ligadura en el panel de Pictogramas.

Las ligaduras pueden ser parte de los estilos de párrafo y caracter como se observa en las capturas de pantalla.


1 ago. 2014

Gotero en Photoshop


Tal vez nos ha sucedido que la herramienta de Gotero en Photoshop activa el color seleccionado como color de fondo y no como color frontal. Para arreglar este extraño comportamiento simplemente abrimos el panel de Color y damos clic sobre el color frontal.
Este y otros tips para ajustar color en el taller "De qué color es? - Técnicas de corrección de color en Photoshop" que dictaré en Bogotá los días 10 y 10 de agosto.

16 jul. 2014

Por qué cambia el color


Hacia 1993 cuando trabajaba en un service de preprensa*, una de mis tareas consistía en escanear y  ajustar / arreglar el color de las fotografías. Tal vez como a muchos nos sucede, por el solo hecho de conocer un programa y trabajar en esto todos los días, en ese entonces consideraba que era un "experto" en la corrección de color. Desconocía las razones por las cuales cambiaba el color de un dispositivo a otro, desconocía la razón de los dramáticos cambios de color cuando se realizaba una conversión de RGB a CMYK; incluso utilizaba técnicas (muchas de ellas aprendidas de otros cavernícolas) para lograr mejores imágenes. ¡Qué lejos estaba de la realidad! Han pasado 21 años,  varios libros, lecturas e investigaciones y cursos dictados, y puedo afirmar que el tratamiento del color es un tema que requiere una buena orientación –que yo mismo la hubiera querido tener y no malgastar tanto tiempo "adivinando"–. No me considero un experto en color –le dejo este título a maestros como Mauro Boscarol y Dan Margulis, de quienes he aprendido algo de lo que conozco sobre la corrección de color en Photoshop–, pero quiero compartir con los interesados en el tema el taller "¿De qué color es? Técnicas de corrección de color en Photoshop", que estaré dictando los días 10 y 17 de agosto en Bogotá, en las instalaciones de CasaTinta.
Consulta toda la información aquí. Si deseas recibir este taller en otra ciudad, en tu empresa o tu universidad escribe a mi correo.
*Favor no calcular la edad

15 jul. 2014

Reducir el peso de archivos Illustrator

Una de las "quejas" frecuentes de usuarios de Illustrator es el tamaño de los archivos. En la mayoría de casos, el peso en Kb de los archivos .ai supera casi por el doble al mismo documento realizado con otras aplicaciones vectoriales. Afortunadamente, se puede reducir significativamente el peso de los archivos teniendo en cuenta las siguientes recomendaciones.

1. Desactivar crear Archivo PDF compatible 

Al guardar el documento (Ctrl+s) en las Opciones de Illustrator. Se debe activar la casilla Usar compresión y desactivar Crear archivo PDF compatible. Esta opción debe estar marcada si el documento de Illustrator va a ser importado en otras aplicaciones como InDesign o Photoshop. 

2. Utilizar imágenes vinculadas

Las imágenes embebidas (incrustadas) aumentan notablemente el peso del archivo. Se recomienda crear vínculos.

3. Reducir la resolución de efectos de rasterizado

Efectos como Desvanecer, Resplandor interior, Resplandor exterior, sombra paralela o efectos de Photoshop, generan pixeles. Si nuestro trabajo no va a ser impreso podemos dejar los efectos de rasterizado (Efecto > Ajustes de efectos de rasterizado del documento) en resolución de pantalla.


4. Simplificar trazados

La cantidad de nodos también afecta el peso del documento. Lo ideal es un buen manejo de la herramienta Pluma para evitar crear nodos en exceso. Con el comando Objeto > Trazado > Simplificar es posible reducir el número de puntos de ancla de la ilustración.

5. Utilizar símbolos

En el caso de ilustraciones en donde existan elementos que se repitan (logotipos, iconos, convenciones, etc.) es apropiado convertir estos objetos en símbolos. 

6. Reducir el número de pasos en mezclas

No necesariamente una gran cantidad de pasos en una mezcla (Fusión > Opciones de fusión) produce una mejor ilustración. 


12 jul. 2014

Calculador tipográfico

Golden Ratio Tipography Calculator es una aplicación online que permite encontrar la tipografía más adecuada para una página web (o un proyecto DPS), basándose en el tamaño de la fuente y anchura del párrafo. La aplicación permite optimizar el uso de la tipografía teniendo en cuenta el tamaño de la fuente, el interlineado y los caracteres por renglón.
Para utilizarlo simplemente se introducen los valores de la fuente y la anchura en el panel de la izquierda y se presiona el botón Set my type. Aparecerán los valores ideales al lado derecho.
Es posible también calcular la proporción (áurea) de los tamaños de encabezados, subtitulos y textos; basta con presionar el tamaño de la fuente.

30 jun. 2014

10 técnicas para corregir color


He recopilado 10 de las mejores técnicas para corrección de color en Photoshop en un ePub. El manual puede descargarse gratis aquí. ¿Útil? espero comentarios.

26 jun. 2014

Efecto de comic en Photoshop

Imagen Fotolia

En vista de los pocos tutoriales para crear este efecto en Photoshop me he tomado la tarea de crear una acción que aplica a cualquier imagen la apariencia de historieta. La acción se puede descargar aquí.

21 jun. 2014

Pinceles a color en Photoshop

En Photoshop aún no es posible aplicar pinceles a color; cualquier forma o imagen convertida a pincel pierde su color y se convierte en monocromática. SuperSpray es un plugin para Photoshop que permite pintar con imágenes de una manera sencilla y con resultados sorprendentes.
El plugin genera una imagen .png que luego puede ser colocada en cualquier documento de Photoshop. Los US$10 que cuesta SuperSpray bien valen la inversión. Se puede adquirir online en la página de Migthy Deals.

15 jun. 2014

Adaptar un objeto a una forma


El proceso de hacer que un objeto se adapte a una forma se conoce como "mapeo de imagen". En programas 3D es un efecto muy utilizado para colocar texturas sobre objetos que luego, si se desea, pueden ser animadas.
En este tutorial, muestro una de las maneras de crear este efecto en Photoshop.
  1. Abrimos una imagen y en una nueva capa colocamos el objeto que deseamos mapear.
  2. Desactivamos la visibilidad de la capa del logo y en el panel de canales buscamos el canal más contrastado. Este canal nos servirá luego como mapa.
  3. Damos clic derecho sobre el canal elegido y activamos Duplicar canal... Le damos un nombre y elegimos como destino Documento > Nuevo.
  4. Se creará un nuevo archivo con nuestro canal. Guardamos este archivo en formato .psd
  5. Desde el menú Filtro seleccionamos Desenfocar > Desenfoque gaussiano. Los valores de desenfoque dependen de la resolución y detalle de la imagen. 
  6. Volvemos a nuestro archivo original y activamos la visibilidad de la capa del logo y aplicamos el filtro Distorsionar > Desplazar. Digitamos los valores de Escala horizontal y vertical. Estos valores dependen también del detalle que tenga la superficie. Damos clic en OK y desde el siguiente cuadro de diálogo seleccionamos el archivo .psd creado en el paso anterior.
  7. Finalmente, se activa un modo de fusión para la capa. Generalmente Multiplicar o Superponer son los que mejor funcionan.
En mis cursos y talleres explico en profundidad este y otros efectos para lograr un efecto más real.