7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Magazine Design

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

Scroll to top
Read Time: 12 mins
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 imageFinal product imageFinal product image
What You'll Be Creating

Icónica, atemporal y visualmente atractiva. En este tutorial, vas a aprender cómo crear una portada de la revista Time desde tu propia plantilla. 

La revista Time es bien conocida y fácilmente reconocible por su portada distintiva y su borde rojo. Publicada por primera vez en marzo de 1923, la revista tiene el mayor tiraje para un semanario de noticias a nivel mundial. 

Hoy rendiremos tributo al estilo de la portada de la famosa revista Time usando Photoshop. El emblemático 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 su diseño. Hoy, aprenderás cómo hacer una plantilla de portada de revista Time para editar, que producirá un diseño clásico. 

Síguenos en nuestro canal de Envato Tuts+ en YouTube:

Para este tutorial de maquetado de la revista Time, usaremos una extraordinaria fotografía de Envato Elements. La puedes cambiar por una tuya y hacerla una portada de revista Time con la persona del año. Estaremos aprendiendo sobre Máscaras de capa, texto y otras herramientas esenciales. 

Si no estás listo para manejar Photoshop y quieres ahorrar tiempo, visita Envato Elements. Ahí encontrarás plantillas premium de portadas de revista para editar en Photoshop en pocos clics. Coloca tus elementos visuales y tu texto ¡y tendrás una portada lista para compartir con el mundo!

Plantillas que te guían cómo hacer una portada de una revista disponibles en Envato ElementsPlantillas que te guían cómo hacer una portada de una revista disponibles en Envato ElementsPlantillas que te guían cómo hacer una portada de una revista disponibles en Envato Elements
Encuentra plantillas para diseño original de portadas de revista en Envato Elements.

Para ayudarte a elegir la adecuada, este es nuestro compendio de los mejores tutoriales y plantillas para revista utilizando InDesign y Photoshop:

Lo que aprenderás en este tutorial de plantillas para portada de la revista Time:

  • Cómo configurar un archivo de Photoshop para tu plantilla de portada de revista Time
  • Cómo diseñar una plantilla para revista Time en formato PSD
  • Cómo añadir líneas de texto a tu plantilla de portada de revista Time
  • Cómo guardar para la web tu plantilla de portada de revista Time

Lo que necesitarás para crear una portada de revista Time:

Necesitarás acceso a Adobe Photoshop. Si no tienes el software, puedes descargar una versión de prueba desde el sitio web de Adobe. Estos son los recursos adicionales que requerirás para este tutorial:

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

1. Cómo configurar un archivo de Photoshop para tu plantilla de portada de revista Time

Paso 1

En Photoshop, aplica 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 imprimir esta plantilla para portada de revista Time, define la resolución en 300ppp; si la vas a tener únicamente en la pantalla, establécela en 72 ppp.
  • Modo de color: usa CMYK si vas a imprimir esta portada; utiliza RGB si la usarás únicamente en la pantalla.
  • Sangrados en 0.125 pulgadas (es mejor buscar las preferencias de tu impresor profesional)

Haz clic en Crear.

Crea un archivo Photoshop para tu portada de revistaCrea un archivo Photoshop para tu portada de revistaCrea un archivo Photoshop para tu portada de revista

Paso 2

Estableceremos márgenes en la plantilla PSD para la portada de revista Time con objeto de crear los distintivos bordes rojos y blancos.

Aplica Ver > Nueva guía. En la ventana de opción de 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.

Añade guías para los márgenes al aprender cómo hacer una plantillaAñade guías para los márgenes al aprender cómo hacer una plantillaAñade guías para los márgenes al aprender cómo hacer una plantilla

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

Añade guías para los márgenes alrededor del documento  de la portada de revista TimeAñade guías para los márgenes alrededor del documento  de la portada de revista TimeAñade guías para los márgenes alrededor del documento  de la portada de revista Time

Paso 3

Ahora crearemos guías verticales para ayudar con el diseño de los elementos en la plantilla. Aplica 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

Crea nuevas guías para ayudarte con el diseño de la plantilla de la portada de la revista TimeCrea nuevas guías para ayudarte con el diseño de la plantilla de la portada de la revista TimeCrea nuevas guías para ayudarte con el diseño de la plantilla de la portada de la revista Time

