Guía del usuario Cancelar

Crear gráficos de datos

Uso de gráficos de datos para trabajar con plantillas creadas en Photoshop

A continuación se muestra un posible escenario: 

Es su primera semana en el trabajo y necesita crear cinco versiones de un banner web con texto e imágenes diferentes usando un único diseño de plantilla.

¿Sabía que utilizar gráficos de datos es la mejor forma de realizar esta tarea?

Siga estos pasos generales para crear diseños coherentes con texto e imágenes diferentes mediante conjuntos de datos:

  1. Cree el gráfico base que se utilizará como plantilla. 

    Utilice capas para separar los elementos que desea cambiar del gráfico.

  2. Defina variables en el gráfico. Como ya sabemos, las variables especifican las partes de la imagen que deben cambiar.

  3. Cree o importe los conjuntos de datos. Cree conjuntos de datos en la plantilla o impoórtelos desde un archivo de texto. 

  4. Previsualice el documento con cada conjunto de datos. Antes de exportar el archivo, compruebe la vista previa para saber cómo aparecerá la imagen final. 

  5. Genere los gráficos exportándolos con los datos. Se recomienda utilizar el formato Photoshop (PSD). 

    Uso de variables para crear diferentes versiones de una imagen en Photoshop
    Uso de variables para crear diferentes versiones de una imagen

Variables

Utilice variables para definir qué elementos de una plantilla deben cambiar. Puede definir tres tipos de variables.

La variable de Visibilidad muestra u oculta el contenido de una capa.

Las variables de Sustitución de texto reemplazan una cadena de texto en una capa de texto.

Las variables de Sustitución de píxel reemplazan los píxeles de una capa por los píxeles de otro archivo de imagen.

Nota:

No se pueden definir variables al trabajar con la capa Fondo

Trabajar con una variable

  1. Vaya a Imagen > Variables > Definir.

  2. Seleccione su capa preferida en el menú emergente Capa con el contenido que se va a definir como variable.

  3. Seleccione uno o varios tipos de variables: Visibilidad, Sustitución de píxel y Sustitución de texto.

    Visibilidad: muestra u oculta el contenido de la capa o del grupo de capas

    Sustitución de píxel: reemplaza los píxeles de una capa por los píxeles de otro archivo de imagen

    Sustitución de texto: reemplaza una cadena de texto en una capa de texto

  4. Realice una de las siguientes acciones:

    • Introduzca un nombre para la variable en el campo Nombre. Los nombres de variables pueden empezar con una letra, un guion bajo o dos puntos. No pueden contener espacios ni caracteres especiales (excepto puntos, guiones, guiones bajos y dos puntos).

      O,

    • Seleccione una variable existente del menú desplegable Nombre para enlazar la capa. Las capas enlazadas a la misma variable se muestran al lado del menú Nombre, junto con el icono de enlace.

  5. Siga estos pasos cuando utilice las variables de Sustitución de píxel.

    1. Elija el método que prefiera para escalar la imagen de sustitución:
      • El método Rellenar cambia el tamaño de la imagen para ajustarla al cuadro delimitador, conservando las proporciones.
      • El método Rellenar cambia el tamaño de la imagen para rellenar el cuadro delimitador, conservando las proporciones. Puede superponer los bordes de una dimensión.
      • El método Tal cual conserva el tamaño de la imagen de sustitución. Puede superponer los bordes de una o ambas dimensiones. 
      • El método Conformar cambia el tamaño de la imagen para rellenar el cuadro delimitador. Es posible que no conserve las proporciones originales. 
    2. Seleccione un controlador del icono de alineación con el fin de elegir una alineación para colocar la imagen dentro del cuadro delimitador. (Esta opción no está disponible para Conformar.)
    3. Seleccione Recortar al tamaño del cuadro delimitador para recortar las áreas de la imagen que no encajan en el cuadro delimitador. Esta opción solo está disponible cuando se selecciona el método de sustitución Rellenar o Tal cual. (Esta opción no está disponible para Conformar.)
    El método Rellenar cambia el tamaño de la imagen para ajustarla al cuadro delimitador, conservando las proporciones.
    El método Rellenar cambia el tamaño de la imagen para ajustarla al cuadro delimitador, conservando las proporciones.

  6. Para definir las variables de otra capa, seleccione una capa del menú emergente Capa y seleccione OK.

    Aparece un asterisco junto al nombre de la capa que contiene variables. Puede utilizar las flechas de navegación para desplazarse de una capa a otra.

