T7-8. El proceso digital offline y online PDF

T7-8. El proceso digital offline y online PROCESOS DE PRODUCCIÓN GRÁFICA Y EDITORIAL Impresión bajo demanda. Nuevos soportes para el diseño y la comunicación. Flujos de trabajo y formatos. ! 7-8 | El proceso digital offline y o...

T7-8. El proceso digital offline y online PROCESOS DE PRODUCCIÓN GRÁFICA Y EDITORIAL Impresión bajo demanda. Nuevos soportes para el diseño y la comunicación. Flujos de trabajo y formatos. ! 7-8 | El proceso digital offline y online PROCESOSSeDE Tema PRODUCCIÓN informa GRÁFICA de que NO se permite Y EDITORIAL la reproducción, ni transformación total o parcial de esta presentación mediante su incorporación a un sistema informático, o la transmisión por cualquier forma o por cualquier medio, sea éste electrónico, mecánico, por fotocopia impresa, por grabación u otros métodos, sin el permiso previo y por escrito del autor. ¡1 OFF PROCESO ON  Impresión bajo demanda La impresión bajo demanda o Print on demand (POD) se trata de una impresión digital para tiradas cortas (incluso de un único ejemplar). Es un proceso que está permitiendo mantener el formato físico aportando ciertas ventajas técnicas: Ahorro de espacio, se elimina la necesidad de almacenar stock. Sostenible, no se malgastan tintas, papel ni recursos innecesarios. Instantáneo, impresión al momento. PROCESOS DE PRODUCCIÓN GRÁFICA Y EDITORIAL Tema 7-8 | El proceso digital offline y online 3  “El 50% de los libros que se imprimen (con ISBN) vende menos de 250 ejemplares” Letradepalo Editorial PROCESOS DE PRODUCCIÓN GRÁFICA Y EDITORIAL Tema 7-8 | El proceso digital offline y online 4  Las imprentas online La tecnología digitalización de las imprentas está transformando el negocio de las artes gráficas: El cliente gestiona online sus pedidos en red. Permite un mayor ahorro de tiempo y dinero. Amplía oferta de productos/acabados disponibles. Deslocalización: entregas en el lugar requerido. PROCESOS DE PRODUCCIÓN GRÁFICA Y EDITORIAL Tema 7-8 | El proceso digital offline y online 5  Nuevos soportes para el diseño y la comunicación Libros digitales Dispositivo que contiene un conjunto de archivos digitales que recogen las distintas características de un libro y sus contenidos. Texto, estructura, imágenes, estilo gráfico… El objetivo es que pueda visualizarse en cualquier dispositivo: Reflow* * Reflow: Funcionalidad se adapta según el dispositivo empleado, la forma, posición de texto y las imágenes. PROCESOS DE PRODUCCIÓN GRÁFICA Y EDITORIAL Tema 7-8 | El proceso digital offline y online 6  ePUB KF8 Ocupa todo el mercado fuera de Kindle(Amazon). Es un ePUB compilado con otras características Adaptable a cualquier formato de pantalla del sistema de Amazon. y dispositivo. Formato propietario (no Metadatos. tenemos acceso al código). Edición del contenido en Amazon decide las XHTML / HTML. plataformas de distribución. Fuentes incorporadas. Apoyo HTM5 y CSS. Preparado para la Pop-ups para el texto. accesibilidad y Fuentes añadidas. tecnologías adaptativas SVG (gráficos adaptables). PROCESOS DE PRODUCCIÓN GRÁFICA Y EDITORIAL Tema 7-8 | El proceso digital offline y online 7  Revistas y otros documentos digitales En un principio la digitalización se produjo solo en soportes físicos: disquete, CD, DVD, etc. Con el aumento de la velocidad de la red, se publican en internet contenidos actualizados y accesibles desde cualquier dispositivo conectado a la red. Consumibles en línea: Página web a medida o página web a partir de CMS. Consumibles fuera de línea: PDFs normales o PDFs interactivos. PROCESOS DE PRODUCCIÓN GRÁFICA Y EDITORIAL Tema 7-8 | El proceso digital offline y online 8  Consumibles en línea ➔ Mediante gestores de contenidos (CMS): Se facilita la publicación sin necesidad de conocimientos técnicos. Suelen permitir usar plugins que facilitan labores de diseño y marketing (como Elementor o YoastSEO). Wordpress es uno de los CMS más utilizado actualmente (diferencias.com y.org). ➔ Mediante páginas webs a medida: Infinitas posibilidades de diseño pero el precio suele ser mayor aunque podría amortizarse. La publicación a posteriori de contenidos podría ser más difícil o resultar costosa si no se contrata CMS. PROCESOS DE PRODUCCIÓN GRÁFICA Y EDITORIAL Tema 7-8 | El proceso digital offline y online 9  https://www.id4you.com/blog/tips4you/como-disenar-mejor-los-botones-para-tu-proyecto-digital/ PROCESOS DE PRODUCCIÓN GRÁFICA Y EDITORIAL Tema 7-8 | El proceso digital offline y online 10  Consumibles fuera de línea (PDF Normales ) Para revistas muy visuales y personalizadas. Suelen servir como complemento adicional. (PDF Interactivos) Añaden elementos interactivos como botones con hipervínculos externos, internos y funciones de apariencia para identificar el estado de los botones con funciones tipo “al pasar sobre él” (hover*), para cuando se visualice en un equipo con ratón. *Hover: interacción en la interfaz de usuario que ocurre cuando el cursor del mouse se posiciona sobre un elemento, como un enlace, botón, imagen u otro elemento interactivo. PROCESOS DE PRODUCCIÓN GRÁFICA Y EDITORIAL Tema 7-8 | El proceso digital offline y online 11  En Acrobat e InDesign podemos crear PDFs interactivos con multitud de funcionalidades: Acrobat > Todas las Herramientas > Agregar medios enriquecidos InDesign > Ventana > Espacio de trabajo > interactivo para PDF. Al acceder a este espacio de trabajo encontraremos ventanas con las diversas funciones disponibles para hacer un PDF interactivo, algunas de ellas solo están disponibles para formatos EPUB o Publish Online (Publicación online en espacio en red de Adobe). A continuación se adjuntan algunos tutoriales útiles para emplear algunas de las funciones interactivas más básicas y avanzadas: Básicas: https://www.youtube.com/watch?v=klsXOAE8ElM Avanzaddas: https://www.youtube.com/watch?v=YODPFCOuts8 PROCESOS DE PRODUCCIÓN GRÁFICA Y EDITORIAL Tema 7-8 | El proceso digital offline y online 12  Flujos de trabajo y formatos Fases para publicar un producto en formatos editoriales digitales: 1º 2º 3º 4º 5º Revisión y Elección del Testeo y Distribución Producción verificación formato depuración PROCESOS DE PRODUCCIÓN GRÁFICA Y EDITORIAL Tema 7-8 | El proceso digital offline y online 13  1 2 3 4 5 Revisión y Elección del Testeo y Producción Distribución verificación formato depuración Revisión del contenido y verificación Contenido textual: errores tipográficos, ortotipográficos, etc. Recursos multimedia: Imágenes, video (tamaño, resolución, etc.) PROCESOS DE PRODUCCIÓN GRÁFICA Y EDITORIAL Tema 7-8 | El proceso digital offline y online 14  1 2 3 4 5 Revisión y Elección del Testeo y Producción Distribución verificación formato depuración Formatos del proyecto editorial digital Libro digital, revista o documento digital: Abarcan la mayor parte de la oferta comercial de las publicaciones editoriales digitales. Multiformato: Publicar para todos ellos permite ampliar la audiencia pero también requiere mayores recursos económicos y más tiempo. PROCESOS DE PRODUCCIÓN GRÁFICA Y EDITORIAL Tema 7-8 | El proceso digital offline y online 15  1 2 3 4 5 Revisión y Elección del Testeo y Producción Distribución verificación formato depuración Producción de un formato editorial digital Hay grandes diferencias entre los procesos de producción, así como las herramientas y lenguajes técnicos para producir los diferentes formatos. Dependiendo del formato elegido y nivel de detalle podríamos requerir de: Libros electrónicos: Word, LibreOffice, InDesign, Scribus, Acrobat y/o Kindle Create. Revistas o documentos digitales de consumo offline Word, LibreOffice, InDesign, Acrobat, Illustrator y/o Photoshop, Revistas o documentos digitales de consumo online: CMS, HTML, CSS, Javascript, Figma, Illustrator y/o Photoshop. PROCESOS DE PRODUCCIÓN GRÁFICA Y EDITORIAL Tema 7-8 | El proceso digital offline y online 16  1 2 3 4 5 Revisión y Elección del Testeo y Producción Distribución verificación formato depuración Testeo y depuración Esta fase evitará posibles deudas técnicas con clientes. Test Visualizar en distintos dispositivos, sistemas operativos y aplicaciones de lectura, teléfonos (horizontal y vertical). Accesibilidad (que todas las personas puedan utilizar un producto digital, independientemente de su capacidad). Depuración Si se encuentra algún problema: modificación del diseño, código o edición de los contenidos. Volver a pasar los test. PROCESOS DE PRODUCCIÓN GRÁFICA Y EDITORIAL Tema 7-8 | El proceso digital offline y online 17  1 2 3 4 5 Revisión y Elección del Testeo y Producción Distribución verificación formato depuración Distribución entorno es muy amplio y heterogéneo que debe tenerse en cuenta antes de la creación del objeto. La elección de las vías de comercialización condiciona y determina la elección del formato. Web propia: Auto-distribución del material Portales en línea: Puede requerirse cumplir requisitos técnicos., pero permite el acceso a un mayor flujo de clientes: Ej: Amazon, Google books. PROCESOS DE PRODUCCIÓN GRÁFICA Y EDITORIAL Tema 7-8 | El proceso digital offline y online 18  Formatos de imagen PROCESOS DE PRODUCCIÓN GRÁFICA Y EDITORIAL Tema 7-8 | El proceso digital offline y online 19  Imágenes vectoriales Mapa de bits Formadas por figuras geométricas. Formadas por una parrilla Se definen sus cualidades de celdillas (píxeles). mediante fórmulas matemáticas Cada pixel almacena información RGBA PROCESOS DE PRODUCCIÓN GRÁFICA Y EDITORIAL Tema 7-8 | El proceso digital offline y online 20  Lossless v.s. Lossy Lossless En el entorno digital es necesario trabajar con imágenes comprimidas. Dos maneras de codificar la resolución: Sin pérdida (Lossless): la imagen resultante es más pequeña. Se mantienen todos los píxeles originales. Con pérdida (Lossy): La imagen es mucho más Lossy pequeña y pierde calidad. Tiene menos píxeles. Dos maneras de codificar el color: Color indexado: se registran solo 256 colores. Color directo: se registran miles/millones de colores. PROCESOS DE PRODUCCIÓN GRÁFICA Y EDITORIAL Tema 7-8 | El proceso digital offline y online 21  Formatos comprimidos de imagen JPEG GIF PNG TIFF SVG ·Con pérdida. ·Sin pérdida. ·Sin pérdida. ·Sin pérdida ·Sin pérdida. (admite con ·Es ideal para ·Carga rápida. ·Permite ·Gestiona bien pérdida). imágenes ·Elimina mucha animaciones y transparencias. información y transparencia. ·Alta resolución. vectoriales. · Sucesor GIF. pierde calidad. ·Poca variedad ·Colores vistosos. ·No se recomienda ·PNG-8: paleta ·Color directo, de color al estar para fotos (no de 256 colores. ·Permite hasta 16 mill. indexado con una registra píxeles). ·PNG-24: transparencia. paleta de 256 ·Permite colores. paleta 16 mil. ·Archivo muy colores. transparencia y ·No permite ·APNG: permite pesado. animaciones. ·En cierta transparencias. decadencia pero animaciones. ·Ideal para ·Formatos escritos ·Ideal para web. aún es usado. ·Ideal para web. edición de con código (XML). foto (bruto) y maquetación. ·Ideal para webs No web/apps. y apps por su escalabilidad. PROCESOS DE PRODUCCIÓN GRÁFICA Y EDITORIAL Tema 7-8 | El proceso digital offline y online 22