Es/Left 4 Dead Graffiti Tutorial: Difference between revisions

From Valve Developer Community
< Es
Jump to navigation Jump to search
No edit summary
No edit summary
 
Line 3: Line 3:
{{toc-right}}
{{toc-right}}
[[File:l4d_graffiti_tutorial_00.jpg|thumb|right|200px|caption|Los grafitis transmiten mensajes atractivos que enriquecen profundamente la experiencia del jugador.]]
[[File:l4d_graffiti_tutorial_00.jpg|thumb|right|200px|caption|Los grafitis transmiten mensajes atractivos que enriquecen profundamente la experiencia del jugador.]]
{{l4ds}} Graffiti in the Left 4 Dead series is used extensively in official maps. Also known as wall writings or scrawlings, as seen in the Portal series and other Valve games, there are many ways to make graffiti. The L4D series follows a particular technique that keep them small in file size and supposedly less expensive to render. The process is simple and fun!
{{l4ds}} Los grafiti en la serie Left 4 Dead se utiliza ampliamente en los mapas oficiales. También conocidos como escritos en la pared o garabatos, como se ve en la serie Portal y otros juegos de Valve, hay muchas formas de crear grafitis. La serie L4D sigue una técnica particular que los mantiene pequeños en tamaño de archivo y, supuestamente, menos costosos de renderizar.
¡El proceso es simple y divertido!


{{note|It is assumed that you are acquainted with [[Creating a Material|material creation]]. There are multiple ways to create graffiti and this article does not claim that it is the only or the best way to do so.}}
{{note|Se supone que estás familiarizado con[[Creating a Material|creación de materiales]]. Hay muchas formas de crear graffitis y este artículo no afirma que sea la única ni la mejor manera de hacerlo.}}


In short, the goal is to create a material with a DecalModulate shader along with a texture that has a RGB 124 126 124 background. Steps and details are as follows:
En resumen, el objetivo es crear un material con un sombreador DecalModulate y una textura con un fondo RGB 124, 126 y 124. Los pasos y detalles son los siguientes:


The process can be broken down into four small steps:
El proceso se puede dividir en cuatro pasos:
#Create a transparent source image with background completely filled with color RGB 127 127 127
#Crear una imagen de origen transparente con el fondo completamente relleno con el color RGB 127 127 127
#Save the image as TGA without alpha
#Guardar la imagen como TGA sin alfa
#Convert the image to a VTF using [[Vtex (Source 1)|vtex]] provided by the L4D1 or L4D2 Authoring Tools (this results in a background color of RGB 124 126 124). This step is the main distinction in this tutorial.
#Convertir la imagen a un VTF usando [[Vtex (Source 1)|vtex]] proporcionado por las herramientas de creación de L4D1 o L4D2 (esto da como resultado un color de fondo RGB 124 126 124). Este paso es la principal diferencia en este tutorial.
#Create the accompanying VMT with <code>DecalModulate</code> shader and test
#Crear el VMT adjunto con el sombreador <code>DecalModulate</code> y probarlo.


==Creating and saving the image==
==Creación y guardar la imagen==
[[File:l4d_graffiti_tutorial_01.png|thumb|right|200px|caption|The source image in an image editing program, Adobe Photoshop CS5. Source image '''149_graffiti_monolith''' provided by Kev Edwards.]]
[[File:l4d_graffiti_tutorial_01.png|thumb|right|200px|caption|Imagen original en un programa de edición de imágenes, Adobe Photoshop CS5. Imagen original '''149_graffiti_monolith''' proporcionada por Kev Edwards.]]
The image should include a RGB 127 127 127 background. There is no need for an alpha channel. Save the image as a TGA (24 or 32-bit) in the '''materialsrc''' folder found in the game directory (located alongside the sounds, materials, models, etc. folders). If the folder does not exist, please create it. Unfortunately, you cannot create the VTF using [[VTFEdit]] or the VTFedit plug-in at this time. [[Vtex (Source 1)|Vtex]] is necessary in order to generate a VTF with a background color of RGB 124 126 124.
La imagen debe incluir un fondo RGB 127x127x127. No se necesita canal alfa. Guarda la imagen como TGA (24 o 32 bits) en la carpeta '''materialsrc''' del directorio del juego (junto a las carpetas de sonidos, materiales, modelos, etc.). Si la carpeta no existe, créala. Lamentablemente, no se puede crear el VTF con [[VTFEdit]] o el complemento VTFedit en este momento. [[Vtex (Source 1)|Vtex]] is necessary in order para generar un VTF con un color de fondo RGB 124 126 124.
{{note|VTFEdit is in constant development and its features/limitations are subject to change.}}
{{note|VTFEdit está en constante desarrollo y sus características/limitaciones están sujetas a cambios.}}
Programs other than Adobe Photoshop should give the same results. Feel free to experiment with other image editing programs, file formats, and settings.
Otros programas además de Adobe Photoshop deberían dar los mismos resultados. Experimente con otros programas de edición de imágenes, formatos de archivo y configuraciones.


