InDesign - Práctica moderna

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Todos los vídeos del tutorial InDesign - Práctica moderna

Lo único que falta es un pequeño gráfico adicional para que puedas reconocer de qué soporte se trata. Debe obtener previamente el icono del DVD. La colocación funciona como de costumbre.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Una vez que haya echado un último vistazo a la carátula y alineado los elementos entre sí, esta tarea habrá concluido.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Ahora puede exportar la carátula para imprimirla profesionalmente. Para ello, vaya a la opción de menú Archivo>Exportar y seleccione Adobe PDF (impresión) como formato de archivo en el cuadro de diálogo.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

En el siguiente cuadro de diálogo, puede cargar un perfil correspondiente a partir de varios preajustes. También puede crear un perfil usted mismo si necesita ajustes recurrentes. Una vez realizados todos los ajustes, haga clic en el botón Guardarsituado en la parte inferior izquierda. En el futuro podrá seleccionar de la lista el perfil que haya creado usted mismo.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

En la sección Compresión, selecciona la calidad de imagen más alta posible para que la imagen y el texto se impriman de forma muy nítida.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

En Marcas y sangrados, defina los ajustes de sangrado del documento, si no se han creado ya con el propio documento. Si ya se han tenido en cuenta al crear el documento, puede marcar la casilla Utilizar la configuración de sangrado del documento.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

A continuación, el área Salida determina qué información de color debe imprimirse con este archivo. Un espacio de color incorrecto puede dar lugar a una impresión incorrecta. Sin embargo, la imprenta suele volver a comprobar los datos antes de imprimir.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

En la configuración avanzada, puede especificar cómo debe exportar InDesign los gráficos con transparencias, por ejemplo, los objetos con sombra paralela. Aquí se debe exigir una calidad muy alta.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

A continuación, se puede exportar la plantilla de InDesign. El resultado puede comprobarse de nuevo en Adobe Acrobat. En algunos gráficos aparecen líneas finas. No se trata de un error de exportación, sino de una función especial de Acrobat que ayuda a visualizar los objetos individuales.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

En las preferencias de Acrobat, se pueden eliminar dos casillas de verificación opcionales de la visualización de la página para que estos fallos dejen de ser visibles. Quite las marcas de las casillas Suavizar gráficos vectoriales y Utilizar aceleración de gráficos 2D. Las líneas finas desaparecerán.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

En Herramientas>Previsualización en Adobe Acrobat, también puede comprobar que todos los elementos tengan un color correcto.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

También puede utilizar la vista previa de salida para comprobar la aplicación de color necesaria para el documento o para áreas individuales. Puede especificar un valor máximo para la aplicación total del color. Todas las zonas del documento que superen este valor se marcarán en rojo.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Como en el caso de esta portada, la técnica también puede aplicarse a otras variantes de portada. El proceso de creación de esta portada estuvo precedido de varias versiones preliminares. Entre ellas, un diseño minimalista de Matthias.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Ahora es posible que también necesite una etiqueta adecuada para el DVD virgen. Este gráfico se puede crear en Adobe Photoshop.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Puede empezar creando esta etiqueta en Adobe Photoshop con un nuevo documento. Para ello, cree un nuevo archivo de trabajo con unas dimensiones de 11,7 cm de ancho y alto y una resolución de 300 píxeles/pulgada. El modo de color ya puede preajustarse a CMYK, con el riesgo de que algunos filtros dejen de estar disponibles en Photoshop. Si utilizas este tipo de filtros, es aconsejable dejar aquí el modo RGB y sólo convertir el documento a CMYK antes de exportarlo.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Para que la forma del DVD destaque mejor, lo mejor es crear un círculo en este punto utilizando la herramienta elipse.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Establece el color del área en negro en la barra de opciones. Ahora puedes dibujar un círculo redondo con la herramienta elipse. Utiliza la tecla Mayúsculas mientras dibujas el círculo y empieza por una esquina exterior.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Ahora introduce la primera letra, por ejemplo "PSD-Tutorials.de". Para ello, utiliza la herramienta de texto. Si ahora hace clic dentro del círculo, Adobe Photoshop puede hacer que este círculo esté disponible como ruta para el texto. Para evitar que esto suceda, simplemente dibuje un cuadro de texto - comenzando en el área blanca. Puede utilizar la barra espaciadora para mover este cuadro de texto mientras lo arrastra.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

