DISEÑO DE REVISTAS DIGITALES DISEÑO GRAFICO Autores: María José Pérez Aracelly Alemán V Año...

21
DISEÑO DE REVISTAS DIGITALES DISEÑO GRAFICO Autores: María José Pérez Aracelly Alemán V Año Mercadotecnia UNAN- LEON

Transcript of DISEÑO DE REVISTAS DIGITALES DISEÑO GRAFICO Autores: María José Pérez Aracelly Alemán V Año...

Page 1: DISEÑO DE REVISTAS DIGITALES DISEÑO GRAFICO Autores: María José Pérez Aracelly Alemán V Año Mercadotecnia UNAN- LEON.

DISEÑO DE REVISTAS DIGITALESDISEÑO GRAFICO

Autores:

María José Pérez

Aracelly Alemán

V Año Mercadotecnia UNAN- LEON

Page 2: DISEÑO DE REVISTAS DIGITALES DISEÑO GRAFICO Autores: María José Pérez Aracelly Alemán V Año Mercadotecnia UNAN- LEON.

OBJETIVO

te compartiremos paso a paso los conceptos básicos para que diseñes, maquetes y crees tu propia revista digital, en PDF, que podrás luego distribuir.

Page 3: DISEÑO DE REVISTAS DIGITALES DISEÑO GRAFICO Autores: María José Pérez Aracelly Alemán V Año Mercadotecnia UNAN- LEON.

CONCEPTOS BÁSICOS EN EL DISEÑO DE UNA REVISTA

Revista, podríamos considerarla como un conjunto de artículos los cuales siempre comparten un tema común.

Page 4: DISEÑO DE REVISTAS DIGITALES DISEÑO GRAFICO Autores: María José Pérez Aracelly Alemán V Año Mercadotecnia UNAN- LEON.

SE COMPONE DE UNA PORTADA

Page 5: DISEÑO DE REVISTAS DIGITALES DISEÑO GRAFICO Autores: María José Pérez Aracelly Alemán V Año Mercadotecnia UNAN- LEON.

Una página índice, opcionalmente aparece una columna con un pequeño texto de la dirección explicando el objetivo de la revista y saludando a los lectores.

Páginas de artículos. Un título Un texto resumen de la

noticia en letras grandes Una fotografía que puede

tener diferentes tamaños, con un texto al pie de la fotografía

Una o varias columnas con el texto del artículo

Opcionalmente, entre las columnas aparecen textos claves  más grandes y flotando en el espacio de la revista.

Page 6: DISEÑO DE REVISTAS DIGITALES DISEÑO GRAFICO Autores: María José Pérez Aracelly Alemán V Año Mercadotecnia UNAN- LEON.

ANTES DE MAQUETAR UNA REVISTA DEBES TENER CLARO:

Cual es el objetivo que deseas conseguir  A que grupo objetivo va dirigida Frecuencia de publicación Formatos (Digital o papel) Quienes asumirán la tarea (Colectivo de

trabajo) Contenido y distribución del mismo

Page 7: DISEÑO DE REVISTAS DIGITALES DISEÑO GRAFICO Autores: María José Pérez Aracelly Alemán V Año Mercadotecnia UNAN- LEON.

¿Propaganda y Publicidad? Nombre de la revista, Apartados y secciones

fijas de la Revista, así como los apartados y secciones variables.

Para empezar, podrán crearse las revistas en PDF, y si después se decide imprimir, podrás hacerlo en cualquier imprenta.

Es aconsejable unirse con otros jóvenes o amigos para crear una revista de calidad,  y no enfrentar todo el trabajo solo.

Page 8: DISEÑO DE REVISTAS DIGITALES DISEÑO GRAFICO Autores: María José Pérez Aracelly Alemán V Año Mercadotecnia UNAN- LEON.

HERRAMIENTAS QUE SE USAN HABITUALMENTE EN LA CREACIÓN DE UNA REVISTA DIGITAL.

Un Editor Gráfico: Para incluir imágenes necesitaremos usar un editor gráfico como Adobe Photoshop, Macromedia Fireworks, o alguno gratuito como EL GIMP.

