Configuración de texto en una cuadrícula, de forma ordenada

Mire una tarjeta de puntuación impresa de Yahtzee . Quiero hacer una página con traducciones a idiomas extranjeros de la columna de descripción y notas/explicaciones, que se alinee exactamente con la hoja oficial y se adjunte con un clip.

En Illustrator, puedo hacer una cuadrícula usando una herramienta de cuadrícula, como punto de partida. Tendré que jugar con el espaciado regular inicial y cambiar el grosor de algunas de las líneas. Espero que sea lo suficientemente normal ya que la cuadrícula parece ser solo una macro para crear un grupo de líneas, y luego puedo seleccionar líneas individuales para cambiar. También tenga en cuenta que dije "alinear correctamente", no "centrar" o algo más específico. También aceptaré consejos sobre qué significa "correctamente". Este será el texto chino.

Lo que me pregunto es cómo colocar el texto de manera ordenada en los muchos cuadros formados por las líneas de cuadrícula. Quiero que esté bien alineado, pero no me gusta jugar con la colocación manual exacta de cada elemento. ¿Cómo puedo hacer esto fácilmente?

Tengo Adobe Suite, así que podría usar cualquiera de las herramientas. He usado Illustrator e InDesign antes. Preferiría un resultado de PDF vectorial, así que no estoy pensando en usar Photoshop.


escanear

Aquí hay un escaneo de la hoja impresa que se encuentra en Baidu , que es donde obtengo los nombres traducidos para las filas y alguna explicación.

Imagine dibujar las dos primeras columnas nuevamente, para que puedan colocarse sobre o al lado de la hoja original.

Puede ver que, debido a las líneas más gruesas y las rupturas entre categorías, no es perfectamente uniforme en el espaciado vertical. El papel mide 7 pulgadas de alto.


No pude incluir la URL porque recibí un error sarcástico que me acusaba de publicar spam, notando el primer carácter en el nombre de la página. Sin embargo, puede encontrarlo en un comentario en esta publicación del usuario 6065.


Acabado

Publiqué el proyecto final en mi blog . Gracias a todos.

imagen

Respuestas (2)

Como dije, es difícil hacer esa tarea con Acrobat Illustrator, así que sugiero hacerlo con Indesign.

antes de comenzar, debo disculparme por hacer una solución larga y por no hacer todo el paso ... algunos pasos necesitan prueba y error para obtener el resultado deseado

Primero debe construir el diseño de su mesa, vaya a Table > Create Tableo presione Ctrl + Alt + Shift + T

En el Create Tablecuadro de diálogo, especifique el número de filas y columnas. En nuestro caso, serán 8 columnas y 11 filas... por supuesto, puede comenzar con dos filas considerando al menos una fila como encabezado, por lo que podemos diseñarlo por separado. Pero si conserva un encabezado y un pie de página, asegúrese de que las filas de números estén fuera del encabezado y el pie de página.

ingrese la descripción de la imagen aquí

Lo que hemos hecho es una tabla sin ningún diseño... lo que tenemos que hacer es construir las celdas de acuerdo con los datos ir Windows > Type & Tables > Tablesa mostrar Table panelo simplemente hacer clic en Shift + F9

En el Table Panelpuede cambiar el tamaño de la celda de la forma que desee por columna o por fila.

ingrese la descripción de la imagen aquí

Imitando un diseño, generalmente coloco la tabla de referencia en el fondo de la tabla en una capa separada y mi tabla en otra capa para obtener un resultado exacto. Por supuesto, puede cambiar el tamaño de cualquier columna pisando su encabezado y cambiar el ancho y el alto, puede cambiar el tamaño de la columna individualmente o seleccionando un grupo de columnas.

ingrese la descripción de la imagen aquí

Después de construir el diseño de la tabla, ahora viene el llenado del contenido. Para los dados, prefiero usar una fuente de tipo verdadero llamada "Dice" y puedes descargarla desde aquí o usar cualquier otra fuente de tu elección, ¿entiendes? solo para simplificar su flujo de trabajo.

Ahora complete el contenido: agregue una pestaña en las celdas de la tabla insertando caracteres especiales en types > Type > Insert Special Character > Other > TabNo se preocupe por formatear su texto ahora lo trataremos más adelante, lo mismo para los rellenos de celda.

ingrese la descripción de la imagen aquí

Para la flecha, insértela desde Glyph Panel, elija una fuente que contenga flechas y aplíquela, en mi caso, elegí "Wingding" y escale el glifo en un 300% en la barra de herramientas de propiedades.

ingrese la descripción de la imagen aquí

