6. Herramientas digitales

Versión para imprimir.

En esta lección se presentan herramientas digitales para el diseño gráfico.

A. Hardware

B. Software

Editores de imágenes de bits

Editores de imágenes vectores

C. Herramientas del entorno

D. Calibración de colores

Cómo calibrar la pantalla con la herramienta integrada en Windows 10

  1. En primer lugar, tendremos que abrir la utilidad de calibración de pantalla de Windows 10, para ello podemos escribir calibración en la lupa o hacer clic con el botón derecho en cualquier parte de la pantalla y seleccionamos Configuración de pantalla.

    Calibración 1
  2. Un poco más abajo tendremos la opción de Configuración de pantalla avanzada.

    Calibración 2
  3. Ahora hacemos clic en Mostrar las propiedades de adaptador de pantalla 1.

    Calibración 3
  4. Vamos a la pestaña Administración del color y hacemos clic en el botón Administración del color...

    Calibración 4
  5. Se abrirá la ventana Administración del color y vamos a la pestaña Opciones avanzadas.

    Calibración 5
  6. Ahora hacemos clic en Calibrar pantalla para abrir la herramienta de calibración de color de la pantalla de Windows 10. De esta manera dejaremos abierto también la herramenta de Administración del color para poder ver el nuevo perfil una vez finalizado.

    Calibración 6
  7. Se abrirá la herramienta de calibración de color de la pantalla y hacemos clic en siguiente para comenzar, veremos un aviso que nos indicará lo que anteriormente advertimos, será necesario restablecer los ajustes a fábrica de los valores del monitor. Cómo también será necesario tener abiertos el OSD con los ajustes del monitor, sería recomendable ponerlo en una posición que no nos moleste.

    Calibración 7
  8. Comenzaremos ajustando el valor de gamma, tendemos que ajustar la barra de la izquierda para ajustar la imagen como en la muestra central. Si no estamos satisfechos con el resultado, podemos hacer clic en Restablecer si queremos comenzar de nuevo.

    Calibración 8
    Calibración 8.5
  9. Ahora tendremos que ajustar el brillo para que sea lo más parecido a la imagen central, en este caso tendremos que hacer uso de los ajustes del monitor para aumentar o reducir el brillo y conseguir distinguir la camisa, de la chaqueta y de la X del fondo.

    Calibración 9
    Calibración 9.5
  10. Lo siguiente será ajustar el contraste, haciendo uso de los ajustes del monitor tendremos que aumentar el contraste al valor máximo sin que dejemos de ver los botones y arrugas de la camisa. Si no podemos verlos con la configuración actual, tendremos que bajar el contraste hasta conseguirlo.

    Calibración 10
    Calibración 10.5
  11. El siguiente paso nos ayudará a corregir los colores dominantes para obtener una escala de grises neutros, podemos mirar los ejemplos para hacernos una idea de que color bajar o subir según veamos la escala en nuestra pantalla.

    Calibración 11
    Calibración 11.5
  12. Una vez completada la calibración, podemos ver los ajustes anteriores y compararlos con los actuales haciendo clic en el botón Calibración anterior y Calibración actual. Si no nos gusta el resultado, podemos volver a realizar la calibración y establecer otros valores.

    Calibración 12

Cómo optimizar el texto con ClearType

  • Una vez finalizada la calibración de pantalla con la herramienta integrada de Windows 10, podemos darle una vuelta de tuerca más haciendo que el texto sea más fácil de leer en pantalla. Desde la herramienta de calibración de pantalla, al terminar, nos ofrece la posibilidad de iniciar esta utilidad llamada Optimizador de texto ClearType, que es muy recomendable usar.

  • Si dejamos marcada la casilla y pulsamos en finalizar, se abrirá automáticamente al cerrar la utilidad de calibración de pantalla, veamos que sencillo es ver el texto más nítido y claro en pantalla.

  1. Pulsamos en siguiente para iniciar el Optimizador de texto ClearType.

    Clear Type 1
  2. Comprobará que estamos en la resolución nativa del monitor para una mejor experiencia.

    Clear Type 2
  3. Ahora simplemente tendremos que seleccionar la muestra que mejor se vea en las 5 ventanas que nos ofrecen con opciones.

    Clear Type 3
    Clear Type 3.5
  4. Al seleccionar estas 5 muestras, nos optimizará el texto para mostrarlo mas suave y mejor de manera automática, solo tenemos que hacer clic en Finalizar para terminar.

    Clear Type 4

