Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Magazine Design
Design

Crear una Portada de Revista Inspirada en Rolling Stone

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

La primera publicación de la revisa de música Rolling Stone fue puesta en venta el 7 de noviembre de 1967. Incluyendo figuras con John Lennon en la portada, la publicación basada en San Francisco se convirtió en la revista para los fanáticos de la música al nivel mundial.

En este tutorial, daremos tributo al estilo gráfico e icónico de Rolling Stone, que fue creado por los directores John Williams y Lloyd Ziff. El estilo del logo y la paleta de colores blanco, negro y rojo se han convertido un sinónimo de la revista y han permanecido sin cambios por muchas décadas, con solo algunas modernizaciones.

Aquí aprenderás a cómo crear una portada con este estilo en Adobe InDesign y replicar el estilo icónico de las portadas clásicas de Rolling Stone.

¿Quieres hacer un comienzo rápido con tu propio diseño de revista? Revisa la selección de plantillas de revistas profesionales en Envato Elements y Graphic River.

Lo que Necesitarás para Crear tu Portada de Revista

Así como acceder a Adobe InDesign, también necesitarás usar Adobe Photoshop para editar las imágenes usadas en el diseño. También necesitarás descargar la siguiente imagen y fuentes de Envato Elements:

Instala las fuentes sobre tu computadora y estarás listo para comenzar.

1. ¿Cómo Preparar tu Portada en InDesign?

Paso 1

Abre InDesign y ve a Archivo > Nuevo > Documento. Prepara el Ancho de la página a 8.5 inch y Altura a 11 inch, un tamaño estándar de revista en los Estados Unidos.

Desmarca Páginas Opuestas para crear una sola página. Añade Márgenes de 0.3125 inch  y una Sangría de 0.25 inch, y luego da clic en Crear.

new document

Paso 2

Expande el panel Capas (Ventana > Capas) y da doble-clic en Capa 1 para nombrarla Foto Detrás.

Crea tres capas nuevas en este orden—Texto Detrás, Foto en Frente, y, en la parte superior, Texto en Frente.

layers panel

Luego bloquea todas las capas a excepción de la capa Texto Detrás.

type behind layer

Paso 3

Expande el panel Muestras (Ventana > Color > Muestras), y escoge Nueva Muestra de Color desde el menú desplegable.

Nombra la muestra Rolling Stone Rojo, y pon los niveles debajo a C=0 M=100 Y=93 K=0. Da clic en Añadir y luego Hecho.

swatches panel red

2. ¿Cómo Crear un Encabezado para tu Portada?

Paso 1

Trabaja sobre la capa Texto Detrás, usa la Herramienta Texto (T) para crear un marco de texto en la parte superior de la página.

Pon el título de tu revista y desde ya sea la parte superior en el panel Controles o sobre el panel Carácter (Ventana > Texto y Tablas > Carácter), pon la Fuente a Redoura Bold.

Incrementa el tamaño de la fuente de manera que el logo se extienda a través del ancho de la página, y retoca el Tracking (el espacio de las letras) y el Kerning (espaciado entre letras individuales) para crear un efecto apegado al logo.

redoura font

Paso 2

Desde el panel Muestras, cambia el Color de Fuente a Rolling Stone Rojo.

swatches panel

Da clic en el símbolo "T" detrás del símbolo T de Color de Relleno en la parte superior izquierda del panel de Muestras, para traer la opción Color de Trazo. Añade un Trazo de Color [Papel].

Desde el panel Trazo (Ventana > Trazo), incrementa la Anchura del trazo a 5 pt.

stroke color

Paso 3

Selecciona el marco de texto, cópialo y pégalo en lugar. Usa las flechas para colocar el nuevo marco de texto un poco abajo y a la derecha.

Cambia el Color de Fuente y Color de Trazo del texto en este marco a [Negro].

stroke panel

Sobre el marco, da clic-derecho > Organizar > Enviar Atrás.

send to back
text frame

Paso 4

Añade un marco de texto grande derriba del logo, haciendo una lista de los artistas incluidos en la edición de la revista.

Pon la Fuente a Karoll Bold Round.

karoll bold round

3. ¿Cómo Añadir una Foto en 3D en tu Portada?

Paso 1

Abre la foto de retrato en Photoshop y duplica la capa de Fondo.

duplicate layer

Trabaja sobre la capa Fondo Copia; usa la Herramienta Lazo (L) para trazar la silueta de la persona, trabaja a través de todo el borde y cierra la selección.

lasso tool
lasso tool

Paso 2

Da clic sobre el botón Perfeccionar Bordes sobre el panel Controles.

En la ventana que se abra, marca Radio Inteligente y ajusta el Radio hasta que la selección sea más precisa alrededor de la silueta. Cuando estés feliz con el resultado, da clic en OK.

refine edge

Copia y Pega la selección sobre una nueva capa.

pasted onto new layer

Paso 3

Bloquea las dos capas de fondo, de manera que solo la capa superior sea visible. Ve a Archivo > Guardar Como, guardando este como un archivo de Photoshop llamado "Portrait_no bg.psd".

saved without background

Habilita la capa de Fondo de nuevo y ve a Archivo > Guardar Como un archivo de Photoshop llamado "Portrait_with bg.psd".

saved with background

Paso 4

Vuelve a InDesign y bloquea la capa Texto Detrás. Desbloquea la capa debajo, Foto Detrás.

Usa la Herramienta Marco Rectangular (F) para crear un marco de imagen alrededor de toda la página, extendiéndolo sobre los bordes de las sangrías en todos los lados.

Ve a Archivo > Colocar y escoge la imagen "Portrait_with bg. psd". Asegúrate de que estés feliz con la posición y la escala de la imagen antes de proceder al siguiente paso.

placed image

Paso 5

En el panel Capas, da clic sobre la flecha hacia la izquierda del nombre Foto Detrás para expandir esta capa.

Arrastra el elemento "Portrait_with bg" hacia abajo sobre el botón Crear Nueva Capa para duplicarlo.

expand layer
duplicate element

Desbloquea la capa Foto en Frente antes de arrastrar la copia de "Portrait_with bg" arriba de esta capa.

layer expanded

Luego bloquea la capa Foto Detrás.

photo in front

Paso 6

Selecciona el marco de imagen que ahora está sobre la capa Foto en Frente y ve a Archivo > Colocar.

Escoge el archivo "Portrait_no bg.psd" y Abre.

portrait opened

4. ¿Cómo Añadir los Títulos de Artículos en la Portada de Revista?

Paso 1

Bloquea la capa Foto en Frente y desbloquea la capa superior, Texto en Frente.

Primero, enfócate en crear un título de artículo, para colocarlo sobre la imagen que hemos usado en la portada.

Escoge un espacio en la portada (aquí he optado por la esquina inferior derecha) y usa la Herramienta Texto (T) para crear marcos grandes de texto, poniendo la Fuente a Black Velvet 2.

black velvet font

Pon el Color de la Fuente al llamativo Rolling Stone Rojo.

rolling stone red

Paso 2

Puedes hacer el texto más legible aplicando una sombra paralela.

Selecciona los marcos de texto y ve a Objeto > Efectos > Sombra Paralela. Pon la Opacidad a 30% y añade 15% Ruido. Experimenta con las opciones Tamaño y Extensión hasta que estés feliz con la sombra y da clic en OK.

drop shadow

Paso 3

Añade un texto que apoye al título principal, ponla en Velasco Serif y un Color de Fuente [Papel].

velasco serif

Pon los otros textos de apoyo en Addington CF Medio Cursiva.

Asegúrate de añadir una sombra paralela (Objeto > Efectos > Sombra Paralela) a estos marcos de textos también.

drop shadow text

Paso 4

Crea más marcos de texto un poco hacia abajo y al lado derecho de la imagen, poniendo la Fuente a Karoll Bold Round y el Color de Fuente [Negro].

karoll font

Paso 5

Puedes crear una división para separar los elementos de texto usando la Herramienta Línea.

Usa el panel Trazo (Ventana > Trazo) para poner la Anchura a 13 pt y el Texto a Thin-Thick.

stroke panel

Paso 6

Llena el espacio alrededor de los bordes de la imagen con más marcos de texto, fuentes que varíen, pero apegándose al Color de Fuente [Negro].

addington font
demi bold text
addington italic

Paso 7

Puedes usar técnicas que enfaticen el tema del artículo. En este ejemplo, copié y pegué las palabras "Get" y "Reflective"  en marcos de texto individuales...

copy paste

... antes de clic-derecho > Transformar > Voltear Vertical.

flip vertical

Alineé los marcos de texto debajo del texto original...

reflected text

... antes de ir a Objeto > Efectos > Transparencia y trayendo la Opacidad a 75%.

transparency effects

Paso 8

Las portadas de revista a veces incluyen citas en marcos, para incluir un artículo en particular o el hecho de que la revista es una edición especial.

Puedes crear un texto usando la Herramienta Rectángulo (M) y ajusta la Anchura y el Texto desde el panel Trazo (escoge un Texto delgado y grueso para igualar al del estilo de las divisiones).

thin thick stroke

Pon los marcos de texto dentro del marco, poniendo el texto principal en Velasco Serif.

velasco serif

Resaltar las palabras claves en un color más claro, como Rolling Stone Rojo, ayuda a atraer la atención de piezas particulares del texto.

swatches panel

5. ¿Cómo Compartir tu Portada de Revista?

Puedes compartir tu portada de revista como una imagen en línea, o en las redes sociales, por ejemplo, o exportarla como un documento PDF.

Para hacerlo, ve a Archivo > Exportar.

Para la revista en línea, escoge JPEG o PNG desde el menú Formato en la parte inferior de la ventana. Para impresión, escoge Adobe PDF (Impresión).

export jpeg

Da clic en Guardar y sigue las opciones en la ventana que se abre antes de dar clic en Exportar para crear una versión que se pueda compartir.

Conclusión: Tu Portada de Revista Terminada

final cover

En este tutorial hemos cubierto un amplio rango de técnicas para crear portadas de revista efectivas. Ahora sabes cómo:

  • Crear las capas y las muestras CMYK en tu documento InDesign.
  • Crear un encabezado para tu portada de revista.
  • Editar una foto para darle a tu portada un efecto de tres dimensiones.
  • Darle formato a la tipografía para hacer los títulos más creativos en tu revista.
  • Exportar tu portada para crear una imagen que puedas compartir en línea o imprimirla profesionalmente.

¿Buscando una solución que te ahorre tiempo? Asegúrate de revisar el gran rango de plantillas de revistas fáciles de adaptar en Envato Elements y Graphic River.

Descubre más tutoriales de diseño de revistas para seguir desarrollando tus habilidades de diseño impreso y tipografía:

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.