Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Magazine Design
Design

Cómo elaborar una plantilla para la portada de la revista Time

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Adobe InDesign Templates.
How to Create a Bauhaus Poster in Adobe InDesign
This post is part of a series called Book Templates .
Design a Hardback Cover for a Young Adult Fiction Book in Adobe InDesign
How to Create a Book Jacket Template in InDesign

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product image
What You'll Be Creating

Icónica, atemporal y visualmente atractiva. En este tutorial, te mostramos cómo elaborar tu propia plantilla para portada de la revista Time.

La revista Time es bien conocida y fácilmente reconocible por su distintiva portada y su borde rojo. Por primera vez publicada en Marzo de 1923, esta revista semanal tiene la mayor circulación mundial para una revista de noticias.

En este tutorial, rendiremos tributo al famoso estilo de la portada de la revista Time. El icónico borde rojo solo ha cambiado cinco veces desde su primer número. Presentando impactantes fotografías en la portada, la revista ha permanecido intacta con solo algunas actualizaciones en el diseño. Hoy, aprenderás cómo crear una portada ficticia de la revista Time que resultará en un clásico diseño.

Para este tutorial, estaremos usando una fotografía impactante de Envato Elements, la cual puedes cambiar por una tuya y hacerla como portada de la revista del personaje del año. Estaremos abarcando Máscaras de capa, tipografía y otras herramientas esenciales.

Si no estás listo para adentrarte en Photoshop y quieres crear una portada de revista de la manera fácil, Placeit es una magnífica opción. Su Generador de portada de revista es fácil de usar, y hay muchos estilos en la biblioteca para elegir. ¡Pruébalo!

Magazine Cover Maker

¿Estás apresurado? Tenemos sorprendentes plantillas para revista, plantillas para portada de revista o plantillas para revista específicas para Photoshop en Envato Elements y GraphicRiver. ¡Consúltalas!

Lo que necesitarás

Necesitarás acceder a Adobe Photoshop. Si no tienes el software, puedes descargar una versión de prueba del sitio web de Adobe. También necesitarás:

Descarga los recursos y asegúrate de que la fuente esté instalada en tu sistema antes de comenzar. Cuando estés listo, ¡puedes comenzar a elaborar tu propia portada de la revista Time!

1. Configura un archivo de Photoshop para tu plantilla de portada de la revista Time

Paso 1

En Photoshop, ve a Archivo > Nuevo. Nombra el documento Time Magazine Cover. Establece el archivo en las siguientes dimensiones:

  • Anchura en 8 pulgadas
  • Altura en 10.75 pulgadas
  • Orientación en Retrato
  • Unidades en Pulgadas
  • Resolución: si vas a usar esta plantilla de la revista Time para impresión, establece la resolución en 300 ppp; si únicamente la usarás en pantalla, establécela en 72 ppp.
  • Modo de color: usa CMYK si vas a imprimir esta portada de revista; usa RGB si la vas a usar en pantalla.
  • Sangrados en 0.125 pulgadas (es mejor buscar la preferencia de tu impresor profesional)

Haz clic en Crear.

create a photoshop file

Paso 2

Crearemos márgenes en la plantilla para portada de la revista para elaborar los distintivos bordes rojo y blanco.

Dirígete a Ver > Nueva guía. En la ventana de la opción Nueva guía, establece la Orientación en Horizontal. Establece la Posición en 0.4 pulgadas y haz clic en OK. Crea otra guía horizontal y establece la Posición en 10.35 pulgadas.

add margin guides

Para los márgenes verticales, establece la Orientación en Vertical. Establece la posición en 0.4 pulgadas y 7.6 pulgadas.

add margin guides around the document

Paso 3

Ahora crearemos guías verticales para ayudar con el diseño de los elementos en la plantilla para la revista Time. Dirígete a Ver > Nueva guía. En la ventana de opciones de Nueva guía, establece la Orientación en Vertical. Establece la Posición en 4 pulgadas.

create a new guides to help with the layout

Paso 4