==Converting to VTF==
==Conversión a VTF==
[[File:l4d_graffiti_tutorial_02.png|thumb|right|200px|caption|149_graffiti_monolith.tga in the L4D2 materialsrc folder alongside a shortcut of vtex.exe, ready for converting.]]
[[File:l4d_graffiti_tutorial_02.png|thumb|right|200px|caption|149_graffiti_monolith.tga en la carpeta materialsrc de L4D2 junto con un acceso directo a vtex.exe, listo para convertir.]]
Create a shortcut of vtex.exe and place it in the '''materialsrc''' folder. vtex is located in the '''bin''' directory of the game (for example, '''C:\Program Files (x86)\Steam\steamapps\common\left 4 dead 2\bin'''). Drag the source image (TGA file) onto the vtex.exe shortcut. The resulting VTF will be created in the '''materials''' folder. *.pwl.vtf is primarily for consoles, so that can be ignored/deleted in this case.
Crea un acceso directo a vtex.exe y colócalo en la carpeta '''materialsrc'''. vtex se encuentra en el directorio '''bin''' del juego (por ejemplo, '''C:\Archivos de programa (x86)\Steam\steamapps\common\left 4 dead 2\bin'''). Arrastra la imagen de origen (archivo TGA) al acceso directo a vtex.exe. El archivo VTF resultante se creará en la carpeta '''materials'''. *.pwl.vtf es principalmente para consolas, por lo que se puede ignorar o eliminar en este caso.


==Create the VMT and testing==
==Crear el VMT y realizar pruebas==
[[File:l4d_graffiti_tutorial_03.png|thumb|right|200px|caption|The VMT text, resulting graffiti placed as an overlay in Hammer, and in-game result.]]
[[File:l4d_graffiti_tutorial_03.png|thumb|right|200px|caption|El texto VMT, el grafiti resultante colocado como superposición en Hammer y el resultado en el juego.]]
The VMT uses the <code>DecalModulate</code> shader. The following example VMT refers to the basetexture located in the '''materials''' folder (in the '''graffiti''' subfolder), '''graffiti/graffiti_saferoom_c1_m3-4_01.vtf'''. It is the only line that should be changed within the VMT. The actual file name of the VMT is the same name as the VTF but only as a convention. In this case, the VMT file name is '''graffiti_saferoom_c1_m3-4_01.vmt'''.  
El VMT utiliza el <code>DecalModulate</code> sombreador. El siguiente ejemplo VMT se refiere a la textura base ubicada en la carpeta '''materiales''' (en la subcarpeta '''graffiti'''),'''graffiti/graffiti_saferoom_c1_m3-4_01.vtf'''. Es la única línea que debe cambiarse dentro del VMT. El nombre del archivo del VMT es el mismo que el del VTF, pero solo por convención. En este caso, el nombre del archivo del VMT es '''graffiti_saferoom_c1_m3-4_01.vmt'''.  
<pre>
<pre>
DecalModulate
DecalModulate
{
{
$basetexture "graffiti/graffiti_saferoom_c1_m3-4_01" //notice how the file type is not needed!
$basetexture "graffiti/graffiti_saferoom_c1_m3-4_01" //¡Observe cómo el tipo de archivo no es necesario!
$surfaceprop default
$surfaceprop default
$decal 1
$decal 1
Line 38: Line 39:
}
}
</pre>
</pre>
The new material should appear in Hammer and its material browser. The graffiti should have a completely transparent background when applied as an overlay on a brush.
El nuevo material debería aparecer en Hammer y su explorador de materiales. El grafiti debería tener un fondo completamente transparente al aplicarlo como superposición sobre un pincel.


