Cambiar la configuración del menú

Conforme ha ido avanzando las distintas versiones de Magix, se ha  mejorado mucho, la personalización, de los menús, en la creación de los DVD/Blu-ray, obteniendo a partir de la 16 un control casi absoluto de todos los elementos,sin embargo quedan cositas pendientes, por ejemplo el color de la selección de elementos, siendo la única forma de modificarlo hasta el momento (/05/2010) modificando las plantillas del programa, Siguiendo los pasos de los tutoriales, podemos conseguir todo lo que nos propongamos.

Modificación Menú V1










Consideraciones generales.
Siguiendo estos pasos, conseguiremos adaptar los iconos de menú a nuestro gusto, primero unas cuantas cositas importantes:
a) Cada enlace (ventanita o icono), se diferencia con los siguientes términos, y cada uno tiene 3 archivos bmp (la imagen final y dos alpha)
1. Para la imagen sin seleccionar (figura en color sera lo que se muestre en el menu, la parte en color blaco, hace de transparencia, archivo bmp 24 bits):
frame:nombrearchivo_frame.bmp
submenu:nombrearchivo_submenu.bmp


2. Mascara (debe tener la figura en color negro la misma que la imagen,fondo blanco transparente, archivo bmp 256 colores

alpha_nombrearchivo_frame.bmp
alpha_nombrearchivo_submenu.bmp
3.Imagen seleccional:(fondo negro transparente, el color blanco define la forma de la figura, archivo bmp 256 colores)

alpha_nombrearchivo_hl_frame.bmp
alpha_nombrearchivo_hl_submenu.bmp

para el resto de elementos:

root: idem, sustituir "submenu" por root
next: idem, sustituir "submenu" por next
prev: idem, sustituir "submenu" por prev
Archivo *.tpl >>contiene todos los datos de configuración del menú.
nombrearchivo_bg.jpg>>fondo del menú
nombrearchivo_preview.jpg>>para mostrar en la ventana de "copia de disco"
b) Contenido archivo *tpl:
# Template File "sunflower" >>corresponde al nombre de la plantilla, el cual podemos modificar (ejemplo “icono”)
[Preview]
category=nature >>aquí puedes modificar la categoría, poniendo la que te interese que te aparezca en la pestaña de edición de disco
Image=sunflower_preview.jpg >>Imagen que aparecerá dentro de la categoría indicada
Backgroundimage=preview_sunflower_bg.bmp
Borderimage=preview_sunflower_frame.bmp >>>Imagen que aparecerá dentro de “controles”
........
Modificación de color>> los tres primeros corresponde al color, el cuarto corresponde a la intensidad/transparencia de los mismos.
[ColorSet1]
backGround=0,0,0,0
group1=0,0,0,0
group2=235,16,16,15 >> Establece el color cuando seleccionas un objeto de submenu
group3=255,210,0,0
[ColorSet2]
backGround=0,0,0,0
group1=0,0,0,0
group2=235,16,16,15 >> Establece el color cuando seleccionas los objetos “next” “prev” del menú secundario
group3=255,210,0,0
[ColorSet3]
backGround=0,0,0,0
group1=0,0,0,0
group2=0,0,0,0
group3=235,16,16,15 >> Establece el color cuando seleccionas los objetos principales “frame” (capítulos, y película).

Pasos:
Figura 2
  1. Nos vamos a l a carpeta dentro de Magix…..>>DVD>>(1)1Layout>>(2)Elegimos el tema que vamos a modificar>>la seleccionamos>copiamos la misma con el nombre que deseemos (por ejempl o “icono”)
  2. Abrimos el archivo *.tlp (también podemos modificar el nombre para no confundir con el original, por ejemplo “icono”)
Aquí podemos modificar la “category” que nos aparezca por la que nosotros consideremos más oportuna (el listado de las mismas están en el archivo “categories.ini) (figura 1)
También podemos modificar los datos indicados en las Consideraciones generales, apartado b)
  1. Abrimos el archivo “masterlist.csv” dentro de la carpeta DVD, aquí debemos incluir una línea (*) para que nuestro menú personalizado aparezca en la pestaña de “edición de disco”,
