Entradas

Mostrando entradas de 2014

Generador de patrones en InDesign

Imagen
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ónDescarga el script desde la página de Indesign secretsInstala 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. UsoUbica 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.En el panel Ventana > Scripts da doble clic sobre el script NinaScriptWithDialog.jsSelecciona 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 so…

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.

Infografía sobre tipografía

Imagen
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.

Crear tipografías en InDesign

Imagen
¿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ónDescarga la versión de prueba desde el sitio IndiscriptsColoca 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. FuncionamientoEn Indesign abre el panel de Scripts y da doble clic sobre el script  IndyFontTry.jsx 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. 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…

Cómo calcular el tamaño del texto

Imagen
¿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

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:
Selecciona un temaDivídelo en partesDescribe las partesPractica a diario y trabajaRevisa tu progreso, asegúrate que representa un retoHazlo 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.

Buscar y cambiar en InDesign automatizado

Imagen
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 …

Proporción áurea en el diseño

Imagen
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.
Proporción áurea en composición fotográficaMatemáticas visualesProporción áurea en el diseño de logotipos 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.  




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.

Matemáticas en InDesign

Imagen
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ónDescarga el plugin de la página de sus creadores.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 E…

Fórmulas químicas en InDesign

Imagen
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…

Imágenes de dominio público

Imagen
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

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ísticasElimina imperfecciones del rostro como manchas y puntosSuaviza o quita arrugasElimina el brillo de la pielRedefine la forma del rostroMejora la forma de los ojos y bocaCambia el color del cabelloPermite ajustar la iluminación del rostro El software se puede descargar como versión de prueba en la página del fabricante.

Pintura al óleo en Photoshop

Imagen
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.

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.

Guía de formatos de imagen

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.


Retoque en Photoshop

Imagen
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 digitalResolución y profundidad de colorModos de color RGB/CMYK/Lab/HSBSelecciones y máscaras
Creación de seleccionesCreación y uso de máscarasMáscaras complejasPinceles
Creación y uso creativo de pincelesCapas
Modos de fusión en profundidadEfectos y estilos de capaCapas de ajuste Dirigido a:Diseñadores gráficosAgencias de publicidadRetocadores 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 c…

Ligaduras

Imagen
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.


Gotero en Photoshop

Imagen
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.

Por qué cambia el color

Imagen
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 m…

Reducir el peso de archivos Illustrator

Imagen
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 vinculadasLas imágenes embebidas (incrustadas) aumentan notablemente el peso del archivo. Se recomienda crear vínculos.
3. Reducir la resolución de efectos de rasterizadoEfectos como Desvanecer, Resplandor interior, Resplandor exterior, sombra paralela o efectos de Photoshop, gener…

Calculador tipográfico

Imagen
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.

10 técnicas para corregir color

Imagen
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.

Efecto de comic en Photoshop

Imagen
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í.

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.

Adaptar un objeto a una forma

Imagen
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.
Abrimos una imagen y en una nueva capa colocamos el objeto que deseamos mapear. 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.Damos clic derecho sobre el canal elegido y activamos Duplicar canal... Le damos un nombre y elegimos como destino Documento > Nuevo. Se creará un nuevo archivo con nuestro canal. Guardamos este archivo en formato .psd Desde el menú Filtro seleccionamos Desenfocar > Desenfoque gaussiano. Los valores de desenfoque dependen de la resolución y detalle de la imagen.  Volvemos a nuestro archivo original y activamos la visibilidad de la capa del logo y aplicamos el fi…