==Troubleshooting==
==Solución de problemas==
There are some issues that may crop up during the process that can be easily resolved:
Hay algunos problemas que pueden surgir durante el proceso y que se pueden resolver fácilmente:
;* Graffiti simply does not show up in the material browser or in the 3D view in Hammer
;* El grafiti simplemente no aparece en el explorador de materiales ni en la vista 3D de Hammer.
: In most cases, simply re-check the basetexture path used in the VMT. It might have the incorrect path to the texture (VTF).
: En la mayoría de los casos, simplemente vuelva a verificar la ruta de la textura base utilizada en el VMT. Podría tener una ruta incorrecta a la textura (VTF).
;* The background is not transparent as expected and appears to show the overlay border.
;* El fondo no es transparente como se esperaba y parece mostrar el borde superpuesto.
: Make sure the background layer to the source image (TGA) is completely filled with RGB 127 127 127. The solid gray background can be lost during image resizing, for example, especially around the edges of the image.
: Asegúrese de que la capa de fondo de la imagen de origen (TGA) esté completamente llena con RGB 127 127 127. El fondo gris sólido puede perderse al redimensionar la imagen, por ejemplo, especialmente alrededor de los bordes.
;* The VTF converted always has a background other than RGB 124 126 124. This results in a non-transparent background in-game.
;* El VTF convertido siempre tiene un fondo distinto de RGB 124 126 124. Esto resulta en un fondo no transparente en el juego.
: The source image should be converted using vtex provided with the authoring tools. Third-party programs appear to have difficulty achieving that specific color.
: La imagen de origen debe convertirse utilizando el vtex proporcionado con las herramientas de creación. Los programas de terceros parecen tener dificultades para lograr ese color específico.


