Bienvenido(a), Visitante. Por favor, ingresa o regístrate. ¿Perdiste tu email de activación?
Marzo 28, 2024, 11:26:58 am

Autor Tema: Crear 'Dungeon Tiles' con Photoshop  (Leído 31156 veces)

Zeta-Kun

  • Zombi
  • *
  • Mensajes: 61
Crear 'Dungeon Tiles' con Photoshop
« en: Abril 29, 2011, 02:57:43 am »
Esto  me lo encontre mientras buscaba texturas y la verdad q se ve muy bien y es facil hacerlo, asi q decidi compartirlo con ustedes.

Es el link de la fuente https://antonioazpitarte.blogspot.com/2011/03/tutorial-para-crear-dungeon-tiles-con.html
Nota: El autor del tutorial es el usuario rapatuan

Aquí un par de paginas de texturas:


Tutorial para crear 'Dungeon Tiles' con Photoshop fácilmente
por Antonio Azpirarte (rapatuan)

Hoy para variar voy a postear un tutorial sobre como crear 'tiles' para añadirle vistosidad a los juegos en los que empleemos mapas y figuras. Está pensado para crear tiles de 1" y en el ejemplo voy a hacer una habitación de 5x5 baldosas con un elemento en bajorrelieve.


1. Comenzamos por crear un documento nuevo en modo RGB de 5x5 pulgadas y 300ppp para poder imprimirlo con buena calidad. Llenamos el documento de color negro y creamos una capa encima de esta con un color marrón, por ejemplo. (Podremos cambiarlo más adelante mediante ajustes de Tono y Saturación):

 

2. Modificamos los estilos de capa. Accedemos a los estilos de capa a través del menú Capa o haciendo click derecho sobre la capa. Seleccionamos Bisel y Relieve y le damos los parámetros siguientes:
- BISEL y RELIEVE: Inglete interior, cincel blando, profundidad 120%, tamaño 12, color de luces marrón o naranja claro, color de sombras un marrón oscuro al 100%, el resto lo dejamos como está.



- SUPERPOSICIÓN DE MOTIVO:
Modo de fusión Superponer, elegimos un motivo con textura rocosa, y variamos la escala a nuestro gusto, en este caso al 300%.



3. Seleccionamos mostrar cuadrícula en el menú vista, y la configuramos en las Preferencias del programa para que muestre divisiones cada 1 pulgada (En la imagen aparecen también 4 subdivisiones por cada pulgada).



4. Seleccionamos la herramienta Borrar y elegimos una punta rugosa y dura (que no tenga bordes difusos), le damos un tamaño de 10 px y asegurándonos de que la opacidad y el flujo están al 100%, comenzamos a borrar siguiendo las líneas divisorias principales. Si queremos que las baldosas tengan aspecto de mármol o más limpio podemos mantener pulsado shift mientras borramos y lo haremos en línea recta, para baldosas de pavimento de un calabozo o 'dungeon' es mejor que estas sean algo irregulares por lo que basta con que intentemos seguir la línea a pulso para lograr un efecto irregular muy convincente. Si tenemos pulso de vieja o somos una vieja o viejo de pulso inestable tenemos varias opciones:
- Echar mano de la tecla shift para que las líneas salgan rectas
- Llamar a un nieto o amigo que tenga pulso y nos eche una mano a cambio de una propinilla
- Resignarnos y hacer una habitación de baldosas irregulares
- Echarle horas y mantener una mano fija en el Ctrl-Z hasta que nos salga bien.
Lo dejo enteramente a vuestra elección.



Finalmente, borramos también el perímetro de la habitación y nos queda algo como lo que sigue.



5. Quitamos la cuadrícula, cambiamos el tamaño del borrador a 1px, y comenzamos a dibujar grietas, desperfectos y fisuras en todas las baldosas. Podemos variar la opacidad si queremos representar arañazos o usar puntas de pincel blandas con poca opacidad para representar abombamientos o abolladuras. Yo me he limitado a dibujar fisuras en todas las piezas.



6. En este ejemplo, y como demostración de las posibilidades que ofrece este método, voy a crear un bajorrelieve en la habitación. Seleccionamos una forma cualquiera con la herramienta Forma Personalizada (Parece un Meeple y está en el menú desplegable junto a los cuadrados y polígonos junto a la pluma). En este caso he escogido una flor de lis. Hacemos click en el dibujo con la tecla shift pulsada si queremos mantener las proporciones originales y arrastramos hasta que tenga el tamaño deseado. Nos vamos a la pestaña trazados, que está junto a la de las capas y los canales y hacemos click derecho en la forma que hemos insertado y la convertimos en una selección, aceptando los valores que vienen por defecto. Si la forma no estuviera donde nosotros queremos, seleccionamos la herramienta Lazo y colocamos el cursor sobre la selección. Observaremos que se transforma en una flecha con un rectangulo blanco. Pinchamos y movemos la selección a la posición buscada.