Cambio de nombre de una variable

  1. Vaya a Imagen > Variables > Definir.

  2. Elija la capa que contiene la variable del menú emergente Capa.

  3. Para cambiar el nombre de una variable, introduzca un nombre en el cuadro de texto Nombre.

    Los nombres de variables deben comenzar con una letra, un guión bajo o dos puntos y no pueden contener espacios ni caracteres especiales (excepto puntos, guiones, guiones bajos y dos puntos).

  4. Desmarque la variable para quitarla.

Conjuntos de datos

Un conjunto de datos es un conjunto de variables y datos asociados. Se puede definir un conjunto de datos para cada versión del gráfico que desea generar.

  1. Realice una de las siguientes acciones:

    • Vaya a Imagen > Variables > Conjuntos de datos

    O,

    • Si el cuadro de diálogo Variables está abierto, seleccione Conjuntos de datos en el menú desplegable o Siguiente.
    Nota:

    Se debe definir al menos una variable antes de poder editar el conjunto de datos predeterminado. 

  2. Seleccione el botón Nuevo conjunto de datos () para crear un nuevo conjunto de datos basado en el conjunto de datos actual.

  3. Seleccione una variable en la lista desplegable Nombre.

  4. Edite los datos de la variable:

    • Para las variables de Visibilidad, seleccione Visible (para mostrar el contenido de la capa) o Invisible (para ocultarlo).

    • Para las variables de Sustitución de píxel, seleccione Seleccionar archivo y, a continuación, un archivo de imagen de sustitución. Seleccione No reemplazar antes de aplicar el conjunto de datos para dejar la capa en el estado actual.

    Nota:

    El botón No reemplazar no restablece el archivo si se ha aplicado otra sustitución previamente.

    • Para las variables de Sustitución de texto, introduzca una cadena de texto en el cuadro de diálogo Valor.
  5. Defina conjuntos de datos adicionales para cada versión del gráfico que desea generar.

Edite, cambie el nombre o elimine el conjunto de datos seleccionándolo en el menú Conjunto de datos y editando las opciones. Utilice los iconos de flecha para desplazarse de un conjunto de datos a otro. Haga clic en el icono Eliminar para eliminar un conjunto de datos.

Previsualización o aplicación de un conjunto de datos

Aplique el contenido de un conjunto de datos a la imagen base, incluso cuando mantiene las variables y conjuntos de datos intactos.

Esto cambiará la vista de la imagen de modo que contenga los valores del conjunto de datos. Utilice la opción Vista previa para ver cómo aparecerá cada versión con cada conjunto de datos.

Vaya a Imagen > Aplicar conjunto de datos para seleccionar el conjunto de datos de la lista y previsualizar la imagen en la ventana de documento.

Seleccione Aplicar para aplicar el conjunto de datos. Haga clic en Cancelar si solo desea previsualizarlo y no desea cambiar la imagen base.

También puede aplicar un conjunto de datos y previsualizarlo en Imagen > Variables > Conjuntos de datos y marcando la casilla Previsualización.

Nota:

Al aplicar un conjunto de datos se sobrescribe el documento original.

Generación de gráficos utilizando conjuntos de datos

Tras definir las variables y uno o varios conjuntos de datos, puede generar imágenes en modo de lote con los valores del conjunto de datos. El resultado se generará en forma de archivos de PSD.

  1. Vaya a Archivo > Exportar > Conjuntos de datos como archivos.

  2. Introduzca un nombre base para los archivos generados. Si lo desea, puede crear un esquema de nomenclatura de archivos propio.
  3. Utilice el botón Seleccionar carpeta para seleccionar un directorio de destino para los archivos.

  4. Elija los conjuntos de datos que desee exportar y pulse OK.

Creación de conjuntos de datos en archivos externos

Puede crear rápidamente un gran número de conjuntos de datos. Para ello, utilice un archivo de texto externo que contenga toda la información de las variables e importe dicho archivo en un documento PSD que contenga variables.

Un método es introducir los datos en un archivo de texto o una hoja de cálculo de Microsoft Excel y exportarlos luego a un archivo separado por tabulaciones o por comas.

Siga la sintaxis del archivo de texto externo (en el que cada línea que comienza con “Variable” o “Value” es una línea completa del archivo):

