Foro especializado en Warcraft III y su editor
 
BuscarEntrar al ChatboxPortal del foroÍndiceSpellsRegistrarseConectarse
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
VicALV


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

Mensajes Mensajes : 141
Reputación Reputación : 18
Monedas de oro : 643
Monedas de Platino : 0 [Tutorial] Loading Screen usando Photoshop Empty

Inventario :
[Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10
[Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10

[Tutorial] Loading Screen usando Photoshop Empty
Mensaje(#) Tema: [Tutorial] Loading Screen usando Photoshop [Tutorial] Loading Screen usando Photoshop Clock10Dom 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:

[Tutorial] Loading Screen usando Photoshop 1219FBC1E

2do Paso:

Insertamos nuestro fondo de pantalla:

[Tutorial] Loading Screen usando Photoshop AFD5977D1

3er Paso:

Editemoslo a gusto:

[Tutorial] Loading Screen usando Photoshop 85CCCD754

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

[Tutorial] Loading Screen usando Photoshop 5EA48A14F

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:

[Tutorial] Loading Screen usando Photoshop 68A5876C9

A ESTO:

[Tutorial] Loading Screen usando Photoshop FF33A0287

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

Algo asi:
[Tutorial] Loading Screen usando Photoshop 2A661D072

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.

[Tutorial] Loading Screen usando Photoshop CD98B1B04

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í:

[Tutorial] Loading Screen usando Photoshop 3FF977C06

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:

[Tutorial] Loading Screen usando Photoshop 536653D20

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:

[Tutorial] Loading Screen usando Photoshop 1DD8C08EC

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:

[Tutorial] Loading Screen usando Photoshop 80B1A0FF3

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"

[Tutorial] Loading Screen usando Photoshop A8F636945

9vo Paso:

Prueba TU MAPA

[Tutorial] Loading Screen usando Photoshop 21885AA98

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

Sapphiron


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

Mensajes Mensajes : 1450
Reputación Reputación : 231
Monedas de oro : 12098
Monedas de Platino : 0 [Tutorial] Loading Screen usando Photoshop Empty

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

[Tutorial] Loading Screen usando Photoshop Empty
Mensaje(#) Tema: Re: [Tutorial] Loading Screen usando Photoshop [Tutorial] Loading Screen usando Photoshop Clock10Dom 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..

[Tutorial] Loading Screen usando Photoshop SILNVOb
⭐Reglas del foro⭐ Listado de Tutoriales⭐
⭐Consultas del editor de mundos Like a Star @ heaven Requisitos de Tutoriales y Spells⭐
Volver arriba Ir abajo
https://www.worldofeditors.net
VicALV
Capitán
VicALV


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

Mensajes Mensajes : 141
Reputación Reputación : 18
Monedas de oro : 643
Monedas de Platino : 0 [Tutorial] Loading Screen usando Photoshop Empty

Inventario :
[Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10
[Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10

[Tutorial] Loading Screen usando Photoshop Empty
Mensaje(#) Tema: Re: [Tutorial] Loading Screen usando Photoshop [Tutorial] Loading Screen usando Photoshop Clock10Dom 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
Caballero
Marcusdramus


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

Mensajes Mensajes : 318
Reputación Reputación : 8
Monedas de oro : 1417
Monedas de Platino : 0 [Tutorial] Loading Screen usando Photoshop Empty

Inventario :
[Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10
[Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10

[Tutorial] Loading Screen usando Photoshop Empty
Mensaje(#) Tema: Donde esta el link? [Tutorial] Loading Screen usando Photoshop Clock10Mar Dic 27, 2016 8:15 pm

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


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

Mensajes Mensajes : 141
Reputación Reputación : 18
Monedas de oro : 643
Monedas de Platino : 0 [Tutorial] Loading Screen usando Photoshop Empty

Inventario :
[Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10
[Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10

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

link de cual?, si es el de photoshop te lo paso por privado
Volver arriba Ir abajo
Nicoplox95
Soldado
Nicoplox95


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

Mensajes Mensajes : 71
Reputación Reputación : 11
Monedas de oro : 308
Monedas de Platino : 0 [Tutorial] Loading Screen usando Photoshop Empty

Inventario :
[Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10
[Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10

[Tutorial] Loading Screen usando Photoshop Empty
Mensaje(#) Tema: Re: [Tutorial] Loading Screen usando Photoshop [Tutorial] Loading Screen usando Photoshop Clock10Mié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
shikuso


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

Mensajes Mensajes : 142
Reputación Reputación : 58
Monedas de oro : 705
Monedas de Platino : 0 [Tutorial] Loading Screen usando Photoshop Empty

Inventario :
[Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10
[Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10

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

links ocultos?


[Tutorial] Loading Screen usando Photoshop 21mt4ef [Tutorial] Loading Screen usando Photoshop Datk-c10

[Tutorial] Loading Screen usando Photoshop Hn10
Volver arriba Ir abajo
http://shikusoentertaiment.atwebpages.com
Dorsil
Iniciado
Dorsil


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

Mensajes Mensajes : 3
Reputación Reputación : 0
Monedas de oro : 1
Monedas de Platino : 0 [Tutorial] Loading Screen usando Photoshop Empty

Inventario :
[Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10
[Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10

[Tutorial] Loading Screen usando Photoshop Empty
Mensaje(#) Tema: Re: [Tutorial] Loading Screen usando Photoshop [Tutorial] Loading Screen usando Photoshop Clock10Vie Dic 15, 2017 1:24 am

Excelente, muy util!
Volver arriba Ir abajo
Seven
Iniciado
Seven


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

Mensajes Mensajes : 4
Reputación Reputación : 0
Monedas de oro : 4
Monedas de Platino : 0 [Tutorial] Loading Screen usando Photoshop Empty

Inventario :
[Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10
[Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10

[Tutorial] Loading Screen usando Photoshop Empty
Mensaje(#) Tema: Re: [Tutorial] Loading Screen usando Photoshop [Tutorial] Loading Screen usando Photoshop Clock10Sáb Ago 08, 2020 6:00 pm

Ty!!!!!!!!
Volver arriba Ir abajo
http://instagram.com/sevllanto
kyonides
Peón


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

Mensajes Mensajes : 49
Reputación Reputación : 2
Monedas de oro : 127
Monedas de Platino : 0 [Tutorial] Loading Screen usando Photoshop Empty

Inventario :
[Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10
[Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10 [Tutorial] Loading Screen usando Photoshop Empysl10

[Tutorial] Loading Screen usando Photoshop Empty
Mensaje(#) Tema: Re: [Tutorial] Loading Screen usando Photoshop [Tutorial] Loading Screen usando Photoshop Clock10Dom Ago 09, 2020 1:51 am

Shocked Cómo se vera?
Volver arriba Ir abajo
Contenido patrocinado




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

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

-
» Como hacer camisetas Con Photoshop
» Tutorial photoshop.
» Tutorial detallado de como hacer una armadura con Resina,fibra y PVC(ejemplo custom PRE VIZSLA Death watch)
» Tutorial para descargar música de Goear.com...
» una de las que hice, soy malisimo en photoshop pero la hice yo :D

Permisos de este foro:No puedes responder a temas en este foro.
Warcraft III - WorldEditor :: Academia :: Ambientación de Mapas-