Un Maquetador: mostrará la página de la revista, e iremos introduciendo texto, fotos, y todo el contenido. Después lo guardaremos en PDF.

Page 9: DISEÑO DE REVISTAS DIGITALES DISEÑO GRAFICO Autores: María José Pérez Aracelly Alemán V Año Mercadotecnia UNAN- LEON.

Nos aparecerá la página en blanco, con unas guías rojas. Estas guías son IMPRESCINDIBLES. En el diseño, siempre hay que dejar unos pequeños márgenes a los lados por cuestiones de impresión. Un buen diseño tendrá por tanto unos ciertos márgenes a los lados

Page 10: DISEÑO DE REVISTAS DIGITALES DISEÑO GRAFICO Autores: María José Pérez Aracelly Alemán V Año Mercadotecnia UNAN- LEON.

 A CONTINUACIÓN PROCEDEREMOS A CREAR UNA SUPUESTA PÁGINA DE ARTÍCULO

Para este ejemplo, vamos a hacer una pequeña revista, que más bien será un folleto de una página. Seleccionamos número de páginas igual a uno, página simple, tamaño A4, Seleccionamos la casilla "Marcos de texto automáticos", 3 columnas, espaciadas 5.00pt  y le damos a aceptar.

Page 11: DISEÑO DE REVISTAS DIGITALES DISEÑO GRAFICO Autores: María José Pérez Aracelly Alemán V Año Mercadotecnia UNAN- LEON.

Primero, hacemos click en el menú insertar - texto de ejemplo - Standar loren Ipsum y le damos a aceptar. El programa rellenará de un texto aleatorio las tres columnas que hemos creado. A continuación pinchamos en los bordes del texto y lo reducimos de tamaño para dejarlo tal y como muestra la figura siguiente

Page 12: DISEÑO DE REVISTAS DIGITALES DISEÑO GRAFICO Autores: María José Pérez Aracelly Alemán V Año Mercadotecnia UNAN- LEON.

En definitiva, hemos dejado las tres columnas y arriba un espacio para la imagen, el título y la descripción del artículo. Ahora seleccionaremos la herramienta "Insertar marco de imagen" o presionaremos la letra "I". Al hacer click y arrastrar nos dibujará un espacio que estará dedicado a una imagen. Si hacemos doble click en ese espacio, podremos seleccionar la imagen que queramos.

Haremos doble click y elegiremos una imagen para nuestro artículo.

Haciendo click con el botón derecho, propiedades, y luego pinchando en el apartado "imagen" podremos decirle al programa que ajuste la imagen al marco que ya hemos dibujado antes seleccionando "Escalar al tamaño del marco".

Page 13: DISEÑO DE REVISTAS DIGITALES DISEÑO GRAFICO Autores: María José Pérez Aracelly Alemán V Año Mercadotecnia UNAN- LEON.

A Continuación dibujaremos un fondo cuadrado de color para escribir encima el título. Para ello iremos a "insertar - Forma" o simplemente presionando la tecla "S". A continuación dibujaremos una forma al lado de la imagen. En principio será de color negro. Para cambiar el color, pincharemos con el botón derecho en la forma, y en propiedades, y luego en la pestaña "colores" elegiremos un color azul cielo.

Page 14: DISEÑO DE REVISTAS DIGITALES DISEÑO GRAFICO Autores: María José Pérez Aracelly Alemán V Año Mercadotecnia UNAN- LEON.

A continuación Escribiremos el texto del artículo en el cuadro de color azul. Para ello vamos a "insertar - Marco de texto" y lo situaremos encima de la forma azul. Escribiremos en ese marco "Jovenes-cristianos.com te enseña a usar Scribus". Para cambiar el tamaño y el color del texto, click con el botón derecho del ratón y "Editar texto". Allí encontraremos muchas opciones para modificar el texto. Si queremos ver como queda sin cerrar el cuadro de diálogo, pincharemos en el icono que es una hoja blanca con una flecha verde hacia abajo.