==See also==
==Véase también==
* [[Decals#Using_modulation|Decals - Using modulation]]
* [[Decals#Using_modulation|Decals - Using modulation]]


==External links==
==External links==
[http://left4dead.wikia.com/wiki/Graffiti The Left 4 Dead Wiki - Graffiti] - Gallery and captions of graffiti found in official maps
[http://left4dead.wikia.com/wiki/Graffiti The Left 4 Dead Wiki - Graffiti] - Galería y guías de grafitis encontrados en mapas oficiales


[[Category:Left 4 Dead]]
[[Category:Left 4 Dead]]
[[Category:Left 4 Dead 2]]
[[Category:Left 4 Dead 2]]
[[Category:Tutorials]]
[[Category:Tutorials]]

Latest revision as of 21:38, 30 August 2025

Under construction.png
This page is actively undergoing a major edit.
As a courtesy, please do not edit this while this message is displayed.
If this page has not been edited for at least several hours to a few days, please remove this template. This message is intended to help reduce edit conflicts; please remove it between editing sessions to allow others to edit the page.

The person who added this notice will be listed in its edit history should you wish to contact them.

Info content.png
This page needs to be translated.
This page either contains information that is only partially or incorrectly translated, or there isn't a translation yet.
If this page cannot be translated for some reason, or is left untranslated for an extended period of time after this notice is posted, the page should be requested to be deleted.
Also, please make sure the article complies with the alternate languages guide.(en)
English (en)Español (es)Translate (Translate)
Los grafitis transmiten mensajes atractivos que enriquecen profundamente la experiencia del jugador.

serie Left 4 Deadserie Left 4 Dead Los grafiti en la serie Left 4 Dead se utiliza ampliamente en los mapas oficiales. También conocidos como escritos en la pared o garabatos, como se ve en la serie Portal y otros juegos de Valve, hay muchas formas de crear grafitis. La serie L4D sigue una técnica particular que los mantiene pequeños en tamaño de archivo y, supuestamente, menos costosos de renderizar. ¡El proceso es simple y divertido!

Note.pngNota:Se supone que estás familiarizado concreación de materiales. Hay muchas formas de crear graffitis y este artículo no afirma que sea la única ni la mejor manera de hacerlo.

En resumen, el objetivo es crear un material con un sombreador DecalModulate y una textura con un fondo RGB 124, 126 y 124. Los pasos y detalles son los siguientes:

El proceso se puede dividir en cuatro pasos:

  1. Crear una imagen de origen transparente con el fondo completamente relleno con el color RGB 127 127 127
  2. Guardar la imagen como TGA sin alfa
  3. Convertir la imagen a un VTF usando vtex proporcionado por las herramientas de creación de L4D1 o L4D2 (esto da como resultado un color de fondo RGB 124 126 124). Este paso es la principal diferencia en este tutorial.
  4. Crear el VMT adjunto con el sombreador DecalModulate y probarlo.

Creación y guardar la imagen

Imagen original en un programa de edición de imágenes, Adobe Photoshop CS5. Imagen original 149_graffiti_monolith proporcionada por Kev Edwards.

La imagen debe incluir un fondo RGB 127x127x127. No se necesita canal alfa. Guarda la imagen como TGA (24 o 32 bits) en la carpeta materialsrc del directorio del juego (junto a las carpetas de sonidos, materiales, modelos, etc.). Si la carpeta no existe, créala. Lamentablemente, no se puede crear el VTF con VTFEdit o el complemento VTFedit en este momento. Vtex is necessary in order para generar un VTF con un color de fondo RGB 124 126 124.

Note.pngNota:VTFEdit está en constante desarrollo y sus características/limitaciones están sujetas a cambios.

Otros programas además de Adobe Photoshop deberían dar los mismos resultados. Experimente con otros programas de edición de imágenes, formatos de archivo y configuraciones.

Conversión a VTF

149_graffiti_monolith.tga en la carpeta materialsrc de L4D2 junto con un acceso directo a vtex.exe, listo para convertir.

Crea un acceso directo a vtex.exe y colócalo en la carpeta materialsrc. vtex se encuentra en el directorio bin del juego (por ejemplo, C:\Archivos de programa (x86)\Steam\steamapps\common\left 4 dead 2\bin). Arrastra la imagen de origen (archivo TGA) al acceso directo a vtex.exe. El archivo VTF resultante se creará en la carpeta materials. *.pwl.vtf es principalmente para consolas, por lo que se puede ignorar o eliminar en este caso.

Crear el VMT y realizar pruebas

El texto VMT, el grafiti resultante colocado como superposición en Hammer y el resultado en el juego.

El VMT utiliza el DecalModulate sombreador. El siguiente ejemplo VMT se refiere a la textura base ubicada en la carpeta materiales (en la subcarpeta graffiti),graffiti/graffiti_saferoom_c1_m3-4_01.vtf. Es la única línea que debe cambiarse dentro del VMT. El nombre del archivo del VMT es el mismo que el del VTF, pero solo por convención. En este caso, el nombre del archivo del VMT es graffiti_saferoom_c1_m3-4_01.vmt. 

DecalModulate
{
$basetexture "graffiti/graffiti_saferoom_c1_m3-4_01" //¡Observe cómo el tipo de archivo no es necesario!
$surfaceprop default
$decal 1
$vertexcolor 1
$vertexalpha 1
}

El nuevo material debería aparecer en Hammer y su explorador de materiales. El grafiti debería tener un fondo completamente transparente al aplicarlo como superposición sobre un pincel.

Solución de problemas

Hay algunos problemas que pueden surgir durante el proceso y que se pueden resolver fácilmente:

  • El grafiti simplemente no aparece en el explorador de materiales ni en la vista 3D de Hammer.
En la mayoría de los casos, simplemente vuelva a verificar la ruta de la textura base utilizada en el VMT. Podría tener una ruta incorrecta a la textura (VTF).
  • El fondo no es transparente como se esperaba y parece mostrar el borde superpuesto.
Asegúrese de que la capa de fondo de la imagen de origen (TGA) esté completamente llena con RGB 127 127 127. El fondo gris sólido puede perderse al redimensionar la imagen, por ejemplo, especialmente alrededor de los bordes.
  • El VTF convertido siempre tiene un fondo distinto de RGB 124 126 124. Esto resulta en un fondo no transparente en el juego.
La imagen de origen debe convertirse utilizando el vtex proporcionado con las herramientas de creación. Los programas de terceros parecen tener dificultades para lograr ese color específico.

Véase también

External links

The Left 4 Dead Wiki - Graffiti - Galería y guías de grafitis encontrados en mapas oficiales

Retrieved from "https://developer.valvesoftware.com/w/index.php?title=Es/Left_4_Dead_Graffiti_Tutorial&oldid=487886"