Show Menu
TEMAS×

Crear una plantilla

Para crear una plantilla, haga clic en Generar > Funciones básicas de plantilla. Seleccione Diseñador o Desarrollador. En esta página puede añadir capas de imagen y de texto. También puede cambiar el orden de las capas, modificar el tamaño y la posición de éstas y aplicarles efectos de sombra y resplandor.
Si edita una plantilla creada en una versión anterior de Dynamic Media Classic, puede recibir un mensaje al guardar preguntando "¿Desea agregar una capa de lienzo?" Seleccione No para evitar agregar una nueva capa base. Si por error selecciona Sí, elimine los modificadores "& allowCanvasPrompt" y "& layer=0" de la URL y pulse Intro o Retorno.

Creación de la plantilla inicial

Al crear un conjunto de plantillas, la opción Publicar después de guardar afecta al conjunto y a los miembros del conjunto de las siguientes formas:
¿Se ha seleccionado la opción “Publicar después de guardar” antes de guardar?
Estado del conjunto después de guardar
Estado de los miembros del conjunto después de guardar
Publicado
Publicado
No
Sin publicar
Los miembros del conjunto conservan su estado publicado o no.
Puede crear una plantilla a partir de una existente. Abra la plantilla, haga clic en Guardar como y escriba otro nombre en el cuadro de diálogo Guardar como.
Para crear el conjunto de plantillas inicial
  1. Para crear la plantilla, utilice uno de los métodos siguientes:
    Seleccione el archivo PSD o las imágenes primero En el panel Examinar, seleccione el archivo PSD o las imágenes que desee para la plantilla y haga clic en Generar > Funciones básicas de plantilla.
    Inicio de la pantalla Plantilla Haga clic en Generar > Funciones básicas de plantilla. Seleccione Diseñador o Desarrollador.
  2. En el cuadro de diálogo Introducir tamaño de lienzo, introduzca los valores de anchura y altura de la plantilla.
  3. Seleccione una carpeta en la biblioteca de recursos y arrastre el archivo PSD o las imágenes requeridas hasta la pantalla Plantilla.
  4. Cuando haya terminado, asegúrese de que esté seleccionada la opción Publicar después de guardar (predeterminada), cerca de la esquina inferior derecha de la página.
  5. Haga clic en Guardar .
  6. Seleccione una carpeta para guardar la plantilla, asigne un nombre a la plantilla y seleccione el botón Enviar .
    Dynamic Media Classic reduce las imágenes si es necesario para que se ajusten al lienzo, el área de la pantalla Plantilla para definir la plantilla.

Edición de un conjunto de plantillas

Según si edita un conjunto de plantillas publicado o sin publicar, la opción Publicar después de guardar afecta al conjunto y a los miembros del conjunto de las siguientes formas:
¿Ya se ha publicado el conjunto?
¿Se ha seleccionado la opción “Publicar después de Guardar” antes de guardar la edición?
Estado del conjunto después de guardar
Estado de los miembros del conjunto después de guardar
Publicado
Publicado
No
Publicado
Los miembros existentes del conjunto conservan su estado publicado.Los nuevos miembros del conjunto que haya agregado durante la edición conservarán su estado publicado o sin publicar.
No
Publicado
Publicado
No
No
Sin publicar
Los miembros existentes del conjunto y cualquier nuevo miembro que añada al conjunto durante la edición conservarán su estado publicado o no publicado.
Para editar un conjunto de plantillas
  1. En la vista de cuadrícula, busque un conjunto de plantillas y, debajo de la imagen, haga clic en Editar .
  2. Realice los cambios necesarios en la plantilla.
  3. Cuando haya terminado con su edición, asegúrese de que esté seleccionada la opción Publicar después de guardar (predeterminada), cerca de la esquina inferior derecha de la página.
  4. Haga clic en Guardar , seleccione una carpeta de almacenamiento, especifique un nombre para el conjunto y haga clic en Guardar .

Eliminación de una plantilla

Cuando se elimina un conjunto de plantillas, el conjunto en sí se mueve a la papelera. Sin embargo, los miembros (o “elementos secundarios”) dentro de dicho conjunto no se verán afectados; cada uno mantendrá su estado existente de publicación o no.
Para eliminar una plantilla
  1. En la vista de cuadrícula, la vista de lista o la vista de detalles, seleccione una o varias plantillas.
  2. En la barra de navegación global, haga clic en Archivo > Eliminar > Eliminar .

Explicación de la pantalla Plantilla

