{"id":1589,"date":"2021-03-04T09:32:29","date_gmt":"2021-03-04T09:32:29","guid":{"rendered":"https:\/\/upsteam.es\/?p=1589"},"modified":"2025-01-12T12:28:46","modified_gmt":"2025-01-12T12:28:46","slug":"recursos-gratuitos-iii-herramientas-diseno-2d","status":"publish","type":"post","link":"https:\/\/upsteam.es\/va\/recursos-gratuitos-iii-herramientas-diseno-2d","title":{"rendered":"Recursos Gratuitos (III): Herramientas Dise\u00f1o 2D"},"content":{"rendered":"

Uno de los factores a tener en cuenta en el momento de idear el dise\u00f1o visual de un juego es la tecnolog\u00eda que tenemos disponible para trabajar o que podemos elegir en base a los recursos de producci\u00f3n de los que dispongamos. La tecnolog\u00eda de representaci\u00f3n de gr\u00e1ficos o el engine<\/span> <\/strong>o motor<\/strong> del juego<\/strong><\/span> <\/strong>que elijamos van a ser muy importante a la hora moldear las caracter\u00edsticas visuales que queremos brindar a nuestro juego. Idealmente estas inc\u00f3gnitas deber\u00e1n despejarse durante la fase de preproducci\u00f3n<\/strong><\/span>. Las limitaciones y requerimientos t\u00e9cnicos existentes en la plataforma objetivo tambi\u00e9n influir\u00e1n mucho en el tipo de gr\u00e1ficos que podemos crear.<\/p>\n\n\n\n

Una posible clasificaci\u00f3n, muy general, de estilos visuales seg\u00fan tecnolog\u00edas<\/span><\/strong> seria esta:<\/p>\n\n\n\n

Pixel Art<\/strong><\/h1>\n\n\n\n

 <\/strong>Los gr\u00e1ficos del juego se construyen como mosaicos. Este estilo es la herencia de las limitaciones gr\u00e1ficas que ten\u00edan los primeros ordenadores y videoconsolas, as\u00ed que estamos hablando de una de las formas m\u00e1s tempranas y b\u00e1sicas de hacer gr\u00e1ficos en un juego. Aunque hoy en d\u00eda dichas limitaciones son infinitamente menos restrictivas (seg\u00fan la plataforma), el estilo en si sigue estando en alza, aunque en la mayor\u00eda de los casos se usa m\u00e1s resoluci\u00f3n, m\u00e1s colores, etc…<\/p>\n\n\n\n

Se usa mucho en juegos independientes, puesto que permite, con relativamente pocos recursos, producir un arte muy llamativo. Tambi\u00e9n se usa con la intenci\u00f3n de dar un aspecto retro y\/ nost\u00e1lgico.<\/p>\n\n\n\n

\"\"
Fuente: Super Time Force<\/figcaption><\/figure><\/div>\n\n\n\n

Algunos ejemplos de programas especializados en Pixel Art:<\/strong><\/p>\n\n\n\n

Piskel<\/span><\/strong><\/h3>\n\n\n\n

Piskel es un editor muy completo para crear sprites en dos dimensiones, que puedes usar totalmente gratis. Lo \u00fanico que tendr\u00e1s que hacer es registrarte, nada m\u00e1s, y elegir si quieres que tu cuenta sea p\u00fablica o privada. Y si te hace falta, incluso podr\u00e1s conseguir una versi\u00f3n offline del editor.<\/p>\n\n\n\n

Si te gusta el pixel art y est\u00e1s buscando una forma f\u00e1cil de empezar a crearlo, Piskel es por donde debes empezar<\/span><\/strong>.<\/p>\n\n\n\n

Link de la aplicaci\u00f3n: https:\/\/www.piskelapp.com\/<\/a><\/p>\n\n\n\n

\"\"
Aplicaci\u00f3n Piskel<\/figcaption><\/figure><\/div>\n\n\n\n

Graphics Gale <\/span>(Free edici\u00f3n)<\/strong><\/h3>\n\n\n\n

Otro software bien conocido entre los editores de gr\u00e1ficos retro es Graphics Gale<\/strong>, el cu\u00e1l destaca por su multitud de opciones y herramientas. Permite la edici\u00f3n de m\u00faltiples frames, soporta canales alfa, transparencias, capas, etc…<\/p>\n\n\n\n

Link de descarga: https:\/\/graphicsgale.com\/us\/<\/a><\/p>\n\n\n\n

\"\"
Aplicaci\u00f3n Graphics Gale<\/figcaption><\/figure><\/div>\n\n\n\n

Ilustraci\u00f3n 2D<\/strong><\/h1>\n\n\n\n

La evoluci\u00f3n del Pixel Art, donde el arte ya no solo no se restringe al n\u00famero de pixeles en pantalla si no que tiende a parecerse m\u00e1s a una ilustraci\u00f3n, dando un resultado similar a lo que podemos ver en los dibujos animados. En este caso tambi\u00e9n es habitual hacer uso de un motor 3D.<\/p>\n\n\n\n

\"\"
Fuente: Cuphead<\/figcaption><\/figure><\/div>\n\n\n\n

Algunos ejemplos de programas especializados en Ilustraci\u00f3n 2D:<\/strong><\/p>\n\n\n\n

Krita<\/span><\/strong><\/h3>\n\n\n\n

 Krita est\u00e1 pensado para pintura digital y animaci\u00f3n. Soporta pinceles realistas avanzados, tiene capas y m\u00e1scaras, se pueden agrupar capas y permite importar gr\u00e1ficos vectoriales. Es gratuito y potente y mucha gente que empieza a dibujar utiliza Krita como primer programa con una tableta grafica barata.<\/p>\n\n\n\n

Link de descarga: https:\/\/krita.org\/en\/download\/krita-desktop\/<\/a><\/p>\n\n\n\n

\"\"
Aplicaci\u00f3n Krita<\/figcaption><\/figure><\/div>\n\n\n\n

GIMP<\/span><\/strong><\/h3>\n\n\n\n

GIMP es un editor gratuito. Se utiliza mucho para edici\u00f3n y retoque de imagen, para dibujar en el ordenador, y para pasar de un formato a otro. Hay profesionales que dicen que puede ser una alternativa gratuita para programas de pago. Tambi\u00e9n compatible con tableta gr\u00e1fica, diferenciando presi\u00f3n y velocidad de trazado entre otros.<\/p>\n\n\n\n

\"\"
Aplicaci\u00f3n Gimp<\/figcaption><\/figure><\/div>\n\n\n\n

Link de descarga: https:\/\/www.gimp.org\/downloads\/<\/a><\/p>\n\n\n\n

ArtWeaver<\/span><\/strong><\/h3>\n\n\n\n

ArtWeaver es un editor gratuito especialmente \u00fatil si se est\u00e1 familiarizado con Adobe Photoshop. Permite utilizar capas, transparencias, gradientes, pinceles realistas… Te permite simular pinceles al \u00f3leo, acr\u00edlicos, pastel, l\u00e1pices, aer\u00f3grafo… Adem\u00e1s, cuenta con una curiosa propiedad y es que permite editar a diferentes personas el mismo documento a la vez, lo cual puede hacer m\u00e1s divertido el proceso de producci\u00f3n.<\/p>\n\n\n\n

\"\"
Aplicaci\u00f3n ArtWeaver<\/figcaption><\/figure><\/div>\n\n\n\n

Link de descarga: https:\/\/www.artweaver.de\/en\/download<\/a><\/p>\n\n\n\n

Vectorizados<\/strong><\/h1>\n\n\n\n

Tipo de gr\u00e1ficostambi\u00e9n usando en los primeros ordenadores, que podemos decir que es la antesala de los gr\u00e1ficos en 3D, puesto que su base es la misma, solo que simplificando el sistema de coordenadas de 3 a 2. Hoy en d\u00eda no se usan demasiado, aparte de en juegos con tecnolog\u00eda Flash, aunque podemos encontrar ejemplos de juegos que hacen un gran uso de esta t\u00e9cnica.<\/p>\n\n\n\n

\"\"
Fuente: Geometry Wars<\/figcaption><\/figure><\/div>\n\n\n\n

Algunos ejemplos de programas especializados en Vectorizados:<\/strong><\/p>\n\n\n\n

Inkscape<\/span><\/strong><\/h3>\n\n\n\n

Inkscape es un editor de gr\u00e1ficos vectoriales gratis y de c\u00f3digo abierto. Su interfaz es limpia y es f\u00e1cil de usar. Sus ventajas son su facilidad de uso, y el manejo de los nodos o puntos de control de las formas vectoriales. Su mayor problema es que si quieres preparar un documento para imprimir tienes que llev\u00e1rtelo a un programa que tenga soporte para colores CMYK para impresi\u00f3n.<\/p>\n\n\n\n

\"\"
Aplicaci\u00f3n Inkscape<\/figcaption><\/figure><\/div>\n\n\n\n

Link de descarga: https:\/\/inkscape.org\/es\/<\/a><\/p>\n\n\n\n

Gravit Designer<\/span><\/strong><\/h3>\n\n\n\n

Gravit Designer es un programa gratis para dise\u00f1ar vectorialmente. Tiene una interfaz intuitiva, y un sistema muy f\u00e1cil para exportar los gr\u00e1ficos vectoriales. Tambi\u00e9n es bueno para trabajos que se van a imprimir, ya que te da mucha precisi\u00f3n al permitirte trabajar en pixels, mm, cm, etc.<\/p>\n\n\n\n

\"\"
Aplicaci\u00f3n Gravit Designer<\/figcaption><\/figure><\/div>\n\n\n\n

Link de descarga: https:\/\/www.designer.io\/<\/a><\/p>","protected":false},"excerpt":{"rendered":"

Uno de los factores a tener en cuenta en el momento de idear el dise\u00f1o visual de un juego es la tecnolog\u00eda que tenemos disponible para trabajar o que podemos elegir en base a los recursos de producci\u00f3n de los que dispongamos. La tecnolog\u00eda de representaci\u00f3n de gr\u00e1ficos o el engine o motor del juego… Llegiu m\u00e9s »Recursos Gratuitos (III): Herramientas Dise\u00f1o 2D<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":1604,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[12],"tags":[23,22,24,19],"class_list":["post-1589","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-recursos","tag-2d","tag-diseno","tag-gratis","tag-programas"],"_links":{"self":[{"href":"https:\/\/upsteam.es\/va\/wp-json\/wp\/v2\/posts\/1589","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/upsteam.es\/va\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/upsteam.es\/va\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/upsteam.es\/va\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/upsteam.es\/va\/wp-json\/wp\/v2\/comments?post=1589"}],"version-history":[{"count":9,"href":"https:\/\/upsteam.es\/va\/wp-json\/wp\/v2\/posts\/1589\/revisions"}],"predecessor-version":[{"id":1612,"href":"https:\/\/upsteam.es\/va\/wp-json\/wp\/v2\/posts\/1589\/revisions\/1612"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/upsteam.es\/va\/wp-json\/wp\/v2\/media\/1604"}],"wp:attachment":[{"href":"https:\/\/upsteam.es\/va\/wp-json\/wp\/v2\/media?parent=1589"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/upsteam.es\/va\/wp-json\/wp\/v2\/categories?post=1589"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/upsteam.es\/va\/wp-json\/wp\/v2\/tags?post=1589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}