Jump to content
Sign in to follow this  
_rodoxd27#

tutorial Crear texturas transparentes ("{" y "black")

Recommended Posts

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 "{" .

mRKPgxv.png

SSDwQsz.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

 

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

 

G8JLtnj.png

 

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

i37wAOA.png

 

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

xZCrnHt.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

 

* 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

 

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

 

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

5X1So5y.png


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

* Lo probamos!

Y aqui tenemos nuestra textura transparente AZUL

tqm5TDi.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


* 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


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

vtis8f5.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

 

 


 


 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...