Mostrando las entradas con la etiqueta Tutorial. Mostrar todas las entradas
Mostrando las entradas con la etiqueta Tutorial. Mostrar todas las entradas

2018/09/17

[Pack] Fuentes para Edición de Mangas


Vengo planeando hacer esta entrada desde hace bastante tiempo por pedido de algunos seguidores del blog pero que he ido postergando por diversos motivos, y que ve la luz gracias a una chica de un scanlation francés a quien engañé diciendo que publicaría esta entrada pronto (y de eso ya pasaron bastantes meses ajaja :'D). Como mas vale tarde que nunca, aquí está 7o7~.

Esta recopilación es la más ordenada que tengo [Esto ni yo me lo creo] y probablemente tendré en mucho tiempo, ya que descargo fuentes cada tanto aunque no las vaya a utilizar. No se si les pase a algún otro editor pero mientras le vas cogiendo el gusto a esto, empiezas a descargarte fuentes indiscriminadamente (así no las vayas a utilizar nunca porque siempre terminas utilizando las viejas confiables).

Como sé que no tendrán paciencia para verse las 1500 fuentes que hay en las carpetas, dejaré dos enlaces. El primer enlace, con las fuentes que aparecerán en los ejemplos ilustrativos de esta entrada (En líneas generales, son fuentes que utilizo frecuentemente, fuentes que acostumbro a ver en ediciones de mis compañeros de scanlations y  otras fuentes que me gustaría probar algún día en alguna de mis ediciones) y el segundo enlace, con todas las fuentes que me he descargado a lo largo de este tiempo como editora (Y que contiene las fuentes que utilizo para hacer las ediciones de las portadas de los mangas, las hojas de créditos de los proyectos y muchas otras fuentes que usted puede usar como variantes si estas no le convencen mucho). Obviamente en internet hay muchísimas más, por lo que si le gusta esto de la edición de mangas, no se conforme con estas fuentes y anímese a buscar otras que vayan más de acuerdo con sus necesidades :).


Fuentes para edición de mangas (+ básicas)

1. Fuentes para diálogos principales:


Otras recomendadas:

Otros casos:

a) Globos con forma de nube:

Para este tipo de globos, las fuentes a utilizar son variadas ya que dependen del estado de ánimo del personaje, la intensidad de la emoción, el género del personaje (hombre, mujer o trap), etc. Aquí te dejamos algunas de las fuentes que puedes utilizar. El tamaño de la fuente que utilices tiene que ser proporcional a la fuente principal (Ni muy grande, ni muy pequeña).


Otras recomendadas:


b) Globos con forma de puntas (Gritos):

Para este tipo de globos, las fuentes a utilizar también son variadas ya que dependen de la intensidad de la emoción que quiere transmitir el personaje: nerviosismo, cólera, miedo, etc. Aquí te dejamos algunas de las fuente que puedes utilizar:


Otras recomendadas:

Si usted quiere ser más práctico y no le gusta tanto menjunje, puede simplemente usar la misma fuente que utiliza para sus diálogos principales en cursiva, negrita y derivados.


2. Fuentes para diálogos secundarios:


Otras recomendadas:


3. Fuentes para Pensamientos/Narraciones:


Otras recomendadas:


4. Fuentes para notas, letreros y otros:



5. Fuentes para onomatopeyas:
Las onomatopeyas son representaciones de los sonidos. No hay ninguna regla para la edición de ellas y aunque se intenta que tenga la misma forma que el texto japonés, hay bastante libertad para usar la que más te guste. Como en los casos anteriores, también te dejamos algunas recomendaciones:


Soy un desastre editando onomatopeyas así que usted puede usar otras que más le gusten. Yo he puesto algunas fuentes más que puede utilizar para onomatopeyas en este primer enlace de descarga de las fuentes:

Descargar fuentes para edición
(Escríbenos un mensaje por email o por facebook si realmente las deseas. Esta entrada es una de las más visitadas del blog pero hay tan poca gente agradecida para tantas horas de trabajo recopilando las fuentes).


Pack de fuentes para mangas y más:

El uso de las fuentes va a depende mucho de lo que usted quiera lograr con la edición del capítulo en cuestión. Algunos solo usan un par de ellas (A la larga la más efectiva, así usted no se estresa lol), y otros usan una gran variedad para plasmar mejor el mensaje que el autor quiere transmitir con su historia. En mi caso, lo que busco es una edición legible en todas las plataformas.

