Creación de una plantilla
Para crear una plantilla, ve a Compilación > 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.
Vea también Fundamentos de la plantilla vídeo de formación.
&allowCanvasPrompt y &layer=0 de la dirección URL y presione Intro o Retorno.Creación de la plantilla inicial creating-the-initial-template
Cuando crea un conjunto de plantillas, la opción Publish después de guardar afecta a los miembros del conjunto y del conjunto de las siguientes maneras:
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, seleccione Guardar como e introduzca un nombre nuevo en el cuadro de diálogo Guardar como.
Para crear la plantilla inicial:
-
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 del PSD que desee para la plantilla y vaya a Generar > Conceptos básicos de la plantilla.
-
Empiece desde la pantalla Plantilla: Vaya a Compilación > Conceptos básicos de plantilla. Seleccione Diseñador o Desarrollador.
-
-
En el cuadro de diálogo Especificar tamaño de lienzo, escriba las medidas de anchura y altura para la plantilla.
-
Seleccione una carpeta en la biblioteca de recursos y arrastre el archivo PSD o las imágenes requeridas hasta la pantalla Plantilla.
-
Cuando termine, cerca de la esquina inferior derecha de la página, asegúrese de seleccionar Publish después de guardar (opción predeterminada).
-
Seleccione Guardar.
-
Seleccione una carpeta para almacenar la plantilla, escriba 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 opción Publish después de guardar afecta a los miembros del conjunto y del conjunto de las siguientes maneras:
Consulte también Publicación manual de recursos y Cancelación manual de la publicación de recursos.
Para editar un conjunto de plantillas:
- En la vista de cuadrícula, busque un conjunto de plantillas y, debajo de la imagen, seleccione Editar.
- Cambie la plantilla según sea necesario.
- Cuando termine de editar, cerca de la esquina inferior derecha de la página, asegúrese de que Publish después de guardar esté seleccionado (opción predeterminada).
- Seleccione Guardar, seleccione una carpeta de almacenamiento, escriba un nombre para el conjunto y, a continuación, seleccione Guardar.
Eliminar una plantilla
Al eliminar un conjunto de plantillas, el propio conjunto 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:
- En la vista de cuadrícula, la vista de lista o la vista de detalles, seleccione una o varias plantillas.
- En la barra de navegación global, ve 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. Ver Creación de una capa de texto.
-
Vista previa: abre la pantalla Vista previa y muestra la plantilla en un visor de zoom. Verá el aspecto que tendrá la plantilla para los usuarios de su sitio web o 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: Use el Editor de texto más reciente y con las funciones más completas. Puede elegir utilizar 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. Se recomienda utilizar el Editor de texto 4.3 cuando sea posible. La opción Ajuste de palabras se incorporará a una versión futura del Editor de texto. -
Designer 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: enumera 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. Ver Trabajar con capas.
-
Área de propiedades de la capa: esta área ofrece herramientas para cambiar el color de fondo, la opacidad, el tamaño y la posición de una capa. También puede cambiar el color de fondo, la opacidad y el tamaño del lienzo. También es posible ajustar efectos de sombra y resplandor. Ver Trabajar con capas.
Creación de capas de imagen creating-image-layers
-
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
-
Seleccione la herramienta Texto.
-
Arrastre para crear un cuadro de texto en el lienzo o en una imagen.
-
En la pantalla Texto que se abre, agregue texto mediante cualquiera de las siguientes acciones en la pestaña 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.
-
Seleccione Aplicar y luego cierre la pantalla Texto.
Formateo de texto format-text
Para dar formato al texto en una capa de texto, haga lo siguiente:
-
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.
-
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.
-
Especifique cualquiera de las siguientes opciones de formato y, a continuación, 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 las flechas Arriba o Abajo para aumentar o reducir el tamaño en dos puntos.
-
Color: seleccione esta opción 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 desee aplicar al texto.
-
Todas las mayúsculas, Superíndice o Subíndice: seleccione el texto y, a continuación, seleccione el icono correspondiente al tipo de formato que desee aplicar al texto.
-
Alineación: elija un botón Alineación para alinear a la izquierda, centrar o alinear a la derecha el texto de la capa de texto.
-
Seguimiento: escriba o seleccione un valor numérico para ajustar la cantidad de espacio entre palabras.
-
Kerning: escriba o seleccione un valor numérico para ajustar la cantidad de espacio entre caracteres.
-
Interlineado: escriba o seleccione un valor numérico para ajustar la cantidad de espacio entre líneas.
-
Desplazamiento vertical: escriba o seleccione un valor numérico para mover un carácter seleccionado hacia arriba o hacia abajo en relación con la línea de base del texto adyacente. Esta opción es especialmente útil cuando se configuran a mano fracciones o se ajusta la posición de gráficos en línea.
-
Formateo de párrafos format-paragraphs
-
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.
-
Seleccione el párrafo al que desea dar formato.
-
Especifique cualquiera de las siguientes opciones de formato y, a continuación, seleccione Aplicar.
-
Alineación: especifique el tipo de alineación haciendo clic en Alinear a la izquierda, Alinear al centro, Alinear a la derecha o Justificar.
-
Fin de justificación de párrafo: seleccione esta opción 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, al centro; y la última línea, a la derecha.
-
Interlineado: escriba o seleccione un valor numérico para ajustar la cantidad de espacio entre todas las líneas del párrafo.
-
Aplicar sangría a todo: seleccione esta opción para aumentar la cantidad de sangría del texto.
-
Quitar sangría: seleccione esta opción para reducir la cantidad de sangría del texto.
-
Aplicar sangría a la primera línea: especifique la cantidad en que desea aplicar sangría a 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 el espacio que desea que aparezca debajo de la última línea de texto del párrafo.
-
Alineación vertical: seleccione el lugar donde desee 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
-
En la pantalla Funciones básicas de plantilla, seleccione el cuadro de texto que desea ajustar.
-
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 texto de modo que se ajuste al cuadro de 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:
-
Ajustar: ajusta el texto para que quepa en un cuadro de texto que es 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 a un cuadro de texto y no divide las palabras.
-
Posición: especifica la ubicación del cuadro de texto en el lienzo.
-
Relleno: agrega 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 al recorte.
-
Visualización y edición de texto del código fuente view-and-edit-text-source-code
La información proporcionada en la pestaña Source del Editor de texto es para su referencia. Modifique el texto únicamente si está familiarizado con la edición de código fuente.
-
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.
-
En el Editor de texto, para mostrar el código fuente del texto, seleccione la ficha Source en el Editor de texto.
-
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.
-
Seleccione 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.
-
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 en 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.
-
Cambiar el 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 mantener la relación de aspecto (la forma).
-
Introduciendo medidas de tamaño de capa: escriba medidas de píxeles en los cuadros de texto An. (Anchura) y Al. (Altura) del área Propiedades de 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.
-
Introduciendo medidas de desplazamiento de posición: escriba 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 giró la capa. Para rotar una capa, seleccione el nombre de ésta en la lista de capas y use una de estas técnicas:
-
Girar manualmente: 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 medida de grado: Escriba 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 agrega a la dirección URL para tener en cuenta que la capa está oculta para su visualización. 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
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: seleccione 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: seleccione 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 sea translúcida y que se muestre 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 aplica al perímetro de la capa y se extiende hacia dentro o hacia fuera, según la opción de sombra o resplandor que elija. 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
-
Seleccione una capa en la lista de capas.
-
Seleccione el menú
Add Effecty elija una opción:-
Sombra paralela: aplica una sombra en la parte inferior 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 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 su nombre en la lista Capas y, a continuación, seleccione Eliminar.
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 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: 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: escriba 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 control deslizante 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 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.