Última parte del tutorial de skins de kyozuto en iRacing, original en los foros de BSR.

Aquí la primera y segunda parte.

2] ALGUNAS TÉCNICAS AVANZADAS
 
2.1] Como guiarse a través de la plantilla
 
FUNDAMENTAL, usar la capa de la REJILLA (Wire) (*última vez que lo digo).
 
Imaginemos que estamos mirando el coche y queremos hacer una forma que cubra los puntos A, B, C y D de la foto:
 
Tendremos que saber ‘leer’ la rejilla. Fijarnos en puntos de referencia (curvas, contar desde el comienzo de una zona, hasta la misma forma de los cuadrados que forma la rejilla te dan pistas,…)
 
En la segunda foto que aparece arriba, hemos trasladado al photoshop los puntos que queríamos marcar. Ahora debemos unirlos siguiendo la rejilla para hacerlo acorde a LO QUE HABÍAMOS PENSADO.
 
SEGÚN LO QUE QUERAMOS HACER PODEMOS:
A) Lanzar una línea recta (quizás en esta zona del coche del ejemplo no pega):
 
 
Aquí se ve mejor una opción donde pegaría una línea recta (Me refiero a hacer una línea sin seguir las curvas de la rejilla)
 

 
B)El segundo caso, siempre según lo que estemos buscando, es seguir las curvas de la rejilla. Que para este ejemplo es lo que mejor ‘pega’:
 

 
*PRIMERA LECCIÓN HERRAMIENTA PLUMA: He querido dejar en la foto anterior la primera forma que he hecho con la herramienta PLUMA (que veremos más adelante) y la forma final SIN el sobrante.
Con esto quiero decir, que con la herramienta PLUMA no tienes que hacer FORMAS PERFECTAS A LA PRIMERA. Puedes hacer partes sobrantes que después cortarás.
 
¿CORTAR?: Como pueden ver en la foto también, el sobrante de la parte alta a la derecha lo he CORTADO con laSELECCIÓN MARCO RECTANGULAR. Pero el sobrante de la parte de abajo, lo he cortado con la herramienta LAZO POLIGONAL para darle la forma según la rejilla (en la parte que se une a la defensa no es recta).
 
NOTA CORTAR: A la hora de cortar estas formas, seguro os ocurre que colocas la selección encima, le das a cortar y no hace nada. Este tipo de formas tienes que ir a la zona de las CAPAS, hacer click sobre el botón derecho del ratón sobre esa capa y clickar RASTERIZAR CAPA.
Ahora, ha perdido sus cualidades, no podrás volver a editarla usando la opción Pluma en este caso…pero podrás cortarla.
 
El resultado de esta opción de ‘colorear’ en el coche es la que podeís estar imaginando:
Vaaaaaale … vaaaaaaaale… le quitamos la rejilla y los puntitos rojos.
 
NOTA: Los puntos rojos NO HACE FALTA PONERLOS!!! Los he colocado para el tutorial para que sepan lo que estaba haciendo!!! :O  … a ver si va a haber algún pkt que los use  :O
 
2.1] Mi querida PLUMA
 
Nuestro mejor amigo para esta edición es la OPCIÓN PLUMA del Photoshop.
 
Si no la dominas o no sabes cómo funciona deberías probarla un poco y mirar algún tutorial sobre ella.
No es complicada de dominar o al menos de controlar lo más mínimo pero … al principio cuesta.
 
Las texturas de los coches, al fijarte en la rejilla te darán muchas pistas de CÓMO ES EL VOLUMEN del coche, dónde cambia una pieza, la forma curva de la pieza, etc…
 
Hay muy pocas zonas rectas y lisas..el coche tiene volumen y ESE VOLUMEN VIENE REFLEJADO LITERALMENTE EN LA CAPA DE LA REJILLA (Wire)
 