Page 15: DISEÑO DE REVISTAS DIGITALES DISEÑO GRAFICO Autores: María José Pérez Aracelly Alemán V Año Mercadotecnia UNAN- LEON.

POR ÚLTIMO, INCLUIREMOS OTRO MARCO DE TEXTO DEBAJO DE LA FOTO, A MODO DE RESUMEN DE LA NOTICIA.

Lo último que queda por hacer, es exportar la revista en PDF. Para ello existe un botón en la barra de herramientas que te permitirá guardar tu revista como PDF.

Page 16: DISEÑO DE REVISTAS DIGITALES DISEÑO GRAFICO Autores: María José Pérez Aracelly Alemán V Año Mercadotecnia UNAN- LEON.

TEN EN CUENTA LOS SIGUIENTES DETALLES:

En este ejemplo no se ha usado para nada el editor gráfico. Aunque no es imprescindible, es recomendable usar un programa de diseño gráfico para darle a la revista un aspecto más atractivo y un diseño más bonito.

En esta exposición, no se han explicado muchas de las herramientas básicas . Por ejemplo, crear plantillas, números de páginas, índices etc...

Page 17: DISEÑO DE REVISTAS DIGITALES DISEÑO GRAFICO Autores: María José Pérez Aracelly Alemán V Año Mercadotecnia UNAN- LEON.

GLOSARIO

Adobe Acrobat 4.0 Adobe® Acrobat® 4.0 es la aplicación más

eficaz y segura para compartir información electrónicamente. Acrobat convierte todos tus documentos a formato PDF (Portable Document Format) conservando intacta su apariencia original y permitiendo su visualización e impresión en cualquier soporte o plataforma informática. La posibilidad de incluir notas facilita la revisión inmediata de cualquier documento, de manera que se agiliza el flujo de

trabajo y aumenta la productividad de un modo nunca visto.

Page 18: DISEÑO DE REVISTAS DIGITALES DISEÑO GRAFICO Autores: María José Pérez Aracelly Alemán V Año Mercadotecnia UNAN- LEON.

CUANDO SE USA ADOBE® ACROBAT® 4.0 Para convertir y distribuir documentos en formato de

documento portátil (PDF), puedes descansar tranquilo sabiendo que cualquiera en cualquier sitio podrá imprimir tus documentos exactamente como fueron creados. Pero la potencia y utilidad de Acrobat no acaba aquí. Una gran cantidad de características y capacidades, incluyendo herramientas de marcado de documentos, controles de seguridad, creación de formularios interactivos electrónicos y mucho más, contribuyen a que Acrobat sea la herramienta por excelencia para intercambiar información con colegas y clientes de todo el mundo.

Page 19: DISEÑO DE REVISTAS DIGITALES DISEÑO GRAFICO Autores: María José Pérez Aracelly Alemán V Año Mercadotecnia UNAN- LEON.

ADOBE PDF El formato PDF (Formato de Documento Portátil) de Adobe® es el

modelo estándar y sin limitaciones para la distribución electrónica mundial de documentos. PDF es un formato de archivo universal que mantiene todas las fuentes, formato, colores y gráficos de cualquier documento original, independientemente de la aplicación y plataforma utilizadas para su creación. Los archivos PDF son compactos y cualquier persona los puede compartir, ver, explorar e imprimir del mismo modo en que se crearon con el software gratuito Adobe® Acrobat®. Se Podrá convertir cualquier documento en PDF, incluso papel digitalizado mediante, Adobe Acrobat 4.0.

Page 20: DISEÑO DE REVISTAS DIGITALES DISEÑO GRAFICO Autores: María José Pérez Aracelly Alemán V Año Mercadotecnia UNAN- LEON.

ALMACENAMIENTO

Almacenar las imágenes obtenidas en el medio más adecuado para su posterior recuperación.

Page 21: DISEÑO DE REVISTAS DIGITALES DISEÑO GRAFICO Autores: María José Pérez Aracelly Alemán V Año Mercadotecnia UNAN- LEON.

GRACIAS POR TU ATENCIÓN!