La BSK

A las buenas,

Después de disfrutar con la tradumaquetación del Pixel Tactics y el rediseño del Sentinels, estaba pensando en contribuir también a la comunidad tradumaquetando unas pequeñas expansiones de Pixel Tactics. Sin embargo, soy poco ducho en el tema de la edición gráfica, y me gustaría que alguno ya veterano en estas lides me aclarase un tema.

A la hora de extraer las imágenes del PDF de mi versión PnP de las expansiones, he probado varios métodos. En todos ellos me saca las cartas "en bloque" en vez de una a una. ¿Como extraéis vosotros las cartas? ¿Extraéis todas las imágenes juntas y recortáis, o tenéis algún método más eficiente? Haciéndolo "a manini" temo que las imágenes me queden de tamaños diferentes y se note un poco a la hora de tenerlas en la mano.

Muchas gracias por la ayuda que me podáis prestar :-)

Yo lo hago de la siguiente manera, cojo la plantilla de Printerstudio del tamaño de la carta y la abro en una ventana (generalmente en la ventana principal del Photoshop), despues en otra ventana a parte abro el PDF con photoshop (si son varias hojas, cada una en una ventana diferente), despues arrastro la capa de las cartas dentro de la plantilla y la coloco para que solo se vea 1 carta. Guardo el documento y muevo la capa para que se vea otra carta, y vuelvo a guardar, asi hasta que termino la hoja, pongo la segunda hoja del PDF y continuo con el proceso hasta finalizarlo.

A veces las cartas estan tan juntas que se ven cuando las intentas separar, en esos casos, yo creo un marco alrededor de la plantilla por encima de la capa de las cartas que solamente deje ver la carta que quiero separar (es decir del tamaño de la carta) y despues ya voy moviendo la capa de las cartas colocando la carta donde tiene que ir.

Yo he descubierto hace poco una herramienta de Photoshop que nunca había utilizado y que puede servir para lo que tú comentas.

Se trata de la herramienta Sector, del grupo de herramientas "Recortar". Cuando seleccionas la herramienta, te da la opción de "dividir" la imagen en varios bloques (botón arriba). Luego le das a "guardar para web" y te guarda las imágenes troceadas. A ver si puedo hacer unas cuantas capturas y me hago un mini tutorial, que creo que puede ser muy útil.

Un saludo.

Pues lo encontraría de lo más interesante! Muchas gracias, tocto. :-)

Yo también estoy muy interesadoooo en ese tutorial

¡Y yo, y yo!  ;D

Yo me hice un chorri-script en Ruby para una vez que tuve que recortar un montón de cartas de D&D que estaban todas juntas. Tendrías que pasar el PDF primero a una colección de PNGs (se puede hacer con ImageMagick o con Photoshop), y luego saber un poquito de Ruby para ajustarlo a tus necesidades. Sólo valdría si las cartas están equidistantes y con la misma distribución para cada hoja del PDF, si no habría que idear otro algoritmo. Como requisitos, necesita que tengas instalado cualquier intérprete de Ruby, además de ImageMagick.


#!/usr/bin/env ruby

CARD_WIDTH  = 750
CARD_HEIGHT = 1050

CARD_INIT_POS = [61, 84]

COLUMNS = 3
ROWS = 3

FILES = [
  'cards_00.jpg', 'cards_01.jpg', 'cards_02.jpg', 'cards_03.jpg', 'cards_04.jpg', 'cards_05.jpg', 'cards_06.jpg',
  'cards_07.jpg', 'cards_08.jpg', 'cards_09.jpg', 'cards_10.jpg', 'cards_11.jpg', 'cards_12.jpg', 'cards_13.jpg',
  'cards_14.jpg', 'cards_15.jpg', 'cards_16.jpg', 'cards_17.jpg', 'cards_18.jpg', 'cards_19.jpg', 'cards_20.jpg',
  'cards_21.jpg', 'cards_22.jpg'
]

num = 0

FILES.each do |filename|
  x, y = CARD_INIT_POS
  puts; puts filename
  ROWS.times do
    COLUMNS.times do
      cmd = "convert #{filename} -crop #{CARD_WIDTH}x#{CARD_HEIGHT}+#{x}+#{y} output/card_#{"%03d" % num}.png"
      puts cmd
      `#{cmd}`
      x   += CARD_WIDTH
      num += 1
    end
    x  = CARD_INIT_POS[0]
    y += CARD_HEIGHT
  end
end


No programadores abstenerse a preguntarme cómo echarlo a andar, porque sería muy complicado explicarlo por aquí  :)

Ojo con los sectores y Guardar para Web. Es opción de PS está destinada para partir imágenes en otras imágenes más pequeñas para la fluidez de carga, además la opción "Guardar para web" te optimiza las fotos para que pesen menos, con una resolución de 72dpi.