Este segundo enlace contiene muchas fuentes más:  fuentes que utilizo para hacer las ediciones de las portadas de los mangas (En este caso, adoro las familias de fuentes de DJB y DK), las hojas de créditos de los proyectos y bastantes fuentes para comics de Blambot  y Comicraft. Aquí hay más de 1000 fuentes, espero que encuentre la que más le guste.

Descargar Pack de fuentes
(Escríbenos un mensaje por email o por facebook si realmente las deseas. Esta entrada es una de las más visitadas del blog pero hay tan poca gente agradecida para tantas horas de trabajo recopilando las fuentes).

Para finalizar quería comentar algo. Uno de los mayores problemas con el que tenemos que lidiar los hispanohablantes y otras comunidades, es la omisión de las tildes y los signos de exclamación de apertura que los diseñadores hacen a sus diseños. Hay fuentes bellísimas en internet que carecen de estos caracteres, pero también hay maneras de solucionarlo a través de la modificación de las mismas. Si a usted le interesa usar una fuente y carece de estos caracteres, usted puede utilizar el programa Type Light para editarla. Por San Google y YouTube hay muchos tutoriales que le enseñarán de manera didáctica y práctica como hacerlo, además de encontrar otras opciones por si Type Light no le convence.

Aclaro que TODAS LAS FUENTES ESTÁN EN INTERNET. Yo no pagué por ninguna. Algunas tienen licencia libre, y la mayoría son de uso solo personal, así que evite ganar dinero con ellas. Las fuentes de internet por lo general son libres y esta entrada es medianamente informativa.

Espero que esta entrada les haya sido de mucha utilidad :). Las recomendaciones y/o sugerencias para mejorarlo, siempre son bienvenidas.




Seguir Leyendo

2016/11/21

Tutorial: Edición de mangas básico


[ACTUALIZADO al 29.10.2019]
Antes de empezar esta entrada o antes que me lluevan tomates o lo que sea que quieras lanzarme si no logro resolver tus dudas, quiero aclarar que no soy una experta en edición de mangas ni mucho menos. Actualmente lo hago para entretenerme y para contribuir con la comunidad de shoujo que tanto amo, además de hacer travesuras en el blog/scanlation que tenemos, que es mi engreído y la razón por la que estoy perdiendo cabellos lenta y sutilmente.

Lo otro que quería mencionar es que esta entrada es para explicar que fuentes utilizar cuando coloquemos los textos en las páginas de los mangas. En tiempos modernos, a las personas que colocan los textos se les conoce como typessetters y el concepto de editor se le ha acuñado a las personas que hacen tanto la limpieza y la colocación de textos a la vez. Pero para este caso seguiré usando la palabra editor a la antigua por mera costumbre :'u. Si te postulas a algún grupo lee bien su página de reclutamiento antes que te coloques la soga al cuello con las dos cosas jaja :'D.