Paso 4

Dividiremos horizontalmente en tercios la plantilla de la portada. Aplica 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-:

Crea guías para dividir horizontalmente la portada de revistaCrea guías para dividir horizontalmente la portada de revistaCrea guías para dividir horizontalmente la portada de revista

2. Cómo diseñar una plantilla de portada de revista Time para editar en formato PSD

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 de Mantener la proporción. Establece el Porcentaje de Anchura y de Altura en 130%

Coloca la imagen en el documento y redimensiona al iniciar la plantilla de portada de revistaColoca la imagen en el documento y redimensiona al iniciar la plantilla de portada de revistaColoca la imagen en el documento y redimensiona al iniciar la plantilla de portada de revista

Paso 2

Usaremos las guías para ayudarnos a colocar la imagen dentro de la plantilla. Presiona Comando-T para transformar la imagen. Utiliza 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.

Mueve la imagen y usa las guías para central la imagen en la plantilla de la portada de revista para editarMueve la imagen y usa las guías para central la imagen en la plantilla de la portada de revista para editarMueve la imagen y usa las guías para central la imagen en la plantilla de la portada de revista para editar

Paso 3

Selecciona la herramienta Marco rectangular (M) de la barra de herramientas. Dibuja un rectángulo en las guías de los márgenes que creamos en la composición de la revista Time. 

Dibuja un rectángulo en las guías de los márgenes al crear una portada de revista TimeDibuja un rectángulo en las guías de los márgenes al crear una portada de revista TimeDibuja un rectángulo en las guías de los márgenes al crear una portada de revista Time

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 que excede el margen.  

Crea una máscara de capa con la selección en la plantilla de la portada de revista TimeCrea una máscara de capa con la selección en la plantilla de la portada de revista TimeCrea una máscara de capa con la selección en la plantilla de la portada de revista Time

Paso 5

Para este tutorial de diseño de portada de la revista Time, queremos lograr una imagen superpuesta en el texto. Para crear esto, necesitamos hacer un 'sandwich' con el texto, es decir, que quede entre dos capas de imágenes. 

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.

Crea el icónico encabezado de la portada de la revista TimeCrea el icónico encabezado de la portada de la revista TimeCrea el icónico encabezado de la portada de la revista Time

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

Centra el texto en la portada de revista TimeCentra el texto en la portada de revista TimeCentra el texto en la portada de revista Time

Paso 6

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

Duplica la imagen en la plantillaDuplica la imagen en la plantillaDuplica la imagen en la plantilla

Paso 7

Necesitamos editar la capa recién duplicada para poder ver el texto. En el panel Capas, selecciona la miniatura de la Máscara de capa en la imagen duplicada. Selecciona la herramienta Pincel y establece el color de frente en negro. 

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

Recorta al sujeto para revelar el texto detrásRecorta al sujeto para revelar el texto detrásRecorta al sujeto para revelar el texto detrás

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 haciendo clic en la muestra de ejemplo. 

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

Selecciona la herramienta Editor de degradado al crear una portadaSelecciona la herramienta Editor de degradado al crear una portadaSelecciona la herramienta Editor de degradado al crear una portada

Paso 9

En el panel Capas, crea una nueva capa haciendo clic en el botón Nueva capa. Utiliza la herramienta Degradado para crear degradados lineales que comiencen en los lados y se desvanezcan hacia el fondo. Utiliza la imagen mostrada a continuación como un ejemplo. 

Utiliza la herramienta Degradado para oscurecer los lados de la plantilla de portada de revistaUtiliza la herramienta Degradado para oscurecer los lados de la plantilla de portada de revistaUtiliza la herramienta Degradado para oscurecer los lados de la plantilla de portada de revista

Paso 10

En el panel Capas, añade una capa de Color uniforme aplicando Crear una Nueva capa de relleno o de ajuste > Color uniforme. Usa este distintivo color rojo #e81e25

Crea una capa de ajuste de color uniforme rojo en la portada de revista TimeCrea una capa de ajuste de color uniforme rojo en la portada de revista TimeCrea una capa de ajuste de color uniforme rojo en la portada de revista Time

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 de la portada de revista Time en formato PSD, presiona Mayúsculas-Comando para invertir la selección. 