7. Una vez en su sitio la selección, bajamos la opacidad del borrador al 5% y escogiendo una punta muy grande, de 500px o así procedemos a borrar de una sola vez el interior de la selección. Si queremos que el efecto del relieve sea mayor, aumentaremos la opacidad.



8. Una vez tenemos creada la habitación solo faltan los últimos retoques: creamos una nueva capa y la rellenamos con degradado radial de transparente a negro para oscurecer las esquinas:



9. Por último le añadimos un efecto de iluminación mediante el grupo de filtros Interpretar con los siguientes parámetros:



Con lo que conseguimos la siguiente habitación:



0
« Última modificación: Abril 29, 2011, 05:07:53 pm por fre3men »

tonicracks

  • Mecenas HeroQuest.es
  • Fimir
  • *
  • Mensajes: 804
Re: crear 'Dungeon Tiles' con Photoshop
« Respuesta #1 en: Abril 29, 2011, 05:57:17 am »
De piedra compañero, mil gracias. No conocía la página de texturas y la verdad es que es genial. El tutorial, rápido, senzillo y perfectamente explicado. Por fin me veo con fuerzas de intentar diseñar mi propia taberna. Gracias de nuevo, me encanta.
0
Esto será mi vida, porque es lo único importante en ella. Este instante lo es todo, porque he nacido para él. Y, si fracaso, moriré, porque para mí no existe nada más.

fre3men

  • Mecenas HeroQuest.es
  • Reseñer Plata HQ.es
  • Administrador
  • *
  • Mensajes: 6979
  • Me apetece jugar al Merchants & Marauders
    • HeroQuest.ES
Re: Crear 'Dungeon Tiles' con Photoshop
« Respuesta #2 en: Abril 29, 2011, 12:35:43 pm »
He editado un poco el tema para que quede más clara la autoría, ya que se ha reproducido tal cual está en el blog del autor. He enviado un correo al autor para que lo sepa y de su aprovación o no (en tal caso se borrará).

Eso sí, el tutorial es genial!!!! aunque yo uso COREL (power!!!!!!) :D

Por cierto, en su blog tiene cosas tan chulas como esta (muy bonitos dibujos).

Un saludo.
0


La inmovilidad a veces se confunde con la paz | Mi colección de juegos

Zeta-Kun

  • Zombi
  • *
  • Mensajes: 61
Re: Crear 'Dungeon Tiles' con Photoshop
« Respuesta #3 en: Abril 29, 2011, 03:22:16 pm »
He editado un poco el tema para que quede más clara la autoría, ya que se ha reproducido tal cual está en el blog del autor. He enviado un correo al autor para que lo sepa y de su aprovación o no (en tal caso se borrará).

Un saludo.

Gracias fre3men lo dejaste mas bonito  :), la verdad q este es el primer foro en el q estoy  donde hacen todo tan bonito y legal pidiendo permisos a los autores, es muy bueno  ;)
0

ricranz

  • Orco
  • *
  • Mensajes: 128
Re: Crear 'Dungeon Tiles' con Photoshop
« Respuesta #4 en: Abril 29, 2011, 03:36:57 pm »
esta chulo, se merecceria hasta chincheta si no pone pega el autor.
0

fre3men

  • Mecenas HeroQuest.es
  • Reseñer Plata HQ.es
  • Administrador
  • *
  • Mensajes: 6979
  • Me apetece jugar al Merchants & Marauders
    • HeroQuest.ES
Re: Crear 'Dungeon Tiles' con Photoshop
« Respuesta #5 en: Abril 29, 2011, 05:05:46 pm »
Bueno, el autor es también usuario de esta comunidad. Su nick es rapatuan. Ya me ha comentado por correo electrónico que no hay ningún problema, es más, él mismo  lo habría puesto tarde o temprano. Le contesté que esperaría a que me dijera si quería relacionar su nombre al usuario, pero como ya he visto que en muchos temas suyos ya se identificaba, supongo que no habrá problema. Yo tengo que finalizar los preparativos e ir para el aeropuerto!!!! 6ª Quedada HeroQuest.es!!!!!! Como no estaremos por aquí, ya dejo aclarado el tema ;)

De todos modos se pasará por aquí.

Un saludo.

PD: Fijo el tema :D


0


La inmovilidad a veces se confunde con la paz | Mi colección de juegos

shinmen

  • Fimir
  • *
  • Mensajes: 651