Este tutorial está hecho para que tus primeras ediciones se vean estéticamente bien, y no causes taquicardia al grupo que piensas unirte (o al que ya perteneces) o que en su defecto, no causes cáncer visual a quienes lean los proyectos que editarás, como las primeras que hice yo para mi manga favorito cuando mis conocimientos en edición de mangas eran kk y que hoy al verlas, me entran ganas de llorar. Este tutorial tiene alrededor de tres años en la web y a la fecha no me he convertido en una experta colocando los textos ni mucho menos, pero creo que es mucho mejor a lo que era antes y aquí me tienes dando algunos tips como si fuera una experta (quizás lo más correcto sería decir, metiendo mi cuchara donde no debo jajaja :'D).

¿QUÉ PROGRAMA UTILIZO PARA EDITAR?


El tutorial de hoy lo he realizado en Photoshop CS5, personalmente utilizo la versión portable, pero si tu tienes una versión más antigua, más actualizada o estás en duda sobre que versión comprarte/descargarte es indiferente. Las herramientas para edición son básicas (creo que es solo la herramienta TEXTO, jajaja). También he visto que algunos hacen ediciones en GIMP, otro programa que parece ser bastante útil, pero sinceramente nunca lo he usado y hay algunas otras personas de un universo paralelo al nuestro que usan PAINT. Con respecto a esto último debo decir que por respeto a todos los lectores, NO USES NUNCA PAINT PARA EDITAR, POR FAVOR. Los resultados dan miedo (Insertaré un ejemplo de lo que NUNCA deben hacer como editor y/o traductor).

No hacer esto nunca en tu vida si quieres ser editor o traductor.

Independientemente que esto sea totalmente ilegal y uno lo haga para compartir con los demás, procura hacer una buena versión del manga que te gusta. Con una buena versión me refiero a principalmente dos cosas: una buena edición (fuentes claras de buen tamaño y debidamente centradas) y una buena traducción (adaptaciones correctas y con sentido que respeten la ortografía y gramática de nuestra lengua). En mi experiencia dentro de scanlations te diré con toda sinceridad que una buena traducción se aprecia más que una buena edición.

De hecho, puedes convertirte en editor con un nivel aceptable con algunos tutoriales y un par de horas de práctica, que es lo que intentaré hacer con este tutorial, pero esto no funciona para convertirse mágicamente en un buen traductor. Obviamente me estoy refiriendo a personas que quieren incursionar en esto de forma independiente y que son multifunciones porque hacen todo (traducen, limpian y editan).

Sin embargo, si estás interesado en aprender para colaborar en un fansub, ellos te darán las herramientas necesarias para tu buen aprendizaje. Haz lo posible también por ver tutoriales de distintas fuentes y sobre todo de PRACTICAR, nadie se hizo experto de la noche a la mañana en esto, la rapidez y la calidad del resultado final van a ser producto de tu constancia.

Recomendaciones antes de empezar a editar


Antes de utilizar a San Photoshop hay 4 cosas fundamentales que debes tener a la mano:
1) Los scans/raws limpios
Producto del trabajo previo de un cleaner/limpiador.
2) La traducción revisada
Por lo general es un documento es Word. Producto del trabajo previo de un traductor y de ser el caso de un corrector, aunque si tienes una obsesión con las faltas ortográficas esto no será necesario.
3) Motivación
¡Tú puedes! Que tus ánimos no decaigan en el proceso.
4) Paciencia
Si estás empezando esto, vas a necesitarla mucho.

Los puntos 1 y 2 si piensas pertenecer a un grupo, no dependen de ti, si no de los administradores que te darán las asignaciones. Los puntos 3 y 4 si dependen totalmente de ti y son los que a fin de cuentas te van a ayudar a mejorar.

Lo otro es una buena PC que soporte el programa, pero confío en que tu PC no morirá en medio de la edición (Ese estado en el que se pone en plan: ESTE PROGRAMA NO RESPONDE... BEEP BEEP BEEP... ¿DESEA REINICIAR?).


¿CÓMO CONTAR LA HISTORIA? TIPOS DE BOCADILLOS


Si lees manga te habrás dado cuenta que cada hoja tiene diferentes tipos de texto dependiendo del bocadillo en el que se encuentran (También son conocidos como CAJAS o GLOBOS DE TEXTO, como prefieras llamarlo). Hay cuatro tipos que te recomiendo aprendas a diferenciar.

1) Diálogos principales:
Estos van siempre dentro de globos/elipses y contienen lo que los personajes están diciéndose/hablando en tiempo real. Siempre van centrados en el medio de la forma que los contiene.
 2) Diálogos secundarios: 
Estos se muestran cerca a los globos y también son conversaciones de los personajes pero a diferencia de los primeros, no siempre están dentro de un globo, y siempre están torcidos.
3) Pensamientos:
Estos son diálogos que gráficamente se encuentran dentro de formas cuadradas o simplemente al aire. A diferencia de los primeros, son diálogos internos del personaje que está narrando la historia o de algún tercero que está narrando la historia.
4) Onomatopeyas:
Son sonidos y acciones (Timbres, sonido del teléfono, patear un pelota, encestar, correr) que casi siempre están fuera de alguna forma(elipse o caja).

También se utilizan otro tipo de textos para los documentos, papeles, correos electrónicos, mensajes que aparezcan durante el capítulo del manga (Pero este es otro tema). Vamos a enfocarnos en que aprendas estos cuatro principales.

FUENTES A UTILIZAR: ¿DÓNDE LAS ENCUENTRO?


Las fuentes, también llamadas tipografía o TIPOS DE LETRA, son el dolor de cabeza de todo aquel que comienza en el mundo de la edición ya que éstas se cuentan por millones. Pero tranquilo(a), tenemos un pack de fuentes que te dejaré al final de esta entrada para que no sufras buscándolas por la web.