Como descargar e instalar perfiles en Windows 10

  • Además podemos descargar pefiles ya configurados y añadirlos para usarlos en situaciones concretas. Todos los fabricantes de monitores tienen a disposición de sus usuarios los perfiles de los monitores que venden, por lo que sería ideal descargar el perfil e instalarlo para disponer de una configuración óptima de color.

  • En ocasiones el resultado de los perfiles del fabricante no es el esperado, por lo que podemos realizar los ajustes de color usando la utilidad de calibración de pantalla de Windows 10 como explicamos anteriormente o podemos usar perfiles ya creados que podemos descargar de internet.

    Perfil 0
  • Para añadir un perfil descargado lo haremos desde la misma ventana de Administración del color, para acceder a ella si la hemos cerrado, podemos escribir color en la lupa de Windows 10 y hacemos clic en Administración del color.

  1. En Dispositivo debemos seleccionar el monitor que queremos aplicar el perfil descargado.

    Perfil 1
  2. Debemos tener marcada la opción Usar mi configuración para este dispositivo.

    Perfil 2
  3. Ahora hacemos clic en el botón Agregar...

    Perfil 3
  4. Si queremos usar un perfil que ya tengamos en nuestro equipo, lo seleccionamos de la lista de perfiles ICC.

    Perfil 4
  5. Si lo que queremos es añadir uno nuevo que hayamos descargado hacemos clic en Examinar... para buscarlo en nuestro equipo y hacemos clic en Agregar.

    Perfil 5
  6. Ahora aparecerá en la lista de perfiles asociados a este monitor, para activarlo debemos hacer clic en el botón Establecer como perfil predeterinado.

    Perfil 6
  • Ahora ya tenemos activo el perfil que hemos descargado para funcionar con él.

Calibrar la pantalla o aplicar perfiles para todos los usuarios

  • Tenemos que recordar que la configuración de estos perfiles se almacena individualmente para cada usuario que tengamos en nuestro PC, si compartimos el ordenador con otras personas y queremos aplicar los cambios para todos los usuarios, tendemos que Cambiar los valores predeterminados del sistema.

    Aplicar 1
  • Para esto, y desde la ventana de Administración del color vamos a la pestaña de Opciones avanzadas, abajo del todo tenemos la opción Cambiar los valores predeterminados del sistema... y si hacemos clic en ella, abriremos la ventana Valores predeterimnados del sistema de administración del color, en la que de manera similar a como lo hemos hecho antes, podemos Agregar un perfil, Establecerlo como predeterminado, o en la pestaña de Opciones avanzadas podemos calibrar la pantalla. No olvides marcar la casilla Usar calibración de pantalla de Windows 10 para realizar la calibración.

    Aplicar 2
  • Realizados estos cambios modificaremos la configuración de Windows y quedarán disponibles para todos los usuarios que tengamos activos, ideal si compartimos el equipo en un entorno de trabajo donde la representación real de los colores supone una ventaja para nuestro día a dia, aunque para entornos profesionales lo ideal es usar un espectrómetro o colorímetro, crear un perfil específico con los colores reales y habilitarlo para todos los usuarios.

E. Paletas de colores

F. Capas

Ejemplo de capas

Videos

G. Formas

H. Trazos

Creación de trazos

I. Vectores

J. Filtros

Creación de filtros

K. Máscaras

Creación de máscaras

L. Efectos

Creación de efectos

M. Formatos de salida

Ejemplo de SVG

Salida

Ejemplo de svg

Código

<svg version="1.2"
 xmlns="http://www.w3.org/2000/svg"
 viewBox="0 0 640 480" width="640"
 height="480">
 <title>ejemplo svg</title>
 <style>
  .s0 { fill: #ff0000 }
  .s1 {
   fill: #00ff00;
   stroke: #0000ff;
   stroke-width: 8 }
  .s2 { fill: #ff00ff }
 </style>
 <rect id="Forma 1" class="s0"
  x="57" y="213" width="443"
  height="146" rx="10"></rect>
 <ellipse id="Forma 2" class="s1"
  cx="261" cy="164" rx="104"
  ry="91"/>
 <path id="Capa 1" class="s2"
  d="m456 161.2l-125.1
   74.2l-1.8-145.5z"/>
</svg>