La pantalla Plantilla contiene herramientas de edición y parametrización de capas.
Use estas herramientas en la pantalla Plantilla para crear plantillas:
Herramienta de desplazamiento Permite seleccionar capas, moverlas por el lienzo, cambiar su tamaño o girarlas.
Herramienta Texto Crea una capa de texto. Arrastre el puntero sobre el lienzo para crear una capa de texto e introduzca el texto en la capa. Consulte Creación de una capa de texto.
Botón Previsualización Abre la pantalla Previsualización y muestra la plantilla en un visor de zoom. La plantilla aparece tal y como la verán los usuarios que accedan al sitio web o utilicen la aplicación.
Botón Resumen de parámetros Abre la pantalla Resumen de parámetros. Puede ver el nombre de cada una de las capas de una plantilla y, en cada capa, los nombres de los parámetros que se han activado.
Editor de texto v4.3 y v4.2 Puede elegir utilizar el editor de texto más reciente y con más funciones, el v4.3, o el editor de texto anterior, el Editor de texto v4.2. Al crear nuevas plantillas, el Editor de texto v4.3 está seleccionado de forma predeterminada. Al editar plantillas antiguas, se seleccionará por defecto el Editor de texto 4.2. El Editor de texto v4.3 no admite el ajuste de palabras, de modo que si desea editar plantillas antiguas que utilicen ajuste de palabras, deberá utilizar el Editor de texto v4.2 para mantener intacta la fidelidad de la plantilla. Si la plantilla antigua no utiliza ajuste de palabras, puede seleccionar el Editor de texto v4.3 para aprovechar las nuevas funciones que este ofrece, como Aumentar márgenes, Reducir márgenes, Establecer texto en Todo en mayúsculas y Copiar texto de ajuste.
nota : El Editor de texto v4.2 se eliminará como opción en Dynamic Media Classic, por lo que se recomienda que utilice el Editor de texto 4.3 cuando sea posible. La opción de ajuste de palabras se incluirá en una versión posterior del Editor de texto.
Diseñador y desarrollador Seleccione la opción que mejor describa su función.
Lienzo Define el área total disponible, en píxeles, para definir la plantilla. El tamaño predeterminado es 300 x 300 píxeles. La capas se colocan en el lienzo.
La lista Capas Lista el nombre de las capas de la plantilla. Para seleccionar una capa, seleccione su nombre en esta lista. La lista de capas ofrece herramientas para agregar efectos a capas, eliminar y parametrizar capas y modificar el orden de éstas. Consulte Uso de capas.
El área Propiedades de capa Oferta las herramientas para cambiar el color de fondo, la opacidad, el tamaño y la posición de una capa, así como el color de fondo, la opacidad y el tamaño del lienzo. También es posible ajustar efectos de sombra y resplandor. Consulte Uso de capas.

Creación de capas de imagen

  1. Arrastre la imagen desde la biblioteca de recursos al lienzo.
    El ID de la imagen aparece en la lista de capas.
Si es necesario, Dynamic Media Classic reduce las imágenes para ajustarlas al lienzo al crear una capa de imagen.

Creación de una capa de texto

  1. Haga clic en la herramienta Texto.
  2. Arrastre para crear un cuadro de texto en el lienzo o en una imagen.
  3. En la pantalla Texto que aparece, agregue texto mediante uno de los siguientes procedimientos en la ficha Vista previa:
    • Escriba el texto en el cuadro de texto. Seleccione Copiar texto de ajuste para ajustar el texto al cuadro de texto.
    • Pegue el texto desde el portapapeles en el cuadro de texto.
  4. Haga clic en Aplicar y cierre la pantalla de texto.

Formateo de texto

Siga estos pasos para dar formato al texto en una capa de texto:
  1. En la lista Capas, haga doble clic en el nombre del cuadro de texto que contenga el texto que desee editar. Accederá al Editor de texto.
  2. En el cuadro de texto, seleccione el texto al que desea dar formato. Puede seleccionar todo o parte del texto, o caracteres individuales.
  3. Especifique las siguientes opciones de formato y, a continuación, haga clic en Aplicar.
    Fuente Elija una fuente en el menú Fuente. Si una fuente que desea no aparece en el menú, puede cargarla en Dynamic Media Classic. Consulte Fuentes.
    Tamaño de fuente Elija un tamaño de fuente en el menú, escriba un tamaño específico en el cuadro o haga clic en las flechas arriba o abajo para aumentar o reducir el tamaño en dos puntos.
    Color Haga clic para elegir un color para el texto.
    Negrita, Cursiva o Subrayado Seleccione el texto y, a continuación, haga clic en el icono del tipo de formato que desee aplicar al texto.
    Todo en mayúsculas, Superíndice o Subíndice Seleccione el texto y, a continuación, haga clic en el icono del tipo de formato que desee aplicar al texto.
    Alineación Seleccione un botón de alineación para alinear a la izquierda, al centro o a la derecha el texto de la capa de texto.
    Seguimiento Escriba o seleccione un valor numérico según el cual ajustar la cantidad de espacio entre palabras.
    Interletraje Escriba o seleccione un valor numérico según el cual ajustar la cantidad de espacio entre caracteres.
    Interlineado Escriba o seleccione un valor numérico según el cual ajustar la cantidad de espacio entre líneas.
    Desplazamiento de la línea baseEscriba o seleccione un valor numérico por el cual mover un carácter seleccionado hacia arriba o hacia abajo en relación con la línea base del texto que lo rodea. Esta opción resulta especialmente útil al definir fracciones manualmente o al ajustar la posición de gráficos integrados.
