Consejos y Secretos

Crear Botones Invisibles

En los films de Hollywood es común que el usuario solo ve, en el menú, el botón que es seleccionado, mientras los demás botones permanecen "invisibles". DVD Architect 3  también crea botones invisibles de la siguiente manera:
1.-Crear una imagen (que será el botón) en Photoshop, Ulead GIF, o tu programa favorito, empleando el modo de color RGB (Red, Green, Blue), donde se asigna a cada píxel un valor de intensidad comprendido entre 0 (negro) y 255 (blanco) en cada componente RGB de una imagen en color (en la escala de colores o pixeles por intensidad, el blanco tiene un valor de "R=255, G=255, B=255", mientras que el negro es "R=O, G=O, B=O").

Es requisito que los valores de los 3 componentes (R,G,B) sean idénticos, de modo que se obtengan tonos de gris neutro, para que DVD Architect 3  los interprete como colores por  intensidad. De 255 a 192 pixeles por intensidad, DVD Architect 3  lo interpretará como "Fill Color" (en Tab "Color Sets"), de 191 a 64 lo interpretará como "anti-alias" y "outline/background". Pixeles de 0 a 63 serán interpretados como "transparent". Decide cuáles serán las 4 áreas de color para tu botón, coloreando dichas áreas y guardálo como .png, .gif, .jpg, etc. Personalmente recomiendo que edites tu imagen con los siguientes valores: 255 para Fill Color, 191 para Anti-alias, 65 para Outline/Background y 0 para Transparent.

El procedimiento para acomodar un botón invisible es:Insertar un Empty button, en Highlight, Aspecto Style, elige Custom. En Aspecto Mask elige tu imagen. EnMask mapping elige Intensity. En Color Sets configura los colores que mostrará el botón cuando sea seleccionado y activado.

En DVD Architect 3, también puedes hacer invisible un botón mediante Mask mapping Color channel. Para esto, tú debes crear una imegen que en .png transparente que tenga solamente 3 colores: Rojo, Verde y Azul. Dichos colores deben ser puros, o sea, 255-0-0 para el Rojo, 0-255-0 para el Verde, 0-0-255 para el Azul. Observa el avión que está en el menú "Botones mediante Color channel" dentro del proyecto "Themas.dar".

Si tú tienes alguna imagen RGB que quieras usarla como botón, haz lo siguiente:

1.-Modifica su brillo y contraste, eliminando los colores por debajo de 110 pixeles, es decir, asegúrate de que los colores obscuros aumenten su brillo y queden de 110 pixeles a arriba.

2.-Convierte el formato a escala de grises, 8 bits/canal.

3.-Haz transparente el fondo no deseado, y guarda el archivo en PNG. Observa una imagen que yo he editado como ejemplo (Ver). Dicha imagen la puedes ver en el proyecto "Themas dar", en el Menu Botones Invisibles.

En caso de que NO quieras un botón rectangular, simplemente configura "transparent" con 0% de opacidad en Color Sets, es decir, totalmente transparente. Si haces esto, tu botón entonces tendrá solo 3 colores highlight. La ventaja es que creas un botón más "natural".

                                                         CREAR BOTONES QUE SE "ENCIENDEN" Y "APAGAN"
1.- Crear un .gif animado (transparente), en donde un objeto se muestre un segundo y luego desaparece en otro segundo (el gif tendrá una duración de 2 o más segundos).
2.- En DVD Architect 3  inserta un Empty button. En la Ventana de Propiedades, en Media, CIM en el Aspecto Thumbnail Media para abrir desplegable, elige Replace y busca el archivo .GIF. En Style, elige Animated. Click en Preview para ver. El proyecto Themas.dar también contiene una muestra.
                                                       

                                                        CREAR BOTONES ANIMADOS
1.- Semejante al anterior, crear un gif animado o un archivo de video (agregando si gustas alguna Mask para más efecto) y luego incorporarlo en el Animated 1).

CREAR BOTONES CON MASCARA Y MOVIMIENTO DENTRO, AGREGANDO ADEMAS TEXTO

DVD Architect 3 puede importar archivos GIF, MPG, AVI, etc., para que se observen dentro de un botón. Si a ello le agregamos una máscara, entonces tenemos un efecto atractivo. Ver el thema "Botones con texto" en el proyecto "Themas.dar". El procedimiento es el siguiente: Inserta el gráfico que debiste crear, inserta también un Empty button. Al botón, en Media, en Aspecto Thumbnail Media elige tu video. En Aspecto Mask elige la máscara que debiste crear. En Aspecto Style elige Animated. Luego, en Highlight, Aspecto Style elige Custom, Aspecto Mask elige la máscara que debiste crear, y en Mask mapping elige Intensity. Configura en Color Sets los colores deseados.


                                              CREANDO MENUS "INTELIGENTES" CON DVD ARCHITECT