Dividiremos horizontalmente la plantilla para portada de la revista en tercios. Dirígete a Ver > Nueva guía. En la ventana de opciones de Nueva guía, establece la Orientación en Vertical. Establece la Posición en 3.58 pulgadas.

Repite este paso y establece la Posición en 7.16 pulgadas. Oculta y muestra las guías presionando Comando-:.

create guides to divide the cover horizontally

2. Diseñando una plantilla para la revista Time

Paso 1

Coloca la imagen del Retrato del jugador de basquetbol en el archivo de Photoshop. Dirígete a la barra de Control y activa el botón Mantener proporción. Establece el Porcentaje de Anchura y Altura en 130%.

drop the image onto the document and resize

Paso 2

Usaremos las guías para ayudarnos a colocar la imagen dentro de la plantilla para la revista Time. Presiona Comando-T para transformar la imagen. Usa la primera guía horizontal para alinear los ojos del sujeto. Usa la guía vertical del centro para centrar al sujeto en la página.

move the image and use the guides to center the image

Paso 3

Selecciona la Herramienta Marco Rectangular (M) desde la barra de herramientas. Dibuja un rectángulo en las guías del margen que creamos.

draw a rectangle on the margin guides

Paso 4

Dirígete al panel Capas y haz clic en el botón Máscara de capa. Esto debería crear una máscara de capa en la imagen, eliminando el contenido afuera del margen.

create a layer mask with the selection

Paso 5

Para este tutorial, queremos lograr una imagen superpuesta sobre el texto. Para crear esto, necesitamos hacer que el texto quede como un 'sandwich' entre la imagen.

Creemos el texto seleccionando la Herramienta texto (T) desde la barra de herramientas, haciendo clic en el documento, y escribiendo 'TIME'. Dirígete al panel Carácter, y establece la Fuente en Times New Roman y el Tamaño en 170 pt. Haz clic en la muestra de color y establece el color en #e81e25.

create the iconic time magazine cover headline

Con la ayuda de la guía vertical central, coloca el texto para alinearlo con ella.

center the text

Paso 6

En el panel Capas, selecciona la imagen y presiona Comando-J para duplicar la capa. Coloca la capa de la imagen sobre la capa del texto.

duplicate the image

Paso 7

Necesitamos editar la capa recientemente duplicada para poder ver el texto. En el panel Capas, selecciona la miniatura Máscara de capa en la imagen duplicada. Selecciona la Herramienta pincel y establece el color de frente en negro.

Da clic derecho en el documento para establecer el tamaño del pincel en 70 px y Dureza en 0%. Recorta la parte superior de la cabeza del sujeto, esto ayudará a revelar el texto en la parte posterior. Oculta las capas de abajo si es necesario.

close crop the subject to reveal the text on the back

Paso 8

Para poder hacer destacar los encabezados, oscureceremos los lados de la fotografía. En la barra de herramientas, selecciona la Herramienta degradado (G). Dirígete a la barra de Control y abre el Editor de degradado al hacer clic en la muestra de degradado.

En la ventana de opciones del Editor de degradado, selecciona el ajuste preestablecido Color frontal a Transparente. Haz clic en OK.

select the gradient tool editor

Paso 9

En el panel Capas, crea una nueva capa al hacer clic en el botón Nueva capa. Usa la Herramienta degradado para crear degradados lineales que comiencen en los lados y se desvanezca hacia el fondo. Usa la imagen que aparece en seguida como un ejemplo.

use the gradient tool to darken the sides of the magazine cover template

Paso 10

En el panel Capas, añade una capa de Color uniforme al ir a Crear una nueva capa de relleno o ajuste > Color uniforme. Usa este distintivo color rojo de la revista Time #e81e25.

create a red solid color adjustment layer

Paso 11

Usando la Herramienta marco rectangular (M) y con la ayuda de las guías, crea un rectángulo dentro del margen. Para crear el distintivo margen rojo, utiliza la combinación de teclas Mayúsculas-Comando-I para invertir la selección.

use the rectangular marquee tool and select the margin Invert the selection

Paso 12

En el panel Capas, asegúrate de que estés seleccionando la capa con el Relleno de color. Presiona el botón Máscara de capa para eliminar el contenido dentro del margen.

create a mask with the selection

Paso 13

Ahora necesitamos crear el trazo blanco que está presente entre el margen rojo y la imagen. En la barra de herramientas, selecciona la Herramienta rectángulo (U) y dibuja un rectángulo en las guías del margen.

Dirígete a la barra Control y usa los siguientes ajustes:

  • Relleno en Ninguno
  • Trazo en Blanco
  • Anchura del trazo en 4 px
create a white stroke with the rectangle tool

3. Añadiendo líneas de portada a tu plantilla para portada de la revista Time

Paso 1

Usando la Herramienta texto (T), añade una fecha a la esquina superior derecha, afuera del trazo blanco.

Usando el panel Carácter, establece la Fuente en RNS Sanz, el Tamaño en 9 pt y el Tracking en 20.

add a date to the top right corner

Paso 2

Añade una línea de portada en el lado izquierdo de la portada, justo arriba del hombro del sujeto. Usando el panel Carácter, aplica formato a la línea de la portada. Elegí usar una combinación de las familias Light y Extra Bold para las primeras tres líneas, como se muestra en la imagen de abajo. ¡Siéntete libre de usar tu propia mezcla!

add a cover line

También agregué un pequeño subtítulo después de las principales líneas de la portada.

add a deck to the cover line

Por último pero no por eso menos importante, agregué una línea del autor/escritor en el icónico rojo #e81e25 para crear contraste.

add an author line to the coverline

Paso 3

Agrega un segundo conjunto de líneas de portada en el lado derecho de la plantilla para portada de la revista. Justo debajo del hombro y en la camisa es perfecto pues proporciona un fondo negro casi uniforme.

Aquí, también utilicé una combinación de las familias Semibold, Light y Bold. Usé Semibold en las primeras dos líneas para no distraer al espectador del otro conjunto de la izquierda.

add a cover line to the right side of the cover

Agrega un pequeño subtítulo para seguir la línea de la portada.

add a small deck to follow the cover line

Agrega una línea del autor/escritor usando el color rojo #e81e25 para ayudar a crear contraste.

add an author line

4. Cómo guardar tu plantilla para portada de la revista Time para la web

Dirígete a Archivo > Guardar y guarda el archivo como lo harías normalmente.

Para guardar un archivo JPEG para la web, dirígete a Archivo > Guardar para la web o Mayúsculas-Opción-Comando-S. Selecciona el tipo de archivo en el que quieres para guardar el documento, elegiré JPEG y estableceré 100 para la Calidad. En el Tamaño de imagen, puedes cambiar el tamaño de pixelesde la imagen si tienes cualquier limitación del tamaño.

En el lado inferior izquierdo, puedes ver una previsualización del tamaño del archivo. Esto es útil cuando hay limitaciones de tamaño en un sitio web y necesitas disminuir la calidad o el tamaño de la imagen.

Haz clic en Guardar... para elegir la ubicación en la nueva ventana y haz clic de nuevo en Guardar.

save the file for web

¡Magnífico trabajo! ¡Terminaste esta plantilla para revista!

En este tutorial, aprendimos cómo elaborar una plantilla para portada de revista. Cubrimos algunas herramientas esenciales que te ayudarán en tus futuros proyectos. ¡No olvides mostrarnos tu experimentación de líneas de portada en la sección de comentarios! Hoy, aprendimos a:

  • configurar un archivo de Photoshop
  • usar cuadriculas y márgenes para crear un diseño coherente
  • usar Máscaras de capa para crear una imagen superpuesta sobre texto
  • usar el panel Carácter

Si eres nuevo en InDesign y necesitas plantillas de revista para impresión o plantillas para marketing promocional de inmediato, dirígete a Envato Elements y GraphicRiver. O prueba el Generador de portada de revista. ¡Tenemos muchas opciones para explorar!

Si te gustó este tutorial, te podrían agradar estos:

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.