Haga clic en Deshacer para deshacer la última acción. Haga clic en Rehacer si cambia de opinión acerca de deshacer una acción después de hacer clic en Deshacer.

Formateo de párrafos

  1. En la lista Capas, haga doble clic en el nombre del cuadro de texto que contenga el texto que desee editar. Accederá al Editor de texto.
  2. Seleccione el párrafo al que desea dar formato.
  3. Especifique las siguientes opciones de formato y, a continuación, haga clic en Aplicar.
    Alineación Haga clic para especificar el tipo de alineación: alinee a la izquierda, alinee al centro, alinee a la derecha o justifique.
    Justificación de fin de párrafo Haga clic para especificar el tipo de justificación de la última línea del párrafo: la última línea se alinea a la izquierda; la última línea alinea el centro; y la última línea se alinea a la derecha.
    Interlineado Escriba o seleccione un valor numérico según el cual ajustar la cantidad de espacio entre todas las líneas del párrafo.
    Sangrar todo Haga clic para aumentar la sangría del texto.
    Quitar sangría Haga clic en para reducir la sangría del texto.
    Sangría en primera línea Especifique la cantidad en la que desea sangrar la primera línea de texto.
    Espacio antes del párrafo Especifique la cantidad de espacio que desea que aparezca por encima de la primera línea de texto del párrafo.
    Espacio después del párrafo Especifique la cantidad de espacio que desea que aparezca debajo de la última línea de texto del párrafo.
    Alinear verticalmente Seleccione dónde desea que aparezca el texto verticalmente dentro del cuadro de texto: Arriba, Medio, Abajo.
    Dirección del texto Seleccione la dirección en la que desea que se muestre el texto: De derecha a izquierda o de izquierda a derecha.

Ajuste de propiedades de capas de texto

  1. En la pantalla Funciones básicas de plantilla, seleccione el cuadro de texto que desea ajustar.
  2. En el panel Propiedades de la capa, seleccione cualquiera de los siguientes:
    Reducir texto (solo Editor de texto v4.2) Seleccione esta opción para reducir el tamaño del texto y ajustarlo al cuadro de texto.
    Ajuste de palabras (solo Editor de texto v4.2) Seleccione una opción de ajuste para especificar si el texto se ajusta o cómo:
    Ajustar ajusta el texto para que quepa en un cuadro de texto demasiado pequeño horizontalmente.
    No ajustar No ajusta el texto cuando el cuadro de texto es demasiado pequeño horizontalmente y, en su lugar, corta una parte del texto.
    Ajuste de no separación ajusta el texto para que quepa en un cuadro de texto y no rompe las palabras.
    Posición Especifica la ubicación del cuadro de texto en el lienzo.
    El relleno Añade los márgenes o recorta el rectángulo de la capa. Especifique el número de píxeles que agregar o eliminar de izquierda, arriba, abajo, y derecha. Introduzca números positivos para agregar un margen; introduzca números negativos para recortarlos.

Visualización y edición de texto del código fuente

La información que se proporciona en la ficha Origen del Editor de texto es para su referencia. Modifique el texto únicamente si está familiarizado con la edición de código fuente.
  1. En la lista Capas, haga doble clic en el nombre del cuadro de texto que contenga el texto que desee editar. Accederá al Editor de texto.
  2. Haga clic en la ficha Origen del Editor de texto para mostrar el código fuente del texto.
  3. Vea o edite el texto según lo necesite.
    Los cambios se mantienen intactos al alternar entre la vista previa y la vista de código fuente.
  4. Haga clic en Aplicar para efectuar los cambios.

Uso de capas

Use la lista de capas y el área Propiedades de la capa para trabajar con capas. Puede reordenar las capas, modificar su tamaño y posición, girarlas y determinar el color de fondo, color de primer plano, opacidad y modo de mezcla de una capa.
También es posible modificar el tamaño del lienzo y especificar su color de fondo y opacidad.

