BuscarEntrar al ChatboxPortal del foroÍndiceSpellsRegistrarseConectarseGrupos de Usuarios
Eventos Actuales
No hay eventos actualmente
¡ Bienvenido Invitado!

Editar Perfil

Tus temas
Tus Mensajes ()

Enlaces rápidos








Comparte | .
 

 [Tutorial] Loading Screen usando Photoshop

Ver el tema anterior Ver el tema siguiente Ir abajo 
AutorMensaje
VicALV
Capitán
avatar


Barra de Salud : Su salud está al 100% - Este usuario no ha recibido infracciones

Mensajes Mensajes : 141
Reputación Reputación : 16
Monedas de oro : 641
Monedas de Platino : 0

Inventario :



Mensaje(#) Tema: [Tutorial] Loading Screen usando Photoshop Dom Dic 25, 2016 7:45 pm

Hola FORO!

Creo este tema para enseñarles como crear una pantalla de carga para su mapa usando un template (plantilla) de photoshop

Los créditos de esta plantilla van para FROTTY de HWS.

En primer lugar necesitaremos:

1) Photoshop (Obtener fuera de aqui)

2) Template de Frotty, les dejo un link de descarga

3) Convertidor de PNG a TGA; yo uso este:

4) Convertidor de TGA a BLP, yo uso este:

5) Tu fondo, yo usare este:

Ahora comencemos:

1er Paso:

descargamos el template y lo abrimos con photoshop:



2do Paso:

Insertamos nuestro fondo de pantalla:



3er Paso:

Editemoslo a gusto:



Si no sabes mucho de photoshop, te dejo este canal:

4to Paso:

Vamos a FILE o ARCHIVO y usamos la funciona SAVE WEB, guarda como web



esta opción abre un menú para guardar nuestro archivo, ocurre que el template que tenemos ya trae las divisiones necesarias para importar nuestro fondo a warcraft, haremos lo siguiente:

Seleccionaremos cada región cortada de modo que se quite el gris que la cubre, para eso usamos SHIFT + CLICK:

PASARA DE ESTO:



A ESTO:



y pulsaremos GUARDAR o SAVE, esto creara una carpeta con nuestro fondo dividido en 4 partes

Algo asi:


5to Paso:

Convertir a TGA todas las imágenes, en este caso usaremos Irfan View abriremos cada imagen y luego le daremos FILE, SAVE AS y cambiamos la extensión a TGA, y guardamos.



NOTA: Aquí les pedirá la calidad, si usan 100, su fondo puede llegar a pesar hasta 3mb, depende su gusto en rendimiento o en calidad varen ese valor, con 75 puede llegar a pesar máximo 1.5mb

Quedando todo así:



6to Paso:

Convertir a BLP todas los TGA, en este caso usaremos Warcraft 3 Image Extractor 2, abriremos cada imagen y luego le daremos SAVE , cambiamos el formato a BLP y luego guardamos

OJO: tener cuidado de colocar un nombre que nos identifique la parte del fondo que es:



Colocare aquí como deberían llamarse cada parte del fondo, pues usaremos la dirección que tiene en el juego:

Esquina Superior Izquierda: Generic-Loading-TopLeft.blp
Esquina Inferior Izquierda: Generic-Loading-BotLeft.blp
Esquina Superior Derecha: Generic-Loading-TopRight.blp
Esquina Inferior Derecha: Generic-Loading-BotRight.blp

Quedando todos asi:



NOTA: el cuadro del WC3 Image Extractor solo muestra 512x512, no se preocupen que la imagen estará completa al ser exportada.

7mo Paso:

Importar a WARCRAFT, nos meteremos al gestor de importaciones e importaremos todos nuestros 4 archivos, y le colocaremos las siguientes rutas personalizadas:



Les dejo las rutas completas:

Esquina Superior Izquierda: UI\Glues\Loading\Load-Generic\Generic-Loading-TopLeft.blp

Esquina Inferior Izquierda: UI\Glues\Loading\Load-Generic\Generic-Loading-BotLeft.blp

Esquina Superior Derecha:  UI\Glues\Loading\Load-Generic\Generic-Loading-TopRight.blp

Esquina Inferior Derecha: UI\Glues\Loading\Load-Generic\Generic-Loading-BotRight.blp

8vo Paso:

Colocar nuestro fondo en el juego, nos meteremos a ESCENARIO - PANTALLA DE CARGA y colocaremos "Utilizar pantalla de campaña = Genérico"



9vo Paso:

Prueba TU MAPA



NOTA: Cualquier duda no dudes en preguntar

LINK DEL MAPA EJEMPLO:

SI TE SIRVIO DA +REP Smile

