Creación de una plantilla creating-a-template

Para crear una plantilla, vaya a Generar > Conceptos básicos 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.

Consulte también Conceptos básicos de plantilla vídeo de formación.

NOTE
Si edita una plantilla creada en una versión anterior de Adobe Dynamic Media Classic, un mensaje le preguntará al guardar "¿Desea añadir una capa de lienzo?". Seleccionar No para evitar agregar una capa base. Si selecciona accidentalmente , elimine la &allowCanvasPrompt y &layer=0 en la URL y pulse Entrar o Volver.

Creación de la plantilla inicial creating-the-initial-template

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:

Publicar tras guardar opción seleccionada 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.

Consulte también Publicación manual de recursos y Cancelación manual de la publicación de recursos.

Puede crear una plantilla a partir de una existente. Abra la plantilla y seleccione Guardar como y escriba un nombre nuevo en el cuadro de diálogo Guardar como.

Para crear la plantilla inicial:

  1. Para crear la plantilla inicial, utilice uno de los siguientes métodos:

    • Seleccione primero el PSD o las imágenes : en el panel Examinar, seleccione el archivo o las imágenes de PSD que desee para la plantilla y vaya a Generar > Conceptos básicos de plantilla.

    • Empezar desde la pantalla Plantilla - Vaya a Generar > Conceptos básicos de plantilla. Seleccione Diseñador o Desarrollador.

  2. En el cuadro de diálogo Especificar tamaño de lienzo, escriba las medidas de anchura y altura para 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. Seleccionar Guardar.

  6. Seleccione una carpeta para almacenar la plantilla, introduzca un nombre para ella y seleccione Enviar.

    Adobe Dynamic Media Classic reduce el tamaño de las imágenes si es necesario para ajustarlas al lienzo, el área de la pantalla Plantilla para definir la plantilla.

Edición de un conjunto de plantillas editing-a-template-set

Tanto si edita un conjunto de plantillas publicadas como si no, la variable Publicar tras guardar afecta a los miembros set y set de las siguientes maneras:

¿Ya se ha publicado el conjunto?
Publicar tras guardar opción seleccionada 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 del conjunto existentes conservan su estado publicado. Cualquier nuevo miembro que añada al conjunto durante la edición conservará su estado publicado o no publicado.
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.

Consulte también Publicación manual de recursos y Cancelación manual de la publicación de recursos.

Para editar un conjunto de plantillas:

  1. En la vista de cuadrícula, busque un conjunto de plantillas y, debajo de la imagen, seleccione Editar.
  2. Cambie la plantilla según sea necesario.
  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. Seleccionar Guardar, seleccione una carpeta de almacenamiento, introduzca un nombre para el conjunto y, a continuación, seleccione Guardar.

Eliminar una plantilla deleting-a-template

Cuando se elimina un conjunto de plantillas, el conjunto en sí se mueve a la papelera. Sin embargo, los miembros (o "hijos") de ese conjunto no se ven afectados, sino que cada uno de ellos conserva su estado publicado o no publicado.

Consulte también Publicación manual de recursos y Cancelación manual de la publicación de recursos.

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, vaya a Archivo > Eliminar > Eliminar.

Explicación de la pantalla Plantilla understanding-the-template-screen

La pantalla Plantilla contiene herramientas de edición y parametrización de capas.

Utilice estas herramientas en la pantalla Plantilla para poder crear plantillas:

  • Panorámica : permite seleccionar capas, moverlas alrededor del lienzo, cambiar su tamaño o girarlas.

  • 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.

  • Previsualizar : abre la pantalla Vista previa 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.

  • 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 Editor de texto v4.2 - Puede elegir utilizar el editor de texto más reciente y con más funciones, el Editor de texto v4.3, o el editor de texto anterior, Editor de texto v4.2. Al crear plantillas, 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 actualmente el ajuste de palabras, por lo que al editar plantillas antiguas que utilizan el ajuste de palabras, utilice el Editor de texto v4.2 para mantener la fidelidad de la plantilla totalmente intacta. Si la plantilla anterior no utiliza ajuste de línea, puede elegir Editor de texto v4.3 para aprovechar las numerosas funciones nuevas que ofrece. Por ejemplo, Aumentar márgenes, Reducir márgenes, Definir texto en mayúsculas y Copiar texto de ajuste.

    note note
    NOTE
    Se ha planificado la eliminación del Editor de texto v4.2 como opción en Adobe Dynamic Media Classic, por lo que se recomienda utilizar el Editor de texto 4.3 cuando sea posible. El Ajuste de palabras se incorporará a una versión futura 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 de 300 × 300 píxeles. La capas se colocan en el lienzo.

  • Lista de capas - Muestra 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 Trabajo con capas.

  • Área Propiedades de la capa - Ofrece 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 Trabajo con capas.