Re: Crear 'Dungeon Tiles' con Photoshop
« Respuesta #6 en: Abril 29, 2011, 07:01:34 pm »
Ahora mismo la añado a favoritos compañero. Buen tuto y despierta un montón de ideas.
0

tonicracks

  • Mecenas HeroQuest.es
  • Fimir
  • *
  • Mensajes: 804
Re: Crear 'Dungeon Tiles' con Photoshop
« Respuesta #7 en: Abril 29, 2011, 07:12:12 pm »
Después de una primera prueba debo decir que, aunque está muy bien explicado, la mano del autor, tiene también algo que ver. Mi primer intento no ha obtenido un resultado tan bueno, jeje. Seguiremos probando y tratando de mejorar.
0
Esto será mi vida, porque es lo único importante en ella. Este instante lo es todo, porque he nacido para él. Y, si fracaso, moriré, porque para mí no existe nada más.

Zeta-Kun

  • Zombi
  • *
  • Mensajes: 61
Re: Crear 'Dungeon Tiles' con Photoshop
« Respuesta #8 en: Abril 29, 2011, 09:59:19 pm »
Gracias Fre3men y Rapatuan por dar el permiso, el tutorial esta genial

Después de una primera prueba debo decir que, aunque está muy bien explicado, la mano del autor, tiene también algo que ver. Mi primer intento no ha obtenido un resultado tan bueno, jeje. Seguiremos probando y tratando de mejorar.

jaja tonicracks, a la primera tampoco me quedo igual, pero solo es cuestion de practica y jugar  entre los parametros de estilo la capa , los pinceles y luces. yo no uso una capa de color y la textura de photoshop, directamente pego una textura sacada de las paginas q puse y queda mas bonito, aca te dejo un ejemplo

la textura de esta es la foto de una ceramica de piso

y esta textura la saque de las paginas de arriba


0
« Última modificación: Abril 29, 2011, 11:21:12 pm por Zeta-Kun »

rufian

  • Brujo del Caos
  • *
  • Mensajes: 3300
Re: Crear 'Dungeon Tiles' con Photoshop
« Respuesta #9 en: Abril 30, 2011, 05:50:47 pm »
La de cosas que puede llegar a aprender uno en este foro  :o Muchas gracias por compartirlo, tanto al autor rapatuan como a Zeta-Kun ;)
0

rapatuan

  • Orco
  • *
  • Mensajes: 171
    • Ilustraciones de Antonio Azpitarte
Re: Crear 'Dungeon Tiles' con Photoshop
« Respuesta #10 en: Mayo 03, 2011, 12:24:07 am »
¡Me alegro de que os guste! Muchas gracias a Zeta-Kun por postearlo, a fr3men por la atención mostrada y a los demás por comentarlo. Si tenéis alguna duda, preguntad, que haré lo que pueda por ayudar.

En cuanto a lo que deciáis algunos de que al principio no sale tan bien, como siempre es cuestión de no desanimarse y perseverar. Dicho esto, he de aclarar que uso una tableta gráfica Wacom que facilita, y mucho, las cosas. Si os gusta dibujar y crear cosas es una compra imprescindible.

Estoy preparando otro tutorial para añadir detalles como salpicaduras, moho, hierba, etc. de una manera sencilla. Hay dos maneras, que ya explicaré detenidamente, que son muy cómodas para añadir texturas de un modo rápido y sencillo:

La primera es mediante el tampón de clonar, pero no el habitual sino uno que tiene asociada una textura. Seleccionamos la herramienta y la textura con la que queremos pintar, añadimos algún efecto tipo sombra, brillo o contorno y empezamos a aplicar texturas a nuestro gusto.

La segunda se basa en superponer mediante una capa de ajuste una textura, que podremos escalar según nuestra conveniencia a la que aplicaremos una máscara de capa que a su vez invertimos. Despúes solo nos queda pintar con color blanco sobre esta máscara de capa allí donde queremos que aparezca la textura, aplicando como antes los efectos que deseemos.

Saludos.
0
Saludos.

Alexiel

  • Orco
  • *
  • Mensajes: 207
Re: Crear 'Dungeon Tiles' con Photoshop
« Respuesta #11 en: Mayo 07, 2011, 10:09:25 am »
Esto es una genialidad!!
Respaldo la afirmación de tonicracks al decir que los primeros no salen muy... en fín. Pero poco a poco van saliendo cosas muy decentes! Rapatuan, un valiosísimo aporte. Estoy ansioso por tu segundo tutorial. Por favor, no tardes mucho!  :D
0
La Luna se teñirá de SANGRE. El Sol se oscurecerá. La Tierra será cubierta por las Aguas. De sus puestos en el firmamento, las fúlgidas Estrellas se desprenderán. El Fuego y el Humo ascenderán a lo alto, y CHOCARÁN contra el propio Cielo.