Así que para imprimir, no es la mejor resolución.

Depende como esté montado el PDF, puedes abrirlo en Illustrator, si está creado originalmente en AI, y sin protección, te dejará editar, incluso estarán los elementos por separado para poder editarlos y cambiar el texto.

Para automatizar y ganar tiempo, teneis las acciones de PS, guardas la acción, le das a "play" y repite el mismo proceso.

Digamos que haces, cortar, copiar, documento nuevo, pegar, guardar.

Todos esos pasos te los haría solo.

Hay otra manera.
Si abris el pdf con Inkscape (editor vectorial gratuito, buscad en google) y si el pdf se generó a partir de imagenes múltiples, cuando esté abierto podreis manipular cada carta como un objeto suelto dentro de la misma hoja. Muy útil. Supongo que no vale con pdf protegidos contra edición, no lo he probado así.
De hecho así tradumaquetar parece muy sencillo.

Voy a explicar como lo hago, para quien le sirva. Mi Photoshop es el CS6.

• Primero abrimos la imagen o el PDF con las cartas puestas en cuadrícula de 9, por ejemplo. Intentamos que no nos queden márgenes o que los márgenes seran iguales a la separación de las cartas entre ellas, para conseguir imágenes similares y luego poder trabajar de forma automática. Si es necesario, utilizaremos la herramienta "Recortar" para ello.
• Seleccionamos la herramienta "Herramienta Seleccionar Sector" que se encuentra en el mismo grupo que "Recortar" y pulsamos en la imagen.