Debe contener lo siguiente:
Nombre de la carpeta\nombre archivo tpl ; formato 4:3 o 16/9; resolución; y categoría (dentro de la estructura de navegación del menú, estático, animado, individual, etc.);CL; (para que también aparezca en la pestaña “controles”).
Ejemplo:
Icono\icono.tpl;4:3;720x576;animated;CL;
Recuerda> animated= Animado
;;;;;;= Individual
still= Estático
En blanco= se incluye directamente en estático y también en controles
  1. Y ahora empezamos a modificar los archivo bmp, utilizando el “paint” que trae el Windows, damos las nuevas formas y vamos sustituyendo los archivos a nuestro gusto (no tocar resolución ni tamaño, ya que esto lo podemos hacer directamente una vez en la pestaña de “copia de disco”).
Gracias por vuestra atención


"Video mostrando solo la selección"















Modificación Menú V2

Archivo *.tlp
Con la edición del archivo tlp, podemos modificar todos los parámetros del menú, incluyendo color de selección, comportamiento, posición en el menú de los botones y ventanas, etc.


Aunque se describe el tamaño, posición de los distintos elementos, es importante recordar, que estos pueden modificase sencillamente desde las opciones "arreglo" desde Magix.
En cambio si es muy útil, para modificar los colores de selección, si no nos gusta el que aparece por defecto.

# Template File "icono">>Nombre de la carpeta contenedora y archivo de configuración *.tlp

[Preview]
category=nature
Image=previo.jpg
Backgroundimage=preview_sunflower_bg.bmp
Borderimage=xx.bmp

[Entrytext]
Color=106,210,244
FaceName=Heavy Heap
Weight=400 # "Fettigkeit" des Fonts auf einer Skala von 1..1000; 400-normal, 700-bold
Transparency=0 # 0-opaque, 255-transparent
Italic=0 # 0-normal, 1-kursiv
Underline=0 # 0-normal, 1-unterstrichen
StrikeOut=0 # 0-normal, 1-durchgestrichen ?
AntiAliased=1 # 0-klötzchen, 1-geglättete Buchstabenkanten
DropShadow=1 # 0-normal, 1-Schlagschatten
ShadowColor=0,0,0
ShadowTransparency=127 # 0-opaque, 255-transparent
ShadowOffsetX=1
ShadowOffsetY=2

[Titletext]
Color=106,210,244
FaceName=Heavy Heap
Weight=400 # "Fettigkeit" des Fonts auf einer Skala von 1..1000; 400-normal, 700-bold
Transparency=0 # 0-opaque, 255-transparent
Italic=0 # 0-normal, 1-kursiv
Underline=0 # 0-normal, 1-unterstrichen
StrikeOut=0 # 0-normal, 1-durchgestrichen ?
AntiAliased=1 # 0-klötzchen, 1-geglättete Buchstabenkanten
DropShadow=1 # 0-normal, 1-Schlagschatten
ShadowColor=0,0,0
ShadowTransparency=127 # 0-opaque, 255-transparent
ShadowOffsetX=2
ShadowOffsetY=3

[NumberText]
Color=106,210,244
FaceName=Arial
Weight=100 # "Fettigkeit" des Fonts auf einer Skala von 1..1000; 400-normal, 700-bold
Transparency=0 # 0-opaque, 255-transparent
Italic=0 # 0-normal, 1-kursiv
Underline=0 # 0-normal, 1-unterstrichen
StrikeOut=0 # 0-normal, 1-durchgestrichen ?
AntiAliased=1 # 0-klötzchen, 1-geglättete Buchstabenkanten
DropShadow=0

[OutlineText]
Color=0,0,0
FaceName=Arial
Weight=400 # "Fettigkeit" des Fonts auf einer Skala von 1..1000; 400-normal, 700-bold
Transparency=255 # 0-opaque, 255-transparent
Italic=0 # 0-normal, 1-kursiv
Underline=0 # 0-normal, 1-unterstrichen
StrikeOut=0 # 0-normal, 1-durchgestrichen ?
AntiAliased=1 # 0-klötzchen, 1-geglättete Buchstabenkanten
DropShadow=0