Por lo tanto es muy difícil trabajar con líneas ‘rectas’ sobre la plantilla. Usar formas como cuadrados para aprovechar el relleno interior muy pocas veces podrás usarlo.
 
Ahí es donde entra en juego la PLUMA por que tendras que hacer tu mismo un las formas siguiendo las ‘curvas’ del coche.
 
Como un sabio me dijo una vez…. “tienes que dejarlo ir”
 
 
2.1.1] CONFIGURACION DE LA PLUMA: Puedes configurar tanto el RELLENO que vas a crear con la forma como el BORDE de la misma.
 
 
Si vas a hacer una zona de relleno NO USES EL BORDE.
 
Si vas a hacer una línea NO USES EL RELLENO.
 
2.2.2] USO DE LA PLUMA: 
Pulsar un punto de inicio y después un segundo punto más alejado, SIN SOLTAR EL RATON probad a moverlo en distintas direcciones y vereis que se forma una curva.
Cuanto más te alejes de ese segundo punto la curva se desplazará más hacia el primer punto.
Si vas a hacer una curva muy larga ten en cuenta de tener un zoom bastante alejado para poder mover el ratón hacia el lado que necesitas.
 
Puedes ir trazando curvas varias creando varios puntos de anclaje. Un punto de anclaje puedes:

– Eliminarlo (pulsando sobre él)
– Moverlo (pulsando sobre él + tecla Ctrl)
– Borrar/Reiniciar la curva creada en ese anclaje (pulsando sobre él + Alt)
– Modificar la curva,….

    * INVESTIGA todo lo que puede hacer usando combinaciones de teclas como Ctrl, Alt, Shift, Botón Derecho sobre el punto, ….

 
 
2.2.3] TRUCOS CURVAS CON LA PLUMA
 
Como ya comenté más arriba, CON LA PLUMA NO TENDRAS QUE HACER FORMAS PERFECTAS A LA PRIMERA, NI TAMPOCO TODO DE UN TIRÓN.
 
Puedes ir creando tu forma deseada por partes con esta rutina:
–   Creas una capa nueva (dentro de la carpeta correspondiente, si estás editando los espejos, fíjate que estás dentro de la carpeta que creastes llamada espejos)
–   Usas la pluma para crear una parte.
–   Creas otra capa nueva
–   Usas la pluma y sigues creando tu forma
–   …..
    –   Al final, cuando ya lo tienes claro, COMBINAS ESTAS CAPAS seleccionandolas todas, pulsando botón derecho sobre ellas, y eligiendo COMBINAR CAPAS.
 
 
En el siguiente ejemplo he creado un ejemplo de una forma realizada de varias veces (cada vez le he cambiado el color para que lo podáis identificar):
 
Estamos hablando de la defensa delantera:
 
 
En la foto de arriba pueden ver las dos primeras formas; la roja es una curva y la verde es una curva al contrario. Por eso he tenido que separarlo en dos formas.
 
En la primera curva (roja) acabo la forma hacia el interior de la curva (haciendo clicks con la pluma arriba).
En la segunda curva (verde) acabo la forma hacia el EXTERIOR de la curva (haciendo cliks con la pluma también arriba).
 
En la foto de abajo ambas están en el mismo color para que vean que forma se va creando.
 
VOY A TERMINAR ESA PARTE USANDO VARIAS CAPAS MÁS:
 

1º foto: En distintos colores se puede apreciar las 5 formas (capas) usadas.
 
2º foto: Así en el mismo color es como lo estarían viendo ustedes, al editar estaremos usando un color nada más.
 
3º foto: Al terminar la forma deseada, he marcado todas las capas y le he dado a COMBINAR CAPAS.
 
4º foto: Me queda una capa que la he renombrado p.ej “PARTE ROJA DERECHA”
 
Estas ‘combinaciones’ de capa no hace falta hacerlas solo al final. Cuando hayas creado una forma de la que estás contento y seguro puedes ir unificando capas. Siempre podrás cortarle algo que no te guste o te sobre.
 