A continuación presento como configurar los menús y botones para crear algo así como un "menú inteligente", en donde el usuario al entrar en un menú y seleccionar un botón, pueda ser "ayudado" o dirigido por una voz humana que le enseña como manipular los botones, o el contenido del DVD. También sirve para simular que si se selecciona un botón, se escuche un sonido especial, si se selecciona otro botón entonces otro sonido. Y si se activa un botón, se escuche otro sonido, y así. Empecemos con el ejemplo de solo 2 botones (a más botones, más menús idénticos obviamente)
1.-Crear 4 menús idénticos (con la misma imagen o video, y los 2 botones en la misma posición, mediante Copy y Paste). El primer menú deberá tener un audio que representa el sonido del botón 1 cuando es seleccionado.
2.-El segundo menú debe tener el audio del botón 2 cuando es seleccionado, el tercer menú el audio del botón 1 cuando es activado, y el menú 4 el audio del botón 2 cuando es activado. Menú 1 y 2 se configuran en Hold (en Menú Page properties, tab End Action). Menu 3 y 4 en Activate button.
3.-En menu 1, el botón 1 se vincula al botón 1 del tercer menú. El botón 2 se vincula al botón 2 del Menu 2. Esto, para que el usuario al seleccionar solamente cualquiera de los 2 botones pueda pasar del menú 1 al 2 y así escuchar un sonido especial (por ejemplo, una voz humana diciendo:"Bienvenido a ...Botón 1 ha sido seleccionado, presiona enter para pasar a la película ...XXX en español, o selecciona el botón 2 para ajustar configuraciones de audio y subtítulo..").
Cuando el usuario selecciona botón 2, pudiera oirse:"Botón 2 seleccionado, presiona enter para ajustar el audio y subtítulos, o selecciona de nuevo botón 1 para entrar a la película).
4.-En menu 1, el botón 1 se voincula al botón 1 del tercer menú para que en caso de que sea activado pueda escucharse el sonido que queremos de activación (por ejemplo una voz humana diciendo:"Has activado boton 1, ahora pasarás al menú...").
En cambio, el botón 2 se configura como Auto-activate (para que el usuario sea dirigido al menú 2 en el momento en que solamente selecciona el boton 2 del menú 1 y así escuchar el sonido que queremos).
5.-En menú 2, el botón 1 se configura Auto-activate y vinculado al botón 1 del menu 1 (para regresar automáticamente al usuario al menú 1 y escuche nuevamente el sonido de selección), en cambio el botón 2 se vincula al botón 2 del menú 4 para que, si el usuario activa el botón escuche el sonido de activación.
6.-En menú 3, el boton 1 se configura como Auto-activate y se vincula a OTRO MENU ADICIONAL o a la película(cuando el botón 1 sea activado el usuario escuchará el sonido que queremos o una frase como "Has activado boton 1, ahora pasarás al...), en cambio el botón 2 solo estará en la banca sin hacer nada.
7.-En menú 4, el botón 2 se configuira Auto-activate y se vincula a un MENU ADICIONAL, que puede ser el de idiomas, subtítulos, etc. Entonces, cuando el usuario activa el botón 2, podría escuchar:"Has activado botón 2, ahora pasarás a....".
De esta manera se crea un menú "inteligente". En la carpeta Proyectos he puesto una copia del proyecto "Menú Inteligente.dar", un poco modificado respecto a esta explicación, pero la esencia es la misma.

                                                MENUS CON EFECTOS VISUALES ADEMAS DE SONOROS
Otra variante para crear menús, es que además de sonido se le incorpore un efecto visual a cada botón. Por ejemplo, si el usuario selecciona un botón, que este emane ondas, olas, luces, etc., que distorsionen la imagen o video background. El efecto tendría su centro u origen en el botón seleccionado. Cuando el usuario activa el botón, entonces vería otro efecto que también inicia en el centro del botón. Aquí claro, tiene que entrar el tema de los FX, pues se tendrían que diseñar los efectos especiales con Hollywod Fx.


                                                   OTROS EFECTOS EN LOS BOTONES
Es un truco muy sencillo, por ejemplo un observador ve una carita seria o indiferente (como los emoticons) cuando selecciona un botón, y cuando lo activa esa misma carita seria cambia a una carita sonriente, con lentes. O bien, cuando selecciona ve un avión inmóvil, y cuando activa el avión se mueve de lugar dejando una estela. Observa el proyecto "Themas.dar" para que veas los resultados.
¿Cuál es el secreto?, crear una imagen de 2 o 3 colores solamente (con tu programa editor de imágenes), el primer color será el botón que se selecciona, y el segundo color el botón que se activa.
Se abre DVD Architect, en un menú insertar un Empty Button, Button style=Image Only, luego en Highlight, Style=Custom, mask = ""la imagen creada con el editor de imágenes"".
En mask mapping = intensity.
En Color Sets, Color Set 1, Fill Color, elige algún color para el botón.
Los DEMAS colores (antialias, outline/background y transparente color) se configuran con 100 & de transparencia.
En Color Sets, Color Set 2, Fill Color se mantiene sin cambio, y.... ahora sí, antialias y outline/background se configuran a 100% opacidad con los colores que mejor te gusten.

La limitación en estos efectos es que solo podrá verse uno o dos colores máximo.

Por último, si a este Tutorial le encuentras errores de dicción, explicación, u otros, hazme saber contactándome en davidstarpro@yahoo.com. Espero haberte servido.