tag:blogger.com,1999:blog-73808230313949891672024-03-05T13:42:20.837-05:00profeivanInstructor Certificado Adobe
Photoshop - Illustrator - InDesignprofeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.comBlogger308125tag:blogger.com,1999:blog-7380823031394989167.post-18709750200184734322020-02-14T08:23:00.001-05:002020-02-14T08:23:05.426-05:00Siluetear objetos semitransparentes en photoshop<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/TE5RqJ_Qidg" width="480"></iframe><div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0tag:blogger.com,1999:blog-7380823031394989167.post-50863796614648516742019-12-31T08:17:00.001-05:002020-01-03T16:42:49.809-05:00Máscara de recorte en Illustrator - Efecto de hueco<div class="MsoNormal">
La idea es crear este efecto de hueco: hacer que el cordón pase por
el agujero de la tarjeta. </div>
<div class="MsoNormal">
En el siguiente video explico una técnica avanzada para lograr el efecto sin necesidad de recortar formas o hacer máscaras de recorte complejas.</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<o:p></o:p></div>
<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/nZPGrzGNcKc" width="480"></iframe><br />
<br />
<h3>
Transcripción</h3>
<div class="MsoNormal">
El concepto de máscara en Illustrator es totalmente diferente al concepto de máscara de capa que conocemos en Photoshop. Generalmente, una mascara es un objeto con un “hueco” que permite ver los objetos que están detrás. Haz de cuenta como mirar por el ojo de una cerradura.<br /><br />En Illustrator, la máscara tiene un comportamiento distinto: el objeto que sirve de máscara no es hueco; es sólido. Veamos este ejemplo:<br /><br />Tenemos la forma que va a servir de máscara arriba del objeto. Seleccionamos ambos objetos, damos clic derecho y activamos Crear máscara de recorte. <br /><br />Atención a esto: el objeto de máscara pierde su color de relleno, su trazo y color de trazo, es decir; es totalmente transparente. Este
es el fundamento para la técnica super-avanzada que vamos a ver enseguida.</div>
<div class="MsoNormal">
<o:p></o:p></div>
<h4>
Máscara de recorte avanzada</h4>
La idea es crear este efecto; hacer que el cordón pase por el agujero.<br /><br />Tenemos 2 objetos: el cordón, el cual es un trazado con un pincel, y el cartón, que es una forma compuesta.<br /><br />Es claro que no es posible lograr el efecto enviando el cordón detrás de la carta; este sería el resultado. Puede que en algunos casos funcione, pero en este caso, por ser este un pincel, tampoco es posible cortar el cordón con la herramienta Tijeras. Dejemos nuevamente el cordón adelante.<br /><br />Veamos los 2 casos. Necesitamos que el cordón pase por delante en esta parte.<br /><br />Dibujamos un rectángulo que cubra esta zona. No importa si no queda preciso, la técnica permite editar la máscara en cualquier momento.<br /><br />Aunque no es necesario, para hacer más clara la explicación, voy a aplicar un color de relleno al rectángulo. Recuerda que al aplicar la máscara el objeto pierde su color de relleno y trazo.<br /><br />Ahora la parte importante: en este tipo de máscaras, SIEMPRE, siempre tenemos que duplicar un objeto. En este caso es el cordón. Copiamos el cordón.<br /><br />Ahora seleccionamos el rectángulo y el cordón, y creamos una máscara de recorte; clic derecho, Crear máscara de recorte. Mira el principio de la máscara. El rectángulo perdió su relleno y trazo y deja ver la parte del cordón. <br /><br />Tenemos en este momento en el portapapéles el cordón. Sin tener nada seleccionado activamos Edición, Pegar detrás. <br /><br />Mira el truco: movamos la máscara. <br /><br />Ahora pasemos el cordón por encima de esta zona. Hagámoslo fácil. Duplicamos el objeto: arrastramos… y cuando el objeto esté en la posición que deseamos, presionamos la tecla Alt. Recuerda esto: NO ES necesario tener presionada la tecla Alt todo el tiempo.<br /><br />Seleccionemos la máscara. Bueno, la máscara es “invisible” así que para poder seleccionarla habilitamos Ver, Contornear. Seleccionamos la máscara y regresamos al modo de Previsualización.<br /><br />Observa que en el panel de control aparece el grupo de recorte. El botón del lado izquierdo permite editar la máscara, el botón del lado derecho el contenido de la máscara. Habilitemos la edición del contenedor (la máscara). Damos clic y arrastramos. Recuerda, estamos viendo partes del cordón que está dentro de la máscara.<br /><br /> Voy a hacer un acercamiento sobre esta zona. Mira la máscara. Aparece aquí algo recortado el cordón. Simplemente extendemos la máscara. <div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0tag:blogger.com,1999:blog-7380823031394989167.post-8293593327887137492019-12-17T08:43:00.001-05:002019-12-17T08:48:24.917-05:00Igualar color en Photoshop - Técnica no destructivaExisten muchas técnicas para igualar el color de objetos en Photoshop. En realidad, no es que una técnica sea mejor que otra; todo depende de la complejidad de imagen.<br />
En este video muestro una técnica no-destructiva (se puede ajustar el color en cualquier momento) para igualar el color entre imágenes en Photoshop.<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/igro0qRutIU" width="480"></iframe><div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0tag:blogger.com,1999:blog-7380823031394989167.post-37987366311977430992019-11-25T11:01:00.001-05:002019-11-25T11:01:30.217-05:00Reemplazar palabras a partir de un listado en InDesign<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/9zgzi4njO24" width="480"></iframe><div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0tag:blogger.com,1999:blog-7380823031394989167.post-39410740557403246752019-11-12T09:19:00.001-05:002019-12-17T08:51:14.465-05:00Importar pdf multipágina en InDesignLa importación de un PDF de varias páginas en InDesign no ofrece muchas opciones, además es un trabajo "manual". En este video enseño 2 scripts gratuitos para importar un PDF multipágina.<br />
<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/Ec6KDNmA9SI" width="480"></iframe><div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0tag:blogger.com,1999:blog-7380823031394989167.post-74355507920926289862019-11-04T10:56:00.001-05:002019-11-04T10:56:14.229-05:00Efecto texto retro en Illustrator - Editable<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/0b4y9BtpZmc" width="480"></iframe><div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0tag:blogger.com,1999:blog-7380823031394989167.post-10489072619354644882019-10-30T07:50:00.001-05:002019-10-30T07:50:40.813-05:00Convertir CMYK a pantone en Illustrator - Crear duotonos<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/U-omopQUdsA" width="480"></iframe><div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0tag:blogger.com,1999:blog-7380823031394989167.post-62737747531951074922019-09-30T10:20:00.001-05:002019-09-30T10:20:26.799-05:00Efectos de texto editables en Illustrator<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/i_MJWny44Fc" width="480"></iframe><div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0tag:blogger.com,1999:blog-7380823031394989167.post-17239093976106131742019-09-24T08:06:00.001-05:002019-09-24T08:06:18.010-05:00Tablas de contenido en InDesign - Caso práctico<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/OIUgx9FI2iI" width="480"></iframe><div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0tag:blogger.com,1999:blog-7380823031394989167.post-70491082664859285212019-09-13T09:12:00.001-05:002019-09-13T09:12:06.655-05:008 técnicas con tabuladores en InDesign<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/MTgSq8AHHqc" width="480"></iframe><div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0tag:blogger.com,1999:blog-7380823031394989167.post-42873927555753455262019-09-09T07:32:00.001-05:002019-09-09T07:32:02.618-05:00Cambiar el tamaño de varias imágenes en Photoshop<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/bgOfostGHAs" width="480"></iframe><div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0tag:blogger.com,1999:blog-7380823031394989167.post-5511528418181028472019-08-26T08:44:00.001-05:002019-08-26T08:44:26.004-05:00Crear puntas de flecha propias en Illustrator<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/iAwqU9zOa08" width="480"></iframe><div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0tag:blogger.com,1999:blog-7380823031394989167.post-2124751887327967382019-08-19T11:07:00.001-05:002019-08-19T11:33:09.581-05:00Cambiar carácteres a griego en InDesign<div class="MsoNormal">
Creo que a todos nos ha sucedido esto en InDesign: Estos
“cuadritos” rosados —que indican que no está disponible un caracter en una fuente determinada— se vuelven una pesadilla a la hora de editar un documento en
InDesign, ya que nos obligan a buscar y reemplazar uno a uno los caracteres faltantes.</div>
<div class="MsoNormal">
<br /></div>
En este video, explico porqué sucede estoy y muestro la solución automatizada.<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/_a5-xVQchUc" width="480"></iframe><div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0tag:blogger.com,1999:blog-7380823031394989167.post-31931101170039039312019-07-31T08:39:00.001-05:002019-07-31T08:42:43.074-05:00Ajustar el color piel en Photoshop<div class="MsoNormal">
Uno de los retos que afrontamos quienes trabajamos con
Photoshop es el manejo del color; tareas como igualar, o cambiar el color de
objetos, son preguntas frecuentes de muchos usuarios del programa.</div>
<div class="MsoNormal">
Esta es, sin lugar a dudas, una de las mejores técnicas
para ajustar el color de piel en Photoshop. En Youtube se
encuentran infinidad de métodos sobre este tema, pasando por comandos como
Tono-Saturación, corrección selectiva, niveles, etc. Sin embargo, me atrevo a
decir que esta es una de las técnicas más efectivas, porque, como verás en el siguiente video, lo vamos a hacer matemáticamente, sin cálculos visuales o “técnicas
adivinatorias”.<span lang="EN-US"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/vt6_I-EVc9E" width="480"></iframe><div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0tag:blogger.com,1999:blog-7380823031394989167.post-79176004495244812072019-07-24T08:56:00.001-05:002019-07-27T16:10:18.401-05:00Crear multiples diseños en un solo archivo en PhotoshopEn el medio de la publicidad y el diseño gráfico, es común que nos soliciten varias versiones de una pieza gráfica. Para generar múltiples versiones podemos administrar la visibilidad de las capas dentro del archivo de Photoshop. Sin embargo, si el archivo tiene muchas capas (¡eso generalmente sucede!), el trabajo de "apagar" y "encender" las capas correctas puede resultar desgastante.<br />
<h3>
Composiciones de capas</h3>
La solución a este dilema es usar Composiciones de capas (Layer Comps). Esta no es una función nueva; apareció en la versión CS3 de Photoshop (2007).<br />
Una composición de capa es como una instantánea del panel Capas. Es decir, la composición guarda el estado de las capas en el momento de crear la composición: por ejemplo, si tenemos una capa 1"a" invisible y otra capa "b" visible, la composición guarda este estado. Pero si habilitamos la visibilidad de "a" y cambiamos de posición los elementos de la capa "b" y guardamos una nueva composición, tendremos ya 2 versiones del documento dentro del mismo archivo.<div>
<br /></div>
<div>
Las opciones de una composición de capa son tres:<div class="text parbase section" style="border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px;">
<span style="font-family: inherit;"><span style="background-color: white; border-color: initial; border-image: initial; border-style: initial; font-style: inherit; font-weight: inherit; outline-color: initial; outline-style: initial;"><a href="https://www.blogger.com/null" name="main-pars_text_1" style="border: 0px; box-sizing: border-box; color: #1473e6; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"></a></span></span><div class="text" style="border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px;">
<ul>
<li>Visibilidad de la capa: si la capa está visible u oculta.</li>
<li>Posición de los objetos de la capa.</li>
<li>Aspecto de la capa: si se aplica un estilo de capa (Efecto) a la capa o si se aplica un modo de fusión.</li>
</ul>
</div>
</div>
En el siguiente video explico la funcionalidad de las composiciones de capa.<br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/X0kjXCYOQLc" width="480"></iframe></div>
<div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0tag:blogger.com,1999:blog-7380823031394989167.post-35025478346407334652019-07-16T09:32:00.001-05:002019-07-16T09:32:08.326-05:00Control de viudas y huérfanas en Indesign<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/IyuWaeMwrWo" width="480"></iframe><div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0tag:blogger.com,1999:blog-7380823031394989167.post-37688757301799513632019-06-07T17:36:00.000-05:002019-06-07T17:36:06.885-05:00Alinear cifras en tablas en InDesign<br />
Si trabajas con publicaciones financieras en <a href="http://adobe.com/indesign">InDesign,</a> sabes que no es nada fácil alinear cifras en tablas. Por lo general, los números en las columnas se alinean al centro, pero en ocasiones se necesita alinear las cifras con respecto a los puntos decimales. También puede suceder que la columna requiera estar centrada con respecto a la cifra más larga, mientras los otros números deban alinearse a la derecha.<br />
<div>
Generalmente este trabajo obliga a seleccionar el texto de cada celda y hacer la alineación con tabulados. Si el documento tiene muchas tablas, la solución es crear estilos de celda y aplicarlos individualmente en cada tabla.<br />
Afortunadamente mis amigos de Id-Extras, desarrollaron un script que hace de esta tarea un juego de niños. Se trata de <a href="https://www.id-extras.com/products/centertablecolumns/">Center Table Columns</a>.<br />
El script tiene una sencilla interfase que ayuda a:<br />
<ul>
<li>Centrar la fila más larga (o la primera línea) en una columna, y luego alinear todos los números con respecto a esta.</li>
<li>Alinear con respecto a puntos decimales todos los números en una columna con respecto al número más largo.</li>
<li>Alinear las columnas con respecto a cualquier caracter. </li>
<li>Crear indentados a la derecha: si hay números con asteríscos los números quedan centrados y los asteríscos flotan a la izquierda. Esta última opción resulta muy útil en tablas donde hay notas al pie.</li>
</ul>
<div>
La última versión del script (a la fecha 1.2.0) permite alinear con respecto a otros caracteres diferentes al punto y trabajar con columnas de texto, números o combinadas.<br />
<br />
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/xcDiwWpv6Qc" width="560"></iframe><br />
<br /></div>
</div>
<div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0tag:blogger.com,1999:blog-7380823031394989167.post-73346370097052771662019-02-05T13:07:00.001-05:002019-02-05T13:07:10.365-05:00Maquillaje digital - modo de fusion Superponer<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/MWZyp6bZ_Ig" width="480"></iframe><div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0tag:blogger.com,1999:blog-7380823031394989167.post-21402664443779091132019-01-16T13:25:00.001-05:002019-01-16T13:25:56.627-05:00Guía de preferencias en InDesign¿Recuerdas esa primera clase de conducción?. Probablemente lo primero que<br />
te indicaron al subirte al auto, fue ajustar la posición de la silla del conductor,<br />
mover los espejos, colocar tus manos en el volante para ajustar la altura<br />
del asiento... todo esto con el objetivo de sentirte cómodo. De igual manera,<br />
cuando utilizamos un programa, deberíamos sentirnos “cómodos” con los comandos<br />
y los ajustes generales del programa, y de esto se trata el ajuste de<br />
las preferencias de una aplicación.<br />
InDesign, al igual que la mayoría de programas, permite modificar las preferencias<br />
de interfaz, tipografía, diccionario, retículas, etc. El propósito de esta guía<br />
es dar una visión general sobre las preferencias de la aplicación con una breve<br />
descripción de los conjuntos de preferencias y usos prácticos.<br />
No muestro en detalle cada una de las preferencias, ya que tendría que poner<br />
en contexto el ajuste de la preferencia lo que resulta imposible en este espacio;<br />
sin embargo, incluyo breves explicaciones de las preferencias que deben<br />
tenerse en cuenta para un trabajo más eficiente. En mis cursos online describo<br />
en detalle los comandos y ajustes del programa y sus preferencias.<br />
<div class="issuuembed" data-configid="1085042/67129661" style="height: 371px; width: 525px;">
</div>
<script async="true" src="//e.issuu.com/embed.js" type="text/javascript"></script><br />
<br />
<br />
<br />
<br />
<br /><div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0tag:blogger.com,1999:blog-7380823031394989167.post-56910860937034848072019-01-14T13:03:00.003-05:002019-01-14T13:03:59.774-05:00Una introducción al Kerning<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6JNpG1ZuAJwH8jmXPTGM_O60ckvWZRW94X_6Q96FNpoCN-nwp4BJZbBiE10vzNAUK0FLD3Rhd4aIsDykEhT_ZhA6h5_6VqyJry7hFvFN9abXJC2V8oobOzAwvWWW2OMZ2OUSL-NSrn_T5/s1600/pare_01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Kerning mal aplicado en señal de PARE" border="0" data-original-height="159" data-original-width="318" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6JNpG1ZuAJwH8jmXPTGM_O60ckvWZRW94X_6Q96FNpoCN-nwp4BJZbBiE10vzNAUK0FLD3Rhd4aIsDykEhT_ZhA6h5_6VqyJry7hFvFN9abXJC2V8oobOzAwvWWW2OMZ2OUSL-NSrn_T5/s400/pare_01.png" title="Señal de Pare" width="400" /></a></div>
<br />
Siempre que veo esta señal no puedo evitar pensar en el mal uso de la tipografía. Y es que la tipografía tiene una función: ¡COMUNICAR!, y en este sentido, el mensaje siempre debe ser claro y cumplir su objetivo sin generar barreras o ambiguedades en la comunicación*.<br />
<div>
A lo que me refiero con este ejemplo, es a un problema de Kerning (sí, así como se escribe y suena en inglés), que es uno de los conceptos que generan algo de confusión entre diseñadores novatos.<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<h3>
Definición</h3>
El kerning se refiere al procedimiento para ajustar el espacio entre dos letras o caracteres. Repito (en mayúscula): ENTRE DOS LETRAS O CARACTERES, con el fin de dar más legibilidad al texto.<br />
<div>
En este sentido, el kerning es un ejercicio puramente visual, ya que no se trata de establecer una medida, sino más bien, un espacio visual agradable y acorde a la forma de la letra.</div>
<div>
<h3>
Kerning vs Tracking</h3>
No hay que confundir el Kerning con el Tracking. Según la ayuda de oficial de InDesign:<br />
<i>"Kerning es el proceso de adición o eliminación de espacio entre pares de caracteres concretos"</i>, y Tracking <i>"es el proceso de creación de expansión o compresión de un bloque de texto".</i><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1NVY8sFtKA8Bl7MwczJeF5AyLbutK_CDT8MTXJD3wjNgtEekKw7aWEYGn8Nl_W_Tzg6Uy_6gyxiDM-sXIdBW6SJFMySk7DiNkgyqqBT4l3fHvz6uZDOmrhEElnRRgrYs-9Xef-luQC0Lw/s1600/kern_panel2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="captura de pantalla de kerning vs tracking en InDesign" border="0" data-original-height="102" data-original-width="233" height="138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1NVY8sFtKA8Bl7MwczJeF5AyLbutK_CDT8MTXJD3wjNgtEekKw7aWEYGn8Nl_W_Tzg6Uy_6gyxiDM-sXIdBW6SJFMySk7DiNkgyqqBT4l3fHvz6uZDOmrhEElnRRgrYs-9Xef-luQC0Lw/s320/kern_panel2.JPG" title="Kerning vs tracking" width="320" /></a></div>
<i><br /></i>
En la mayoría de casos, el kerning se aplica "manualmente" y solo a textos grandes como titulares.<br />
En cuerpos de texto, párrafos con un kerning muy apretado pueden resultar difíciles de leer, sobre todo en puntajes pequeños. De igual manera, un kerning muy justo, donde las letras se tocan, puede crear “nuevas letras” generando otra lectura.<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFPAvTCOBK6pChUIymZKbikeHqPY6Nls9I-CcFvBwrE1dLhgeS4Ubg3_Ta0X19gm-qfu9xUJovdfO663Kzcy95QOWmLRXMg7mGrbEXxGYTZGyTPqi-GpGzQ4BDgsKXHSodRFTiDORU7-93/s1600/bad-letter-spacing-19__605.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img alt="Aviso click lovers se lee como dick lovers" border="0" data-original-height="340" data-original-width="605" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFPAvTCOBK6pChUIymZKbikeHqPY6Nls9I-CcFvBwrE1dLhgeS4Ubg3_Ta0X19gm-qfu9xUJovdfO663Kzcy95QOWmLRXMg7mGrbEXxGYTZGyTPqi-GpGzQ4BDgsKXHSodRFTiDORU7-93/s1600/bad-letter-spacing-19__605.jpg" title="Kerning mal aplicado" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<h3>
Cuándo aplicar kerning</h3>
En ocasiones el valor por defecto para ciertas combinaciones de letras no es el ideal, así que debemos ajustar este espaciado para que el espacio entre todas las letras sea consistente.</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX-QS0MVdTErvoKzPOZNiPGW6TxPCAVjIdzy_Anfp5WEhmk6gkBhPpqfT4oXY7Ou-AdQ6stAq734XjwYJ9WoLRum10XeqPR2Ql7oqnl99vavDyb7Pjx7aJ-qNPLVCNmzjg5P4xdFT1JVqL/s1600/kerning_01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img alt="Kerning mal aplicado" border="0" data-original-height="309" data-original-width="474" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX-QS0MVdTErvoKzPOZNiPGW6TxPCAVjIdzy_Anfp5WEhmk6gkBhPpqfT4oXY7Ou-AdQ6stAq734XjwYJ9WoLRum10XeqPR2Ql7oqnl99vavDyb7Pjx7aJ-qNPLVCNmzjg5P4xdFT1JVqL/s1600/kerning_01.png" title="Ejemplo de kerning " /></a></div>
<br />
Cómo se ve en la figura, un espacio igual entre letras produce un resultado bastante extraño. Esto se debe a que todas las letras tienen formas diferentes y nuestra tarea es ajustar el espacio entre cada (algo así como ajustar las piezas de un rompecabezas).<br />
<h3>
Kerning en las aplicaciones de Adobe</h3>
En Illustrator y en InDesign contamos con dos opciones de Kerning: métrico (automático) y óptico. Estas opciones se encuentran en el panel de Caracter y en la barra de Control de cada uno de los programas.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0tPPP5yFi5w9hm_AsxEFPCIFcoiQowG2HEb64aoA-QAAtJo5f6i9WrDKmQP-JxoiUSlPFDiLI_rvHelYOaaBARxx5t2UvXbVmgO4hN9vjHI0N-TmYrhoycNeuJ9bOSki0CaRb8SSjA7um/s1600/kern_panel.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Captura de pantalla del kerning optico y Automático" border="0" data-original-height="76" data-original-width="132" height="184" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0tPPP5yFi5w9hm_AsxEFPCIFcoiQowG2HEb64aoA-QAAtJo5f6i9WrDKmQP-JxoiUSlPFDiLI_rvHelYOaaBARxx5t2UvXbVmgO4hN9vjHI0N-TmYrhoycNeuJ9bOSki0CaRb8SSjA7um/s320/kern_panel.JPG" title="Opciones de kerning en InDesign" width="320" /></a></div>
<br /></div>
<h4>
Kerning métrico</h4>
<div>
El ajuste por defecto en InDesign es el kerning Métrico. Este está basado en las tablas de espaciamiento de la fuente. InDesign ajusta automáticamente los pares de letras de acuerdo a estos valores.</div>
<div>
<h4>
Kerning óptico</h4>
El kerning óptico ajusta la separación entre caracteres adyacentes según sus formas y se ha optimizado para su uso con pictogramas latinos. Algunas fuentes incluyen sólidas especificaciones de pares de kerning. Sin embargo, cuando una fuente solo incluye un kerning incorporado mínimo o carece por completo de kerning, o si se utilizan dos tipos o tamaños diferentes en una o más palabras de una línea, es recomendable utilizar la opción de kerning óptico para el texto latino del documento.</div>
<div>
Los valores de Tracking y kerning se miden en 1/1000 eme, una unidad de medida relativa al tamaño actual del texto. Así, en una fuente de 6 puntos, 1 eme equivale a 6 puntos, y en una fuente de 10 puntos, 1 eme equivale a 10 puntos. Kerning y tracking son estrictamente proporcionales al tamaño actual del texto.</div>
<div>
Al hacer clic para colocar el punto de inserción entre dos letras, InDesign mostrará los valores de kerning en los paneles Control y Carácter. Los valores de kerning métrico y óptico (o los pares de kerning definidos) se muestran entre paréntesis. De manera similar, si selecciona una palabra o un fragmento de texto, InDesign mostrará los valores de tracking en los paneles Control y Carácter.<br />
En algunos casos, deseará conocer el texto que tiene aplicado tracking y kerning personalizados. Si selecciona la opción de preferencias Tracking/Kerning personalizado, el texto con tracking o kerning personalizado aparece resaltado en verde.</div>
<div>
<span style="font-size: xx-small;">Fuente: Ayuda oficial de InDesign</span></div>
<h3>
Kerning manual</h3>
<div>
También podemos utilizar el kerning manual, el cual resulta idóneo para ajustar el espacio entre dos letras.y este el que veremos en detalle en este post.<br />
<h4>
Recomendaciones para aplicar un kerning apropiado</h4>
Revisa los espacios después de las letras con grandes espacios en su formas como L, F , T, P.<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrrc1UUK3TwuxSQ7Ns8NKKAPFB3CvSaqMx-mDV8A8rBBKg8z6MfgMESdY-BYnyAuRG8eEYk3C_SI8pHbkM0NY5kpiTDdp1yVAFtX4CIq9CrQYHUwMFrJntKzFpt_d72rfBHiP314TBHPvK/s1600/kern_01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="269" data-original-width="505" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrrc1UUK3TwuxSQ7Ns8NKKAPFB3CvSaqMx-mDV8A8rBBKg8z6MfgMESdY-BYnyAuRG8eEYk3C_SI8pHbkM0NY5kpiTDdp1yVAFtX4CIq9CrQYHUwMFrJntKzFpt_d72rfBHiP314TBHPvK/s1600/kern_01.png" /></a></div>
Revisa las combinaciones de letras con inclinaciones como K, A, W, Y, V<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMU5vDtTHUY-XPW0GJo0cwT4Vgy9_k2Kxrx6xZpSJeD3fIA1q-hbx3fJAA83nomlRkR5-yYJqiLqtdA5aXvnHnL1__zPBJL9JAkNVhLVyCQ6aUlTqIEf63VfxyQfBqat-i32_-fmapNGyS/s1600/kern_025.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="274" data-original-width="466" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMU5vDtTHUY-XPW0GJo0cwT4Vgy9_k2Kxrx6xZpSJeD3fIA1q-hbx3fJAA83nomlRkR5-yYJqiLqtdA5aXvnHnL1__zPBJL9JAkNVhLVyCQ6aUlTqIEf63VfxyQfBqat-i32_-fmapNGyS/s1600/kern_025.png" /></a></div>
Ten en cuenta el espacio entre las letras mayúsculas W, A, V seguidas de letras minúsculas<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh21Xe2ifjcZchmbsoHS5SevFs1yzErFbv0s5HseQmjbti3pofqeHZ2FxWgLb_bZtFVa5pqNTMZxoRqUpNhC6-MAzGlh_0bLnEnG4V8ViX4FPUFHUgv9HbzOeoo5Sbo4a80f0v56GU6xomI/s1600/vista.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Kerning en la palabra Vista" border="0" data-original-height="313" data-original-width="455" height="275" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh21Xe2ifjcZchmbsoHS5SevFs1yzErFbv0s5HseQmjbti3pofqeHZ2FxWgLb_bZtFVa5pqNTMZxoRqUpNhC6-MAzGlh_0bLnEnG4V8ViX4FPUFHUgv9HbzOeoo5Sbo4a80f0v56GU6xomI/s400/vista.png" title="Propiedades de kerning entre letras inclinadas" width="400" /></a></div>
<br />
<h3>
Reglas generales</h3>
<div>
Como recomendación general las normas a seguir para lograr un kerning apropiado son:</div>
<br />
<ul>
<li>El espacio entre dos letras con glifos rectos debe ser más amplio</li>
<li>El espacio entre una letra con forma redonda y una letra con forma recta es un poco menor</li>
<li>Dos letras redondas requieren mucho menos espacio</li>
</ul>
<br />
<div>
<br /></div>
<div>
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtLPbgoMXSUOgOIFo2buYOwldtN-xVBYkL-s_yfwjL4Uc6jcNK4kCdKJuwgrtoYZV5S8gwhyphenhyphen0Vc9bl4Uct6vcf9GVtEb-JQ0poKOPkhS1vKA84agNxq4d7MSey9OFxBb3Elhs7zfdg0CyX/s1600/kern_03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="223" data-original-width="494" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtLPbgoMXSUOgOIFo2buYOwldtN-xVBYkL-s_yfwjL4Uc6jcNK4kCdKJuwgrtoYZV5S8gwhyphenhyphen0Vc9bl4Uct6vcf9GVtEb-JQ0poKOPkhS1vKA84agNxq4d7MSey9OFxBb3Elhs7zfdg0CyX/s1600/kern_03.png" /></a></div>
<h4>
El tamaño de la letra</h4>
Por aquello de las leyes de la percepción (Gestalt), el kerning aplicado a diferentes tamaños de texto debe ser diferente. Un ejemplo típico son las indicaciones de carreteras.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAwftBaOhczMe2n0-Fhkol2SpZ-akSGdDlXIcZaOpW_QIJjp3bAS0TCVVQRrswNyQ0eJYZGGGY9-E1vZG1nDu2Mcr3uvecIUaSHCTmdmTt7M7IHvlKQQR7067Lhm-1r-yrai2OLsRVEqoE/s1600/Kern_04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="246" data-original-width="204" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAwftBaOhczMe2n0-Fhkol2SpZ-akSGdDlXIcZaOpW_QIJjp3bAS0TCVVQRrswNyQ0eJYZGGGY9-E1vZG1nDu2Mcr3uvecIUaSHCTmdmTt7M7IHvlKQQR7067Lhm-1r-yrai2OLsRVEqoE/s400/Kern_04.png" width="331" /></a></div>
<br />
Esto quiere decir que el kerning debería aplicarse <b>después </b>de fijar el tamaño del texto.<br />
Algunos autores sugieren igualmente que en el caso del diseño de logotipos, es fundamental establecer los diferentes tamaños a los que va a reproducirse el logotipo; ya que según lo expuesto en este artículo, no es lo mismo el kerning en una tarjeta de presentación que el kerning aplicado a una valla.<br />
*Entiendo que el trabajo de señalización tiene que cumplir con ciertas normativas que ayudan a la elaboración de las señales. Revisé la <a href="https://www.mintransporte.gov.co/documentos/29/manuales-de-senalizacion-vial/genPagDocs=1">documentación técnica del Ministerio del transporte</a> y descubrí que todo se basa en retículas, lo que obviamente no tiene nada de sentido tipográfico.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUqes6MmPu1PN8GasNBAyvvFTd9jCYd1eQWF4eyrpuaCjC1oNTGesU6lsJPEeaY7argn7jtGDBokVBx5NoGstEsmla5RC0PbZbn3gdJs_YhQ9g0pvQmJJe22VRXBbdVE9bRWZzA-zKHX5_/s1600/pare+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="320" data-original-width="529" height="386" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUqes6MmPu1PN8GasNBAyvvFTd9jCYd1eQWF4eyrpuaCjC1oNTGesU6lsJPEeaY7argn7jtGDBokVBx5NoGstEsmla5RC0PbZbn3gdJs_YhQ9g0pvQmJJe22VRXBbdVE9bRWZzA-zKHX5_/s640/pare+2.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: xx-small;">Fuente: Fondo de Prevención Vial Anexo 2A_Diseño_reglamentarias:pdf</span></div>
<br /></div>
</div>
</div>
<div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0tag:blogger.com,1999:blog-7380823031394989167.post-81397091807845688762018-09-27T16:46:00.002-05:002018-09-27T16:46:45.528-05:00Taller presencial 077 técnicas super-secretas de Illustrator<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVThKclLi9dbmvocNIyd1M8LzfEif8aROERDZL0DktglS5XPrAsWPu5O7DtbTfFVFA-LpUDaqNt1Ulwg1kYQcYaOSSoF-g-XCALjOccE4GGV-DK7xan99Zilh4Jli2Un3CiUSMPWcht61-/s1600/taller+077.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="imagen taller illustrator profeivan" border="0" data-original-height="519" data-original-width="791" height="419" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVThKclLi9dbmvocNIyd1M8LzfEif8aROERDZL0DktglS5XPrAsWPu5O7DtbTfFVFA-LpUDaqNt1Ulwg1kYQcYaOSSoF-g-XCALjOccE4GGV-DK7xan99Zilh4Jli2Un3CiUSMPWcht61-/s640/taller+077.jpg" title="taller illustrator" width="640" /></a></div>
<h3>
<br /></h3>
<h3>
Objetivo del taller</h3>
<div>
Este taller de <b><span style="color: orange;">8 horas,</span></b> surge como respuesta a preguntas e inquietudes de estudiantes y profesionales que ya conocen Illustrator pero quieren ir "más allá" y optimizar sus flujos de trabajo con el programa. Por esto, he recopilado los <b><span style="color: orange;">mejores trucos</span></b> del programa que utilizo en mi trabajo diario, tomados de reconocidos artistas digitales y gurús del entrenamiento en herramientas digitales.</div>
<h3>
Metodología</h3>
<div>
Taller <b><span style="color: orange;">totalmente práctico</span></b>. Mediante ejercicios con el programa se darán a conocer las 77 técnicas para ser más productivo con el programa. Solo 10 cupos disponibles.</div>
<div>
<h3>
Dirigido a</h3>
<div>
<ul>
<li>Ilustradores</li>
<li>Diseñadores gráficos</li>
<li>Creativos gráficos</li>
<li>Estudiantes de diseño</li>
</ul>
</div>
<h3>
Requisitos</h3>
<div>
<ul>
<li>Conocimientos básicos-intermedios de Adobe Illustrator</li>
<li>Computador portátil con el software instalado</li>
</ul>
</div>
<div>
<h3>
Fecha y horario</h3>
</div>
</div>
<div>
<b><span style="color: orange;">Octubre 20</span></b> de 2018<br />
<br />
<ul>
<li>9:00 am - 1:00 p-m </li>
<li>2:00 p.m - 6:00 p.m.</li>
</ul>
</div>
<h3>
Lugar</h3>
<div>
Casa CNA Transv. 26B #41-40 Bogotá </div>
<iframe allowfullscreen="" frameborder="0" height="450" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3976.7869778066124!2d-74.07941978543107!3d4.632057343539177!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8e3f9bd354496d7b%3A0x1a1b2b844914269b!2sTv.+26b+%2341-40%2C+Bogot%C3%A1!5e0!3m2!1ses!2sco!4v1538083595517" style="border: 0;" width="600"></iframe><br />
<div>
<br /></div>
<h3>
Medio de pago</h3>
<div>
Consignación bancaria cuenta de ahorros Bancolombia No. 20415915521 a nombre de Iván Gómez S.</div>
<h3>
Instructor</h3>
<div>
<div data-pm-slice="1 1 []">
Iván Gómez, diseñador gráfico colombiano. Con más de 35 años de experiencia en el medio, enseñar se ha convertido en mi pasión. Actualmente soy<strong> Instructor Certificado Adobe </strong>en <strong>Illustrator</strong>, <strong>Photoshop</strong> e <strong>InDesign</strong>. He tenido la oportunidad de dictar cursos, conferencias y talleres en reconocidas universidades y empresas en Colombia, Ecuador, Argentina y Venezuela. Comparto en mi blog trucos y técnicas para optimizar el manejo de los programas. </div>
<div data-pm-slice="1 1 []">
Formador en linkedin learning, Crehana.com y Udemy.com. </div>
<div data-pm-slice="1 1 []">
<br /></div>
<div data-pm-slice="1 1 []">
Mayores informes: <a href="mailto:profe.ivan@gmail.com">profe.ivan @gmail.com</a></div>
</div>
<div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0tag:blogger.com,1999:blog-7380823031394989167.post-6947448532781720662018-07-27T08:09:00.006-05:002019-06-13T07:55:54.516-05:00Convertir números romanos a versalita en InDesignRecuerdo que esto lo tuve que hacer alguna vez en un proyecto editorial, y me tomó casi 2 días. La solicitud del cliente era la siguiente: dejar el todos los números romanos en versalita.<br />
<div>
Bueno, la idea es que puedas hacer esta conversión en menos de 1 minuto, sin importar lo extenso del documento.</div>
<h3>
Procedimiento</h3>
<h4>
Definir la búsqueda</h4>
<div>
<ol>
<li>Abre el documento de <a href="http://adobe.com/indesign">InDesign </a>y desde el menú <i>Edición </i>activa <i>Buscar/Cambiar</i></li>
<li>Da clic sobre la pestaña <i>GREP</i></li>
<li>Introduce el siguiente patrón de búsqueda en el campo <i>Buscar</i>. Deja el campo cambiar vacío<span style="color: orange;"><span style="font-family: "courier new" , "courier" , monospace;"><i>.</i> <b>\b[IVXLMCD]+\b</b></span> </span><span style="font-size: x-small;">*Mira la explicación abajo</span><div class="separator" style="clear: both; color: orange; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXlKc00MjUSzt2-ylMIuAoAnXyq_j9UJ9a4hGUEU7XLKqUDHv_H4jX3YpA-hnyJqJe5M4PnpR5Ljdw04UH-girncKnOMackLD4Rt_i7ACmIq2Xp_eSwqhB_zi2CQSK1vjlOBRdubmkFE-C/s1600/numero+romano+grep.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="744" data-original-width="750" height="317" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXlKc00MjUSzt2-ylMIuAoAnXyq_j9UJ9a4hGUEU7XLKqUDHv_H4jX3YpA-hnyJqJe5M4PnpR5Ljdw04UH-girncKnOMackLD4Rt_i7ACmIq2Xp_eSwqhB_zi2CQSK1vjlOBRdubmkFE-C/s320/numero+romano+grep.JPG" width="320" /></a></div>
</li>
</ol>
Este patrón de búsqueda encuentra todos los números romanos. Hasta este punto, podríamos aplicar un estilo de caracter a los resultados de la búsqueda. Sin embargo, en las opciones de <i>Cambiar formato</i>, la selección de <i>Mayús./minús: Versalitas </i>no funcionaría en este caso, porque el texto está en realidad en Mayúsculas. Se hace necesario entonces un script para completar la tarea.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzwmVU_6kDIYfG1YijigxaEFZu9fNDn7lAVlM51soDAhrxi-JijMMAp3ZrHbdpCQkDIcywnm4v6tlUhiWVRBX7uEDIHL3c8qYu2C_Gx-KbK-yn3dI_6jxYEXjhcGLmX_DlWeuSFon-wsOJ/s1600/numero+romano+grep+2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="620" data-original-width="1190" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzwmVU_6kDIYfG1YijigxaEFZu9fNDn7lAVlM51soDAhrxi-JijMMAp3ZrHbdpCQkDIcywnm4v6tlUhiWVRBX7uEDIHL3c8qYu2C_Gx-KbK-yn3dI_6jxYEXjhcGLmX_DlWeuSFon-wsOJ/s320/numero+romano+grep+2.JPG" width="320" /></a></div>
<h4>
Script</h4>
</div>
<div>
<ol>
<li>Descarga el script <b>Changecase.jsx </b>de la página de <a href="http://www.kahrel.plus.com/indesign/grep_change_case.html">Peter Kahrel</a></li>
<li>Instala el script. Mira las instrucciones de instalación en <a href="https://youtu.be/uQKc-yKsGjc?t=55s">este video (min, 0:55)</a></li>
<li>Abre el panel Scripts <i>Ventana > Utilidades >Scripts</i></li>
<li>Abre la carpeta <i>Usuario </i>y localiza el script <i>Changecase.jsx</i></li>
<li>Da doble clic sobre el script y en la interfase del script activa la opción <i>Convertir de mayúscula a minúscula (A...) </i>y marca la casilla <i>Apply SC (Small Capitals - Versalita).</i></li>
</ol>
</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_u24QGBMlpxZb8qZRPwLJ12f4_bFpj_fCel4OUvbVrjJncQS5F0d3LmIXWzrn4jexA3yPRtQLhOV8npPxDyGqShx0I3d3U5cOA_LUSUyWOQSCjdNML27Q78AIQGut1T0TExSmtuxHHTci/s1600/numero+romano+grep+script.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="483" data-original-width="195" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_u24QGBMlpxZb8qZRPwLJ12f4_bFpj_fCel4OUvbVrjJncQS5F0d3LmIXWzrn4jexA3yPRtQLhOV8npPxDyGqShx0I3d3U5cOA_LUSUyWOQSCjdNML27Q78AIQGut1T0TExSmtuxHHTci/s320/numero+romano+grep+script.JPG" width="129" /></a></div>
</div>
<div>
Da clic en buscar <i>Find </i>(Buscar) para comprobar la búsqueda, y luego clic en <i>Change all (Cambiar todo).</i><br />
<i><br />
</i> <i><br />
</i></div>
<h3>
Explicación</h3>
<div>
<i style="color: orange;">.</i><span style="color: orange;"> </span><span style="font-family: "courier new" , "courier" , monospace; font-size: large;"><b><span style="color: blue;">\b</span><span style="color: #cc0000;">[</span><span style="color: #674ea7;">IVXLMCD</span><span style="color: red;">]</span><span style="color: orange;">+</span><span style="color: blue;">\b</span></b><span style="color: orange;"> </span></span></div>
<div>
<br /></div>
<div>
<span style="color: blue;"><span style="font-family: "courier new" , "courier" , monospace;"><b>\b</b></span> </span>Ubicaciones > Límite de palabra. Define el límite de palabra</div>
<div>
<span style="color: red; font-family: "courier new" , "courier" , monospace;"><b>[ ] </b></span>Coincidir > Conjunto de caracteres. Búsqueda de cualquiera de los caracteres del conjunto.</div>
<div>
<b><span style="color: purple; font-family: "courier new" , "courier" , monospace;">IVXLMCD</span> </b> Caracteres correspondientes a números romanos</div>
<div>
<span style="color: orange; font-family: "courier new" , "courier" , monospace;"><b>+</b> </span>Repetir > Una o más veces. En este caso, se refiere a la posible repetición de cualquiera de los caracteres que aparecen en el conjunto.</div>
<div>
<br />
<br />
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/pf67HjQdwkw" width="560"></iframe><br />
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br />
<div>
<br /></div>
</div>
<div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0tag:blogger.com,1999:blog-7380823031394989167.post-53860431016734062792018-07-16T12:55:00.001-05:002018-07-16T13:06:23.151-05:00Crear armonías de colores en IllustratorAlgunas veces en la creación de logos necesitamos encontrar armonías de color para aplicar a los diferentes elementos de logotipo .<br />En este tutorial explico la técnica para generar grupos de color y aplicarlos a nuestras ilustraciones. En la segunda parte del video (minuto 4:13) muestro cómo generar ideas con el uso de apariencias.<br /><br /><iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/0pCYJRGAVbs" width="480"></iframe><br />
<br />
Si quieres aprender más y convertirte en un "Maestro" de Illustrator, inscríbete en mis cursos:<br />
<ul>
<li><a href="http://bit.ly/2prskij">Curso Illustrator: fundamentos, trucos y técnicas</a></li>
<li>Si conoces Illustrator y quieres saber los secretos de los gurús <a href="http://bit.ly/2z8fI73">este curso</a> (super-rápido) es para ti: </li>
</ul>
<div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0tag:blogger.com,1999:blog-7380823031394989167.post-43863529664828331182018-07-09T16:27:00.001-05:002018-07-16T13:15:07.236-05:00Cómo crear atajos de teclado en Photoshop, Illustrator e InDesignEn los primeros años de la era digital, muchos de los programas de computación se trabajaban bajo ambiente DOS, esto es, sin una interfase de usuario. En ese entonces, los atajos de teclado no eran una opción, eran de uso obligatorio. Hasta hace algunos unos años, la mayoría de programas tenían sus atajos de teclado propios y no era posible modificarlos o agregar nuevos atajos.<br />
Tal vez ,una de las tareas qué diferencian a un novato de un experto, es el uso de atajos de teclado. En realidad, algo tan simple como copiar un archivo, muestra la ventaja de emplear atajos de teclado en lugar de acudir a los menús del programa.<br />
En este video muestro cómo personalizar los atajos de teclado en InDesign, Photoshop e Illustrator.<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/UmrvS3TswMU" width="480"></iframe><br />
<br />
Estos son los recursos adicionales que menciono en el video:<br />
<ul>
<li><a href="https://youtu.be/WcqAztxEQQw">Video (con acción incluida) del efecto Dragan </a></li>
<li><a href="http://bit.ly/2ICrZou">Curso online InDesign Automatización y estilos</a></li>
<li><a href="http://bit.ly/2Jmmbvg">Curso online InDesign: diseña y diagrama desde cero</a></li>
<li><a href="http://bit.ly/2prskij">Curso Illustrator: fundamentos, trucos y técnicas</a></li>
<li>Si conoces Illustrator y quieres saber los secretos de los gurús <a href="http://bit.ly/2z8fI73">este curso</a> (super-rápido) es para ti: </li>
</ul>
<div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0tag:blogger.com,1999:blog-7380823031394989167.post-75376073456102533592018-07-02T20:18:00.000-05:002018-07-02T20:18:41.950-05:00Alinear números en listas numeradas en InDesignEl caso es el siguiente: necesitas que los números en una lista numerada queden alineados con respecto al punto.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwMR2RPYfOERRAmTJHoeva4f8nNPAyKg_opIXExYXSVAgF4F2nCUmv84ifC73wpn9s2hjDRNYM9o-nY19C83OoQqtX0JyLkJYhMyk5AKJTfLJ4dnih4FJw2Rf8k-Crr5xKsORm8UtVWg0Q/s1600/3tecnicas.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Alineación a la derecha en indesign" border="0" data-original-height="675" data-original-width="751" height="287" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwMR2RPYfOERRAmTJHoeva4f8nNPAyKg_opIXExYXSVAgF4F2nCUmv84ifC73wpn9s2hjDRNYM9o-nY19C83OoQqtX0JyLkJYhMyk5AKJTfLJ4dnih4FJw2Rf8k-Crr5xKsORm8UtVWg0Q/s320/3tecnicas.JPG" title="alinear puntos en listados en indesign" width="320" /></a></div>
<br />
La técnica más común es añadir un tabulador al comienzo del párrafo (bueno eso está bien), pero ¿sabías que puedes lograr el mismo efecto con la opción Alineación derecha en el estilo de párrafo?<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfRqzMuaDKtBDpIst3gM8a_i7R7NHFTHjBtfZ55H5bxhkqkMPt_w1-aFXgszynHFttEMtw9A31DQ92Xqox2Q92qtPl9Jt2g1GI3NBjXoti-dRJhOmpytQE19VcFfBnI8eZ_F_UTF1ennWx/s1600/3tecnicas+2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="alineación derecha en número en Indesign" border="0" data-original-height="262" data-original-width="767" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfRqzMuaDKtBDpIst3gM8a_i7R7NHFTHjBtfZ55H5bxhkqkMPt_w1-aFXgszynHFttEMtw9A31DQ92Xqox2Q92qtPl9Jt2g1GI3NBjXoti-dRJhOmpytQE19VcFfBnI8eZ_F_UTF1ennWx/s400/3tecnicas+2.JPG" title="opcion alineación de número en indesign" width="400" /></a></div>
<br />
En este video comparto esta y 2 técnicas más. Mira la forma de habilitar esta opción a partir del minuto 1:40<br />
<br />
<iframe allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/RIkbI32fUg8" width="560"></iframe><br />
<br /><br />Aprende más sobre Adobe InDesign en mi curso básico <a href="https://www.youtube.com/redirect?q=http%3A%2F%2Fbit.ly%2F2Jmmbvg&event=video_description&v=RIkbI32fUg8&redir_token=HMzdJaXe-9Qs3rKgP_AxlhAElKV8MTUzMDY2NTg0OUAxNTMwNTc5NDQ5">http://bit.ly/2Jmmbvg</a> <div>
Aprende más sobre scripts y automatización en InDesign en mi curso avanzado <a href="https://www.youtube.com/redirect?q=http%3A%2F%2Fbit.ly%2F2ICrZou&event=video_description&v=RIkbI32fUg8&redir_token=HMzdJaXe-9Qs3rKgP_AxlhAElKV8MTUzMDY2NTg0OUAxNTMwNTc5NDQ5">http://bit.ly/2ICrZou</a><br /><br /><br />
<br />
<br /></div>
<div class="blogger-post-footer"><div id="fb-root"></div>\
<script>(function(d, s, id) \{\
var js, fjs = d.getElementsByTagName(s)[0];\
if (d.getElementById(id)) return;\
js = d.createElement(s); js.id = id;\
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";\
fjs.parentNode.insertBefore(js, fjs);\
\}(document, 'script', 'facebook-jssdk'));</script></div>profeivanhttp://www.blogger.com/profile/14579538344724003824noreply@blogger.com0