Por ejemplo yo a continuación haría el lado izquierdo, y cuando lo tenga unificaría ambos y lo renombraría por ejemplo “PARTE ROJA DEFENSA DELANTERA”.
 
El resultado final:
 
Si cierto, los límites han quedado mal ajustados porque lo he hecho al voleo.
 
La idea de esta parte ES QUE DEBEMOS HACER POR PARTES LAS FORMAS. Sobre todo, si hay varias curvas con diferentes curvas.
 
Esta parte bien hecha podría quedar así:
 
Hasta la próxima!!!!!!

Sigo con el tutorial de kyozuto, que se encuentra los foros de BSR que trata del tema de edición de skins en iRacing.

Podéis encontrar la primera parte aquí.

1.4] Exportar Fichero
 
Tema interesante a tener en cuenta, desde que te lo aprendas será muy fácil y repetitivo.
 
1.4.1] ¿Dónde guardo el skin?
 
El skin NO ES LA PLANTILLA QUE TE DESCARGAS AL PRINCIPIO (archivo .psd). El skin es un fichero que exportarás con extensión TARGA (.tga)
 
La ruta donde debes exportarlo (Guardar como) es la siguiente: iRacing > paint > [carpeta_coche_editar]
 
*[carpeta_coche_editar]: lógicamente será el coche que estemos editando en ese momento: bmwz4gt3, mclarenmp4, etc…
 
1.4.2] Vale ya sé DONDE guardarlo. ¿Pero ahora COMO LO NOMBRO?
 
Los ficheros para los skins llevan la siguiente nomenclatura:
 
car_9999999.tga
 
dónde 9999999 es tu número de usuario en iRacing.
 
(¿Dónde encuentro mi número de usuario de iR? Dentro de iR, arriba tienes un menú muy pequeño debes pulsar en My Account y ahí te aparecerá tu Customer ID)
 
¿Es el mismo nombre para todos los coches?
SI, iR sabrá que es un coche u otro dependiendo de en la carpeta que se encuentra el fichero.

1.4.3] ¿No tengo esa carpeta del coche dentro de ‘paint’?
 
Esa carpeta SE CREA AUTOMÁTICAMENTE la primera vez que le des a entrar a pista con el coche, sea test o sea carrera.
 
Si nunca has usado ese coche, antes de ponerte a editar, arranca un TEST y entra en él. De paso dejas la cámara ya preparada y te vas a editar la plantilla (.psd). Si quieres la exportas por primera vez en blanco con la capa WIRE (rejilla que expliqué en los primeros pasos) y te vas al test y actualizas la textura del coche (Ctrl + R).
Si ves que la textura cambia, ya puedes empezar tu edición.
 
1.4.3] ¿Cómo exporto el fichero .TGA?
 
En Photoshop en las últimas versiones se hace a través de ‘Guardar Como’, en anteriores se hace por ‘Exportar’.
 
Ir a la carpeta que hemos mencionado antes y guardarlo como .TGA
 
IMPORTANTE: En el ‘Formato’ colocar TARGA si no, aunque nosotros le pongamos la extensión .tga, no va a estar bien exportado.
 
Una manera de saber que lo estamos haciendo bien es porque después nos preguntará que tipo de compresión queremos para el fichero Targa:
 

 
– 24 ó 32 bits? De momento yo uso 24 porque en algún sitio leí que 32 no lo estaba soportando (si lo puedes ver tu a 32 bits pero el resto de usuarios no).
Pero quizás a estas alturas si. No lo sé, habría que hacer pruebas.
 
– Comprimir(RLE): Esta opción hay que marcarla como mínimo al final cuando ya acabemos el skin, o dejarla marcada por defecto desde la primera vez. Una compresión para que así a la hora de subirlo al TP sea más fácil.
*DATO: Una plantilla sencilla con extensión .TGA sin comprimir está sobre los 11Mb!! Comprimida puede estar sobre los 400kb.
 