(http://i62.tinypic.com/2rzuyd3.jpg)

• Una vez hayamos pulsado en la imagen con la herramienta seleccionada, se nos habilitará el botón "Dividir" de la barra superior". Lo pulsamos y nos aparecerá el siguiente cuadro.

(http://i61.tinypic.com/e1bwqr.jpg)

• Dividimos la imagen en tantos sectores como deseemos. En este caso, 3x3. Podemos mover los límites de los sectores, pero si lo hacemos es probable que no nos salgan todas las imágenes similares, que es la idea.
• Por último, le damos a "Archivo/Guardar para web y dispositivos". Aquí lo único que yo suelo modificar es poner que la calidad de guardado en "Máxima". También sería recomendable guardar en PNG o TIFF, se supone que pierde menos calidad, pero la verdad, al ser para imprimir en cartas...

(http://i61.tinypic.com/1zclq9g.jpg)

• Por último, se os generará una carpeta llamada "Imágenes" donde le indiquéis y ahí tendréis todas vuestras cartas, separaditas. Luego ya es solo cosa de automatizar los cambios de resolución y tamaño para ajustarlos a Printerstudio

Espero que os sea útil. ;)

Creo que es mas sencillo el metodo de desplazar el PDF por la plantilla, te ahorras tener que ir abriendo los archivos 1 por 1 y guardarlos otra vez colocanolos bien. Si lo haces desde la plantilla solo tiene que ir guardando.

yo uso un metodo mas facil con GIMP a ver si saco un rato y lo explico

Con inkskape al abrir una página de un pdf te deja separar las cartas simplemente pinchando sobre ellas.

Cita de: Ariadkas en 02 de Octubre de 2014, 14:23:43
Creo que es mas sencillo el metodo de desplazar el PDF por la plantilla, te ahorras tener que ir abriendo los archivos 1 por 1 y guardarlos otra vez colocanolos bien. Si lo haces desde la plantilla solo tiene que ir guardando.

Precisamente la gracia de este método es evitar tener que tratar las cartas una a una. Una vez recortadas todas iguales, en caso de tener que hacer algún apaño se puede automatizar con las herramientas que trae el Photoshop. Yo por ejemplo, si tengo que cambiarles la resolución o el tamaño para que cuadren con la plantilla de Printersetudio, creo una "acción" y con "Archivo/secuencia de comandos/procesador de imágenes" la aplico a todas las cartas de la carpeta. Para quien no esté familiarizado con esas herramientas le recomiendo encarecidamente que busque en Google los diversos tutoriales que hay, porque la verdad es que hay un mundo de diferencia (y de trabajo) respecto a poder automatizar según que cosas o no...

Cita de: toctopulus en 03 de Octubre de 2014, 10:07:25

Cita de: Ariadkas en 02 de Octubre de 2014, 14:23:43
Creo que es mas sencillo el metodo de desplazar el PDF por la plantilla, te ahorras tener que ir abriendo los archivos 1 por 1 y guardarlos otra vez colocanolos bien. Si lo haces desde la plantilla solo tiene que ir guardando.

Precisamente la gracia de este método es evitar tener que tratar las cartas una a una. Una vez recortadas todas iguales, en caso de tener que hacer algún apaño se puede automatizar con las herramientas que trae el Photoshop. Yo por ejemplo, si tengo que cambiarles la resolución o el tamaño para que cuadren con la plantilla de Printersetudio, creo una "acción" y con "Archivo/secuencia de comandos/procesador de imágenes" la aplico a todas las cartas de la carpeta. Para quien no esté familiarizado con esas herramientas le recomiendo encarecidamente que busque en Google los diversos tutoriales que hay, porque la verdad es que hay un mundo de diferencia (y de trabajo) respecto a poder automatizar según que cosas o no...

Asi lo hare, parece muy interesante y si ahorra tiempo mejor que mejor.

Como comenté, guardándolas para web (no se puede guardar en TIFF con esa opción, es evidente) la calidad de la foto no es recomendable para impresión, aunque sea digital.

Hola Erik.

Estuve haciendo pruebas a raíz de tu último comentario. He guardado el archivo en PNG-24 y cambiado con Photoshop la resolución a posteriori (redimensionando los centímetros del documento y respetando los píxeles) y después de haber hecho un pedido a Printerstudio, creo que el método es válido. Tal vez sea porque al imprimir cartas, que son imágenes bastante pequeñas, si se llegó a perder calidad fue imperceptible.

Dependerá de la imagen también.  Si tiene suficientes pixeles como para remuestrarla a las medidas que toca sin perder calidad.

Pero ya digo, no suele ser la mejor opción. Puesto que si la imagen original es de 150 - 300 dpi. Al guardar optimizada para web,  guarda una copia a 72dpi

Pero aunque la guarda a 72, no la modifica. Lo que hace es cambiar el "tamaño de impresión de la imagen", pero la resolución es la misma. Quiero decir que si tienes una imagen en resolución de 174 píxeles/cm que mide 20cm x 20 cm, y es de 500px de ancho x 500px de alto, por ejemplo, lo que hace es bajarte la resolución a 72px/cm (la mitad, que es lo que las pantallas suelen poder reflejar) y te aumenta el tamaño de impresión a 40cm x 40cm (el doble), pero sigue siendo una imagen de 500px x 500px. Luego no tienes sino que cambiar la resolución de nuevo a 174px/cms y el tamaño de impresión a 20x20 y tendrás exactamente la misma imagen, sin más pérdida que la que pueda haber al guardar en jpg u otro formato, que es despreciable para imprimir cartas.

Lo que yo hago es crear una acción automática para recortar las cartas del PDF con Photoshop y luego otra acción para devolverlas a la resolución de 300píxles que pide Printerstudio y luego cambiarles el tamaño al de la plantilla en cuestión. No hay pérdida con este sistema, lo garantizo.

Nota: he utilizado la la resolución de 174 píxeles por cm en el ejemplo para que se viera más claro. Como digo, PS requiere/sugiere que la imagen sea de 300px por pulgada.

Está resultando muy interesante este post...
Se necesitan tutoriales/explicaciones de este estilo cuando empiezas a cacharrear con PnP ;)

Por eso digo,  que la imagen original tiene que tener suficiente resolución como para luego poder remuestrala.

Hola, quería haceros una consulta.

Tengo un pdf con las imágenes de las cartas y lo abro con inkscape. El propio programa solo me las separa, pero mi problema es que no se que hacer después.

Si le doy a copiar y pegar en un documento nuevo de Inkscape me pega la carta en un documento tamaño A4, sobrándole espacio por todos lados, y cuando le doy a guardar me lo guarda así. Lo mismo si me lo intento llevar a Gimp.

He intentado buscar a ver si se pueden guardar por separado las cartas una vez divididas  o si hay alguna opción tipo ajustar espacio de trabajo a la imagen pero no he encontrado nada.

Como podeis ver no tengo mucha idea :-[, por lo que agradeceré cualquier ayuda que me podais ofrecer.

Un saludo y gracias.

Resuelto.

Cita de: Soth en 19 de Noviembre de 2014, 20:50:27
Resuelto.

Podrías enrollarte y explicar como lo has resuelto  :)

En Inkscape seleccionas todas las cartas por separado y luego vas al menú archivo, "Exportar mapa de bits", escoges la opción "Selección" y tick en el recuadro de abajo que pone "Exportar todos los objetos seleccionados". Eliges resolución y ruta donde quieras las imágenes y le das por último a " Exportar".

Así obtienes por separado todas las imágenes en formato png de una tacada. Lo único es que antes tendrás que probar con una de ellas y la plantilla de PS para saber cual es el tamaño óptimo para todas ellas.

Seguramente haya un método mejor y mas fácil, pero como he dicho antes no tengo ni idea de diseño gráfico.

Perdonad el doble post, pero ¿no sería posible que los que sabeis de manejo de este tipo de programas, mucho o poco, hicierais una especie de tutoriales?

Lo digo porque cada vez que encuentro un tutorial en la red es para cosas muchísimo mas complicadas que lo que nosotros realmente necesitamos para tradumaquetar, rediseñar juegos y enviarlos a Printerstudio.

Lo que pasa es que primero hay que estar familiarizado con los programas de edición como GIMP o Photoshop. Hay varios tutoriales en la web para esos programas. Luego sería cuestión de hacer tutoriales concretos para cosas concretas, imagino.

Cita de: toctopulus en 02 de Octubre de 2014, 12:25:36
Voy a explicar como lo hago, para quien le sirva. Mi Photoshop es el CS6.


.
.
.

• Seleccionamos la herramienta "Herramienta Seleccionar Sector" que se encuentra en el mismo grupo que "Recortar" y pulsamos en la imagen.

• Una vez hayamos pulsado en la imagen con la herramienta seleccionada, se nos habilitará el botón "Dividir" de la barra superior". Lo pulsamos y nos aparecerá el siguiente cuadro.

.
.

Buenas, yo he seguido este metodo y salen las cartas en un pis pas. Afortunadamente, la mayoría de los pdf's tienen las cartas alineadas y similares entre todas las páginas (sobre todos los pnp's oficiales bien comprados o gratuitos). De esta manera, abriendo un pdf de 6 paginas te salen 6 imágenes. Te marcas los sectores en una de ellas, guardas y luego es copiar y pegar las otras imagenes e ir guardando (variando el nombre).
Como mucho, si los pdfs tienen márgenes te aparecerán imágenes en blanco que se borran fácil de la carpeta.