A continuación, puede introducir el texto en blanco. En nuestro ejemplo, se ha utilizado la fuente Eurostile en 13 pt y a la abreviatura PSD se le ha dado un estilo de fuente más grueso.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Ahora me gustaría dibujar un arco curvo debajo de la letra a modo de borde. Para ello utilizo la herramienta pluma.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Puedes empezar haciendo un solo clic en el borde izquierdo del círculo. Esto marca el inicio de la trayectoria utilizando un nodo. Un poco más a la derecha, haz clic de nuevo con el botón izquierdo del ratón para establecer otro nodo. Sin embargo, no suelte el botón del ratón ahora, sino que manténgalo pulsado y arrastre los puntos de anclaje fuera de este punto de nodo para formar una curva a partir de la línea recta.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

A continuación, repita este paso añadiendo otro nodo más a la derecha y un poco más abajo. El final de este camino está marcado por un punto final en el borde opuesto del círculo.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Ahora cierra este camino llevándolo de nuevo hacia la izquierda fuera del círculo y colocando el último clic en el nodo inicial. En nuestro ejemplo, hemos rodeado la parte inferior.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Hasta ahora, esta línea es una trayectoria de trabajo pura. Sin embargo, sería mejor si tuviera una forma. Puede cambiar la opción de trayectoria de trayectoria a forma en la barra de opciones antes de establecer el primer nodo o convertir esta trayectoria en una selección después. Para ello, necesita la ventana Trayectorias. Utilice la tecla Ctrl y haga clic en la miniatura de la ruta para crear una selección a partir de la ruta de trabajo.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Esta selección debería rellenarse con un color. Para evitar que esto ocurra en la capa activa, necesita una nueva capa en la paleta de capas. Para ello, haga clic en la miniatura de la nueva capa.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Puede rellenar esta selección con un color pulsando Alt+Retroceso o utilizando el cubo de pintura. En nuestro ejemplo, hemos utilizado el negro, que se había establecido previamente como color de primer plano.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

La capa que acabamos de rellenar se sitúa más abajo en la paleta de capas. Para ello, basta con coger la capa activa y arrastrarla por debajo de la capa de la elipse.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Ahora creo un grupo. Quiero asegurarme de que al final sólo quede la forma del círculo y se imprima. Para ello, haz clic en el icono de carpeta de la paleta de capas y se creará una nueva carpeta vacía. Coloca esta carpeta en la parte superior de la paleta de capas.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Puede influir en la visibilidad de lo que contiene esta carpeta definiendo qué áreas deben ser visibles y cuáles invisibles. Para ello, necesita una máscara de capa de modelado que se crea a partir de una selección. Esta selección se crea a partir de la forma de elipse haciendo clic en la miniatura con el botón izquierdo del ratón mientras se mantiene pulsada la tecla Ctrl.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Ahora tienes que asegurarte de que la capa de la carpeta está realmente seleccionada y entonces podrás crear una máscara de capa basada en esta selección. Para ello, simplemente haga clic en la miniatura de la máscara de capa en la paleta de capas.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

A continuación, debe crear los elementos que esta carpeta debe contener y excluir. Para ello, mueve las capas creadas anteriormente a esta carpeta. Ahora también puedes ver cómo funciona esta máscara de capa.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Puedes cambiar el color de la capa 1 con Ctrl+U para que destaque mejor del resto. Simplemente mueve el deslizador de brillo ligeramente hacia la derecha.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Ahora sólo tienes que mover esta capa sobre la capa de la elipse para que no quede tapada por ésta. A continuación, puedes insertar la foto mediante Archivo>Colocar.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Mantenga pulsada la tecla Mayús para escalar y mover la imagen.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Mueva esta capa por debajo de la capa 1 y observará que, aunque la imagen en sí se ve bastante bien, en realidad se muestra al revés. El objetivo era hacer visible la imagen en la parte inferior y dejar una zona negra en la parte superior.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Sin embargo, esto se puede arreglar muy rápidamente creando primero una selección de la capa 1. A continuación, cambie la capa y active la imagen.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

A continuación, cambie la capa y active la capa de la imagen con la foto. Si está activa, puede hacer clic en la miniatura de la máscara en la parte inferior de la paleta de capas para crear una máscara de capa a partir de esta selección para el área de la imagen.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