1.4.3] Exportar FICHERO .TGA FINAL
 
Como ya mencioné anteriormente, cuando ya has decidido tener un skin digno para usarlo en iRacing (el Skin parchís no vale) debes exportarlo según las indicaciones anteriores pero no te olvides de DESACTIVAR LA CAPA ‘TURN OFF BEFORE EXPORTING TGA’
 
Lo exportaremos como veis en la imagen de abajo:

¿Porqué? Pues porque ya el nombre de la capa nos ‘avisa’ jeje. Y su lógica reside en que al eliminar texturas del fichero pues éste se va a guardar en un tamaño aún menor, lo que facilitará la transmisión vía internet.

Continuará… en la tercera parte

De hace un par de años pero totalmente relevante, kyozuto, en los foros de BSR por aquel entonces, realizó un acercamiento al tema de edición de skins en iRacing.

Lo dividiré en varias partes para facilitar su localización y contenido.

1.TP] Trading Paints (www.tradingpaints.com)

No voy a comentar mucho esto, tan solo debéis saber que es el manager que se utiliza para poder subir tus skins y poder ver el de los demás.

Si no lo utilizas deberías descargar manualmente el skin de cada piloto y ponerla en la carpeta de ese coche con el id del piloto. El TP hace esto automatizado por nosotros cada vez que te conectas a una carrera.

Para darte de alta es muy sencillo. Darte de alta una cuenta en la que tendrás que asociarlo con tu ID en IRacing (¿Dónde encuentro mi id de IR? Dentro de IR, arriba tienes un menú muy pequeño debes pulsar en My Account y ahí tendrás tu Customer ID).

Te descargas un programa para instalar que es el que debes ejecutar antes de entrar al IR.

Hasta la fecha, y según lo que he podido ver, el TP solo es compatible con Windows.

1.1] Descarga Plantilla y Primeros Pasos

Desde el iRacing en la siguiente dirección myRACING > Customize Car(s) > Seleccionas el vehículo que deseas > Download Car Template

Al abrir la plantilla (.psd) tendrás algo de este estilo:

Nada más empezar lo más importante son detectar las siguientes capas (layers en el Photoshop):
– WIRE – Al activarla tendremos una rejilla sobre la plantilla que es fundamental para nuestra creación.
– BASE – Es el color base que va a tener el vehículo, trabajar con esta capa como lo harías en Photoshop. Todas las capas que estén por encima de esta se verán, las que estén por debajo no se van a ver. Se puede eliminar y dar un color de base de otras formas, ya eso depende de cuánto sepas de PS.

Para la capa WIRE y BASE podemos cambiarle el color. Para WIRE es importante cambiarlo a un color oscuro (negro) si utilizáis una base clara o a un color claro (blanco) si utilizáis una base oscura.
La BASE será el color base que tendrá el vehículo.

Para ambas se cambia igual => Doble click sobre la capa > Superposición de Colores > Veréis un cuadrado arriba con el color actual, pulsando sobre el lo podréis cambiar:

En la foto de arriba hemos ACTIVADO la capa WIRE (pulsando en el ojo que aparece al lado de la capa) por eso se ve la rejilla sobre el vehículo. Y hemos hecho doble click sobre la capa BASE y cambiado color a verde.

Imaginemos que grabamos el fichero (más adelante hablaremos cómo hacerlo) entraremos al IR en el modo Test y veremos lo siguiente:

Pues venga ala… a correr!!! Very Happy

1.2] Cámara en IR

Aprovechamos que estamos aquí y entramos por primera vez a ver el vehículo para explicar lo más básico de la cámara de IR y los pasos que debemos hacer para poder verlo:

-Entraremos en TEST en IR
-Pulsamos TEST y entramos en la pista, esperamos 4 o 5 segundos y le damos a ESC para salir.
-Se empezará a reproducir la repetición (esos 4 o 5 segundos) desde que veamos el coche le damos a pause en el menú de video que aparece en la parte baja.
– Si no logramos que aparezca el coche, le damos al botón que en ese menú aparece más a la izquierda y tiene forma de HERRAMIENTAS:

