Backgrounds en webtoons

El mayor quebradero de cabeza, son los backgrounds, si ya tienes poco tiempo en una semana de hacer un cómic visualmente profesional con tus personajes, un background en condiciones en todas las escenas es imposible fisicamente, a no ser que tengas un gran equipo o seas un ciborg del futuro. Se que hay ciborgs sueltos por ahí sueltos… ¬¬

Sin embargo ya he descubierto cual es el secreto de muchos profesionales!! ¬¬  ¡JAH!

¡Recursos gratuitos!

http://steamcommunity.com/app/262490/discussions/0/558749825351694823/?l=spanish

http://k-after.at.webry.info/

Y para no putear a ningún artista indie, usaré de ejemplo a profesionales xD (gente que cobra, porque no se hasta que punto en Korea son también indie) lol

Orange Marmalade, goza en cada capítulo de unos fondos muy elaborados. Cuyo estilo no parece el del autor.

Screen Shot 2015-06-25 at 13.11.38 Screen Shot 2015-06-25 at 13.11.51

Normalmente dedicarse al background es un puesto especifico. Hacer ambas cosas y a este nivel de calidad sería una burrada enorme, a no ser que tengas tiempo ilimitado para hacerlo, pero vuelves al circulo de siempre, si tardo lo necesario para hacerlo de calidad tengo que dejar a los lectores esperando y la gente pierde el hilo de la historia y el mismo interés en ella, si sacas por semana la gente se engancha, y se convierte en una rutina agradable. Pero para esto hay que saber sacrificar.

Esto sin contar que seguramente tengas un trabajo y una vida, y elabores el comic como hobby.

Y para terminar, quise probarlo jo jo jo

Ya que no suelo utilizar muchos fondos en Anne. Solo al principio y mitad de capítulo para dejar claro donde se encuentran. Y solía dibujarlos a mano hasta que puse fecha semanal. Ahora uso mucho fotografía y la edito. (es otra opción, menos guay, pero más exclusiva, sobre todos si echas tu las fotos :O)

Aproveche la semana pasada para hacer un capítulo informativo y reciclé este tipo de fondos:
4-3-01-aScreen Shot 2015-06-25 at 13.22.304-3-02-a Screen Shot 2015-06-25 at 13.22.25

the_glorious_underpass_dayScreen Shot 2015-06-25 at 13.23.04

Y volteando la anterior con la versión noche, para crear la parte trasera del túnel, recorto el fondo y añado otra imagen urbana de la misma hora aprox  (sino la edito) y ¡tachán!

Screen Shot 2015-06-25 at 14.52.41 Screen Shot 2015-06-25 at 14.52.53

Screen Shot 2015-06-25 at 13.23.21

¡Hasta pronto amiwitos!

Screen Shot 2015-06-25 at 14.50.40

Anuncios

Tutorial Creación de Webtoons: Paso a Paso

Paso a Paso de las páginas.

1. Boceto  (Ejemplo del capítulo 4 (II) Página 14)

sketch14

 

 

2. Linea en Illustrator:

linea14

6. Coloreado

color14

7. Bocadillos

bubble14

8. Texto y ¡Voilà!

texto14

 

Ya dije que cambié mi método para aligerar el proceso, y suprimí la limpieza de linea, la cual me suponía un día o a veces 2 de trabajo, además me suponía un coloreado mas preciso, así que también tardaba más tiempo, total que muchos capítulos fueron creados en 8 o 9 días.

Con mi nuevo método, en unos 4 días está creado el capítulo y tengo tiempo de sobra para escribir y modificar guiones, que para mi es una prioridad más alta.

 

Metodo nuevo:

1. Boceto más limpio que antes.

sketch14 2

 

2. Coloreado

color14 2

 

3. Fondo

fondo14 2

4. Coloreado + Fondocolor y fondo 14 2

5. Efectos

efectos14 2

6. Textotexto 14 2

 

Tutorial Creación de Webtoon: Página y distribución

Post Anterior: Crear tu propio Webtoon (Cómic para web)

Para este mini tutorial me basaré exclusivamente en mi experiencia durante el desarrollo de mi webtoon “Anne”.

Soy usuaria de Photoshop, sin embargo otras opciones como SAI, Manga Studio o Clip Studio Paint, son excelentes para la creación de webtoons.

Voy a ser muy básica y especifica.

1. Creamos archivo nuevo.  File -> New…

Screen Shot 2015-06-13 at 04.07.30

2. Opciones de la página.  800 de ancho x 1280 (recomendado por Line Webtoon) 72 dpi (resolución para pantallas) cámbialo a 300dpi si piensas imprimir en un futuro.

