(Photoshop) Mapas con paleta de Minecraft.

Moderadores: SGM, Moderador, GM

Responder
Avatar de Usuario
Volkhovia
Superviviente
Superviviente
Mensajes: 814
Registrado: 16 May 2014, 13:21

#1

Ya sabéis que dejar a minecraft la conversión de una imagen a mapa suele resultar en desastre estético. Hago este tutorial para que tengáis un poco más de control en cuanto al resultado de la imagen final, y no tener que cruzar los dedos para que no salgan manchurrones espantosos.

Para los que no hayáis visto ninguno, las imágenes de mapas son esas imágenes que se ponen en itemframes en lugar de un "empty map". Realmente es MUY fácil, aunque parezca largo, intento hacerlo detallado para que nadie se pierda.

Imagen

Para empezar, hay que decir que hay imágenes que no tienen remedio, por desgracia la paleta de minecraft es limitada y no le gustan los contrastes o los panoramas oscuros (noche/atardecer)

El tamaño de cada imagen es de 128x128 por cada itemframe. Mientras más grande, más espacio tendrá la imagen para convertir adecuadamente detalle (un mapa de 4x2 itemframes se verá mejor que uno de 2x1).

Imagen

6x3 y 2x1 respectivamente

Imagen Imagen

Usaremos esta imagen de ejemplo.

Imagen



1. Recortar con proporción


Lo primero es saber cuántos bloques va a ocupar tu imagen de ancho y alto y recortarla. Puedes poner la proporción con la herramienta de corte (C) de Photoshop (Nota: No redimensiona la imagen, sólo la corta).

Probaremos con un 6x3.

Spoiler

Imagen

Enmarca bien y dale a enter cuando acabes.



2. Redimensionar


Vamos al menú Imagen > Tamaño de Imagen. Multiplicamos 128 por cada cubo de ancho y alto y ponemos esa medida. En mi caso, 768x384.

Spoiler

Imagen

Imagen

Nota: para redimensionar un pixel art, cambia "Bicubic Automatic" por "Nearest Neightbor".



3. Adaptar a Paleta de Minecraft.


Si usas Photoshop, necesitarás este archivo (Cortesía de [member=8]Fochis[/member] , gracias!) . Si usas Gimp...averiguaré más adelante cómo se hace en Gimp.

Imagen

Ahora vamos a Imagen > Modo > Color Indexado. Recuerda hacer todo tipo de edición antes de cambiar el modo de color de la imagen, ya que la edición en Color Indexado es más que limitada. Luego debes cargar la paleta custom en el menú desplegable de la ventana de Color Indexado.

Spoiler

Imagen
Imagen



4. Elegir la mejor opción.


Este es el punto en el que podrás controlar el resultado. A partir de ahora se trata de elegir la mejor opción para tu imagen. Todas las opciones suelen ser mínimamente decentes menos la Default, si la imagen vale. Si no te convence ninguna de las opciones, más vale cambiar de imagen.

Personalmente siempre uso "difussion", y si me molesta demasiado el contraste entre píxeles, bajo un poco el porcentaje de difusión hasta que me satisface (o no).

Imagen Imagen
Imagen Imagen

Más de cerca

ImagenImagen
ImagenImagenImagen



5. Guardar


Para guardar de manera apropiada, vamos a Archivo > Guardar para web y guárdala como PNG-24.

Spoiler

Imagen Imagen


¡Listo!

Mucho mejor que la conversion automática :)

Imagen

Imagen

Última edición por Volkhovia el 07 Ago 2016, 20:33, editado 1 vez en total.

Imagen

Avatar de Usuario
Drzego
Superviviente
Superviviente
Mensajes: 8116
Registrado: 12 Feb 2011, 17:22
Contactar:

#2

Muy útil, sobretodo para todos los que estéis preparando algun tipo de cartel para la ExpoLB ahora mismo.

[html]<iframe frameborder="0" src="https://itch.io/embed/273009?linkback=true" width="552" height="167"></iframe>[/html]

Titi_Riera
Superviviente
Superviviente
Mensajes: 611
Registrado: 08 Ene 2013, 10:01

#3

Buen aporte Volk ;) Gracias!

Avatar de Usuario
Yandrax
Superviviente
Superviviente
Mensajes: 1401
Registrado: 24 Feb 2014, 19:06
Contactar:

#4

Uf! Esto viene de maravilla, y está muy bien explicado, si señora  :D
Gracias Volk

Avatar de Usuario
LucasK336
Superviviente
Superviviente
Mensajes: 2194
Registrado: 13 Sep 2011, 18:57

#5

Muchas gracias Volk!

Avatar de Usuario
reddw562
VIP
VIP
Mensajes: 3006
Registrado: 16 Mar 2011, 19:42

#6

Muy bueno, ¡enhorabuena y gracias!  ;D

javiertarifa

#7

Buen tutorial, muchas gracias.  ;D

Avatar de Usuario
Volkhovia
Superviviente
Superviviente
Mensajes: 814
Registrado: 16 May 2014, 13:21

#8

Me alegro de que os sea útil ^^

Imagen

Avatar de Usuario
Pixel
Mensajes: 361
Registrado: 20 Jul 2015, 23:57

#9

Bastante util, bien hecho Volk!

Avatar de Usuario
J4D3Clay
Mensajes: 88
Registrado: 19 Jul 2016, 00:47

#10

Muy Util! +1

Avatar de Usuario
Tania
Superviviente
Superviviente
Mensajes: 660
Registrado: 14 Mar 2011, 15:07

#11

Genial el post Volk ^^ Está muy bien hecho.
Ojalá tuviese shaders para hacer screenshots de esa calidad.

Imagen

Avatar de Usuario
Volkhovia
Superviviente
Superviviente
Mensajes: 814
Registrado: 16 May 2014, 13:21

#12

Tania escribió:

Ojalá tuviese shaders para hacer screenshots de esa calidad.

Lo mismo digo :( (si, eso no fue hecho con mi patatátil). Por cierto, la screenshot es en Seppuku.

Imagen

Responder