Utiliza la herramienta Marco rectangular y selecciona el margen para invertir la selección en la portada de revistaUtiliza la herramienta Marco rectangular y selecciona el margen para invertir la selección en la portada de revistaUtiliza la herramienta Marco rectangular y selecciona el margen para invertir la selección en la portada de revista

Paso 12

En el panel Capas, asegúrate de seleccionar la capa Color Fill. Presiona el botón de Máscara de capa para eliminar el contenido dentro del margen. 

Crea una máscara con la selecciónCrea una máscara con la selecciónCrea una máscara con la selección

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 una forma en las guías del margen.

Dirígete a la barra de Control y utiliza los siguientes parámetros:

  • Relleno en Ninguno
  • Trazo en Blanco
  • Anchura de trazo en 4 px 
Crea un trazo blanco con la herramienta Rectángulo para la portada de revistaCrea un trazo blanco con la herramienta Rectángulo para la portada de revistaCrea un trazo blanco con la herramienta Rectángulo para la portada de revista

3. Cómo hacer una portada de revista Time: Añadir títulos

Paso 1

Utilizando la herramienta Texto (T), agrega una fecha en 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

Agrega una fecha en la esquina superior derecha de la portada de revistaAgrega una fecha en la esquina superior derecha de la portada de revistaAgrega una fecha en la esquina superior derecha de la portada de revista

Paso 2

Añade una línea en el lado izquierdo de la portada de revista Time, justo encima del hombro del sujeto. Usando el el panel Carácter, aplica formato a la línea de texto. 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 combinación! 

Agrega una línea de texto a tu portada de la revista TimeAgrega una línea de texto a tu portada de la revista TimeAgrega una línea de texto a tu portada de la revista Time

También agregué un pequeño párrafo de llamado después de uno de los títulos principales.

add a deck to the cover lineadd a deck to the cover lineadd a deck to the cover line

Al final pero no por ello menos importante, incluí una línea con el nombre del autor/escritor en el rojo icónico #e81e25 para crear contraste.

Agrega una línea con el nombre del autor en la portadaAgrega una línea con el nombre del autor en la portadaAgrega una línea con el nombre del autor en la portada

Paso 3

Añade una segunda serie de líneas en el lado derecho de la plantilla. Justo debajo del hombro y en la camiseta 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 líneas de la izquierda. 

Agrega una línea de texto en el lado derecho de la portada de revistaAgrega una línea de texto en el lado derecho de la portada de revistaAgrega una línea de texto en el lado derecho de la portada de revista

Agrega un pequeño párrafo de llamado después del título. 

Agrega un pequeño párrafo de llamado después del título en tu portada de revista TimeAgrega un pequeño párrafo de llamado después del título en tu portada de revista TimeAgrega un pequeño párrafo de llamado después del título en tu portada de revista Time

Añade una línea para poner el autor/escritor, usando el color rojo #e81e25 para ayudar a crear contraste en la plantilla de la revista Time. 

Agrega una línea para el nombre del autorAgrega una línea para el nombre del autorAgrega una línea para el nombre del autor

4. Cómo hacer una portada de revista Time para editar: Guardar para la web

Puedes compartir tu diseño de revista Time fácilmente en Photoshop. Aplica Archivo > Guardar y guarda el archivo como lo harías normalmente. 

Para guardar un archivo JEPG para la web, aplica Archivo > Guardar para la web o con la combinación de teclas Mayúsculas-Opción-Comando-S. Selecciona el tipo de archivo en el que quieres guardar tu documento, en este caso elegiremos JPEG, y establece 100 para la Calidad. En el Tamaño de imagen, puedes cambiar el tamaño del pixel de la imagen si tienes alguna limitación de tamaño. 

En el lado inferior izquierdo, puedes apreciar 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 del 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.

Guarda el archivo para la web al terminar de crear una portadaGuarda el archivo para la web al terminar de crear una portadaGuarda el archivo para la web al terminar de crear una portada

¡Fenomenal trabajo! ¡Ahora sabes cómo hacer una portada de revista Time desde una plantilla en formato PSD!