Reordenación de las capas

Cambiar el orden de las capas puede afectar a su apariencia, especialmente cuando se trata de la transparencia o la sobreimpresión. Asegúrese de comprobar el resultado mediante una vista previa antes de confirmar los cambios.
  1. Use una de estas técnicas para cambiar el orden de las capas de una plantilla:
    • Seleccione una capa en la lista de capas. A continuación, haga clic en el botón Subir o Bajar las veces necesarias para colocar la capa en la posición deseada en la lista.
    • Arrastre una capa a una posición superior o inferior en la lista.

Cambio del tamaño y la posición de las capas y el lienzo

El tamaño de las capas no debe superar las restricciones del lienzo. Puede modificar el tamaño de una capa o el del lienzo manualmente o introduciendo las medidas requeridas. Puede modificar la posición de una capa manualmente o introduciendo los valores de desfase requeridos. También puede rotar una capa.
Dynamic Media Classic recomienda crear un ajuste preestablecido de imagen que tenga el tamaño exacto de la plantilla. De este modo se asegura una definición correcta de las opciones de enfoque y el tamaño de salida final de la plantilla. Después de crear este ajuste de imagen preestablecido, está disponible en el menú Ajustes preestablecidos, en la pantalla Vista previa de plantilla. La pantalla muestra el aspecto que tendrá la imagen procedente del servidor. Consulte Configuración de ajustes preestablecidos de imagen .
Cambio del tamaño de una capa
Para modificar el tamaño de una capa o el del lienzo, seleccione la capa o el lienzo en la lista de capas y use una de estas técnicas:
Cambio manual del tamaño Seleccione y arrastre una esquina de la capa o del lienzo. Con las capas de texto, también puede arrastrar un lado de la capa. Mantenga pulsada la tecla Mayús mientras arrastra para cambiar el tamaño pero manteniendo la proporción de aspecto (la forma).
Introducción de medidas de tamaño de capa Introduzca medidas de píxeles en los cuadros de texto An (anchura) y Al (altura) del área Propiedades de la capa.
Además de cambiar el tamaño, también es posible añadir un margen a la capa. Para ello, introduzca un valor de margen en los cuadros Izquierda, Derecha, Superior e Inferior del área Propiedades de la capa. Se insertará un margen entre la capa actual y el perímetro de la capa base. El margen es útil para hacer más visibles efectos de sombra paralela o resplandor exterior añadidos. El margen incrementa el tamaño de una capa y muestra su color de fondo en el área extendida. La posición de la capa base se ajusta con relación al nuevo tamaño de la capa. Por ejemplo, si la capa actual está centrada en la capa base, al extenderse el lado izquierdo de la capa ésta se desplaza hacia la derecha de la capa base.
Cambio de la posición de una capa
Para modificar la posición de una capa o la del lienzo, seleccione el nombre en la lista de capas y use una de estas técnicas:
Cambio manual de la posición Mueva el puntero cerca de un límite de capa pero no sobre él y, cuando vea el cursor de flecha con cuatro puntas, haga clic y arrastre el inicio.
Introducción de medidas de desplazamiento de posición Introduzca las medidas de desplazamiento X e Y en los cuadros de texto X e Y. Esto valores representan el desfase x, y del punto de anclaje, medido en píxeles.
Rotación de una capa
El cuadro Rotar indica el ángulo de rotación de la capa. Para rotar una capa, seleccione el nombre de ésta en la lista de capas y use una de estas técnicas:
Rotación manual Mueva el cursor cerca de una esquina de la capa, pero no sobre ella. Cuando aparezca el cursor de rotación, arrastre la esquina de la capa. Mantenga pulsada la tecla Mayús mientras arrastra para rotar en incrementos de 15 grados.
Introducción de una medición de grados Introduzca el número de grados para rotar la capa. Se aplica una rotación hacia la derecha; para rotar la capa hacia la izquierda, debe introducir un valor negativo.
Ocultación de una capa o un efecto de capa
Puede ocultar una capa o efecto de capa haciendo clic en el icono del ojo junto al nombre de la capa o del efecto. Las capas ocultas no aparecen en las vistas previas o en el resultado final. La información de la capa no se elimina de la URL. En su lugar, se agrega "hide=1" a la URL para señalar que la capa está oculta a la vista. Por ejemplo:
layer=5&src=is{PortalCo/title}&pos=274,192&effect=-1&.effect=Drop Shadow&blendmode
layer=5&src=is{PortalCo/title}&pos=274,192&hide=1&effect=-1&.effect=Drop Shadow&blendmode

