Título: Guía de personalización de imágenes de implementación de Windows (WIM) (Parte 4) Publicado por: Eleкtro en 11 Abril 2014, 08:05 am 4.0
· Personalizando la estética de la instalación de Windows (http://img560.imageshack.us/img560/7784/e4ju.png) Ahora que ya sabemos automatizar la instalación de Windows... hagámosla bonita, ¿no?, cambiemosle todas las "florituras" y colores >:D. En esta parte del tutorial aprenderemos a personalizar las imágenes que usa el instalador de Windows, y de esta manera lo pondré punto y final a la personalización de la instalación, ya llegaremos a lo verdaderamente interesante en los siguientes volumenes del tutorial ;). Nota: Se aconseja un cierto nivel de conocimientos sobre la edición de imágenes BMP (Bitmap) y sus transparencias, y opcionalmente conocimientos de archivos ICO (Iconos). Nota: Vuelvo a recordar que este tutorial está basado y orientado en una imagen ISO de Windows 8.1 x64. · ¿Que herramientas necesitaremos? Un editor de recursos, recomiendo la aplicación Restorator 2009, puero pueden usar Resource Hacker, Anolis Resourcer, o su herramienta favorita. Un editor de imágenes, recomiendo la aplicación Photoshop, pero pueden usar Microsoft Paint , cualquier otro e incluso pueden descargar imágenes (válidas) de Internet. Opcional: Un grabador de imágenes ISO para testear nuestra instalación personalizada, recomiendo la herramienta OSCDIMG que se encuentra ubicada en %WinKit%\oscdimg\oscdimg.exe Opcional: Una máquina virtual para testear la ISO, recomiendo la aplicación VirtualBox. 4.1 · Ubicación de los recursos de imágenes de la instalación Dentro del DVD de Windows hay 3 librerías que contienen imágenes Bitmap e Iconos: · ...\Sources\spwizimg.dll · ...\Sources\w32uiimg.dll · ...\Sources\arunimg.dll Y el archivo Bitmap ubicado en ...\Sources\Background.bmp Aparte, los mismos archivos se encuentran dentro de la imagen Boot.wim en las mismas ubicaciones, y esos archivos dentro de la imagen son las que debemos modificar. Dentro de la imagen Boot.wim además hay otro archivo Bitmap ubicado en ...\Windows\System32\Setup.bmp Nota: Si queremos hacer una modificación muy básica entonces solo debemos tener en cuenta la librería spwizimg.dll Este es el contenido de las 3 librerías: Nota: Los números son el nombre del recurso. · spwizimg.dll Bitmaps: (http://img560.imageshack.us/img560/921/fcau.png) · w32uiimg.dll Bitmaps: (http://img819.imageshack.us/img819/3563/h6zq.png) Iconos: (http://img811.imageshack.us/img811/3500/tjzb.png) · arunimg.dll Bitmaps: (http://img850.imageshack.us/img850/9671/wuj2.png) Iconos: (http://img835.imageshack.us/img835/2276/r00r.png) 4.2 · Identificando los recursos de imagen que utiliza el instalador Estos son los nombres de algunos recursos Bitmap que se usan en la instalación de Windows, en el punto 3.1 del tutorial pueden enlazar el nombre del recurso para saber en que librería se encuentra. (http://img842.imageshack.us/img842/5771/vqms.png) (http://img607.imageshack.us/img607/2746/9qma.png) (http://img819.imageshack.us/img819/5355/drvm.png) (http://img513.imageshack.us/img513/9762/tncj.png) (http://img594.imageshack.us/img594/1827/loao.png) (http://img838.imageshack.us/img838/3796/32z4.png) (http://img607.imageshack.us/img607/9580/qaks.png) (http://img62.imageshack.us/img62/5043/qmwg.png) 4.3 · Modificando los recursos de imágenes Pueden modificar los recursos de las librerías que se encuentran en el DVD de Windows, pero les recuerdo que los recursos que nos interesan modificar son los de las librerías que se encuentran dentro de la imagen Boot.wim (la cual ya expliqué como se puede montar en el punto 3.2 del tutorial), se encuentran en el índice de imagen 2. En este punto la verdad es que no puedo ayudar mucho ni creo poder dar explicaciones útiles, es cosa tuya saber como editar una imagen y reemplazarla con un editor de recursos, si no sabes... ¿para que leiste hasta aquí?. ¡ ánimo ! 4.3 · Automatizar la tarea de personalización de recursos de imágenes ...¿Te creiste que no iba a ayudar? >:D Al empezar este tutorial dije que iba a proporcionar todas mis herramientas y creaciones en todos los temas, así que si te parece algo complicado la edición de recursos entonces estás de suerte! Voy a explicar una manera muy sencilla de automatizar todo este tutorial utilizando un Script Batch y un archivo de texto, pero antes que nada quiero comentarles que en este enlace pueden descargar todo lo necesario que voy a comentar, y un ejemplo completo con imagenes y PSD's, para los que no les guste leer instrucciones largas :P Actualizado: http://www.mediafire.com/download/ktzms7i09qt4n2b/wim+resource+replacer+0.2.rar Estas son las instrucciones: Por un lado deben descargar el editor de recursos Anolis Resourcer, ¿porque?, porque es con el que yo manejo de manera commandline :P Lo pueden descargar aquí: http://anolis.codeplex.com/releases/view/32286 Por otro lado deben conocer las ubicaciones de las librerías que quieren modificar y/o archivos que quieren reemplazar, en el caso de las librerías deben conocer también los nombres de los recursos que quieren modificar (los tienen en el punto 4.1 del tutorial), y obviamente también deben tener las imagenes modificadas. Conociendo y teniendo los archivos necesarios que acabo de mencionar, deben crear un archivo de texto delimitado por puntos y comas, estos archivos los parseará/procesará el script que luego les mostraré. La sintaxis que deben usar para delimitar los recursos en el archivo de texto, para reemplazar archivos es: Código: Ruta relativa del archivo que va a ser reemplazado;Ruta relativao absoluta del archivo que se copiará La sintaxis que deben usar para delimitar los recursos en el archivo de texto, para librerías de recursos de imágenes es: Código: Ruta relativa del recurso a modificar;Nombre del recurso;Ruta del recurso modificado Nota: ¡ No se debe escribir la ruta absoluta del directorio montado ! Lean esta ayuda que escribí para entender la sintaxis del archivo de texto delimitado: Citar ResourceList Help - By Elektro ############################## ======================== To add or replace files: ======================== Syntax: OutFile;InFile · Outfile: Indicates the file that will be Created/Replaced. Should be written as a relative mount filepath. · InFile: Indicates the file that will be copied to the OutFile. Should be written as an absolute filepath. Examples: --------- Sources\Background.bmp;.\Resources\Background.bmp Sources\Background.bmp;C:\Resources\Background.bmp ===================== To replace resources: ===================== Syntax: ResourceFile;ResourceName;InResource · ResourceFile: Indicates the dll file that will be opened to replace resources inside. Should be written as a relative mount filepath. · ResourceName: Indicates the resource name that will be replaced inside the resource file. · InResource: Indicates the resource to copy inside the resource file. Should be written as an absolute filepath. Examples: --------- Sources\spwizimg.dll;517;.\Resources\517.bmp Sources\spwizimg.dll;517;C:\Resources\517.bmp Esto es un ejemplo de un archivo delimitado escrito de forma correcta: Resources.txt Código: Sources\Background.bmp;.\Resources\Background.bmp A continuación, lo único que tienen que hacer es ejecutar este Script, el Script se encargará de montar la imagen, reemplazar archivos (si especificaron alguno) y/o reemplazar recursos de imagenes si especificaron alguno, después desmontará la imagen y listo. Antes de poder automatizar esta tarea usando mi Script primero deben configurar las rutas de los valores WindowsImage, MountDir, Anolis, Dism, y ResourceList que se encuentran documentados en la cabecera del archivo. WIM Resource Replacer.bat Código
4.4 · Obteniendo resultados Una vez hayan montado la imagen Boot.wim para modificar los recursos de imágenes que queramos, deben desmontar la imagen WIM y guardar los cambios (lease el punto 3.3 del tutorial si no sabes hacerlo). Nota: Si usaste mi Script para reemplazar recursos entonces no tienes porque desmontar nada. Ya solo nos quedará generar la ISO y testearla en un DVD, ¡¡ aquí os muestro el resultado visual del ejemplo que hice para este tutorial !! : (http://img837.imageshack.us/img837/2859/h35j.png) (http://img827.imageshack.us/img827/9511/jd55.png) (http://img845.imageshack.us/img845/6140/oaeh.png) (http://img833.imageshack.us/img833/4888/cwsq.png) (http://img607.imageshack.us/img607/7853/zaic.png) (http://img853.imageshack.us/img853/3481/boe7.png) ¡ Les invito a postear sus modificaciones en este tema ! Título: Re: Guía de personalización de imágenes de implementación de Windows (WIM) (Parte 4) Publicado por: dato000 en 28 Abril 2014, 03:38 am He encontrado el archivo "setup-bmp" Sin embargo aún no se como abrir las librerias de manera que pueda acceder a las imagenes, se encuentra en el archivo "boot.vim" montado con DISM o se encuentra en la carpeta "../sources/" de cada iso de windows??
(http://thumbs.subefotos.com/b84d42f253b0e21c5905f199df645bfdo.jpg) (http://subefotos.com/ver/?b84d42f253b0e21c5905f199df645bfdo.png) PD: tuve que convertir la imagen a png por el peso del archivo Tengo ganas de realizar mi instalación al estilo "batman arkham city" o "bible black" o tal vez un estilo "cowboy bebop" sin embargo...bueno, no lo se todavia, vamos poco a poco Aguante elektro!!! Estupenda guia, todas estas guias deberian ser un Post Fijo en este foro. Título: Re: Guía de personalización de imágenes de implementación de Windows (WIM) (Parte 4) Publicado por: Eleкtro en 28 Abril 2014, 13:01 pm @Dato000
1: Tienes que montar la imagen que contiene el entorno WinPE de la instalación de Windows, es decir, en mi caso es la imagen con índice 2 del archivo "boot.wim", una vez montada verás la carpeta "...\sources" que mencionas y allí los recursos dll, dicha carpeta y los mismos recursos dll también están en el dvd de windows, puede ser un poco confuso, pero tiene una explicación, esto es porque los recursos del dvd que están a simple vista son las imágenes que se utilizan en el entorno gráfico (Ej: cuando haces doble click en el archivo setup.exe), y los recursos dll de adentro de la imagen boot.wim son las imagenes que se utilizan al bootear, en el entorno "por consola", por eso es recomendable reemplazar los archivos tanto en el dvd como adentro de la imagen boot.wim. 2: Supongo que la conversión que hiciste a PNG la hiciste solamente para subir/compartir la imagen, pero de todas formas, por si acaso, te comento que las imágenes que modifiques deben tener las mismas propiedades (profundidad de color, transparencia, tamaño, extensión) que las imágenes originales. 3: Yo utilizo 'Anolis resourcer' para reemplazar recursos, hay otros programas que me gustan más como el 'ResourceHacker FX', pero prefiero el primero porque es con el que conseguí automatizar la tarea por linea de comandos. Saludos! Título: Re: Guía de personalización de imágenes de implementación de Windows (WIM) (Parte 4) Publicado por: dato000 en 19 Mayo 2014, 03:12 am Definitivamente es mejor usar Anolis Resourcer ofrece una interfaz simple pero muy util y facil de usar.
aqui dejo lo que me mostro para la edición ya lo demás es simplemente reemplazar archivos!!!! spwizimg.dll (http://thumbs.subefotos.com/ff3d2290ec112d6aac04609f4b57affeo.jpg) (http://subefotos.com/ver/?ff3d2290ec112d6aac04609f4b57affeo.png) w32uiimg.dll (http://thumbs.subefotos.com/dfb9b5ad8c28f8c6135e48e31056f875o.jpg) (http://subefotos.com/ver/?dfb9b5ad8c28f8c6135e48e31056f875o.png) arunimg.dll (http://thumbs.subefotos.com/a9321b0f226979259cf3cd39cad53b89o.jpg) (http://subefotos.com/ver/?a9321b0f226979259cf3cd39cad53b89o.png) solo es tener las imagenes listas para reemplazar y comenzar a trabajar, voy a trabajar en las dos versiones que quiero: 1) Batman Arkham City 2) Bible Black Yeah maese elektro perdona la demora es que no habia tenido tiempo de trabajar, pero fue muy facil, era solo cuestión de trabajar un poco, en esta semana me voy a poner a conseguir las imagenes y pronto mostrare mis skins yeah!!!! ;-) ;-) ;-) ;-) gracias por el tuto!!! Título: Re: Guía de personalización de imágenes de implementación de Windows (WIM) (Parte 4) Publicado por: dato000 en 22 Mayo 2014, 05:47 am Bueno, los primeros resultados, todavia hay que pulir varias cosas, pero creo que ya entendi el truco, esta sensacional!!!!!
(http://fotos.subefotos.com/32ee6192e2387eafce5dca1b63090b0do.png) (http://fotos.subefotos.com/4cbb6a407fa3e6ba90fbec23d48af3b4o.png) (http://fotos.subefotos.com/4a33b5e513e1e079c90cf845c3665c7fo.png) Nada mal eh??? tengo que buscar la forma de modificar los botones y darle un aspecto más gotico!!! y luego comenzare con el de bible black cuando ya este satisfecho Gracias Sensei por estos tutos de primera!!! ;-) ;-) ;-) ;-) ;-) ;-) Título: Re: Guía de personalización de imágenes de implementación de Windows (WIM) (Parte 4) Publicado por: dato000 en 25 Mayo 2014, 02:50 am Up al tema, yo se que soy el unico por aquí, pero dejo unos arreglos que hice en las interfaces, ya tiene una pinta mucho mejor.
Voy a trabajar en el skin de batman y cuando tenga todo listo (actualizaciones, programas, drivers, etc.) trabajare con el modding de bible black ohhh yeah. También debo trabajar en mejores diseños, para que queden más acorde al estilo de cada modding. Aquí unos cuantos resultados hechos con un poco de esfuerzo y mucha paciencia: (http://fotos.subefotos.com/9c09062c94d635c6ddedcb2b7eb7e1f4o.png) (http://fotos.subefotos.com/8f1ab652a69ea70f1276a8b67b53ac05o.png) Se nota el cambio??? ;-) ;-) ;-) Título: Re: Guía de personalización de imágenes de implementación de Windows (WIM) (Parte 4) Publicado por: LuisSPT en 29 Febrero 2016, 06:20 am Hola Estoy Haciendo Un Proyecto,.. Se Trata de Crear Un Windows Desantendido Y Lo Unico Que Me Hace Falta Es Cambiar El Nombre de La edicion de Windows, por ejemplo; "Windows 7 Ultimate, A Windows 7 Mi Edition"
Título: Re: Guía de personalización de imágenes de implementación de Windows (WIM) (Parte 4) Publicado por: Eleкtro en 29 Febrero 2016, 10:39 am Hola Estoy Haciendo Un Proyecto,.. Se Trata de Crear Un Windows Desantendido Y Lo Unico Que Me Hace Falta Es Cambiar El Nombre de La edicion de Windows, por ejemplo; "Windows 7 Ultimate, A Windows 7 Mi Edition" Hola Debiste crear un nuevo post para formular tu duda... y también buscar en Google. Una forma muy sencilla sería hacerlo con la herramienta WinToolkit, pero también puedes utilizar Imagex o Dism por linea de comandos:
Saludos! |