RECUERDA LOS CREDITOS A FROTTY POR SU TEMPLATE Smile

FELIZ EDICION!!!
Volver arriba Ir abajo
Sapphiron

avatar


Barra de Salud : Este usuario es invulnerable ¿Será que es fiel a las normas?

Mensajes Mensajes : 1430
Reputación Reputación : 208
Monedas de oro : 12058
Monedas de Platino : 0

Inventario :
Frostmourne Escudo lunar Armadura Lunar Avanzada
Diamante Encantado Anillo Sagrado Libro de Leyendas

Mensaje(#) Tema: Re: [Tutorial] Loading Screen usando Photoshop Dom Dic 25, 2016 9:07 pm

Perdón pero tuve que editar el tema y sacar el link del enlace para Photoshop. No se permite publicar descargas piratas.

Creo que con el BLP laboratory podes transformar de JPG a >BLP directamente.

Luego checkeo bien el tutorial.

Saludos.


Lets take a moment to break the ice, so my intentions are known..


¡Hola Invitado!
Tal vez los siguientes vínculos puedan interesante:
:star:Reglas del foro:star:
:star:Listado de Tutoriales:star:
:star:Consultas del editor de mundos:star:
Like a Star @ heaven Requisitos de Tutoriales y Spells:star:
Volver arriba Ir abajo
http://www.worldofeditors.net
VicALV
Capitán
avatar


Barra de Salud : Su salud está al 100% - Este usuario no ha recibido infracciones

Mensajes Mensajes : 141
Reputación Reputación : 16
Monedas de oro : 641
Monedas de Platino : 0

Inventario :



Mensaje(#) Tema: Re: [Tutorial] Loading Screen usando Photoshop Dom Dic 25, 2016 11:08 pm

utilice esa manera porque es la que acostumbro, pues no me han servido esos convertidores de blp. pero gracias por la sugerencia Smile y por lo de photoshop no lo recordaba jejeje
Volver arriba Ir abajo
Marcusdramus
Soldado
avatar


Barra de Salud : Su salud está al 100% - Este usuario no ha recibido infracciones

Mensajes Mensajes : 120
Reputación Reputación : 2
Monedas de oro : 729
Monedas de Platino : 0

Inventario :



Mensaje(#) Tema: Donde esta el link? Mar Dic 27, 2016 8:15 pm

enque parte esta el link que mencionas???
Volver arriba Ir abajo
VicALV
Capitán
avatar


Barra de Salud : Su salud está al 100% - Este usuario no ha recibido infracciones

Mensajes Mensajes : 141
Reputación Reputación : 16
Monedas de oro : 641
Monedas de Platino : 0

Inventario :



Mensaje(#) Tema: Re: [Tutorial] Loading Screen usando Photoshop Mar Dic 27, 2016 11:13 pm

link de cual?, si es el de photoshop te lo paso por privado
Volver arriba Ir abajo
Nicoplox95
Peón
avatar


Barra de Salud : Su salud está al 100% - Este usuario no ha recibido infracciones

Mensajes Mensajes : 60
Reputación Reputación : 7
Monedas de oro : 174
Monedas de Platino : 0

Inventario :



Mensaje(#) Tema: Re: [Tutorial] Loading Screen usando Photoshop Miér Mayo 31, 2017 5:12 pm

No veo links ni nada. Por las dudas comento a ver si se muestran.

-Solucionado.
Volver arriba Ir abajo
shikuso
Capitán
avatar


Barra de Salud : Su salud está al 100% - Este usuario no ha recibido infracciones

Mensajes Mensajes : 121
Reputación Reputación : 44
Monedas de oro : 662
Monedas de Platino : 0

Inventario :



Mensaje(#) Tema: Re: [Tutorial] Loading Screen usando Photoshop Mar Jul 04, 2017 3:53 pm

links ocultos?




Volver arriba Ir abajo
En línea
Contenido patrocinado




Mensaje(#) Tema: Re: [Tutorial] Loading Screen usando Photoshop

Volver arriba Ir abajo
 

[Tutorial] Loading Screen usando Photoshop

Ver el tema anterior Ver el tema siguiente Volver arriba 
Página 1 de 1.

 Temas similares

-
» [Tutorial] Crear Pantalla de Carga
» tutorial para hacer una firma facil con photoshop cs
» Tutorial Photoshop: Texto Tipo 'Grand Theft Auto V'
» Efecto Tierra Muerta [Tutorial]
» [Tutorial] Crear efecto lluvia/nieve y reflejo en el agua

Permisos de este foro:No puedes responder a temas en este foro.
Warcraft III - WorldEditor :: Academia :: Nuevos tutoriales :: Tutoriales nuevos-