La capa 1 puede ocultarse. Sin embargo, como la sección de la imagen no tiene mucho éxito tal como está, puede moverla más tarde. Sin embargo, es importante que desactive el símbolo de cadena que conecta la imagen y la máscara de capa. Para ello, basta con hacer clic en la cadena.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Ahora puedes mover la máscara. Para ello, selecciona la miniatura de la máscara y utiliza la herramienta Mover para conseguir una mejor sección de la imagen. También puedes utilizar Ctrl+T para transformar la máscara y ajustar su tamaño.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Si la forma de la curva aún no cumple tus expectativas, puedes hacer clic en la máscara con la tecla Alt para hacerla visible y editarla con la herramienta pluma o el pincel si es necesario.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Sin embargo, habría sido mejor crearla como capa de forma desde el principio. Por lo tanto, te mostraré cómo crear la forma en los siguientes pasos. Seleccione de nuevo la herramienta pluma y cambie el modo a Forma en el botón de opciones.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

A continuación, dibuje la forma de la misma manera que lo hizo unos pasos antes. Empieza de nuevo en la forma circular de la izquierda, establece los puntos subsiguientes y arrastra los manejadores fuera de los puntos de los nodos para crear una curva. Cierra el trazado dibujándolo alrededor del exterior del círculo de vuelta al punto inicial.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Con una forma como ésta, puedes utilizar la herramienta de selección directa para tocar y editar todos los puntos de nodo posteriormente. Por lo tanto, en estos casos, la capa de forma es la mejor opción que una capa de píxeles rellenos.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Ahora puede utilizar esta nueva capa de forma como elemento de modelado. Primero elimine la capa 1 arrastrándola hasta el icono de la papelera en la paleta de capas. A continuación, Blender la máscara de capa de la capa de imagen manteniendo pulsada la tecla Mayús y haciendo clic en la miniatura de la máscara.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Arrastra la capa de imagen sobre la capa de forma que acabas de crear y haz clic en la línea divisoria entre las dos capas mientras mantienes pulsada la tecla Alt para crear una máscara de recorte.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Ahora puedes trabajar sobre la forma de la capa en cualquier momento. Antes de hacerlo, sin embargo, puedes eliminar la máscara de la capa de la imagen arrastrándola hasta el icono de la papelera, pues ya no es necesaria.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Una vez editada esta capa para que la forma cumpla sus requisitos, puede asignar una opción de relleno a la capa de forma. Para ello, haga clic con el botón derecho en la miniatura de la capa de forma y seleccione la opción Opciones de relleno.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

En las opciones de relleno, puede asignar un contorno al objeto. Se puede establecer, por ejemplo, en 6 píxeles de tamaño, en el interior con una opacidad del 100% en blanco.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

La sección de la imagen de la mujer o la imagen de portada puede moverse o escalarse en cualquier momento. Basta con mover la capa de imagen con la herramienta de movimiento.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Ahora hay que añadir el nombre del DVD. Para ello, puede dibujar una simple forma rectangular en una nueva capa por encima de la capa de la imagen.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

El contorno se puede copiar fácilmente desde la capa de forma. Para ello, basta con mantener pulsada la tecla Alt y arrastrar los efectos de capa de la capa "Superficie redonda" a la superficie rectangular.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Ahora sólo tiene que introducir el nombre del DVD en forma de texto. Sin embargo, como el texto es ligeramente demasiado alto, puedes ajustar las opciones de espaciado del texto en el panel de control de dibujo.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

A continuación, puede volver a comprobar el trabajo y, si es necesario, editar las imágenes y las formas y ajustar las secciones de fuentes. También puedes vincular capas importantes que dependan unas de otras seleccionándolas y haciendo clic en el símbolo de capa vinculada de la paleta de capas. Al final, la plantilla de pegatinas podría tener este aspecto.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Puede que aún falte un logotipo. Éste también se puede colocar y personalizar fácilmente.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Consejo importante: Una pegatina DVD siempre tiene una abertura central en forma de círculo. Asegúrate de que no haya elementos importantes en el centro. La fuente y el logotipo deben estar a cierta distancia del centro para que nada quede cortado.

Asegúrese también de que la imagen no se ha encajado de forma desfavorable y no está cortada de forma desfavorable. Utilizando las líneas guía que encajan en el centro, puede determinar el punto central y dibujar sobre él dicha forma circular utilizando Alt+Mayúsculas. El tamaño del agujero debe solicitarse previamente al fabricante.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop

Una vez que haya creado una plantilla de este tipo, puede utilizarla para muchos escenarios diferentes. El ejemplo del DVD de Joomla muestra la versatilidad de una plantilla de este tipo. Aquí, sólo se ha añadido a la cubierta una nota adicional en forma de círculo.

Diseño de carátulas y etiquetas de DVD - Parte 3: Creación de etiquetas en Photoshop