InDesign CC 2017 avanzado: Documentos interactivos

Creación de estilos de párrafo con InDesign

¡Prueba gratis durante 10 días

nuestros 1220 cursos !

Prueba gratis Mostrar modalidades de suscripción
En este video repasaremos el proceso de crear y aplicar estilos de párrafo. Además, veremos en detalle aquellas opciones que aplican exclusivamente el flujo de trabajo con documentos EPUB y HTML. Finalmente veremos cómo dividir un documento mediante los estilos.
10:22

Transcripción

Hay cientos de razones, literalmente, para usar estilos de texto en InDesign. Y, aún así, algunos pudieran decidir formatear todo manualmente sin usar estilos. Sin embargo, te cuento que en lo que tiene que ver con la creación de EPUB ajustable, los estilos de texto son sencillamente imprescindibles En este video repasaremos el proceso de crear y aplicar estilos de texto pero también veremos opciones exclusivas para la creación de documentos EPUB. En este documento, de hecho, el EPUB básico en la página uno, creo que ya estamos listos para crear un poco de texto. Antes que nada, voy a asegurarme que el panel "Estilos de párrafo" esté disponible y voy a eliminar todos estos estilos, que sencillamente voy a estar reemplazando Y para eso, entonces voy a hacer un acercamiento. Me aseguro que aquí en el menú de "Texto" al final, esté mostrando los caracteres ocultos, y luego puedo seleccionar el título que corresponde, de hecho, a un párrafo, lo voy a formatear con un tamaño de 24 puntos y un estilo "Bold". Perfecto. Ahora, para el primer párrafo, voy a añadir una alineación justificada hacia la izquierda, y también me parece que podemos añadir aquí un capitular, que estaría bastante bien. No me gusta cómo se ven esas dos "O" juntas pero por el momento lo voy a dejar. Para el segundo párrafo, lo voy a alinear justificadamente y voy a crear una primera línea de sangría de 12 pixeles. Bueno, yo creo que tengo aquí algunos estilos listos para crear y, para ello, entonces selecciono el título; opción clic sobre el icono de crear "Nuevo estilo de párrafo" Le ponemos aquí un nombre significativo como por ejemplo "T1" para Título 1. Me aseguro de aplicarlo también a la selección y desactivo "Añadir a Bibliotecas CC". En este caso no aplica. Hago lo mismo entonces con este párrafo. Lo vamos a llamar "Primer párrafo". De nuevo lo vamos a aplicar. Y finalmente tenemos este párrafo que es un párrafo sencillo. De nuevo lo vamos a aplicar. De modo que ya tengo tres estilos creados y rápidamente podemos formatear el texto utilizando estos estilos y, para ello, tal vez sería útil una herramienta que tenemos bajo el menú de "Edición", que se llama "Editar en el Editor de artículos". Esta vista del documento realmente es una vista de artículo que nos permite centrarnos exclusivamente en el texto. De modo que yo voy a hacer aquí un pequeño ajuste, donde organizo ambas pantallas lado a lado, y ahora puedo observar dónde queda mi cursor. Como tengo los caracteres invisibles activados puedo ver entonces dónde están lo espacios dónde están los retornos, por ejemplo aquí al final. Y, así, puedo seleccionar, por ejemplo, todos los textos que tengo aquí hasta el final o, de hecho, una forma mucho más fácil sería sentar el cursor al princpio luego, al final con la tecla "Shift" seleccionamos todo y aplicamos el estilo de "Párrafo sencillo". Muy bien, vamos entonces a mover esto un poco. Y aquí, a mano izquierda, podemos ver el resultado donde prácticamente todo ha sido correctamente formateado. Aquí tenemos un subtítulo que también queremos formatear. Para eso vamos a regresar aquí a hacer unos ajustes. Debe ser cero en el caso de la sangría, no queremos sangría. Pero sí me gustaría poner un estilo "Bold", "Italic", quizás a 14 puntos para distinguirlo un poco y me parece que eso es suficiente para propósito de esta demostración. Así que vamos a crear un "T2". Vamos a aplicarlo. Tal vez los podemos poner aquí en orden, según los vamos a ir aplicando. Perfecto. Ahora puedo observar dónde están mis subtítulos. Por ejemplo, aquí en el "Clima" este es un "T2". Este proceso puede ser un poco tedioso, pero sin duda es sumamente importante. Aquí tenemos que se nos ha corrido un poco el texto, debido al formato que hemos aplicado, pero no importa. Eso lo vamos a arreglar inmediatamente con los estilos de párrafo. "La Historia" lleva un "T2". Y aquí tenemos entonces el tercer artículo que también es un "T1". Y así pudiéramos formatear o debemos formatear todo el documento. Ahora bien, ya no necesitamos esta ventana, por lo tanto la voy a cerrar y no pasa nada, todavía conservamos el documento y, por supuesto, lo voy a guardar para que no haya problemas. Sin embargo, si observo aquí en los "Estilos de párrafo" y hago un clic con el botón derecho para editar ese párrafo sencillo que tengo seleccionado, puedo ver que tengo opciones exclusivas de etiquetas de exportación que aplican a todo lo que es EPUB y HTML. Lo que está ocurriendo aquí es que cuando InDesign exporta este documento a formato HTML o a formato EPUB, tiene que crear un estilo CSS y lo hace mediante crear una clase con todos los atributos que tiene este texto. Explica, por ejemplo, que la clase la está llamando "Párrafo sencillo" y tiene, por ejemplo, un "font weight" de normal, tiene un tamaño de fuente de 12 pixeles, etcétera. Sin embargo, la etiqueta es automática. En HTML cada contenido de texto tiene una etiqueta que le da forma, que describe una estructura del contenido. Por lo tanto, la etiqueta que deberíamos tener en este caso que estamos hablando de texto sencillo, párrafo sencillo, debería ser "P" de párrafo. Realmente automático significa "P" de párrafo, pero vamos a especificarlo claramente a través de esta etiqueta. También pudiéramos colocar aquí un nombre de clase, pero en este momento no lo voy a hacer. Lo que sí me gustaría también es que, dicho sea de paso, colocar una etiqueta en caso de que exportemos a formato PDF. Listo. Ahora, con estos títulos voy a hacer lo mismo. Clic con el botón derecho para editar. Desciendo aquí a las etiquetas de exportación. La etiqueta que corresponde para un título principal es "H1" de "Header 1". Y aquí puedo ver entonces lo que ocurre con esta clase, con este estilo. Está añadiendo un "Bold" para "font weight", el tamaño 24 pixeles, etcétera. Yo voy a colocar también el nombre de una clase específica. Esto me va a ayudar tal vez en el proceso de exportación y, luego, cuando tenga que editar por alguna razón ese CSS que emite y puedo poner algo, como por ejemplo, "article-heading" y, de esa manera, entonces cuando aplico este nuevo nombre, lo puedo ver abajo en lo detalles como la clase "Article Heading" con todos los atributos necesarios. Muy bien, vamos a decirle que "Sí" y vamos a hacer lo propio con el "T2". Este caso es un "Heading 2", "article-subheading" y aquí entonces vemos el resultado. Incluso podemos aprovechar y también convertirlo a PDF. Y listo. Vamos ahora a exportar lo que hemos hecho hasta el momento para ver algún tipo de progreso en lo que estamos trabajando. Y, efectivamente, aquí tengo el documento, la pantalla completa con los títulos debidamente colocados; aquí tenemos el capitular, aquí tenemos el título; aquí tenemos las imágenes, todavía están ancladas al texto; los subtítulos. Todo está funcionando correctamente. Sin embargo, aquí es interesante que "San Juan, Puerto Rico" comienza luego de la imagen, y parece que esta imagen es parte del artículo. Lo que realmente deseo que ocurra es que cada artículo comience en su propia página, por ejemplo, aquí, "Vienna" está en la parte de abajo como si fuera una continuación. Y eso también lo podemos controlar directamente desde los "Estilos de párrafo". Si hago un clic con el botón derecho, voy a las etiquetas, y esta vez voy a seleccionar "Dividir documento". Y esto solamente aplica para EPUB. Por lo tanto, estamos bien, porque eso es precisamente lo que estamos trabajando. Vamos a dividir el documento por todo lo que tenga la etiqueta de "H1", la etiqueta "T1". Vamos a decirle "OK". Vamos entonces a exportar nuevamente. Y lo único que vamos a hacer en este caso es que vamos a hacer un pequeño ajuste en las opciones. Vamos a asegurarnos de que "Dividir Documento" esté activado y que estemos dividiendo basados en las etiquetas de exportación de estilo de párrafo. Listo. Hacemos lo propio. Vemos aquí el resultado, y particularmente nos interesa qué ocurre con cada uno de los artículos. Tenemos "Puerto Rico" en su propia página y también tenemos "Vienna" en su propia página.

InDesign CC 2017 avanzado: Documentos interactivos

Diseña documentos interactivos con InDesign, el software desarrollado por Adobe para la creación y maquetacion de documentación y preparado para todos los soportes.

3:03 horas (41 Videos)
Actualmente no hay comentarios.
 
Fecha de publicación:11/05/2017

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.