Para dividir una celda en dos celdas verticales, simplemente haga clic en el menú de hamburguesas en el panel de la tabla que tiene alguna opción adicional para las tablas y haga clic en dividir la celda verticalmente. Esta opción divide la celda verticalmente pero en dos celdas de igual ancho. Para cambiar el tamaño de la nueva celda, solo ingrese a la celda que desea cambiar de tamaño y coloque un nuevo valor en los campos de ancho en el panel de la tabla como lo hicimos antes. Notará que cualquier cambio en el ancho de la celda afectará todo el ancho de la tabla, por lo que tiene dos opciones para solucionar este problema 1- es volver a escribir los valores de las dos celdas despegadas o 2- simplemente arrastrar el borde vertical intermedio mientras hace clic en el botón de cambio.

ingrese la descripción de la imagen aquí

Ahora viene el estilo de celda: primero necesitamos alinear vertical y horizontalmente todo el contenido en todas las celdas para alinearlo al centro, puede alinearlo manualmente o creando un nuevo estilo de celda.

Para diseñar el contenido: la alineación central con un estilo de párrafo y la alineación vertical es un estilo de celda de la siguiente manera:

Vaya a Windows > Type > Paragraph Styleshacer clic en crear un nuevo estilo, asígnele el nombre "Contenido de la celda" en el paragraph styles optionscuadro de diálogo y diseñaremos todas las propiedades de texto que desee, colores, fuente, tamaño de fuente, etc. y también las alineaciones.

Cree un estilo individual para la columna izquierda y el encabezado, según el estilo que acaba de crear.

Para el estilo de dados, crearemos un estilo de carácter, vaya a Windows > Type > Character Stylesy asígnele el nombre de dados y asigne la fuente que descargue a ese estilo.

ingrese la descripción de la imagen aquí

Al diseñar la columna izquierda, asegúrese de ajustar la línea de base de la siguiente manera para garantizar la alineación central de los dados.

ingrese la descripción de la imagen aquí

Y vaya completando el contenido uno por uno y aquí está mi resultado.

ingrese la descripción de la imagen aquí

Solo una cosa más es eliminar el borde intermedio de la celda dividida que creamos anteriormente, por un valor de0pt

ingrese la descripción de la imagen aquí

Para ser claros, no estoy duplicando toda la hoja, solo las dos columnas de la izquierda. Es por eso que quiero que se alinee exactamente, para superponerlo a la hoja existente. ¡Poner el original en segundo plano es una gran idea y me gustaría poder votar por segunda vez!
¿Cómo conseguiste 11 filas? Hay 23.
Gracias por tu publicación detallada. Gran parte de los detalles que detalló resultaron ser muy útiles. Sin embargo, una cosa: no vi la misma apariencia para la flecha que usaste, en Windings. Texto de celda: opté por Bottom en su mayor parte para que las líneas de base se alinearan cuando las columnas usaran diferentes tamaños de texto. Y todavía tenía que jugar con uno... ¿No hay alineación de "línea de base"? Usted describió el estilo de párrafo, pero tuve que usar el estilo de celda de tabla para que la configuración funcionara.
@JDługosz sí, seguro que no encontrará una flecha en la fuente de los devanados, simplemente seleccione una apariencia similar y estire el glifo (escala horizontal) en un 300%
Sé que lo estiraste. Pero debe haber comenzado con una flecha con una punta triangular sólida . No pude encontrar uno que se parezca a este.
También puede dibujar una línea con la herramienta de línea y luego abrir el panel de trazo y agregar una punta de flecha a la línea. Una de las opciones de punta de flecha se ve así. Trabaje para configurar el trazo con el ancho exacto que desea, luego ajuste la escala de la punta de flecha para que se aproxime al original. Una vez que haya creado la línea, puede seleccionarla, cortarla y pegarla en una de las celdas de su tabla, y se moverá con el resto de la tabla.

@hsawires ha proporcionado un EXCELENTE tutorial sobre el uso de tablas de InDesign para configurar tipos en cuadrículas en InDesign. Solo quería aprovechar esa respuesta y decir que siempre me ha parecido mucho más simple comenzar creando una tabla que incluya la cantidad máxima de filas y columnas que necesitaré y luego fusionar las celdas donde necesito menos de ellas.

Entonces, en su ejemplo de tarjeta Yahtzee, especificaría que mi tabla de inicio tenga 20 columnas (vea la fila etiquetada como "BONO YAHTZEE" y "marca de verificación para cada bono") y 23 filas. Luego, cambiaría el tamaño de cada una de las celdas individuales en la fila con la mayor cantidad de columnas y fusionaría las celdas en otras filas según sea necesario para la tabla final. Aunque requiere más tiempo y mano de obra que dividir/dividir celdas, mi experiencia ha sido que los anchos de las columnas se mantienen mejor cuando combina celdas que cuando usa la función de división de celdas.