En este tutorial aprendimos cómo hacer una plantilla para portada de revista Time en formato PSD. Cubrimos algunas herramientas esenciales que te ayudarán en futuros proyectos. ¡No olvides mostrarnos tu experimentación con el texto de la portada en la sección de comentarios! Hoy aprendimos a:

  • configurar un archivo de Photoshop
  • usar grillas y márgenes para crear un diseño cohesivo
  • usar Máscaras de capa para crear una imagen superpuesta en texto
  • usar el panel Carácter
Tu portada de revista Time terminadaTu portada de revista Time terminadaTu portada de revista Time terminada

Fabulosas plantillas de portada de revista para editar disponibles en Envato Elements

Aprender cómo hacer una plantilla de portada de revista en formato PSD es un proceso divertido. Pero lleva tiempo. Si quisieras editar una portada de revista preelaborada en Photoshop, checa esta selección de Envato Elements.

1. Paquete de plantillas con 3 diseños para crear una portada de revista (en formato PSD)

Paquete de plantillas con 3 diseños para crear una portada de revistaPaquete de plantillas con 3 diseños para crear una portada de revistaPaquete de plantillas con 3 diseños para crear una portada de revista

Esta descarga te proporciona tres plantillas para portada de revista para elegir. Cada una tiene una apariencia y tema distintos. Los formatos para portadas de revista de excursión, automóviles y trabajo, tienen texto, fotos y colores editables en Photoshop.

2. Colección de plantillas de portadas de revista para editar en Photoshop (en formato PSD)

Colección de plantillas de portadas de revista para editar en PhotoshopColección de plantillas de portadas de revista para editar en PhotoshopColección de plantillas de portadas de revista para editar en Photoshop

Esta colección ofrece tres plantillas para portadas de revista que tienen diseños modernos. Elige el aspecto que funciona para ti y modifica su diseño para que encaje con tus ideas creativas. La descarga también tiene los enlaces a las fuentes usadas, pero claro, puedes usar una fuente personalizada de tu preferencia.

3. Descarga que te ilustra cómo hacer una plantilla para portada de revista de deportes (en formato PSD)

Descarga que te ilustra cómo hacer una plantilla para portada de revista de deportesDescarga que te ilustra cómo hacer una plantilla para portada de revista de deportesDescarga que te ilustra cómo hacer una plantilla para portada de revista de deportes

Esta plantilla en formato PSD es un diseño sencillo personalizable. El tamaño de los cuadros de texto son ajustables, pues son las palabras que eliges para colocar dentro de ellos. Al igual que otros formatos para portada de revista, también obtendrás control sobre la imagen que agregas al fondo.

4. Plantilla para portada de revista de moda para editar en Photoshop (en formato PSD)

Plantilla para portda de revista de moda para editar en PhotoshopPlantilla para portda de revista de moda para editar en PhotoshopPlantilla para portda de revista de moda para editar en Photoshop

Crea una portada de revista en Photoshop que esté a la altura del gran día. Este moderno diseño viene en el tradicional tamaño A4. También hay una fuente gratis incluida con esta opción. Solo realiza tus ediciones para crear una apariencia fresca. 

5. Moderna plantilla que te anima a saber cómo hacer una portada de revista para Photoshop (en formato PSD)

Moderna plantilla que te anima a saber cómo hacer una portada de revista para PhotoshopModerna plantilla que te anima a saber cómo hacer una portada de revista para PhotoshopModerna plantilla que te anima a saber cómo hacer una portada de revista para Photoshop

Terminamos esta exhibición con otro paquete de plantillas para portada de revista. Con diseños incluidos para negocio, ciencia y viajes, obtendrás una mezcla de aspectos. Fácilmente puedes editar estas portadas en Photoshop.

Conclusión

Si eres nuevo en Photoshop y en InDesign y necesitas de inmediato plantillas de revista para impresión o plantillas de marketing promocional, visita Envato Elements y GraphicRiver. O prueba el Creador de portadas de revista de Placeit. ¡Tenemos muchas opciones para explorar! 

Si te gustó este tutorial para crear una portada de revista Time en formato PSD, te podrían gustar los siguientes:

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.