Jump to content

[Tutorial] Crear texturas transparentes ("{" y "black")


rodoxd27

Publicaciones recomendadas

Buenos días / tardes / noches


Hoy les traigo un tutorial que consiste en como crear las tan usadas texturas transparentes de color AZUL que normalmente son rejas, plantas, arboles,
firmas, etc... que lleve  nombre "{".
También, usaremos otro método para transparentar, pero este es más para usos especiales:
se usa una textura de color NEGRO (se puede encontrar en "halflife.wad" como "black",) y esta también tiene casi
la misma función que las texturas "{" .

fCu8lzM.png.87fd892da84f484901603f4657aafa88.png

OOzy48J.png.d39a755a46cfb095aedc17384e3915d5.png

pd: no encontré buenos ejemplos de la textura black xd

IMPORTANTE

- Antes de empezar se debe tener en claro como introducir texturas al Wally y del Wally al VHE/J.A.C.K.

- Tener Photoshop

Sin más que decir, ¡Vamos a verlas!

 

Empecemos con la textura {

En este caso los valores para nuestra entidad deben tener:
- Render Mode: Texture Some Light
- FX Amount: 255

Usaré de ejemplo un solido de tamaño 256 de largo y 168 alto (256x160)
MUY IMPORTANTE! Para crear las texturas, se debe tener en cuenta que el tamaño del solido debe ser divisible entre 16! Sino, dará este error en el Wally!

iU6mppZ.png.e143ca864173c929369e7c8bbffbc3e5.png

* En Photoshop (yo usaré PSCS6, pero creo que se puede usar cualquiera) creamos una nueva imagen del tamaño del solido (256x160).

G8JLtnj.png.362bf37cdf562f6c3041ed854f6862bf.png

* En "Contenido de fondo" colocamos "Transparente" y nos quedará así

i37wAOA.png.062039f190e3b80ef8da6aa851dd73d1.png

* Agregamos lo que quieren que vaya en la textura, preferiblemente en formato ".png". Por ejemplo: agregaré un logo del cs1.6

xZCrnHt.png.4179fc2e281f560940726abdfc7c32d8.png

*Ya con nuestro diseño terminado, es hora de volverlo transparente.

* Nos vamos a la fila de arriba a donde dice "Imagen"
* Luego "Modo" > "Color Indexado"
* En donde dice "Paleta" seleccionamos "Local (Selectiva)" y aceptamos.

Ol0g7Wi.png.c15662d9ae36215501c9300e62c90b2a.png

* Ahora nos vamos nuevamente a "Imagen" > "Modo" y ahora vamos a "Tabla de Colores"
* Aquí seleccionaremos el ultimo color de todos (el de cuadritos grises y blancos, que se refiere al transparente) y seleccionamos el segundo botón "B" y escribimos "255" (para seleccionar el azul que transparentará) y aceptamos.

f3nLcgs.png.e9d0178e474a97f02678e3caa1cb17c3.png

Con nuestro diseño listo y renderizado, es hora de guardarlo y agregarlo al wally!

* Nos vamos a "Archivo" > "Guardar como"
* Seleccionamos formato "BMP"
¡PASO IMPORTANTE! ANTES DE GUARDARLO!

*Colocarle el nombre iniciando con "{" (ejemplo: {textura / {rejas / {hojas)
* Lo guardamos donde queramos.

iQusMSX.png.6c623654766d88f183ae1c50971e7fb5.png

* Ahora lo agregamos normalmente a nuestro .wad en el programa Wally

5X1So5y.png.fc0435b59bc59882de692259b3bdba17.png

* Lo guardamos y lo agregamos a nuestro VHE / J.A.C.K

* Lo probamos!

Y aqui tenemos nuestra textura transparente AZUL

tqm5TDi.png.42bb682f32d7e27a1aea74010c25bafa.png

Ahora vamos con la textura black

Valores para esta textura:

-Render Mode: Additive

-FX Amount: 255

Esta textura no necesita un nombre en especifico, puede ser el que queramos.

En este caso no puedo usar el mismo logo del counter, ya que es de color negro y se transparentaría todo.

Así que nos toca buscar una textura con otro color.
Usaré otro logo con otros colores.

Hacer esta textura es más sencillo que la otra.

* Creamos una nueva imagen, pero esta vez seleccionamos "Fondo Blanco"

tWACpqu.png.4a3ec71eaead827bbe79f70239115efb.png

* Agregamos nuestro diseño (ojo, que no tenga colores negros puros. 

* Al tener dos capas (la nuestra y la del fondo) pintamos el fondo completamente de negro

6ysUKWV.png.aefd267420f8e513c612f6ad0f74b3e0.png

* Listo, es hora de guardarlo
* "Archivo" > "Guardar como" > Formato ".JPEG" :
- Calidad (8)
- Progresivo

vtis8f5.png.269c56a655d6a9d8a636240add0db5ed.png

 

Aceptamos, agregamos al Wally y luego al editor.

Y listo! Aqui tenemos la comparacion de nuestras 2 texturas transparentes para nuestros futuros mapas.

DhMsStr.png.3386b8d435c7bb41c3180832efd9201f.png

 

 

Enlace al comentario
Compartir en otros sitios web

  • 1 mes después ...
En 23/11/2023 a las 18:29, Omerpus18 dijo:

Muy buen tutorial me sirve pero podrías un tutorial de como hacer texturas solidas invisibles. Por más que intente y busqué no pude

Hola amigo, hace bastante tiempo no entraba al foro por eso disculpa la tardanza (no creo que necesites ya la respuesta) (XD). Realmente no hace falta un tutorial tan extenso para algo relativamente básico, pero igualmente aqui está:

Para hacer un bloque sólido transparente, lo único que debes hacer es:

  1. crear el sólido
  2. volverlo entidad (ctrl+t / toEntity / click derecho y volverlo entidad)
  3. func_wall (para que sea sólido) /////// func_illusionary si quieres que sea traspasable
  4. los valores anteriormente dichos en el tutorial (-render mode: texture ; -fx amount=255)
  5. utilizar la textura {blue (para que no se vea nada, osea, sea totalmente invisible y que a la vez sea sólido únicamente si usaste func_wall)
  6. ya

Ya si quieres que el bloque sea sólido, invisible y al mismo tiempo que se pueda disparar a través de el, es otro tema aparte...

Saludos 🙂 

Editado por rodoxd27
Enlace al comentario
Compartir en otros sitios web

Unirse a la conversación

Puedes publicar ahora y registrarte más tarde. Si tienes una cuenta, sign in now para publicar con tu cuenta..

Invitado
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Responder a este tema...

×   Pegar como texto enriquecido.   Pegar como texto sin formato

  Only 75 emoji are allowed.

×   Tu enlace se ha incrustado automáticamente..   Mostrar como un enlace en su lugar

×   Se ha restaurado el contenido anterior.   Limpiar editor

×   No se pueden pegar imágenes directamente. Carga o inserta imágenes desde la URL.

  • Explorando recientemente   0 miembros

    No hay usuarios registrados viendo esta página.

×
×
  • Crear nuevo...