Arriba aparece una linea de tiempo que con el ratón nos podemos desplazar sobre ella hasta encontrar el coche (o para una repetición rodando, para buscar el momento adecuado donde queremos ver el coche).
Al pulsar sobre esa línea de tiempo, aunque el icono que está sobre ella se siga moviendo, la imagen ya está en pausa.

Ahora a pelearnos con la cámara:
– Pulsar Ctrl+F12 para activar el modo cámara. Aparecerá un menú a la derecha con mogollón de opciones que al final con las teclas se pueden hacer todas pero se puede investigar pulsando sobre ellas.
Lo más importante, si en la repetición te aparecen unos iconos como de unas cámaras de video (que son muy molestas) para quitarlas tendrías que ir a la parte de abajo de esas opciones: CAMERA SET SETTINGS > CAMERA VIEW > Seleccionar LIVE.
Para cerrar ese menú pulsar sobre el botón de abajo que dice CAMERA (estará activo en Rojo).

Si en algún momento os deja de funcionar las teclas de acceso rápido que os diré a continuación es que se ha cerrado el modo cámara. Podéis activar nuevamente el modo cámara pulsando Ctrl+12 o pulsando sobre ese botón que acabáis de usar para cerrarlo.

Teclas Acceso Rápido mínimas a conocer:

Ctrl + R: Recargar la textura del coche

W – Acercar
S – Alejar
A – Mover Izquierda
D – Mover Derecha
(esas cuatro teclas forman una cruceta)

Alt + W – Subir la Cámara
Alt + S – Bajar la Cámara

C – Cambiar de Cámara
Shift + C – Volver a Cámara Anterior

(Dentro de cocpkit)
Alt + D – Rotar a la derecha cámara
Alt + A – Rotar a la izq la cámara
¿Para que sirven estas dos últimas? … para nada, pero me quedó bien… XD

Con eso suficiente para moverte alrededor del coche y acercarte hasta el mínimo detalle. Aprendérselas porque habrá que revisar como va quedando muchiiiiiiisimas veces.

1.3] Primeros detalles PhotoShop

Primero que nada y FUNDAMENTAL Y TOTALMENTE EXIGIBLE: Usar Capas y Agruparlas en carpetas

Vamos a tener que poner muchos detalles y sobre todo muchas cosas repetidas pero en ambos laterales. Si no usamos capas es imposible y si no las agrupamos por zonas (en carpetas) es prácticamente imposible.

Para empezar tenemos dos carpetas por defecto: TURN OFF BEFORE EXPORTING TGA (el mismo nombre indica que hay que hacer) y BASE.

EN MEDIO(*) de estas dos yo suelo colocar una carpeta denominada p.ej. MI DECORACION y dentro de ella pongo varias subcarpetas al estilo:
– Parte Delantera
+ Capó
+ Defensa Delantera
– Parte Trasera
– Lateral Derecho
– Lateral Izquierdo
– Logos Piloto
– Publicidad
etc…

Y dentro de ellas mismas vuelves a hacer más subcarpetas para tenerlo todo bien agrupado (espejos, zona matrícula, etc…)

Por ejemplo:

Cuando trabajéis pues hay que colocar cada elemento en su sitio para no volverse loco.

(*)EN MEDIO: ¿Porqué colocar nuestras carpetas en medio de las dos que vienen por defecto?
Primero debe ir por encima de la capa BASE para que así el color de base quedará de fondo y todo lo que pongamos nosotros será encima de este color.
Y debe ir debajo de la primera carpeta por defecto para que así la capa WING (la rejilla) quede por encima de nuestro diseño y podamos usarla de guía.