Creación de capas de imagen creating-image-layers

  1. Arrastre la imagen desde la biblioteca de recursos al lienzo.

    El ID de la imagen aparece en la lista de capas.

    note note
    NOTE
    Si es necesario, Adobe Dynamic Media Classic reduce el tamaño de las imágenes para que quepan en el lienzo cuando se crea una capa de imagen.

Creación de una capa de texto creating-a-text-layer

  1. Seleccione el Texto herramienta.

  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. Seleccionar Aplicar y, a continuación, cierre la pantalla Texto.

Formateo de texto format-text

Para dar formato al texto en una capa de texto, haga lo siguiente:

  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 del Editor de texto, seleccione el texto al que desee dar formato. Puede seleccionar todo el texto, partes del texto o caracteres individuales.

  3. Especifique cualquiera de las siguientes opciones de formato y seleccione Aplicar.

    • Fuente - Elija una fuente en el menú Fuente. Si una fuente que desea no aparece en el menú, puede cargarla en Adobe 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 seleccione el Arriba o Abajo para aumentar o disminuir el tamaño en dos puntos.

    • Color - Seleccione para elegir un color para el texto.

    • Negrita, Cursiva, o Subrayado - Seleccione el texto y, a continuación, seleccione el icono para el tipo de formato que desea aplicar al texto.

    • Todo en mayúsculas, Superíndice, o Subíndice - Seleccione el texto y, a continuación, seleccione el icono para el tipo de formato que desea aplicar al texto.

    • Alineación - Elija un botón de alineación para alinear a la izquierda, centrar o alinear a la derecha el texto en la capa de texto.

    • Seguimiento : escriba o seleccione un valor numérico mediante el cual ajustar la cantidad de espacio entre palabras.

    • Kerning : escriba o seleccione un valor numérico mediante el cual ajustar la cantidad de espacio entre caracteres.

    • Interlineado : escriba o seleccione un valor numérico mediante el cual ajustar la cantidad de espacio entre líneas.

    • Desplazamiento vertical : escriba o seleccione un valor numérico mediante el cual mover un carácter seleccionado hacia arriba o hacia abajo en relación con la línea de base del texto que lo rodea. Esta opción es especialmente útil cuando se configuran a mano fracciones o se ajusta la posición de gráficos en línea.

NOTE
Seleccionar Deshacer si desea revertir la última acción. Seleccionar Rehacer si cambia de opinión sobre la reversión de una acción después de seleccionar Deshacer.

Formateo de párrafos format-paragraphs

  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 cualquiera de las siguientes opciones de formato y seleccione Aplicar.

    • Alineación - Seleccione para especificar el tipo de alineación: alinear a la izquierda, alinear al centro, alinear a la derecha o justificar.

    • Justificación de fin de párrafo - Seleccione para especificar el tipo de justificación para la última línea del párrafo: la última línea se alinea a la izquierda, la última línea se alinea al centro y la última línea se alinea a la derecha.

    • Interlineado : escriba o seleccione un valor numérico mediante el cual ajustar la cantidad de espacio entre todas las líneas del párrafo.

    • Sangrar todo - Seleccione para aumentar la cantidad de sangría del texto.

    • Eliminar sangría - Seleccione para reducir la cantidad de sangría del texto.

    • Sangría en primera línea : especifique la cantidad en que desea sangrar la primera línea de texto.

    • Espacio antes del párrafo : especifique la cantidad de espacio que desea que aparezca sobre 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.

    • Alineación vertical - Seleccione dónde desea que aparezca el texto verticalmente dentro del cuadro de texto: Superior, Medio, Inferior.

    • 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 adjust-text-layer-properties

  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) - Para ajustar dentro del cuadro de texto, seleccione para reducir el texto.

    • Ajuste de palabras (solo Editor de texto v4.2) - Para especificar si el texto se ajusta o cómo, seleccione una opción de ajuste:

    • Ajuste - Ajusta el texto para que quepa en un cuadro de texto demasiado pequeño horizontalmente.

    • Sin ajuste - 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 divide las palabras.

    • Posición - Especifica la ubicación del cuadro de texto en el lienzo.

    • Relleno - Añade márgenes o recorta el rectángulo de capa. Especifique el número de píxeles que desea añadir o quitar para izquierda, arriba, abajo y derecha. Introduzca números positivos si desea añadir un margen o números negativos para recortar.

Visualización y edición de texto del código fuente view-and-edit-text-source-code

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. En el Editor de texto, para mostrar el código fuente del texto, seleccione Origen en el Editor de 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. Seleccionar Aplicar para procesar las ediciones.

