Crear imagenes para circuitos

[tuto escrito por Jseg y Gorgojo]

Abro tuto nuevo para intentar dejar claro como hacer esas imagenes que aparecen el el TMX tan chulas (a petición de Habi xD), por ejemplo esta:

http://tmnforever.tm-exchange.com/main.aspx?action=trackshow&id=3855219#auto

Donde pone screenshot.

Si no voy mal, eso está hecho con algun editor de imagenes (Gimp, Photoshop, etc.).

Paso 1. A la captura del circuito.

Esto será la base para luego añadirle títulos y demás. Se puede conseguir de varias formas, la más simple:

- cargas el circuito.
- tecla numero 8 que te lleva a la "cámara libre".
- para moverse en esa cámara es: dirección -> mantener clic derecho de ratón y moverlo hacia donde quieras ir. numero 8 -> adelante ; numero 5 -> atrás ; numeros 4 y 6 -> izquierda y derecha.
- cuando ya tienes la cámara en el sitio, botón * del teclado numérico (para no capturar datos de tiempos, chat y demás)
- F10
- vas a Mis documentos\TrackMania y ahí aparecerá una imagen ScreenShotxx.bmp (xx numero de captura)

Ya tienes la base para seguir con los "trucajes":



Paso 2. Editar la imagen:

Aquí hay mil opciones, Gimp, photoshop, Corel, etc etc. Yo no los he usado mucho, he hecho algo con Gimp como eliminar cosas de las fotos que no me gustan como pintadas en las paredes con la herramienta de clonado, algún que otro filtro, pero poco más. Aquí cada uno lo hará a su manera.

Por ejemplo, con Gimp (http://www.gimp.org.es/):

Añado un texto y un par de filtros:

- archivo -> abrir -> selecciono la imagen anterior -> abrir
- Hay varias herramientas, es cuestion de imaginación (yo no tengo). No me pondré a decirlas todas.
La de texto es la "A", haces clic en un sitio de la imagen y escribes el texto. Luego con herramientas de transformar, filtros, etc etc puedes crear el efecto que te de la gana.
Jugando con las capas (cada nuevo elemento es una capa), recortando trozos en la base para cambiar el color solo de una parte, aplicando efectos a cualquier parte de la imagen o en toda, desenfoques, perspectivas, añadiendo nuevas imagenes....yo que se, se puede hacer de todo, eso va a gusto del que lo esté haciendo.

A modo de ejemplo, un simple texto en perspectiva y un par de filtros, ahora tiene un efecto como si fuera una viñeta, aunque habiendo pillado la imagen desde tan lejos casi no se ve :



Paso 3. El tamaño de la imagen:.

Para reducirla, te aconsejo que elijas primero la herramienta selección rectangular con proporción 32x24, selecciones lo que más te interese y recortes el resultado (sacrificarás un trozo horizontal seguro). Esto es para que, a continuación, al escalar [cambiar el tamaño de] la imagen a 320x240 (tamaño del tmnforever.tm-exchange.com) no se te distorsione. Guarda el resultado con otro nombre y en jpeg (calidad 9/10 o 90% o así, que ahí si que puedes perder detalle).

Nota: En cualquier caso (viendo el ejemplo particular) te aconsejo que pienses en que el original va a ser reducido y pongas el texto mucho más grande para que no se vea chiquitajo al final).

Paso 4. Subirla al TMX con la pista..

Solo queda subir la pista con la imagen creada al Trackmania Exchange, para ello seguir los pasos AQUÍ.

Con todo eso tendras tu pista lista para compartirla y con una imagen a modo de "reclamo".

Muchas gracias Jseg. Dentro de poco no tendré que ir pidiéndole las screens a nadie!! ^^
Por cierto, alguien sabe como hacer más grande la imagen y con más resolución y que luego al disminuirla de tamaño se quede la misma resolución?

Por cierto, alguien sabe como hacer más grande la imagen y con más resolución y que luego al disminuirla de tamaño se quede la misma resolución?

Eing?

Bueno, nada xD. Otra cosa, como has hexo que lo de ''HABI TRACK'' salga inclinado?

Nono, si no te he pillado la pregunta, no pasa nada. Si te refieres a la resolución en la captura, solo supongo que capturas según la resolución que tengas de pantalla, es decir, si lo tienes a 800x600 será menor calidad que si la tienes a 1280x1024, que es lo normal en una pantalla TFT o LCD....ahora lo compruebo.

A tu pregunta del texto, es en el menú HERRAMIENTAS -> HERRAMIENTAS DE TRANSFORMACIÓN. Ahí tienes varias opciones para "deformar" la imagen, esa que he usado es la de perspectiva. Selecciona antes el texto, en la ventana CAPAS, seleccionas la capa con el texto y luego arrastras los bordes como te parezca. Cuando lo tengas todo listo, si quieres puedes fundir (creo que se llama así) el texto con el fondo, así te queda todo como si fuera una unica imagen.

Por cierto, no se si a ti te pasa, pero a mi para que se vea bien la captura tengo que pasarla a .jpg antes de cargarla con el Gimp

Añado a lo de antes. No te puedo ayudar mucho con eso porque no tengo ni idea de imagen, resoluciones y cosas de esas. Siempre capturas a 72ppp, y depende de como sea la resolución de pantalla será lo k te dije antes, 800x600, 1024x768, etc etc. No se si con algun programilla para capturas de pantalla se pueden configurar los "ppp", que no se ni lo que son (puntos por pulgada, es hasta donde llego xD).

