Jun 16, 2017

[Tutorial] Decolorar usando como ejemplo Disney's World of English - Basic ABC's

Decolorar usando como ejemplo:
Disney's World of English - Basic ABC's.

MATERIAL
. En primer lugar el escaneo tiene que ser grande y de calidad, hasta que las líneas negras de los dibujos se vean nítidas. Si no no va a funcionar.
. Un programa que haga vectorizaciones, en mi caso el Adobe Illustrator, probablemente haya varios que funcionen. El Adobe Illustrator puede abrir imágenes en pdf, pero en la vectorización quizás otros lo superen. No los probé, acá uso el AI.

MÉTODO
1. Abrir en Adobe Illustrator, seleccionar la página que se quiere abrir (el Adobe Illustrator no te deja abrir todas las páginas de un pdf, sólo una por una). Click sobre la imagen con el botón derecho del mouse (right click) > release clipping mask. Click afuera de la imagen para deseleccionar. Arriba en la barra de herramientas aparece el botón "Image Trace", la traducción sería "calcado" (Si todavía no aparece puede que se necesite repetir el "release clipping mask") .
2. Barra de herramientas de arriba > Image Trace > Low Fidelity Photo.


3. Seleccionar cualquier punto de la imagen (selecciona todo) > Right click > Ungroup.

CORREGIR ÁNGULO
Si la imagen está torcida.
4. Todo seleccionado > Right click > Transform > Rotate > Elegir ángulo que corrija la línea de texto hasta dejarla horizontal.
5. Seleccionar la página en blanco que quedó torcida y borrarla. (Queda el "artboard" marcando la forma de la página original. Si se quiere un área se selecciona en la barra de la izquierda el "Rectangle Tool" y se hace un rectángulo del tamaño del artboard, luego right derecho > Arrange > Send to Back para que quede igual, pero si se va a guardar el png con la opción "use artboards" usará los artboards como si fueran el área de la página y esto no es necesario.)
6. Ver la página completa y fijarse si es necesario recentrar la imagen en el artboard: seleccionar el puntero común en la barra de la izquierda, seleccionar todo con él (click afuera de la imagen arriba a la izquierda dejando el botón apretado, arrastrar el puntero con el botón apretado hasta abajo a la derecha afuera de la imagen, soltar), click en cualquier parte de la imagen dejando el botón apretado, arrastrar hasta acomodar y soltar.

DECOLORAR
6. En la barra de herramientas de la izquierda, doble click en la varita mágica ("magic wand"). Aparece una ventana con opciones de la varita mágica. Click en el check de "Fill Color" para mantener la opción chequeada. Esta opción hace que al seleccionar un área se seleccionen todas las áreas del mismo fill color. Poner tolerancia 8.

7. Con la magic wand seleccionar todos los colores no demasiado oscuros que deberían ir de blanco, uno por uno, y elegir que sean blancos. Se pueden seleccionar varios a la vez dejando apretado el Shift mientras se seleccionan con la magic wand, y se eligen todos de blanco de una sola vez. Se puede expandir la paleta de colores de la barra de la derecha para dejar el blanco a mano y seleccionarlo con un solo click, también está el negro.

8. Con la magic wand sin fill color chequeado, o con el puntero común ("Selection Tool", el primero de todos en la barra de herramientas de la izquierda), los dos funcionan igual, seleccionar las áreas de color oscuro una por una y seleccionar el color blanco o negro según corresponda.
9. De nuevo con la magic wand con "fill color" chequeado, subir la tolerancia a 70 (80 es mucho), seleccionar un área negra y seleccionar pintarla de negro, luego seleccionar un área blanca y seleccionar pintarla de blanco. Esto asegura que los colores oscuros no demasiado negros se vuelvan negros y los claritos blancos.

GUARDAR
10. Se puede guardar cada página como File > Save As... BasicABCs-001.ai (adobe illustrator image) , o puede elegirse guardarse como SVG (vectores como los que se usan en wikipedia) o como PDF. Ojo con "Save" a secas, porque lo va a guardar en el pdf original en reemplazo de la página original, a menos que sea eso lo que queramos.
11. Si queremos guardarla como imagen rasterizada (png, jpeg, bmp), File > Export > Chequear "Use Artboards" y elegir PNG > 300dpi Art Optimized (o Typesetting Optimized, en realidad no les vi diferencia y no sé cuál conviene). Queda una imagen muy grande, pero no hay necesidad de subsamplearla. En el caso del Basic ABCs quedan de 2250 x 3074 píxeles, para imprimirlas en una hoja A4 la impresora tiene que reducirlas al 33%. Para mí está bien, si después querés solamente un muñequito de la página lo podés llevar a página completa sin supersamplear (también se pueden agrandar directamente los archivos guardados como vectores, pero si uno lo va a compartir quizás quiera dejar también la opción de tenerlo en png para los que no quieran abrirlo como vectores). El tamaño del archivo como PNG del Basic ABCs es de unos 300 a 900 kb, según la complejidad del dibujo. El tamaño de los vectores guardados como .ai es más o menos el mismo que el del PNG.

REPASAR
12. Abrir el PNG en un programa de edición de imágenes rasterizadas como el Paint o en mi caso en mi netbook viejita el Fireworks (hace líneas más prolijas). Es importante cerrar todas las áreas si se lo hace página para colorear, hace que las nenas nunca se aburran de pintarlos. Este paso se puede hacer como vectores en los pasos anteriores, también. Uno hace lo que le es más rápido y lo saca menos de quicio. El Adobe Illustrator no es muy prolijo vectorizando, por eso me es más fácil terminar las líneas en el PNG con el Fireworks, que te permite dibujar con el pincel común tipo Paint y tiene también la lapicera de dibujar vectores. Para empalmar dos dibujos (por ejemplo armar un personaje cuerpo entero con la parte de arriba en una página y la parte de abajo de otra página) probablemente prefieran hacerlo con los dibujos guardados como vectores, en el AI.

Así quedan en el ejemplo.
Basic ABCs - página 50
original (exportada en PNG).
Basic ABCs - página 50
decolorada (PNG).
Listo.


--------------------


Probablemente vean que les quedan una cantidad enorme de dibujos y tengan ganas de ingresar los datos en algún programa que agregue metadata a las imágenes en forma externa, como lo que hacen los programas que te ordenan la música pero sin tocar la imagen, guardando la metadata en algún archivo externo de la compu. Es fácil de programar, seguro que los hay. Solamente del Basic ABCs salen cientos de imágenes que valen la pena, varias por página.