Trabajo con capas working-with-layers

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.

Reordenar capas reordering-layers

Cambiar el orden de las capas puede afectar al aspecto, especialmente cuando hay transparencia o 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 seleccione Arriba o Abajo tantas veces como sea necesario para colocarlo en la posición correcta de la lista.
    • Arrastre una capa a una posición superior o inferior en la lista.

Cambiar el tamaño y la posición de las capas y el lienzo changing-the-size-and-position-of-layers-and-the-canvas

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.

NOTE
Adobe Dynamic Media Classic recomienda crear un ajuste preestablecido de imagen que sea del 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 preestablecido de imagen, puede elegirlo en el menú Aplicar ajuste preestablecido de la pantalla Vista previa de plantilla. La pantalla muestra el aspecto que tendrá la imagen procedente del servidor. Consulte Configurar ajustes preestablecidos de imagen.
  • Modificación del tamaño de una capa - Para cambiar el tamaño de una capa o del lienzo, seleccione la capa o el lienzo en la lista Capas y utilice una de estas técnicas:

  • Cambio manual del tamaño : seleccione y arrastre una esquina de la capa o el 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 las medidas de los 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 cambiar la posición de una capa en el lienzo, seleccione su nombre en la lista Capas y utilice una de estas técnicas:

  • Cambio manual de posición - Mueva el puntero cerca del límite de una capa, pero no sobre él, y cuando vea el cursor de flecha de cuatro puntas, seleccione y comience a arrastrar.

  • 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 enumera el ángulo al que se ha girado 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 grado - Introduzca el número de grados para girar la capa. Se aplica una rotación hacia la derecha; para rotar la capa hacia la izquierda, debe introducir un valor negativo.

Ocultar una capa o un efecto de capa:

Para ocultar una capa o un efecto de capa, seleccione el icono del ojo junto al nombre de una capa o un nombre de 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, hide=1 se añade a la dirección URL para indicar que la capa no se ve. 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

Determinar el color de fondo, la opacidad y el modo de fusión determining-the-background-color-opacity-and-blend-mode

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 - Seleccionar Color frontal y elija una muestra de color para cambiar el color de la sombra o el 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 - Seleccionar Color de fondo y elija una muestra de color para cambiar el color de las áreas acolchadas.

  • Opacidad : arrastre el regulador Opacidad para que cualquier capa sea translúcida y que se muestre a través de ella parte de la imagen subyacente. El valor del 100 por ciento es opaco; 0 es transparente.

  • Modo de fusión : Para simular uno de los modos de fusión disponibles en Photoshop, elija una opción. Las opciones son Normal, Disolver, Aclarar, Oscurecer, Multiplicar y Pantalla. Estas opciones están disponibles para capas únicamente, no son aplicables a lienzos.

Uso de efectos de sombra y resplandor en las capas using-shadow-and-glow-effects-on-layers

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 sombreado y resplandor, puede ajustar estos efectos en Adobe 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.

Aplicar un efecto de sombra o resplandor a una capa applying-a-shadow-or-glow-effect-to-a-layer

  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 la parte inferior y derecha de la capa.

    • Sombra interna - Aplica un efecto de sombra dentro de todos los bordes de la capa.

    • Resplandor exterior - Aplica un efecto de brillo 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 su nombre en la lista Capas y seleccione Eliminar.

NOTE
A veces no puede ver el efecto de una sombra paralela o un resplandor exterior si la capa subyacente no es lo suficientemente grande como para mostrarla. Si no puede ver la sombra o el resplandor, considere la posibilidad de agregar valores de relleno a la capa o reordenar la capa. 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 adjusting-a-shadow-or-glow-effect

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 el resplandor. También puede introducir un valor de color en el cuadro.

  • Opacidad - Arrastre el regulador para determinar la intensidad del efecto. Cuanto menor sea el valor de opacidad, mayor será la transparencia del efecto.

  • Modo de fusión : Para simular uno de los modos de fusión disponibles en Photoshop, elija una opción. Las opciones son Normal, Disolver, Aclarar, Oscurecer, Multiplicar y Pantalla.

  • Tamaño - Introduzca las medidas en los cuadros X e Y para aumentar o reducir el efecto de sombra. Las opciones de tamaño son aplicables a sombras interiores y paralelas.

  • Aumentar - Arrastre el control deslizante para extender el efecto hacia dentro o hacia fuera.

  • Desenfocar - Arrastre el regulador para controlar el calado en los bordes del efecto. Cuanto mayor sea el desenfoque, mayor será el calado.

Capas de máscara masking-layers

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 Capas (Layers) y seleccione Máscara para recorrer 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.
recommendation-more-help
ba789e76-bace-4e0e-bd26-52691fb2cb26