Luego una acción de photoshop preparada (redimensionar según el tamaño de la plantilla de printerstudio) y a tirar millas.

Yo creo que toctopulus  me ha podido ahorrar un 60% o 70% de tiempo, sin exagerar.

Gracias!!!

Me alegro de que te sirva  ;)

Cita de: TheJenAndTheAro en 25 de Noviembre de 2014, 14:55:57

Cita de: toctopulus en 02 de Octubre de 2014, 12:25:36
Voy a explicar como lo hago, para quien le sirva. Mi Photoshop es el CS6.


.
.
.

• Seleccionamos la herramienta "Herramienta Seleccionar Sector" que se encuentra en el mismo grupo que "Recortar" y pulsamos en la imagen.

• Una vez hayamos pulsado en la imagen con la herramienta seleccionada, se nos habilitará el botón "Dividir" de la barra superior". Lo pulsamos y nos aparecerá el siguiente cuadro.

.
.

Buenas, yo he seguido este metodo y salen las cartas en un pis pas. Afortunadamente, la mayoría de los pdf's tienen las cartas alineadas y similares entre todas las páginas (sobre todos los pnp's oficiales bien comprados o gratuitos). De esta manera, abriendo un pdf de 6 paginas te salen 6 imágenes. Te marcas los sectores en una de ellas, guardas y luego es copiar y pegar las otras imagenes e ir guardando (variando el nombre).
Como mucho, si los pdfs tienen márgenes te aparecerán imágenes en blanco que se borran fácil de la carpeta.

Luego una acción de photoshop preparada (redimensionar según el tamaño de la plantilla de printerstudio) y a tirar millas.

Yo creo que toctopulus  me ha podido ahorrar un 60% o 70% de tiempo, sin exagerar.

Gracias!!!

Me puedes explicar o pasar la accion, para poder prepararlo xD, seria genial.

Te puedo pasar la acción. Explicarlo mejor que con el tutorial que puse es algo de lo que no me veo capaz.

Acción separar cartas (https://dl.dropboxusercontent.com/u/3792678/Z.atn)

Nota: está pensada para que se guarden las imágenes en c:/cartas así que crea ese directorio o edita el paso.

Cita de: toctopulus en 02 de Diciembre de 2014, 13:08:52
Te puedo pasar la acción. Explicarlo mejor que con el tutorial que puse es algo de lo que no me veo capaz.

Acción separar cartas (https://dl.dropboxusercontent.com/u/3792678/Z.atn)

Nota: está pensada para que se guarden las imágenes en c:/cartas así que crea ese directorio o edita el paso.

Luego la pruebo, muchas gracias crack!

Refloto esto para mostraros una pasada de web:

http://smallpdf.com/pdf-to-jpg

Cita de: oladola en 05 de Abril de 2015, 16:20:26
Refloto esto para mostraros una pasada de web:

http://smallpdf.com/pdf-to-jpg

La web que mencionas

http://smallpdf.com/pdf-to-jpg

va estupendamente y también en sentido inverso, es decir, si quieres pasar imágenes a pdf

http://smallpdf.com/jpg-to-pdf

eso si, tienes un limite, creo recordar de dos trabajos por hora