[background]
Color=227,192,1
Bitmap=previo_bg.jpg

[frames]
FrameBitmap=sunflower_frame.bmp
FrameBitmapAlpha=alpha_sunflower_frame.bmp
FrameInnerRect=120,140,280,270 # center, >>Configura la posición x,y,ancho (a sumar de la posición "x" y largo (a sumar de la posicion "y") de la imagen de previsualización en el Menú Principal
FrameNumberRect=0,0,50,50 >>idem que el anterior, pero para los números
FrameOutlineTextHeight=0
FrameNumberTextHeight=124
TranspColor=255,0,255
SubMenuBtn=sunflower_submenu.bmp
NextPageBtn=sunflower_next.bmp
PrevPageBtn=sunflower_prev.bmp
RootMenuBtn=sunflower_root.bmp
SubMenuBtnAlpha=alpha_sunflower_submenu.bmp
NextPageBtnAlpha=alpha_sunflower_next.bmp
PrevPageBtnAlpha=alpha_sunflower_prev.bmp
RootMenuBtnAlpha=alpha_sunflower_root.bmp

SubMenuBtnCSIdx=1
SubMenuBtnHLGrp=1
NextPageBtnCSIdx=2
NextPageBtnHLGrp=2
PrevPageBtnCSIdx=2
PrevPageBtnHLGrp=2
RootMenuBtnCSIdx=2
RootMenuBtnHLGrp=2
FrameCSIdx=3
FrameHLGrp=3

SubMenuBtnSubPict=alpha_sunflower_hl_submenu.bmp
NextPageBtnSubPict=alpha_sunflower_hl_next.bmp
PrevPageBtnSubPict=alpha_sunflower_hl_prev.bmp
RootMenuBtnSubPict=alpha_sunflower_hl_root.bmp
FrameBitmapSubPict=alpha_sunflower_hl_frame.bmp

[chapterframes]
FrameBitmap=sunflower_frame.bmp
FrameBitmapAlpha=alpha_sunflower_frame.bmp
FrameInnerRect=120,140,280,270 # letf, top, right, bottom, >>Configura la posición x,y,ancho (a sumar de la posición "x" y largo (a sumar de la posicion "y") de la imagen de previsualización en el Menú Capítulos
FrameNumberRect=0,0, 50,50
FrameOutlineTextHeight=0
FrameNumberTextHeight=24
TranspColor=255,0,255
SubMenuBtn=sunflower_submenu.bmp
NextPageBtn=sunflower_next.bmp
PrevPageBtn=sunflower_prev.bmp
RootMenuBtn=sunflower_root.bmp
SubMenuBtnAlpha=alpha_sunflower_submenu.bmp
NextPageBtnAlpha=alpha_sunflower_next.bmp
PrevPageBtnAlpha=alpha_sunflower_prev.bmp
RootMenuBtnAlpha=alpha_sunflower_root.bmp

SubMenuBtnCSIdx=1
SubMenuBtnHLGrp=1
NextPageBtnCSIdx=2
NextPageBtnHLGrp=2
PrevPageBtnCSIdx=2
PrevPageBtnHLGrp=2
RootMenuBtnCSIdx=2
RootMenuBtnHLGrp=2
FrameCSIdx=3
FrameHLGrp=3

SubMenuBtnSubPict=alpha_sunflower_hl_submenu.bmp
NextPageBtnSubPict=alpha_sunflower_hl_next.bmp
PrevPageBtnSubPict=alpha_sunflower_hl_prev.bmp
RootMenuBtnSubPict=alpha_sunflower_hl_root.bmp
FrameBitmapSubPict=alpha_sunflower_hl_frame.bmp

>>>Configuración de los colores al seleccionar los botones
ColorSet1: Botones de submenu
ColorSet2: Botones de next, prev y root
ColorSet3: Botones de frame
Según la composición de bmp "alpha_nombre_hl_boton.bmp
group1: para los colores distintos al blanco y gris.
group2: Gris
group3: Blanco

[ColorSet1] >>
backGround=255,255,0,0
group1=255,255,0,0>>> Los tres siguientes grupos contienen los colores al seleccionar los botones de submenu, en funcion cada uno de los subgrupos del color transparente (blanco, gris, u otros)(en este ejemplo el color amarillo 255,255,0) el cuarto indica el nivel de transparencia de valor "0 a 255"
group2=255,255,0,15
group3=255,255,0,15

