Estoy dispuesto a apostar que ya sabes lo que es el kerning, simplemente no te das cuenta.

Aunque es posible que no reconozcas bien el kerning cuando lo haces bien, ciertamente lo ves cuando se hace mal. [19659003] Aquí hay un ejemplo de mal kerning: M ark eti ng.  Descargue más de 195 plantillas de diseño de marketing visual para usar en publicaciones de redes sociales, infografías y más.

Kerning está ajustando el espacio entre las letras, y aumentando o disminuyendo la distancia para garantizar una mejor legibilidad o apariencia.

Curiosamente, no siempre es mejor tener el mismo espacio entre cada letra. Cada letra tiene diferentes formas y curvas, por lo que a veces el interletraje en realidad ayuda a que las letras se vean menos llamativas. Por ejemplo, un "cl" a veces puede parecer una "d", por lo que puede usar kerning para espaciarlos más.

No importa cuál sea el título de su trabajo, es importante comprender el poder del interletraje. Kerning puede ayudarlo a crear mejores diseños, producir copias más atractivas visualmente o crear mejores presentaciones. Kerning es una de esas acciones que pueden impulsar sus entregables desde lo ordinario a lo excepcional.

Si no sabe cómo funciona el kerning, no se preocupe. Aquí, le mostraremos cómo usar el kerning en Photoshop, Word e Illustrator. Además, proporcionaremos ejemplos de interletraje incorrecto, de modo que sepa qué evitar al usar el interletraje para su propio texto.

Kerning en Photoshop

Kerning en Photoshop es increíblemente fácil, una vez que se da cuenta donde está la herramienta "Kerning" Si está diseñando una plantilla de presentación o correo electrónico en Photoshop, y sus palabras se ven un poco descuidadas, esta es una manera fácil de limpiar su texto para mejorar la apariencia.

1. Primero, asegúrate de que el cursor esté entre dos letras. A continuación, seleccione el panel "Carácter", como se destaca con la flecha roja a continuación (si no puede encontrarlo, intente buscar "Carácter" dentro de la herramienta de búsqueda de Photoshop).

3. Dentro del panel "Personaje", verá un V / A (con una pequeña flecha debajo de A). Esa es la herramienta "Kerning". Se establece automáticamente en "Óptico". Haga clic en la flecha hacia abajo para ver sus opciones de interletraje.

4. Por ejemplo, elegí el número "75". Si no está seguro de cuánto espacio desea entre sus letras, pruebe algunas opciones diferentes. Los números negativos acercan sus letras, y los números positivos crean más espacio entre las letras.

5. Ahora, hay un buen espacio de "75" puntos entre mi "K" y "E" (por supuesto, este es probablemente un ejemplo de kerning malo …).

Nota importante: existe una opción más rápida para usar la herramienta "Kerning" en Photoshop. Si hace clic entre dos letras, puede presionar "Opción" y luego presionar la flecha "Derecha". Esto creará más distancia entre las letras.

Kerning en Word

Si su copia de escritura en Microsoft Word, o el uso de Word para diseñar un póster, es posible que desee utilizar interletraje, especialmente si su fuente es más grande y las letras parecen torpes.

Afortunadamente, es fácil de hacer.

  1. Dentro de un documento de Word, vaya a "Formato" y luego haga clic en "Fuente". FYI, dejé mi cursor entre la "K" y la "e" en el documento, porque ese es el espacio al que quería aplicar el kerning.

2. A continuación, haga clic en "Avanzado" en el panel de la fuente.

3. En la sección "Avanzado", verá "Kerning para fuentes" con un cuadro vacío a la izquierda. Marque esa casilla. Luego, ingresa un número (pongo "20", que verás en un círculo). El número que elija dependerá de la cantidad de espacio que desee entre las letras.

4. Ahora hay "20" puntos de interletraje entre "K" y "e".

Kerning en Illustrator

Finalmente, echemos un vistazo al kerning en Illustrator. Dado que muchos diseñadores y especialistas en marketing usan Illustrator para clientes o proyectos personales, es importante saber cómo aplicar kerning a sus letras.

Kerning en Illustrator es un proceso casi idéntico a cómo lo haría en Photoshop (lo cual tiene sentido , ya que ambos son productos de Adobe). Sin embargo, así es como lo haces.

  1. Primero, haz clic en la herramienta "Texto" y coloca el cursor entre dos letras. Pongo el mío entre la "K" y la "E". Luego, encuentra tu panel de "Personajes".

2. Similar a Photoshop, habrá una herramienta "V / A", con una pequeña flecha debajo de la "A". Esa es la herramienta de interletraje. Con el cursor entre dos letras, aumente o disminuya el número junto a la herramienta de interletraje: como puede ver, ajusto el mío a "200".