EXCEPCIÓN: A ver hay que tener claro y saber desde ya que esta primera carpeta por defecto (TURN OFF BEFORE….) como su propio nombre dice cuando exportemos al final del todo nuestro diseño la debemos quitar porque no sirve para nada. Todo lo que ahí aparece, el logo de la marca del coche, texturas de faros, alerones, etc…) los pone después por defecto IR sobre tu skin (o prácticamente todo).
Como podrás ver si tapas el logotipo del vehículo después cuando lo exportas sigue apareciendo.
¿Y por qué viene entonces? Pues supongo que para que nos sea más fácil guiarnos durante el diseño de la misma.
¿Que excepción hay? Pues por ejemplo para los alerones traseros, si nosotros tratamos de editarlos en nuestras carpetas que hemos creado, al estar por debajo de esta, no podremos ver que estamos haciendo. En este caso yo suelo crear una carpeta nueva en el primer nivel, por encima de todas, la cual llamo p.ej. Alerón Trasero y ahí pondría lo relacionado con el mismo:

¿Pero si al exportar ponemos invisible la primera capa por defecto se va a ver lo que haya debajo? Si cierto, pero mientras tengas la capa visible no vas a poder trabajar ni ver lo que estás haciendo en ella. Así que… en este caso debe ir arriba del todo si os diera ese problema.

1.4] Coche Parchís

Para acabar este primer apartado de cosas básicas o pongo un pequeño truquillo que viene relacionado con esto de capas y también es básico.

Cuando abras por primera vez una plantilla seguro que te asustas, hay montón de piezas y muchas de ellas no sabremos de que se tratan. O por ejemplo, estamos viendo el coche en directo en IR y queremos encontrar una pieza pequeña (o no tan pequeña que a veces hasta para saber cuales son los espejos cuesta) no sabemos cual corresponde esa pieza en la plantilla.

Ahí es cuando entra en acción mi «Coche Parchís» y es tan simple como crear 4 cuadrados de diferentes colores lo más llamativos posibles en una capa superior a nuestra decoración y debajo de TURN OFF BEFORE…
Estás capas ‘parchís’ que estamos creando deben cubrir toda la plantilla NO HACEN FALTA QUE SEAN CUADRADOS EXACTOS!

(Para crearlas situarte entre la capa TURN OFF BEFORE… y la capa que hemos creado nosotros MI DECORACION > Crear una carpeta nueva llamada por ejemplo PARCHIS y después dentro debemos repetir cuatro veces lo siguiente: Pulsar Capa Nueva > Crear Rectángulo. Si no creamos una capa nueva antes que el rectángulo seguramente cuando cambies el color estés editando el rectÁngulo que habías creado anteriormente)

affraid arrrghhhhhhhh! ¿Qué hemos hecho? ¿Para qué hago esto? Pues para lo siguiente… si vamos a ver el coche ahora mismo estaría así:

Bonito eh? … pues esta ‘tontería’ nos sirve para esto:

Como podéis ver… en la zona trasera hay varias partes que NO SE ENCUENTRAN EN LA MISMA del PSD porque tienen diferentes colores… por ejemplo la pequeña zona del interior de la rueda es amarilla.. así que deberemos buscarla en la zona del cuadrado amarillo.

Esto nos sirve también por ejemplo para pequeños detalles como si os fijáis debajo del alerón, donde he marcado con una flecha roja, ahí hay una pieza que une el alerón con el soporte que se podría colorear! :O … está en la zona del cuadrado rosado.

CURIOSIDAD: El IR tiene más texturas de las que muestra… a veces me ha pasado que coloreo texturas que si te acercas mucho mucho (por ejemplo en algún espejo) ves una fina línea que sobre sale de ese color… debe ser una textura interior al espejo QUE NO ESTÁ A LA VISTA pero que se aprecia solamente el borde de la misma. Si quieres ser fino pues… a colorearla; sinceramente no hay que comerse mucho el coco con eso pero… es una curiosidad.

Continuará…