Screen Shot 2015-06-13 at 04.07.49

Muchos artistas hace una tira, como esta:

Screen Shot 2015-06-13 at 04.39.34

La cual está genial ya que el enlace gráfico es muy impactante. Creado página por página deberías enlazarla después para añadir los bocadillos, pero abría que volver a cortarla porque las plataformas solo admiten las dimensiones dichas anteriormente y archivos hasta 2megas.

El corte de página a mi me resulta muy tedioso y trabajar con un archivo tan largo también me parece muy caótico además del estrés a mi ordenador innecesario. (Y más si vives en una zona como la mía donde cuando en verano llegas a los 50 ºC te fries unos huevos sobre la base y no tienes que salir del despacho)

3. Añadimos los marcos para las escenas.

Screen Shot 2015-06-13 at 04.08.26

Yo uso mucho los cuadrados, pero hay un sin fin de opciones, toma de referencia manga y comics profesionales y diseña la página a tu antojo y gusto.

Screen Shot 2015-06-13 at 04.34.29

A pesar de dejarla preparada y fraccionada, muchas veces cuando empiezo los con boceto cambio de proporciones e ideas, así que suelo organizar bien las capas para modificar todo rápidamente, borrar y añadir nuevos elementos.

4. Boceteo en Photoshop

Herramienta Pincel, yo utilizo la default.

Screen Shot 2015-06-13 at 05.08.58

 

5. Linea en Illustrator: Paso a Paso

Importo el archivo de psd y le bajo la opacidad

Screen Shot 2015-06-13 at 05.06.25

Con la herramienta pincel dibujo sobre el boceto y elijo el grosor deseado, puedo modificarlo una vez terminado y corregir las lineas a mi antojo gracias a ser vectoresScreen Shot 2015-06-13 at 05.06.33

 

Elimino la imagen del boceto y tengo la linea limpia preparada para colorearla. Exporto en PNG y abriré de nuevo a photoshop.Screen Shot 2015-06-13 at 05.06.41

 

 

Capítulo 2: ArtLine (Limpieza de trazo)

El prólogo y capítulo 1 (I) fueron elaborados 100% photoshop, a partir del capítulo 1 (II) comencé a usar SAI para limpiar la linea y para los fondos, ya que su herramienta de pluma me resulta espectacular.

Sin embargo durante el último mes deje de usar windows así que me pasé a adobe illustrator para limpiar la linea, el cual además a mí particularmente me es mucho más intuitivo ya que uso photoshop y el espacio de trabajo es muy similar, por no hablar de la compatibilidad (aunque en SAI no tuve problemas de ese tipo)

Este es el video del proceso de limpieza del capítulo 2.

Anne en Patreon

patreon

Consigue contenido especial dando soporte mediante patreon!

Cada dos semanas consigue el capítulo nuevo dos días antes del estreno.

Tu nombre aparecerá en los créditos, echa un vistazo a las foto referencias, consigue los archivos jpg de los sketchs y linea limpia, vídeos del proceso, el PSD con las capas con las que trabajo.

¡Y mucho más en Patreon / Teksu!

 

Como crear Stickers para LINE Corporation

Paso a Paso:

guia

 Recomendaciones a la hora de elaborar los stickers:Funcionalidad:

  • 1. Procura que los stickers sirvan en uso diario para conversar y facilitar la comunicación.
  • 2. Claros e inteligibles. Que no haya dudas a la hora de interpretarlos.

No recomendados:

  • -Objetos o escenarios vacíos, que son complicados de usar en una conversación diaria.
  • -Fotos.
  • -Poca calidad o visibilidad. Imágenes demasiado largas.
  • -Set de imágenes con falta de variedad.
  • -Contenido que pueda ofender a un publico o moralidad, que inciten a menores a beber o fumar, contenido sexual o violencia, contenido ofensivo contra religión o política, al igual que fomenten estos.

A tener en cuenta:

  • -No utilizar para propósitos de propaganda. Nada de stickers que sean logos corporativos, anuncios con fecha. Ni en la imágenes, ni tampoco en los títulos ni el texto descriptivo.
  • -Los stickers que requieran que el usuario de su información personal o ID para compras serán prohibidos. La mención de cualquier servicio de internet, aplicación de mensajería o similares. Provocará que tu producto no esté viable en el Mercado de Creadores (Creators Market).

Más detalles: https://creator.line.me/en/review_guideline/

Y ahora vamos a añadir los Stickers:
submit images

Una vez añadidos comenzará el proceso de revisión:

review waiting

FUENTE: https://creator.line.me/en/guideline/

También puede interesarte:
Cómo rellenar y enviar el Formulario de Impuestos