Spanish (Español) translation by Javier Salesi (you can also view the original English article)
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!
Para ayudarte a elegir la adecuada, este es nuestro compendio de los mejores tutoriales y plantillas para revista utilizando InDesign y Photoshop:
30 nuevas plantillas para revista 2022 (formatos InDesign y PSD)
20 plantillas para revistas con creativos diseños de maquetado para impresión
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.
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.
Para los márgenes verticales, establece la Orientación en Vertical. Establece la posición en 0.4 pulgadas y 7.6 pulgadas.
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.
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-:.
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%.
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.
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.
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.
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.
Con la ayuda de la guía vertical del centro, coloca el texto para alinearlo con ella.
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.
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.
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.
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.
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.
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.
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.
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
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.
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!
También agregué un pequeño párrafo de llamado después de uno de los títulos principales.
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.
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 un pequeño párrafo de llamado después del título.
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.
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.
¡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
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)
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)
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)
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)
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)
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:
Cómo hacer un diseño de portada de folleto en Adobe InDesign
Las 22 mejores maquetas de revistas usando un generador en línea (portada, diseño, plano y más)
Crear una Portada de Revista Inspirada en Rolling Stone
Más de 20 plantillas en PSD para mockups de revistas (diseños de portada y a doble página)
Cómo diseñar una cubierta de libro estilo vintage
Crear una Portada de Revista de Viaje (Con Placeit y una Fotografía)
Fuentes de portada de revistas: ¿Qué, dónde y cuál emparejar?
By