Es que una cosa es resolución de la imagen y otra es el "tamaño real". Muy a lo bruto la primera sería la que manejamos normalmente en la pantalla y lo que te inquieta determinaría, si acaso, "el detalle" a la hora de imprimir, pero no lo vas a ver mejor. Por otra parte tenemos el tamaño "real", que viene a ser cómo quedaría en centímetros o unidades tradicionales el gráfico una vez impreso -si tu impresora alcanza esa resolución-.

Como no me explico bien y seguro que hay más de una tontería en el párrafo anterior, pero veo por dónde vas, Habi, no te preocupes de esto, que no vas a conseguir mayor detalle en pantalla aunque aumentes la resolución. Si tienes Photoshop puedes hacer pruebas en cada variable Imagen/tamaño de imagen (lo digo de memoria).

Gracias a los dos. Y no, jseg, no tengo que pasarla a .jpeg para verla bien. La abro en bmp y al guardarla se pone sola en jpeg.
Otra duda xD:
Al capturar la imagen la veo bien en el tm, pero cuando la abro con el Gimp algunas zonas me salen rellenas de cuadraditos. Cuando la guardo, se ven bien todas esas zonas menos el coche, que se ve completamente negro xD

Habi,has probado con otros editores aver si el error es el del programa?

Edita los contrastes o brillos/sube o baja la exposición.

De nada.

Mira se me ve esto ya en jpeg:
https://2img.net/h/oi53.tinypic.com/2rf6nmd.jpg
Es de una dirt que saldra en un torneo próximo...
EDIT: no se veía entera, asi que pongo el link

Muy chula la captura. Eso es lo que me pasa a mi (mas o menos), cuando abro un .bmp con el gimp me sale todo semitransparente y con cuadrados, si lo convierto antes con Paint o con cualquier otro a .jpg ya no pasa eso. Pruebalo.

pd. la ultima version del Gimp es la 2.6.0, lo digo porque en su web de descargas aparece casi al final de la pagina, si no lo ordenas por fecha. Aun así, es gratuito, y no es perfecto. Bmp es M$, Gimp es Linux (codigo abierto o como se llame), puede venir por ahí el problema.

Ok, gracias a todos!!

Bájate el photoshop y déjate de mariconadas.

Esa captura me ha dejado con el culo torcido. ¿En el TM lo ves bien y luego sale así en el bitmap al darle F10? ¿se ve así también si abres el bmp con IrfanView, por ejemplo?

Diríase que es como si hubieran varias capas, pero en un bmp no puede haber más que una, amazing and outstanding

Nota: el Gimp está bien y es gratuito; el Irfanview-visualizador velocísimo- también gratis, permite mínimas modificaciones, y es lo que yo uso para el 80% de lo que hago

El PS también es crackeable...

Hasta el c4d iria mejor para lo que quieres que el gimp... :facepalm:

Pero si lo tiene original xD

Nah, de momento sigo con el gimp, ya que le he pillado el truco voy a seguir. Para lo que quiero de momento está muy bien. Gracias jame por el programa ese, ahora lo pruebo
2º trabajo, de una pista a la que ya hizo una screen ask, pero la mia al reducirla no se ve bien, todavia no he encontrado la forma y formato adecuados:

Spoiler:

Tranki ask, seguira la tuya

Para reducirla, te aconsejo que elijas primero la herramienta selección rectangular con proporción 32x24, selecciones lo que más te interese y recortes el resultado (sacrificarás un trozo horizontal seguro). Esto es para que, a continuación, al escalar [cambiar el tamaño de] la imagen a 320x240 (tamaño del tmnforever.tm-exchange.com) no se te distorsione. Guarda el resultado con otro nombre y en jpeg (calidad 9/10 o 90% o así, que ahí si que puedes perder detalle).

Nota: En cualquier caso (viendo el ejemplo particular) te aconsejo que pienses en que el original va a ser reducido y pongas el texto mucho más grande para que no se vea chiquitajo al final)

Y no hay más secreto; una vez que haces el primero verás qué sencillo es.

He añadido este ultimo mensaje al tutorial, thx gorgojo.

Ahora solo queda el ultimo paso de subir la imagen al TMX, si escribes 4 lineas diciendo como se hace, terminamos el tuto (más que nada porque no lo he hecho nunca xD).

Para el temaño de imagen, editar/tamaño de imagen

y pones el tamaño que quieres

PS IS EASLY

3er trabajo, también de una pista del mismo torneo.

Spoiler:

Más grande

Luego subo un tutorial para el TMX que tengo casi listo.

Este mensaje es para aclarar que hay un paso intermedio entre el haber seleccionado con el rectángulo proporcional y el cambio de tamaño de la imagen a 320x240: el recortar el gráfico (en Photoshop: menú imagen, recortar)

Edit: puse el tutorial del TMX aparte, pero, Jseg, muévelo o haz lo que te parezca adecuado.

Perfectísimo tuto el tuyo, el mio queda a la altura del betún, empiezo a pensar que tienes algún tipo de accion en imageshack o que te pagan por imagen subida xD.

Bueno, linkeado el primer tuto con el tuyo y arreglado.

te aconsejo que elijas primero la herramienta selección rectangular con proporción 32x24, selecciones lo que más te interese y recortes el resultado

Ese no es el paso intermedio que dices?

Jseg escribió:

te aconsejo que elijas primero la herramienta selección rectangular con proporción 32x24, selecciones lo que más te interese y recortes el resultado

Ese no es el paso intermedio que dices?

Ah, pues sí. ¡Ni yo mismo me leo!