Configuración del color de fondo, la opacidad y el modo de fusión

Para definir el color de fondo, la opacidad y el modo de fusión de una capa o del lienzo, seleccione la capa o el lienzo y use una de esta técnicas:
Color frontal Haga clic en el botón Color frontal y elija una muestra de color para cambiar el color de la sombra o del resplandor. También puede introducir un valor de color en el cuadro. El color de fondo solo se aplica a las capas con transparencia. Se puede utilizar, por ejemplo, en una capa con transparencia parcial de una etiqueta de precio o en el fondo de un campo de texto. Las capas que consisten en una imagen PSD, TIFF o PNG con transparencia activada pueden tener fondos transparentes.
Color de fondo Haga clic en el botón Color de fondo y elija una muestra de color para cambiar el color de las áreas acolchadas.
Opacidad Arrastre el control deslizante Opacidad para que cualquier capa quede translúcida de modo que se muestre parte de la imagen subyacente. El valor 100 representa la opacidad total y el valor 0 la transparencia.
Modo de fusión Elija una opción para simular uno de los modos de mezcla disponibles en Photoshop. Las opciones son Normal, Disolver, Aclarar, Oscurecer, Multiplicar y Pantalla. Estas opciones están disponibles para capas únicamente, no son aplicables a lienzos.

Utilización de efectos de sombra y resplandor en las capas

Puede aplicar una sombra o un resplandor a una capa. La sombra o el resplandor se aplican al perímetro de la capa y se extienden hacia dentro o hacia fuera, según la opción elegida. Si la plantilla se originó con un archivo PSD con efectos de sombra y resplandor, puede ajustar estos efectos en Dynamic Media Classic.
Después de aplicar un efecto de sombra o resplandor, puede ajustar su tamaño, color, opacidad y posición en el área Propiedades de la capa, en la pantalla Plantilla.

Aplicación de un efecto de sombra o resplandor a una capa

Para aplicar un efecto de sombra o resplandor:
  1. Seleccione una capa en la lista de capas.
  2. Seleccione el menú Agregar efecto y elija una opción:
    Sombra paralela Aplica una sombra a los lados inferior y derecho de la capa.
    Sombra interior Aplica un efecto de sombra dentro de todos los bordes de la capa.
    Resplandor exterior Aplica un efecto de resplandor alrededor de todos los bordes de la capa.
    Resplandor interior Aplica un efecto de resplandor dentro de todos los bordes de la capa.
Después de aplicar un efecto, el nombre del mismo aparece en la lista de capas. Para eliminar un efecto, seleccione el nombre correspondiente en la lista de capas y luego seleccione el botón Eliminar.
Si la capa subyacente es demasiado pequeña para mostrarlo, puede que no sea visible un efecto de sombra paralela o resplandor externo aplicado. De ser así, puede añadir valores de margen a la capa, o cambiar el orden de las capas. Consulte Cambio del tamaño y la posición de las capas y el lienzo y Reordenación de las capas .

Ajuste de un efecto de sombra o resplandor

Para ajustar un efecto de sombra o resplandor, seleccione el nombre correspondiente en la lista de capas. Cambie los valores que tiene asignados en el área Propiedades de la capa:
Color Seleccione el botón Color y elija una muestra de color para cambiar el color de la sombra o del resplandor. También puede introducir un valor de color en el cuadro.
Opacidad Arrastre el control deslizante para determinar la intensidad del efecto. Cuanto menor sea el valor de opacidad, mayor será la transparencia del efecto.
Modo de fusión Elija una opción para simular uno de los modos de mezcla disponibles en Photoshop. Las opciones son Normal, Disolver, Aclarar, Oscurecer, Multiplicar y Pantalla.
Tamaño Introduzca las medidas en el cuadro X e Y para aumentar o reducir el efecto de sombra. Las opciones de tamaño son aplicables a sombras interiores y paralelas.
Crecer Arrastre el control deslizante para extender el efecto hacia dentro o hacia fuera.
Desenfoque Arrastre el control deslizante para controlar el calado en los bordes del efecto. Cuanto mayor sea el desenfoque, mayor será el calado.

Creación de máscaras en capas

El botón Máscara, disponible en la lista de capas, permite especificar el uso de la máscara o el canal alfa de una capa. Con este botón puede aplicar el efecto de una capa de fondo a una capa concreta, o a toda la capa principal de la plantilla. Seleccione una capa en la lista de capas y luego seleccione el botón Máscara para acceder a estos estados:
  • El fondo de la capa es opaco.
  • El contenido de la capa se invierte y el fondo de ésta se rellena de negro sólido.
  • El fondo de la capa se rellena de negro sólido.