Por internet pululan muchas páginas que ofrecen miles de tipografías, algunas gratuitas, otras de licencia libre para uso personal, y otras tantas de pago. Pero vamos, la intención de editar no es quedarnos pobres  y navegar por internet no es seguir precisamente las reglas... Las páginas que uso por lo general son: Da.Font, FontSquirrel, OnlineWebFonts...

También debes tener en cuenta que las fuentes que uses para diálogos o pensamientos deben tener tilde y signos de interrogación de apertura (Algunas no tienen porque son fuentes inglesas como DIGITAL SCRIPT por ejemplo y pues, no las traen).

Y no creas que por tener una fuente instalada en tu PC por defecto que tiene la palabra "comics" en el nombre, es una fuente que puedes usar para edición. Jamás de los jamases uses "Comics Sans" para editar. Honestamente no sé que estaban pensando al traerla en el paquete por defecto de nuestro computador. Como dije anteriormente, no cometas el error del ejemplo de arriba, por favor.

1) TIPOGRAFÍA PARA DIÁLOGOS principales (GLOBOS DE TEXTO):

Estos van siempre dentro de globos/elipses y contienen lo que los personajes están diciéndose/hablando en tiempo real. Siempre van centrados en el medio de la forma que los contiene.

Nosotros utilizamos "New Wild Words" para estos casos, pero tu puedes usar la que más te guste.
Puedes incluso usar la familia de la fuente (negrita, cursiva o ambas) para expresar cuando los personajes están enojados, con miedo, o cosas por el estilo o puedes elegir usar otras fuentes para este tipo de casos, depende de hasta donde llegue tu paciencia la verdad...

Este tipo de globos son los más comunes de ver en los mangas y su configuración es bastante sencilla. Solo tenemos que seleccionar la Herramienta Texto Horizontal que se encuentra en la barra de herramientas al lado izquierdo (Esta opción viene por defecto).



Si no está ahí porque la desapareciste “mágicamente” o no te aparece, ve a la barra de arriba y busca la opción “Ventana” y habilita el check en la opción “Herramientas” para hacerla visible. También puedes activar la visibilidad de las configuraciones de la herramienta "caracter" y las "capas".

Cada vez que dibujamos un espacio de trabajo con la HERRAMIENTA TEXTO se va a crear en el panel de capas, una CAPA DE TEXTO. Todo se entiende mejor gráficamente, ahí vamos.

Usaré un globo artificial simétrico para el ejemplo. Digo esto porque si bien yo los llamo globos, lo normal también es encontrar elipses y parábolas, algunas más deformes, más estrechas e incompletas que otras. Hay mucha variedad en el medio…




Asegúrate de tener habilitada la opción “centrado” y el color “negro en la configuración del texto:




Haces las modificaciones correspondientes a tu espacio de trabajo (puedes agrandarla o volverla más pequeña), si no te gusta que haya demasiadas palabras en una línea, las bajas dando ENTER (Esto es a criterio tuyo). En mi caso, yo bajé la sílaba “en” a la siguiente línea, pero si tu quieres puedes dejarla como está arriba.




Como vemos, el texto no está centrado dentro del globo, por lo que procedemos a acomodarlo con la HERRAMIENTA MOVER (Es la mugrosa flechita azul).




Si aún después de ajustar el texto, sigues viéndolo enorme o no estás conforme con el resultado, siempre puedes usar la HERRAMIENTA CARÁCTER. Esta herramienta está por defecto al lado derecho del espacio de trabajo de Photoshop. Pero si no la tienes habilitada puedes hacerla visible buscándola en la opción “Ventana” de la barra de arriba (No recuerdo como se llama esta barra, gomen) > Dar clic en “Mostrar todas las opciones del menú” y dar check a la opción “Carácter” y debe aparecer el símbolo de la A por algún lado como se muestra abajo.


Resultado final:



variante 01: Globos/cuadrados con fondo negro

Esto es lo mismo de arriba, solo se debe cambiar el color de texto de negro a blanco en la configuración de la herramienta o en la ventana de “Carácter”. En ambos casos funciona.


Resultado aplicando diferentes tipos de TIPOGRAFÍA | TIPO DE LETRA | FUENTE


Antes de continuar...

¡ADVERTENCIA!

En el tiempo que llevo aquí, estos son algunos de los típicos errores que uno comete como principiante. Así que te dejamos algunas sugerencias para que no metas la pata.

1. textos muy enormes dentro de los globos


Esto aunque se lee bien, se ve estéticamente mal. Debes evitar abusar del tamaño de la letra, por lo que este debe ser proporcional al tamaño del globo. Con esto no quiero decir que tengas que cambiar de tamaños continuamente, pero sucede en los mangas que los tamaños de los globos y la cantidad de contenido dentro de ellos a veces es distinto. Te recomiendo que uses un tamaño para la mayoría de globos y le aumentes o disminuyas 1 o 2 puntos dependiendo del globo. Si el globo es muy grande, el texto también debe ser un poco más grande al promedio.
Para globos pequeños y/o mucho texto, debes evitar que la fuente que uses quede pegada al borde del globo, siempre debe quedar un espacio invisible que lo haga verse bien.




2. TRAZO EN FONDO NEGRO


En este tipo de escenarios no hagas esto por favor, se ve horrible. Para cuando los fondos son puramente negro, el color de texto es blanco.


3. centrado de texto

Este es uno de los errores más recurrentes en las ediciones y es no centrar bien los textos. No solo tiene que ver con alinear al centro al texto, si no también con posicionar el texto en medio de la elipse y acomodar la forma del texto. Ejemplo, el segundo globo:

Así queda mucho mejor:



variante 02: Globos/cuadrados con textura & trazo blanco

Si aplicamos lo aprendido hasta ahora (Espero que realmente sea lo aprendido :v), nuestra edición quedaría así.



Aunque en el primer ejemplo no se ve mal, en el día a día encontraremos todo tipo de texturas (Las hay en muchas variantes de grises, brillitos infernales, con bolas, con bolitas, con flores, etc). La que yo utilizo la tomé de una raw digital, pero las raws chinas por ejemplo son otra historia.

Para este tipo de casos donde exista textura o la letra se encuentre sobre el personaje o los paisajes, además de lo anteriormente mencionado, vamos a darle estilo a la capa de texto con la HERRAMIENTA TRAZO. Lo que hace esta herramienta es darle un grosor al borde del texto para que, con un color de contraste (Generalmente blanco si el texto es negro y negro si el texto es blanco) el diálogo pueda leerse sin mayores esfuerzos.

¿Y dónde encuentro esa herramienta?


Bien, no es una herramienta exactamente. Es un ESTILO DE CAPA. Recuerda que cada vez que selecciones la herramienta texto y la plantes sobre tu espacio de trabajo se va a crear una CAPA DE TEXTO en el menú de capas.


Esta es la ventana que nos va a mostrar: Seleccionamos o configuramos todo lo que se encuentre en rojo. El tamaño del trazo a elegir va a depender del tamaño de texto. En el ejemplo usaré el tamaño 2 px puesto que el tamaño de mi fuente es 10px, pero si fuera por alguna razón mucho más grande, lo recomendable es que el tamaño del trazo también lo sea.

Puesto que el color de mi fuente es negro, el color de contraste que utilizaría en este caso sería el blanco.




Finalmente tenemos esto:

B)  TIPOGRAFÍA PARA DIÁLOGOS SECUNDARIOS:

Estos se muestran cerca a los globos y también son conversaciones de los personajes pero a diferencia de los primeros, no siempre están dentro de un globo, y siempre están torcidos.

La fuente que nosotros usamos es "caricaturista".

C) Tipografía para pensamientos (Dentro de cajas de texto o fuera de ellas)

Estos son diálogos que gráficamente se encuentran dentro de formas cuadradas o simplemente al aire. A diferencia de los primeros, son diálogos internos del personaje que está narrando la historia o de algún tercero que está narrando la historia. La fuente que utilizamos para estos casos es "Noteworthy Bold". Si no te gusta esta fuente, puedes usar otras variantes que he colocado en otro tutorial que aparece abajo de este post.

El proceso de edición es el mismo que para los diálogos principales y secundarios por lo que solo les mostraré como debe quedar su edición usando las fuentes para estos casos.

Por último, este es un ejemplo ilustrativo del resultado que debes lograr siguiendo los pasos:


ACTUALIZADO
Puedes descargar estas fuentes en este post:


¡Espero que te sirva de ayuda!


Seguir Leyendo