3. Ahora, tengo un espacio (francamente muy feo) entre mi "K" y mi "E".

Ejemplos de kerning malo

Probablemente ya te he mostrado un montón de malos ejemplos de interletraje a lo largo de este una pieza, con mis propios intentos de kerning en varios programas.

Pero si quieres ver más, no te preocupes, tenemos algunos ejemplos divertidos del mundo real, para mostrarte lo importante (bueno) kerning es.

Aquí hay algunos ejemplos de mal kerning:

1. El signo del bus salió mal.

2. ¿Qué pasa con este espaciado?

 Captura de pantalla 2018-05-17 a las 1.53.18 PM "width =" 860 "style =" width: 860px; "srcset =" https://cdn2.hubspot.net/hub/53/hubfs/Screen% 20Shot% 202018-05-17% 20at% 201.53.18% 20 PM.png? T = 1526994213943 & width = 430 & name = Screen% 20Shot% 202018-05-17% 20at% 201.53.18% 20 PM.png 430w, https: // cdn2 .hubspot.net / hub / 53 / hubfs / Screen% 20Shot% 202018-05-17% 20at% 201.53.18% 20 PM.png? t = 1526994213943 & width = 860 & name = Screen% 20Shot% 202018-05-17% 20at% 201.53 .18% 20 PM.png 860w, https://cdn2.hubspot.net/hub/53/hubfs/Screen%20Shot%202018-05-17%20at%201.53.18%20PM.png?t=1526994213943&width=1290&name= Pantalla% 20Shot% 202018-05-17% 20at% 201.53.18% 20 PM.png 1290w, https://cdn2.hubspot.net/hub/53/hubfs/Screen%20Shot%202018-05-17%20at%201.53 .18% 20 PM.png? T = 1526994213943 & width = 1720 & name = Screen% 20Shot% 202018-05-17% 20at% 201.53.18% 20 PM.png 1720w, https://cdn2.hubspot.net/hub/53/hubfs/ Pantalla% 20Shot% 202018-05-17% 20at% 201.53.18% 20 PM.png? T = 1526994213943 & width = 2150 & name = Screen% 20Shot% 202018-05-17% 20at% 201.53.18% 20 PM.png 2150w, https: / /cdn2.hubspo t.net/hub/53/hubfs/Screen%20Shot%202018-05-17%20at%201.53.18%20PM.png?t=1526994213943&width=2580&name=Screen%20Shot%202018-05-17%20at%201.53. 18% 20 PM.png 2580w "tamaños =" (ancho máximo: 860px) 100vw, 860px

3. Creo que corregir este signo valdría la pena la inversión.

4. Tenga cuidado con el mal kerning, también.

 Captura de pantalla 2018-05-21 a las 1.56.18 PM "width =" 644 "style =" width: 644px; "srcset =" https://cdn2.hubspot.net /hub/53/hubfs/Screen%20Shot%202018-05-21%20at%201.56.18%20PM.png?t=1526994213943&width=322&name=Screen%20Shot%202018-05-21%20at%201.56.18%20PM .png 322w, https://cdn2.hubspot.net/hub/53/hubfs/Screen%20Shot%202018-05-21%20at%201.56.18%20PM.png?t=1526994213943&width=644&name=Screen%20Shot% 202018-05-21% 20at% 201.56.18% 20 PM.png 644w, https://cdn2.hubspot.net/hub/53/hubfs/Screen%20Shot%202018-05-21%20at%201.56.18%20PM .png? t = 1526994213943 & width = 966 & name = Screen% 20Shot% 202018-05-21% 20at% 201.56.18% 20 PM.png 966w, https://cdn2.hubspot.net/hub/53/hubfs/Screen%20Shot% 202018-05-21% 20at% 201.56.18% 20 PM.png? T = 1526994213943 & width = 1288 & name = Screen% 20Shot% 202018-05-21% 20at% 201.56.18% 20 PM.png 1288w, https: //cdn2.hubspot .net / hub / 53 / hubfs / Screen% 20Shot% 202018-05-21% 20at% 201.56.18% 20 PM.png? t = 1526994213943 & width = 1610 & name = Screen% 20Shot% 202018-05-21% 20at% 201.56.18 % 20PM.pn g 1610w, https://cdn2.hubspot.net/hub/53/hubfs/Screen%20Shot%202018-05-21%20at%201.56.18%20PM.png?t=1526994213943&width=1932&name=Screen%20Shot%202018 -05-21% 20at% 201.56.18% 20 PM.png 1932w "sizes =" (max-width: 644px) 100vw, 644px

5. Esto me da dolor de cabeza.

 Prueba el complemento del sitio web de HubSpot



Source link