[ColorSet2]
backGround=0,0,0,0
group1=0,0,0,0
group2=255,255,0,15 >>Color al seleccionar el botón de Root Menu, Next, Prev (en este ejemplo el color amarillo 255,255,0) el cuarto indica el nivel de transparencia de valor "0 a 255", al estar en el grupo 2, toma la composicion gris del archivo bmp.
group3=255,255,0,15

[ColorSet3]
backGround=0,0,0,0
group1=0,0,0,0>>A partir de vdl 16, Color el seleccionar la imagen personalizada
group2=255,255,0,0
group3=255,255,0,15 >>Color al seleccionar las Ventanas de película (en este ejemplo el color amarillo 255,255,0) el cuarto indica el nivel de transparencia de valor "0 a 255", además a partir de vdl 16, Color al seleccionar el texto personalizado.


[Arrangement]
##############################
# Design for chapter menu
##############################
ChapterDistributionAlg=0
ChapterDistributionRect=40,110, 680,500 >>Distribución de las ventanas de capitulos en el menú de capítulos.
ChapterThumbRect=260,170, 455,365
ChapterTextRect=260,365, 455,400

ChapterHorSpacingPercent=5
ChapterVertSpacingPercent=5

ChapterTextHeight=0
ChapterTextAlign=1
ChapterTextVertAlign=0

ChapterMenuTitleRect=100,40, 620,100
ChapterMenuTitleTextRect=100,40, 620,100
ChapterTitleTextHeight=60
ChapterTitleAlign=1
ChapterTitleVertAlign=1

ChapterNextPageBtn=620,40, 680,100 >>Tamaño posición del botón next
ChapterPrevPageBtn=40,40, 100,100 >> Tamaño posición del botón prev
ChapterRootMenuBtn=20,30, 100,100 >> Tamaño posición del botón Root Menu

numMoviePlacings=3
##############################
# 1 movie menue
##############################
[MoviePlacing_01]
TitleRect=50,70, 670,130 # left,top, right,bottom Position für HintergrundBitmap der Überschrift
TitleTextRect=50,70, 670,130 # left,top, right,bottom Gibt das Rechteck an, in das der Menutext geschrieben wird
TitleTextHeight=60
TitleAlign=1 # 0 - left, 1 - center, 2 - right
TitleVertALign=0
NextPageBtnRect=360,440, 420,500 # left,top, right,bottom
PrevPageBtnRect=300,440, 360,500 # left,top, right,bottom
RootMenuBtnRect=0,0, 1,1 # left,top, right,bottom
NumMenuEntries=1 # Anzahl der Menueinträge, für jeden Eintrag muss eine [MenuitemX]-Section vorhanden sein

[Menuitem_01_01]
FrameRect=100,100,490,490 # Rechteck, in das die zugehörige Rahmenbitmap gemalt wird >>Tamaño, posición de la ventana de película en el menú principal
TextRect=100,490, 490,520 # left,top,right, bottom Rechteck, in den der Text des Menueintrages geschrieben wird
EntryTextHeight=30
TitleAlign=1 # 0 - left, 1 - center, 2 - right
TitleVertAlign=0
SubMenuBtnrect=500,370,600,470 # left, top,right, bottom >>Tamaño, posición del icono de Submenu, en el menú principal
#############################
# 2 movie menue
##############################
[MoviePlacing_02]
TitleRect=50,70, 670,130 # left,top, right,bottom Position für HintergrundBitmap der Überschrift
TitleTextRect=50,70, 670,130 # left,top, right,bottom Gibt das Rechteck an, in das der Menutext geschrieben wird
TitleTextHeight=60
TitleAlign=1 # 0 - left, 1 - center, 2 - right
TitleVertALign=0
NextPageBtnRect=360,440, 420,500 # left,top, right,bottom
PrevPageBtnRect=300,440, 360,500 # left,top, right,bottom
RootMenuBtnRect=0,0, 1,1 # left,top, right,bottom
NumMenuEntries=2 # Anzahl der Menueinträge, für jeden Eintrag muss eine [MenuitemX]-Section vorhanden sein

