Skin Creation/es: Difference between revisions

From DDraceNetwork
(Created page with "'''''Skin''''' tienen un formato RGBA de 32 bits y una proporción de 2:1. Cada lado de la imagen debe ser divisible por 4 píxeles.")
(Updating to match new version of source page)
(3 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{MigrateTranslation}}
<languages/>
<languages/>
{{Stub{{#translation:}}}}
{{Stub}}


'''''Skin''''' tienen un formato RGBA de 32 bits y una proporción de 2:1. Cada lado de la imagen debe ser divisible por 4 píxeles.
'''''Skin''''' tienen un formato RGBA de 32 bits y una proporción de 2:1. Cada lado de la imagen debe ser divisible por 4 píxeles.




<div lang="en" dir="ltr" class="mw-content-ltr">
Para crear una skin, necesitarás el software adecuado antes de empezar. Se aconseja utilizar un editor de imágenes de gráficos vectoriales, ya que producen exportaciones claras y fáciles de editar. Algunas opciones populares son:
To create a skin, you'll need the appropriate software before you begin. It's advised to use a vector graphics image editor, as they produce clean exports and are easy to edit. Some popular choices are:
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
* [https://inkscape.org/ Inkscape] (gratuito, de código abierto, y la elección de este tutorial).
* [https://inkscape.org/ Inkscape] (free, open-source, and the choice of this tutorial)
* [https://www.adobe.com/products/illustrator.html Adobe Illustrator.]
* [https://www.adobe.com/products/illustrator.html Adobe Illustrator]
* [https://affinity.serif.com/en-us/ Affinity Designer.]
* [https://affinity.serif.com/en-us/ Affinity Designer]
</div>




<div lang="en" dir="ltr" class="mw-content-ltr">
A continuación, es hora de empezar a hacer la skin. Lo más fácil es partir de una skin preexistente o de una plantilla [https://github.com/ddnet/ddnet-data-svg/tree/main/skins Este repositorio de GitHub] contiene muchas versiones .svg de skins populares. Echemos un vistazo a la skin .svg por defecto:
Next, it's time to start making your skin. It's easiest to start from a pre-existing skin, or a template file. [https://github.com/ddnet/ddnet-data-svg/tree/main/skins This GitHub repo] contains many .svg remakes of popular skins. Let's take a look at the default skin .svg:
</div>


[[File:Default skin svg.png|thumb|default.svg]]
[[File:Default skin svg.png|thumb|default.svg]]
<div lang="en" dir="ltr" class="mw-content-ltr">
Como vemos, cada parte del cuerpo tiene su correspondiente versión en sombra negra.  
As we can see, each body part has a corresponding black shadow version.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
La sombra negra de cada parte del cuerpo es el contorno utilizado en el tee en su conjunto.
The black shadow of each body part is the outline used in the tee as a whole.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
Asegúrate de que comparten la misma forma que cada una de las partes del cuerpo, pero con un tamaño de trazo mayor.
Make sure these share the same shape as each body part, but with a larger stroke size.
 
</div>
==Body Parts Rendering order==
 
{{todo|verify this is correct}}
 
# Hand outline
# Hand
# Back feet outline
# Body outline
# Front feet outline
# Back feet
# Body
# Eyes
# Front Feet


[[Category:Tutorial{{#translation:}}]]
[[Category:Tutorial{{#translation:}}]]

Revision as of 09:30, 2 October 2023

Este artículo necesita contenido. Puedes ayudarnos editándolo y mejorándolo.

Skin tienen un formato RGBA de 32 bits y una proporción de 2:1. Cada lado de la imagen debe ser divisible por 4 píxeles.


Para crear una skin, necesitarás el software adecuado antes de empezar. Se aconseja utilizar un editor de imágenes de gráficos vectoriales, ya que producen exportaciones claras y fáciles de editar. Algunas opciones populares son:


A continuación, es hora de empezar a hacer la skin. Lo más fácil es partir de una skin preexistente o de una plantilla Este repositorio de GitHub contiene muchas versiones .svg de skins populares. Echemos un vistazo a la skin .svg por defecto:

default.svg

Como vemos, cada parte del cuerpo tiene su correspondiente versión en sombra negra.

La sombra negra de cada parte del cuerpo es el contorno utilizado en el tee en su conjunto.

Asegúrate de que comparten la misma forma que cada una de las partes del cuerpo, pero con un tamaño de trazo mayor.

Body Parts Rendering order

TODO: verify this is correct
  1. Hand outline
  2. Hand
  3. Back feet outline
  4. Body outline
  5. Front feet outline
  6. Back feet
  7. Body
  8. Eyes
  9. Front Feet