martes, 20 de noviembre de 2012

Visual Novel en Flash CS5 con ActionScript 2

¡Nota importante!

Este tutorial a quedado obsoleto, ver la versión actual en el siguiente enlace:

Visual novel tutorial

En flash CS5 y CS6 tutorial actualizado el día 06/03/2013 y publicado el día 00/00/2013.
El trabajo empleado en un visual novel lleva bastante tiempo si eres de los que hacen sus propios gráficos ya que dibujar cada escenario de fondo, personajes con diferentes rostros y expresiones, y sin olvidar cada dialogo que habrá en cada escena y eso toma su tiempo, sin embargo la configuración de flash no es difícil y tampoco demoroso, solo es cosa de tomarse la practica.

Al final de este tutorial ya podrán hacer una visual novel como el siguiente ejemplo:

Tener en cuenta que yo no daré la descarga de flash CS5 y CS6 ya que seria ilegal así que conseguirlo sera trabajo tuyo.

Your browser does not support the HTML5 canvas tag.

Abre adobe flash y te saldrá una ventana en el centro, tendrá varias opciones a elegir, solo hacer click en "Abrir o Open" (si lo tienes en ingles) y abrirá una ventana donde debes abrir el siguiente archivo.


Ese archivo que estoy dando es un editable .fla de una novela visual básica hecho por mi "CtoolVisualArt" que usaremos como plantilla.
visual novel

¿Como editar la plantilla que me diste? Pues una vez abierto la plantilla de visual novel en el flash, te quedara así:

visual novel
- Primero comencemos importando tus recursos a la biblioteca de flash (con eso me refiero a los gráficos que usaras como personajes y fondos de escenario para luego poder usarlos en la novela). Para hacer eso ir a la barra superior y click al botón "Archivo", luego ir donde dice "Importar" y clickear en "Importar a biblioteca..." abrirá una ventana donde podrán buscar las imágenes que hayan hecho y los enviara a la biblioteca de flash, (ojo si importan una imagen que usaran de fondo de escenario para la novela la imagen tiene que tener 500 de ancho por 430 de alto y puede ser de formato PNG o Jpeg, el que ustedes prefieran).
- Ahora para ir a biblioteca y usar los gráficos importados a la novela, solo debes ir a las opciones de la derecha donde dice "Propiedades y biblioteca" y tocar "biblioteca", ahora solo coges la imagen que quieres poner y lo arrastras al centro de la pantalla.
visual novel
Nota: para poner un personaje en la pantalla primero debes ir a la capa "Personajes", luego ir al frame 2, y coger la imagen en la biblioteca para luego arrastrarla en la pantalla del centro del escenario.
(Sigan la siguiente imagen comenzando con el numero 1 y terminando en 3).
visual novel
(Esto lo pueden hacer con cada personaje y escenario pero recuerden ponerlos en la capa justa por ejemplo los personajes en la capa "Personajes" y los fondos en la capa "Escenario" y deben empezar desde el frame 2 para adelante por que el frame 1 es el menú) Ok ahora que ya saben poner sus gráficos en el flash y ordenarlos donde corresponden, vean el siguiente vídeo tutorial en el cual os mostrare como hacer la novela visual con los datos ya explicados y unos cuantos datos más. Decidí hacerlo en vídeo tutorial por que creo que sera mejor ver como lo hago para que aprendan hacerlo bien ustedes mismos.

Visual novel vídeo tutorial en flash cs5 con AS2

1 comentario:

  1. Este tutorial a quedado obsoleto, ver la versión actual en el siguiente enlace:
    http://visual-enix.blogspot.com/2013/10/visual-novel-en-flash-8-as2-template-baw.html

    ResponderEliminar