[Menuitem_02_01]
FrameRect=60,170, 260,340 # Rechteck, in das die zugehörige Rahmenbitmap gemalt wird
TextRect=60,340, 260,370 # left,top,right, bottom Rechteck, in den der Text des Menueintrages geschrieben wird
EntryTextHeight=30
TitleAlign=1 # 0 - left, 1 - center, 2 - right
TitleVertAlign=0
SubMenuBtnrect=215,150, 245,180 # Rechteck, in den der Navigationsbuttons gezeichnet wird, mit dem man zum zugehörigen Submenu gelangt

[Menuitem_02_02]
FrameRect=460,170, 660,340 # Rechteck, in das die zugehörige Rahmenbitmap gemalt wird
TextRect=460,340, 660,370 # left,top,right, bottom Rechteck, in den der Text des Menueintrages geschrieben wird
EntryTextHeight=30
TitleAlign=1 # 0 - left, 1 - center, 2 - right
TitleVertAlign=0
SubMenuBtnrect=615,150, 645,180 # Rechteck, in den der Navigationsbuttons gezeichnet wird, mit dem man zum zugehörigen Submenu gelangt

##############################
# 3 movie menue
##############################
[MoviePlacing_03]
TitleRect=50,70, 670,130 # left,top, right,bottom Position für HintergrundBitmap der Überschrift
TitleTextRect=50,70, 670,130 # left,top, right,bottom Gibt das Rechteck an, in das der Menutext geschrieben wird
TitleTextHeight=60
TitleAlign=1 # 0 - left, 1 - center, 2 - right
TitleVertALign=0
NextPageBtnRect=360,440, 420,500 # left,top, right,bottom
PrevPageBtnRect=300,440, 360,500 # left,top, right,bottom
RootMenuBtnRect=0,0, 1,1 # left,top, right,bottom
NumMenuEntries=3 # Anzahl der Menueinträge, für jeden Eintrag muss eine [MenuitemX]-Section vorhanden sein

[Menuitem_03_01]
FrameRect=60,170, 260,340 # Rechteck, in das die zugehörige Rahmenbitmap gemalt wird
TextRect=60,340, 260,370 # left,top,right, bottom Rechteck, in den der Text des Menueintrages geschrieben wird
EntryTextHeight=30
TitleAlign=1 # 0 - left, 1 - center, 2 - right
TitleVertAlign=0
SubMenuBtnrect=215,150, 245,180 # Rechteck, in den der Navigationsbuttons gezeichnet wird, mit dem man zum zugehörigen Submenu gelangt

[Menuitem_03_02]
FrameRect=260,170, 460,340 # Rechteck, in das die zugehörige Rahmenbitmap gemalt wird
TextRect=260,340, 460,370 # left,top,right, bottom Rechteck, in den der Text des Menueintrages geschrieben wird
EntryTextHeight=30
TitleAlign=1 # 0 - left, 1 - center, 2 - right
TitleVertAlign=0
SubMenuBtnrect=415,150, 445,180 # Rechteck, in den der Navigationsbuttons gezeichnet wird, mit dem man zum zugehörigen Submenu gelangt

[Menuitem_03_03]
FrameRect=460,170, 660,340 # Rechteck, in das die zugehörige Rahmenbitmap gemalt wird
TextRect=460,340, 660,370 # left,top,right, bottom Rechteck, in den der Text des Menueintrages geschrieben wird
EntryTextHeight=30
TitleAlign=1 # 0 - left, 1 - center, 2 - right
TitleVertAlign=0
SubMenuBtnrect=615,150, 645,180 # Rechteck, in den der Navigationsbuttons gezeichnet wird, mit dem man zum zugehörigen Submenu gelangt

Videos relacionados:

 Añadir iconos personalizados, y cambiar el color de selección: 


Otras enlaces, relacionados:
http://www.youtube.com/watch?v=7B8eRS77TkI


http://www.youtube.com/watch?v=RAoreCvkBII










Modificar color botones de navegación, desde Videodeluxe y Photo Designer: