1. Design & Illustration
  2. Affinity Publisher

Cómo crear un estilizado diseño de revista en Affinity Publisher

by
Read Time:9 minsLanguages:

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
Final product imageFinal product imageFinal product image
Lo que vas a crear

En este tutorial, aprenderás cómo crear un simple y estilizado pliego de revista usando Affinity Publisher, la alternativa a Adobe InDesign accesible y fácil de usar. Las plantillas de Affinity Publisher son las bases magníficas para crear tus propios diseños únicos para revistas, aquí aprenderás cómo crear un pliego editable para una revista online, igualmente cómo elaborar un cuadernillo en Publisher con páginas enfrentadas.

complete magazine spreadcomplete magazine spreadcomplete magazine spread

Lo que aprenderás en este tutorial de diseño de revista en Affinity Publisher

En este tutorial, adoptarás habilidades versátiles de diseño para crear revistas ya sea online o impresas, igualmente conocerás el espacio de trabajo de Affinity Publisher. Específicamente, aprenderás:

  • Cómo elaborar un cuadernillo en Affinity Publisher, con un pliego que puede adaptarse como una revista electrónica.
  • Cómo crear títulos de encabezados y números de página para tu revista electrónica.
  • Cómo dar formato a la tipografía y a imágenes buscando un alto estándar en Affinity Publisher.
  • Cómo exportar tu pliego de revista terminado como un archivo PDF, listo para compartir online o subirlo a sitios de publicación en internet como Readly.

Se incluye en este tutorial una descarga gratuita de la portada de revista y el pliego interior compatibles tanto para Affinity Publisher como para Adobe InDesign, permitiéndote comenzar rápidamente la creación de tu propia revista electrónica estilizada. Dirígete al sitio web Affinity Spotlight para aprender cómo crear una portada de revista en Affinity Publisher.

magazine covermagazine covermagazine cover

¿Necesitas una solución todavía más rápida para crear tus propios diseños de revista? Puedes encontrar un amplio rango de plantillas para revista fáciles de editar y plantillas para Affinity Publisher en Envato Elements.

Lo que necesitarás para crear tu diseño de revista

Necesitarás acceder a Affinity Publisher, que puede descargarse desde el sitio web de Serif. También requerirás descargar las siguientes fuentes y fotografía de Envato Elements para crear el diseño del pliego que aquí se presenta:

Instala las fuentes en tu computadora ¡y estarás listo para comenzar!

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

1. Cómo configurar un documento para revista en Affinity Publisher

Paso 1

Abre Affinity Publisher y ve a Archivo > Nuevo.

Con el Tipo establecido en Web*, define la Anchura de la página en 612 px y la Altura de la página en 792 px. Para asegurar que la revista luzca nítida y clara en pantallas de retina, establece PPP en 300. Incrementa el Número de páginas a 3, para permitir una página de portada (incluida en la plantilla descargable) y un pliego sencillo.

Asegúrate de que la opción de Páginas enfrentadas esté marcada en la sección de Páginas.

Establece los Márgenes interior e inferior en 80 px y exterior y superior en 75 px. Para una revista digital, un sangrado no se requiere, así que puedes mantener este ajuste al determinado de 0 px.

new documentnew documentnew document

Luego haz clic en Aceptar.

create documentcreate documentcreate document

*Aquí, crearemos un pliego sencillo para una revista digital, que será exportado como un PDF un estándar en el ambiente online. La plantilla para la portada de esta revista se incluye en el archivo descargable adjunto a este tutorial.

Paso 2

Ve a Ver > Asistente de guías e incrementa el número de columnas a 2. Establece la anchura del Medianil en 15 px, antes de hacer clic en Cerrar.

columns and guttercolumns and guttercolumns and gutter

Paso 3

En nuestro diseño vamos a usar una paleta de colores muy simple, solo naranja, negro y blanco.

En el panel Muestras (Vista > Estudio > Muestras), elige Añadir color global del menú desplegable.

add global coloradd global coloradd global color

Nombra la muestra Blanco, y elige Deslizadores RGB Hex del menú de abajo. Escribe F8FAEF para el código hexadecimal antes de hacer clic en Añadir.

off white swatchoff white swatchoff white swatch

Repite para crear una segunda muestra RGB, nombrándola Naranja y estableciendo el código hexadecimal en FF6F17. Luego haz clic en Añadir.

orange swatchorange swatchorange swatch

2. Cómo dar formato a elementos en tu pliego maestro

Paso 1

Haz doble clic en el ícono Maestro A en el panel Páginas maestras para que aparezca en la pantalla.

master pagesmaster pagesmaster pages

Selecciona la herramienta Rectángulo (M) del panel Herramientas y arrastra por toda la página izquierda del pliego maestro, estableciendo el Relleno en Blanco.

off white filloff white filloff white fill

Copia y Pega el rectángulo, moviéndolo para que cubra la página derecha.

pasted rectanglepasted rectanglepasted rectangle

Paso 2

Podemos añadir títulos de encabezado y números de página al pliego maestro, lo que permitirá aplicarlos a múltiples páginas en la revista cuando vayas a crear más páginas.

Elige la herramienta Marco de texto (T) del panel Herramientas y arrastra para crear un marco de texto por la esquina superior izquierda de la página izquierda.

Escribe el nombre de la revista y desde el panel Carácter (Vista > Estudio > Carácter), establece la Fuente en Bw Modelica, Tamaño 2.5 pt, Todo en mayúsculas y un color de fuente Naranja.

title of magazinetitle of magazinetitle of magazine

Paso 3

Copia y Pega el marco de texto, moviéndolo hacia la parte superior de la página derecha. Desde el panel Párrafo, cambia el texto a Alineación derecha.

issue number dateissue number dateissue number date

Paso 4

Pega de nuevo, moviendo este marco de texto hacia la esquina inferior de la página izquierda y editando el texto para que se lea '//'.

insert textinsert textinsert text

Inserta un espacio después de las barras inclinadas y con tu cursor de texto aún en el marco, dirígete a Insertar > Campos > Número de página.

fields page numberfields page numberfields page number

Un símbolo de numeral aparecerá en el marco de texto, indicando que será remplazado con un número de página en páginas relevantes.

page numberpage numberpage number

Selecciona el marco de texto de número de página y Cópialo y Pégalo, moviéndolo hacia el lado derecho de la página y cambiando el texto a Alineación derecha.

align right textalign right textalign right text

3. Cómo introducir tipografía en tu pliego de revista

Paso 1

Haz doble clic en Página 1 en el panel Páginas para que aparezca en la pantalla.

pages panelpages panelpages panel

Usa la herramienta Marco de texto (T) para crear un marco de texto espigado contra el margen inferior derecho, rellenando la columna ubicada a la extrema izquierda.

frame text toolframe text toolframe text tool

Paso 2

Haz clic en la pequeña forma de triángulo en la parte inferior derecha del marco de texto para crear un marco de texto vinculado.

Haz clic y arrastra hacia la derecha del primer marco de texto para crear una segunda columna vinculada. Un 'hilo' aparecerá entre los dos marcos, mostrando que están vinculados.

threaded columnsthreaded columnsthreaded columns

Paso 3

Escribe un enunciado introductorio, estableciendo la Fuente en Artifex CF, Tamaño 2 pt, y establece el Interlineado en 3 pt. Desde el panel Párrafo, incrementa el Espacio después del párrafo a 2 pt. Establece el Color de fuente en Negro.

threaded columnsthreaded columnsthreaded columns

Luego puedes escribir texto directamente, pegarlo desde un documento de Word, o ir a Texto > Insertar texto de relleno para crear texto temporal en tus columnas.

filler textfiller textfiller text
linked columns linked columns linked columns

Puedes añadir más interés a tu texto de columna sacando la primera línea en un color de fuente Naranja, un grosor Robusto y letras en Todo en mayúsculas.

character panelcharacter panelcharacter panel

4. Cómo añadir una imagen a tu pliego de revista

Paso 1

Usa la herramienta Pluma (P) para dibujar un marco de imagen que abarque casi toda la página derecha, con una sección más angosta por la parte superior de la página izquierda, como se muestra a continuación.

pen toolpen toolpen tool

En el marco, haz Clic derecho > Convertir en Marco de imagen.

convert picture frameconvert picture frameconvert picture frame

Paso 2

Ve a Archivo > Colocar. Dirígete a la imagen del robot con aspecto de perro que descargaste previamente y haz clic en Abrir.

Usa la tecla de Mayúsculas para escalar la imagen dentro del marco, antes de hacer clic en Voltear horizontal en el panel superior Controles para voltear la imagen para que el perro quede de frente al borde derecho del pliego.

place imageplace imageplace image

Rota ligeramente la imagen dentro del marco, para hacer más visible al robot.

rotate image framerotate image framerotate image frame

Paso 3

Crea un marco de texto muy grande, haciéndolo coincidir la altura de las columnas de texto, superponiéndolo a la columna de la derecha y extendiéndolo a lo ancho de la página derecha.

Escribe 'GO', estableciendo la Fuente en Bw Modelica Medium, Tamaño 127 pt y Color de fuente en Naranja.

font modelicafont modelicafont modelica

Paso 4

Desde el panel Capas (en el lado derecho del espacio de trabajo), cambia el Modo de fusión del marco de texto 'GO' a Subexposición lineal.

Con el marco de texto de la columna derecha seleccionado, haz clic en el botón Mover al frente en el panel superior Controles. para llevar al frente el texto de la columna y hacerlo más legible.

linear burnlinear burnlinear burn

5. Cómo añadir una cita a tu diseño

Paso 1

Usa la herramienta Marco de texto (T) para crear uno en la parte superior derecha de la Página 2.

Escribe una cita. Establece la Fuente en Artifex CF Bold, Tamaño 10 pt, Alineación derecha y un Color de fuente Naranja.

pull quotepull quotepull quote

Paso 2

Puedes resaltar palabras individuales y establecerlas en Bold Italic para darles mayor énfasis.

bold italic stylebold italic stylebold italic style

6. Cómo exportar la ilustración de tu revista

Si creas un pliego sencillo o toda una revista, el proceso de exportar tu ilustración en Affinity Publisher para compartir online es rápido y simple.

Paso 1

Ve a Archivo > Exportar.

Haz clic en PDF desde las opciones que aparecen en la parte superior de la ventana. Elige PDF (digital-alta calidad) desde el menú Ajustes preestablecidos.

pdf digitalpdf digitalpdf digital

Establece los PPP en 300. Esto asegurará que tu revista luzca nítida y clara en pantallas de retina y de gran tamaño.

Luego haz clic en Exportar. Nombra tu archivo y haz clic en Guardar.

export pdfexport pdfexport pdf

Conclusión: tu diseño de revista terminado

Tu pliego de revista está terminado y exportado, listo para impresión. ¡Magnífico trabajo!

inside magazine spreadinside magazine spreadinside magazine spread

En este tutorial, has conocido una gama de técnicas y habilidades que puedes aplicar a proyectos editoriales y otros diseños de revista usando Affinity Publisher. Ahora sabes cómo elaborar un cuadernillo completo en publisher con páginas enfrentadas, permitiéndote crear documentos tanto para impresión como para publicación online.

Recuerda que una descarga gratuita de la portada de revista y pliego interior tanto para Affinity Publisher como para Adobe InDesign se incluyen en este tutorial, permitiéndote comenzar rápidamente la creación de tu propio diseño de revista electrónica.

magazine cover templatemagazine cover templatemagazine cover template

¿Buscas diferentes plantillas editables en Affinity Publisher y en InDesign para crear estilizados diseños de revista? Puedes encontrar una amplia gama de plantillas para revistas fáciles de editar y plantillas para Affinity Publisher en Envato Elements.

Si buscas más diseños de revistas y consejos sobre Affinity Publisher, no te olvides de consultar estos útiles tutoriales:

One subscription.
Unlimited Downloads.
Get unlimited downloads