loren_manchareal

  • Orco
  • *
  • Mensajes: 152
  • LoS HeRoEs No nAcEn, Se HaCeN
Re: Crear 'Dungeon Tiles' con Photoshop
« Respuesta #12 en: Mayo 07, 2011, 09:11:08 pm »
diossssssssssssssssssss!!! que maquinon!!!
esta increible





viva el  kenpo karate!!!
0

tilderin

  • Zombi
  • *
  • Mensajes: 76
  • Have a nice day
Re: Crear 'Dungeon Tiles' con Photoshop
« Respuesta #13 en: Julio 14, 2011, 06:10:53 pm »
 Excelente tutorial el que has puesto aquí  (ok) Lo voy a utilizar para un par de proyectos que tengo colgados :)

 Saludos.
 :D

PS: ¿si el proyecto en cuestión no tiene nada que ver con HeroQuest no se enojan los chicos no?  ;)
Saludos.
0
---
No temo a la muerte, tengo a mis amigos {sonriendo con tristeza}

MaplePolice

  • Orco
  • *
  • Mensajes: 243
    • Scarmet Dwarf en Indiegogo
Re: Crear 'Dungeon Tiles' con Photoshop
« Respuesta #14 en: Octubre 24, 2011, 08:34:56 pm »
Phoenix down!!

Bueno quería preguntar si este tutorial sería muy difícil de aplicar con Gimp. No soy ningún experto en este programa, por lo que no tendría NI IDEA de cómo buscar esas opciones que se enumeran por mi cuenta.

Ah y no tengo Photoshop, no me lo pienso comprar y piratear menos aún.
0
Poco a poco

mangara

  • Esqueleto
  • *
  • Mensajes: 27
  • www.zareck.com
Re: Crear 'Dungeon Tiles' con Photoshop
« Respuesta #15 en: Noviembre 08, 2011, 11:19:38 am »
yo tb uso corel... pero bueno, es similar...

buenisima la guia... estoy liado con un juego pripio de mesa al mas puero estilo heroquest y fabricandome el tablero ando.

zonas de bosques donde podria encontrar?? suelos?? muros de arboles?? rios?? etc...

un enorme gracias por este aporte.

un saludo
0

rapatuan

  • Orco
  • *
  • Mensajes: 171
    • Ilustraciones de Antonio Azpitarte
Re: Crear 'Dungeon Tiles' con Photoshop
« Respuesta #16 en: Noviembre 15, 2011, 12:36:45 am »
El mejor sitio para buscar texturas son los foros de dundjinni, aunque también se encuentran muchas cosas en la búsqueda de imágenes del google (es el primer sitio que visito) y en algun repositorio de texturas como Mayang o similar.

El foro de Dundjinni sobre objetos y texturas:
https://dundjinni.com/forums/forum_topics.asp?FID=8

Páginas de texturas:
https://www.mayang.com/textures/
https://www.cgtextures.com/
https://free-textures.got3d.com/
0
Saludos.

albertutxo

  • Fimir
  • *
  • Mensajes: 537
Re: Crear 'Dungeon Tiles' con Photoshop
« Respuesta #17 en: Noviembre 15, 2011, 11:08:29 pm »
La verdad que un tutorial sobre Dundjinni daría mucho juego. Cuando lo use fui incapaz de aprender a utilizarlo correctamente, no me salian las imagenes de las texturas ni nada... Quizá no supe ponerlo bien.

Gran aporte
0

FiMYUKi

  • Esqueleto
  • *
  • Mensajes: 24
  • 'Una gran aventura espera'
    • Sr. Samper
Re: Crear 'Dungeon Tiles' con Photoshop
« Respuesta #18 en: Noviembre 29, 2011, 09:09:29 pm »
Muy bueno el tutto, lo tendré muy en cuenta.
0
'¡Preparaos, Héroes! ¡Con vosotros está la Fortuna! ¡La victoria está cerca!'

zangetsu

  • Fimir
  • *
  • Mensajes: 591
Re: Crear 'Dungeon Tiles' con Photoshop
« Respuesta #19 en: Noviembre 30, 2011, 05:01:28 pm »
La verdad que un tutorial sobre Dundjinni daría mucho juego. Cuando lo use fui incapaz de aprender a utilizarlo correctamente, no me salian las imagenes de las texturas ni nada... Quizá no supe ponerlo bien.

Estoy contigo albertutxo , yo antes lo desinstalé que pude sacar algo de provecho. Y es una pena, porque parece un buen programa.
0
- Dos personas que no confían la una en la otra, en pleno combate no hacen más que estorbarse mutuamente.