VariableName1<sep>VariableName2<sep> <sep>VariableNameN <nl>
Value1-1<sep>Value2-1<sep><sep>ValueN-1<nl>
Value1-2<sep>Value2-2<sep><sep>ValueN-2<nl>
Value1-M<sep>Value2-M<sep><sep>ValueN-M<nl>
VariableName1<sep>VariableName2<sep> <sep>VariableNameN <nl> Value1-1<sep>Value2-1<sep><sep>ValueN-1<nl> Value1-2<sep>Value2-2<sep><sep>ValueN-2<nl> Value1-M<sep>Value2-M<sep><sep>ValueN-M<nl>
VariableName1<sep>VariableName2<sep> <sep>VariableNameN <nl> 
Value1-1<sep>Value2-1<sep><sep>ValueN-1<nl> 
Value1-2<sep>Value2-2<sep><sep>ValueN-2<nl> 
Value1-M<sep>Value2-M<sep><sep>ValueN-M<nl>

Todos los nombres de variable aparecen en la primera línea, en el orden en el que se proporcionan los valores en las líneas subsiguientes. Cada una de las líneas subsiguientes representa un conjunto de datos, con los valores de cada variable proporcionada.

Nota:

Para crear varias líneas de texto en una sola línea de texto de un conjunto de datos, encierre el texto entre comillas dobles e inserte retornos de carro duros en el archivo separado por tabulaciones o por comas donde desee introducir los saltos de línea.  

Archivo de texto externo Elementos de sintaxis

<sep>

Archivo separado por comas (CSV) o tabulaciones (delimitado por tabulaciones) que separa cada nombre o valor de variable

<nl>

Carácter de nueva línea que finaliza cada conjunto de datos y que puede ser un salto de línea, un retorno de carro o ambos

“true” y “false”

Valores permitidos para una variable de Visibilidad

Espacios

Los espacios situados junto al delimitador se eliminan al analizar el archivo; los espacios entre palabras de una cadena de valores (por ejemplo, dos del mismo tipo) se mantienen; también se mantienen los espacios de apertura y cierre si están entre comillas (por ejemplo, “un tipo”)

Comillas dobles

Pueden ser parte de un valor si están precedidas de otras comillas dobles (por ejemplo, ““B”” sería “B” en el conjunto de datos)

Si <sep> o <nl> es parte del valor de la variable, entonces debe encerrar todo el valor entre comillas dobles.

Todas las variables definidas en el archivo PSD deben estar definidas en el archivo de texto. De lo contrario, si el número de variables del archivo de texto no coincide con el del documento, aparecerá un error.

Conjunto de datos de ejemplo

Cree un archivo de texto con una plantilla para flores que contenga variables para tulipán y girasol. Podría ser como la que se muestra a continuación:

{contents of FlowerShow.txt}
Variable 1, Variable 2, Variable 3
true, TULIP, c:\My Documents\tulip.jpg
false, SUNFLOWER, c:\My Documents\sunflower.jpg
false, CALLA LILY, c:\My Documents\calla.jpg
true, VIOLET, c:\My Documents\violet.jpg
{contents of FlowerShow.txt} Variable 1, Variable 2, Variable 3 true, TULIP, c:\My Documents\tulip.jpg false, SUNFLOWER, c:\My Documents\sunflower.jpg false, CALLA LILY, c:\My Documents\calla.jpg true, VIOLET, c:\My Documents\violet.jpg
{contents of FlowerShow.txt} 
Variable 1, Variable 2, Variable 3 
true, TULIP, c:\My Documents\tulip.jpg 
false, SUNFLOWER, c:\My Documents\sunflower.jpg 
false, CALLA LILY, c:\My Documents\calla.jpg 
true, VIOLET, c:\My Documents\violet.jpg
Nota:

Puede utilizar una ruta relativa para la ubicación de la imagen si el archivo de texto se encuentra en la misma carpeta que el archivo de imagen. Por ejemplo, el último elemento del ejemplo puede ser: true, VIOLETA, violeta.jpg.

Importación de un conjunto de datos

  1. Realice una de las siguientes acciones:

    • Vaya a Archivo > Importar > Conjuntos de datos variables.

    O,

    • Vaya a Imagen > Variables > Conjuntos de datos y utilice el botón Importar para ir al archivo de texto que desea importar.
  2. Configure las opciones de importación.

    • Usar primera columna para nombres de conjuntos de datos: asigna un nombre a cada conjunto de datos utilizando el contenido de la primera columna del archivo de texto (los valores para la primera variable aparecen en la lista). De lo contrario, los conjuntos de datos reciben los nombres "Conjunto de datos 1", "Conjunto de datos 2", etc.
    • Sustituir conjuntos de datos existentes: elimina los conjuntos de datos existentes antes de importar
  3. Defina la codificación del archivo de texto o deje el ajuste como Automático antes de seleccionar OK.

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?