Dedicado a todas aquellas personas que siempre me apoyaron,

porque gracias a ellos, esto es una realidad

TUTORIAL
PARA HACER
CIRCUITOS
- PHOTOSHOP -

Realizacin: Alvaro_SL
En colaboracin con Miniracingonline
 NDICE

1. Antes de nada. ...........................................................................................................................................................................................................................3

2 Conceptos bsicos de photoshop: la barra de herramientas. .......................................................................................... 4

3. Diseo de vectores: el trazado. ...............................................................................................................................................................................5

4. Manejo ptimo de la pluma. .................................................................................................................................................................................. 8

5. El asfalto. ........................................................................................................................................................................................................................................ 9

6. Creacin de motivos. .....................................................................................................................................................................................................10

7. Los pianos. .......................................................................................................................................................................................................................................11

8. Colocacin del csped. ................................................................................................................................................................................................. 14

9. Colocacin de la arena. ...............................................................................................................................................................................................15

10. Las vallas. ....................................................................................................................................................................................................................................17

11. Las ruedas. .................................................................................................................................................................................................................................. 19

12. Caminos exteriores. ......................................................................................................................................................................................................20

13. Lneas adicionales. .......................................................................................................................................................................................................... 21

14. Bolardos y decoracin. .............................................................................................................................................................................................22

15. Sombras. ...................................................................................................................................................................................................................................... 23

16. Marcas de las gomas. .................................................................................................................................................................................................24

Tutorial para crear circuitos. Por Alvaro_SL 2

 ANTES DE NADA
Antes de empezar a leer y probablemente a seguir los pasos de este tutorial quiero dejar
claras varias cosas.

La primera y ms importante, un tutorial no es una receta, sino se llamara receta. Con esto
quiero decir que, los pasos que a continuacin voy a explicar no son para que los hagis
exactamente igual que yo los explico, o al menos, que no os quedis en eso. Lo ideal seria que
vosotros por vuestra cuenta mirarais mas cosas y profundizarais en el tema.

Siempre hay algo que tiene que diferenciar a un diseador de otro de igual forma que se
diferencia a un cantante de otro o un pintor de otro.

Este tutorial tendr sentido si conseguiis crear un estilo propio y no servir de nada si solo
seguiis los pasos y no pasis de ah.

Aparte de eso, quiero que sepis que hacer un circuito no es cosa de un rato, por lo que os
informo que lo primero que hace falta es mucha paciencia. Sobretodo si es la primera vez
que os manejis con el programa. Os aseguro que en el resultado final de un trabajo se nota
quien lo ha hecho a prisa y corriendo y quien lo ha hecho tranquilamente. Si tu intencin
es acabar el circuito hoy o maana te recomiendo que no lo empieces.

Decir que este tutorial es el resultado de muchas horas de trabajo y esfuerzo y como tal, es-
pero que sea de mucha ayuda a todo el mundo que a l acuda.

Por ltimo, os advierto que hacer circuitos es extremadamente adictivo, sobretodo si tienes
ese espritu de superacin.

Este tutorial no se responsabiliza del vicio que una persona coja a este hobby.

Espero que os guste.

lvaro_sl

Tutorial para crear circuitos. Por Alvaro_SL 3

 LA BARRA DE HERRAMIENTAS

Ah puedes ver en forma de iconos todas las

Seleccin POLIGONAL- Mover herramientas disponibles en Photoshop. Obser-
Seleccin Varita mgica
va con atencin que algunas de ellas tienen
LAZO

Recortar Sector
Pincel corrector Pincel / Pluma un pequeo tringulo en su esquina inferior
Tampn clonar
DE Pincel de historia derecha .
Goma Degradado
Dedo Sobreexponer
Este es el indicador de grupo de herramientas.
Seleccin Texto
Si posicionas el cursor sobre alguno de estos
TRAZADOS

Herramientas DE PLUMA Linea

Notas Cuentagotas iconos y pulsas el botn derecho del ratn se
Mano Lupa desplegar la lista de herramientas pertene-
Color primario cientes al grupo.
Color secundario

A continuacin se explican brevemente las

ms usuales:

Dentro del grupo de herramientas de dibujo podemos encontrar el Pincel y

el Lpiz. La letra que aparece a la derecha del nombre de la herramienta nos
informa del mtodo abreviado de teclado para acceder a la herramienta activa
de este grupo. La herramienta activa se encuentra siempre marcada por un
cuadrado negro.

Este grupo de herramientas se utiliza para crear sectores. Los sectores se utili-
zan para dividir una imagen en reas funcionales (sectores) que pueden tener
propiedades diferentes. Estas imgenes irn destinadas a la publicacin web.

Este grupo de herramientas se utiliza para crear trazados. Los trazados se utili-
zan para crear formas vectoriales (lineas y curvas definidas matemticamen-
te). Estas formas son independientes a la resolucin y pueden redimensionarse
sin problemas.

La primera opcin, la herramienta Cuentagotas, toma muestras de color de

cualquier parte del lienzo y la hace activa en los selectores de color.

La herramienta Muestra de color toma hasta como mximo 4 muestras de co-

lor del lienzo para mostrar sus propiedades en la paleta de Informacin (junto
al Navegador).

La ltima, la herramienta Medicin, mide la distancia entre dos puntos dados

mostrndose el resultado, tambin, en la paleta Informacin.

Tutorial para crear circuitos. Por Alvaro_SL 4

 EL TRAZADO

Para la realizacin del trazado usaremos la herramienta pluma .

Lo primero que tenemos que hacer es buscar una imgen del circuito que vamos a realizar.
En mi caso este Karting:

Encontrareis infinidad de imgenes del circuito: fotos reales, recreaciones, planos, etc. En mi
caso, un plano del mismo.

Os recomiendo siempre orientar el circuito de manera que quede el mayor nmero de rectas
posibles en sentido horizontal. En mi caso no voy a tener que girarlo, pero os pongo un ejem-
plo en el que s deberamos hacerlo:

Los pasos a seguir para girar el circuito:

1 Seleccin - Seleccionar todo.
2 Edicin - Transformar.

Tutorial para crear circuitos. Por Alvaro_SL 5

 Una vez hemos girado el circuito (en caso de haber sido necesario) empezamos a poner puntos
con la pluma . Es importante poner los puntos en los lugares adecuados y poner los menos
posibles para evitar desperfectos en la unin de unos y otros:

** Antes de
empezar a rea-
lizar el trazado
con la pluma
debeis verificar
que teneis
activada la op-
cin trazados

La encon-
trareis en el
men que
aparece arriba
cuando teneis
seleccionada la
pluma.

Os he puesto de rojo el trazado inicial sobre el que vamos a trabajar.

Luego pasamos a corregir los vrtices con la herramienta corregir punto de ancla , que la
encontraremos dentro de las herramientas de pluma. Hay que tener un cuidado ptimo en
las transiciones curva-recta. As que afinar al mximo. Al principio costar un poco hacerse
con la herramienta, pero es de rpido aprendizaje. Os doy algunas pautas de uso de la pluma
en el punto 2.

Ya va tomando forma nuestro trazado. A continuacin vamos a agrandar el tamao de

nuestra imgen. Lo podeis hacer desde el comando: imagen - tamao de imgen. Una vez
dentro de ese comando, es importante tener activada la opcin restringir proporciones para
no deformar el circuito. Para cada circuito aplicaremos un valor distinto, dependiendo de la
anchura o largura del mismo. En mi caso le voy a poner 4000 px de anchura (la altura se
calcula sola).

Tutorial para crear circuitos. Por Alvaro_SL 6

 .Ahora le vamos a dar el grosor. Para eso, lo primero es crear una capa nueva y luego seguir
los siguientes pasos:
1 Seleccionar la herramienta pincel
2 Ir al comando: Ventana - pinceles - forma de la punta del pincel.
3 Aplicar el valor 1 a la casilla espaciado.
4 El grosor fijarlo entre 100 y 110 (depende del circuito) y la dureza al 100.
5 Ir al comando: Ventana - trazados.
6 Con el boton derecho sobre el trazado, seleccionar contornear trazado. Luego seleccionar
pincel y aceptar. Deberiamos tener el trazado definitivo. Algo asi:

Ya tenemos nuestro trazado principal. Ahora, hacemos los trazados secundarios y la parte de
boxes siguiendo los mismos pasos (os recomiendo siempre, cada cosa que hagais nueva, en
una capa aparte y cada capa con su nombre correspondiente. Por ejemplo, para la capa boxes:
asfalto boxes. Es importante ser ordenados porque trabajaremos mucho con las capas).
Como veis, ya le he quitado el fondo, que a partir de ahora ya no nos va ha hacer falta. Para
eliminarlo, solo teneis que seleccionarlo en la paleta capas y posteiormente pulsar sobre el
cubo de basura que aparece en esa paleta.
Llegados este punto, os recomiendo ensear el trazado a alguien que est experimentado en
el tema para que nos lo corrija ahora. De lo contrario nos podemos llevar alguna sorpresa en
el futuro.

Tutorial para crear circuitos. Por Alvaro_SL 7

 MANEJO PTIMO DE LA PLUMA
Os enseo brevemente como manejar la pluma y las sub-herramientas que le acompaan.

La pluma, es la primera opcin que encontramos en este men. Es la prin-

cipal herramienta de este apartado, ya que es con la que conseguiremos
nuestro trazado inicial. A la hora de usarla, la forma ideal de hacerlo (teora
solo aplcable para nuestro uso con circuitos) es pinchar al principio y al
final de las rectas olvidndonos de las curvas. Os hago paralelamente dos ejemplos. Uno con
una curva normal y otro con una chicane.

Un punto de
ancla es la
parte de tra-
zado que he-
mos prefijado
en un lugar
determinado
con la pluma.
Son los cua-
draditos

Las siguientes herramientas son pluma de forma libre, aadir punto de ancla y eliminar
punto de ancla. La primera no la usaremos nunca. Las otras dos son de sencillo uso.
Aadir punto de ancla: crea nuevos puntos de ancla una vez tenemos ya hecho un trazado.
Ese nuevo punto lo crea en el sitio donde hagamos clic. De la misma forma que podemos
aadir, podemos eliminar puntos ya hechos. Solo tenemos que seleccionar la herramienta de
eliminar y pichar sobre el punto que queremos eliminar.

A continuacin, otra herramienta importante. Se denomina convertir punto de ancla y sirve

para darle forma a un punto de ancla. Con esa herramienta seleccionada, pinchamos sobre el
punto de ancla que queremos convertir y, dejando pulsado, tiramos hasta que la curva tenga
la forma deseada.

EL TRUCO: Cuando tiramos de ese punto de ancla nos aparecen dos lneas (en rojo abajo),
una por la parte de la recta y la otra por la parte de la curva. Para que no se note el cam-
bio de recta a curva, tenemos que hacer coincidir la roja con el trazado inicial.

Tutorial para crear circuitos. Por Alvaro_SL 8

 EL ASFALTO
Continuamos con nuestro circuito. Lo haremos dndole textura al asfalto. Para ello, os ad-
junto un archivo denominado efecto_de_asfalto.psd. Debeis abrir el archivo y posteriormente,
seguir estos pasos:
1 Ir a la paleta capas y hacer clic en el botn derecho sobre la capa de dicho archivo.
2 Seleccionar: copiar estilo de capa.
3 Ir a nuestro circuito y hacer clic con el botn derecho sobre la capa del asfalto.
4 Seleccionar: pegar estilo de capa..

Como veis, a vuestro asfalto le han aparecido varias cosas:

- La lnea blanca a ambos lados del asfalto.
- Unas betas que simulan la textura y direccin del asfalto.
- La textura del asfalto.
- Una linea (gris) que simula la continuacin de asfalto por detrs de la lnea blanca.

Os adelanto que la copia de estilos de photoshop no es 100 % fiable, por lo que os pongo una
captura de cada una de las secciones y parmetros de cada uno para que comprobeis que os
sale as y en caso de que no, lo modifiqueis.

Superposicin de motivo y trazo estn aclarados en el siguiente paso

Tutorial para crear circuitos. Por Alvaro_SL 9

 CREACIN DE MOTIVOS
Como veis, en la captura de la superposicin de motivo, he contorneado con rojo la flecha que
os aparece. Si la pulsais os aparecern una serie de cuadritos con imgenes dentro. Cada uno
de ellos es un motivo.
Un motivo es una imgen que previamente hemos guardado en photoshop con el fn de
poder repetirla indefinida y automticamente. Es decir, con esa imgen vamos a poder crear
mosaicos del tamao deseado sin necesidad de tener que hacerlo manualmente.
Para guardar ese motivo dentro de photoshop, os he adjuntado un archivo llamado asfalto_
ejemplo.psd para que veais como se hace, pero claro est, vosotros podeis crear tantos motivos
como querais:
1 Abrir el archivo que os he nombrado: asfalto_ejemplo.psd
2 Ir al comando Edicin - definir motivo.
3 Le poneis el nombre que querais. Por ejemplo: asfalto_1.

Ya teneis el motivo guardado dentro del programa. Ahora volvemos a nuestro circuito, al
estilo de capa y dentro de superposicin de motivo, seleccionamos el motivo que acabamos
de crear.
Dentro de trazo, tambien teneis que seleccionar ese motivo.

Os pongo una captura de como debera de ir vuestro circuito.

Tutorial para crear circuitos. Por Alvaro_SL 10

 LOS PIANOS
Continuamos con una parte del circuito que es esencial hacerla bien: los pianos. Pongamos
atencin.

Lo primero, creamos un documento nuevo en photoshop que tenga 50 px. de alto y 10 px. de
ancho. Una vez creado, hacemos lo siguiente:

1 Ir al comando Edicin - rellenar.

2 Completamos el cuadro tal como lo veis
en la imgen de la izquierda.
3 Ir al comando Edicin - definir valor
de pincel.
Una vez hecho esto, podemos cerrar este
documento. No hace falta guardarlo.

Volvemos a nuestro circuito. Duplicamos la capa de asfalto (seleccionamos dicha capa en

la paleta capas y vamos al comando: capas - duplicar capa...). La capa que nos sale nueva al
duplicar, la tenemos que mover justo debajo de la de asfalto. Para moverla solo teneis que
pinchar sobre ella y arrastrarla. Para ser ordenados, cambiamos el nombre de la capa y le
ponemos: pianos.

Ahora vamos a trabajar sobre esta capa. Lo primero que haremos ser cambiar el estilo de la
capa, ya que an tiene el mismo que el de la capa asfalto (recordad que es un duplicado).
Vamos al estilo de capa, deseleccionamos todas las opciones que tenemos activadas a excep-
cin del trazo, que lo dejamos activado y lo rellenamos de la siguiente forma:

Como veis, he seleccionado

un color naranja. Este color
corresponde a uno de los colo-
res de los pianos, justamente
el color de fondo.

Si por ejemplo vuestros pianos

son blancos y rojos, aqu te-
neis que seleccionar el color
blanco.

El parmetro tamao, que yo

lo he puesto a 16, es libre, pero
os recomiendo que est siem-
pre entre 14 y 18.

Tutorial para crear circuitos. Por Alvaro_SL 11

 Proseguimos con la creacin de los pianos. Vamos a hacer una serie de pasos un poco liosos,
as que intentar explicarlos de la mejor forma posible.
1 Creamos una capa nueva
2 En la paleta capas, la situamos justo debajo de la capa pianos. Otra opcin es crearla direc-
tamente en ese sitio.
3 Seleccionamos la capa pianos.
4 Vamos al comando Capa - combinar hacia abajo (control + E)

Si habeis observado bien, habreis visto que se han combinado las capas pianos y la que ha-
biamos creado hace un momento, dando lugar a una sola. A esta capa nueva, le volvemos a
cambiar el nombre y le ponemos de nuevo: pianos.

Nuevamente, tenemos que hacer una serie de pasos un poco liosos. Prestad atencin:
1 Con la tecla control pulsada, hacemos clic sobre la nueva capa pianos. Vereis que selecciona
el contorno automticamente.
2 Ir al comando Seleccin - modificar - contraer.
3 Dentro de aqu, aplicamos el valor 5 6. Da igual.
4 Vamos a la paleta trazados.
5 Hacemos clic sobre un icono denominado hacer trazado en uso desde seleccin
6 De nuevo volvemos a la paleta capas y repetimos el paso 1.

Si hemos llegado vivos hasta aqu, lo siguiente no ser gran cosa, tan solo vamos a configurar
el pincel de los pianos. S, aqul que hicimos al principio de la hoja anterior!.

1 En la paleta herramientas, seleccionamos

el pincel
2 Ir al comando Ventana - pinceles.
3 De toda la lista de pinceles que os apa-
recen, teneis que seleccionar el que hemos
creado hace un rato. Debera salir el ltimo.
4 Dentro de esta misma paleta, pinchamos
sobre forma de la punta del pincel, y donde
pone espaciado, ponemos el valor 200.
5 Vamos a dinmica de forma, en esta mis-
ma paleta. Y rellenamos como muestra la
imgen.

Como podeis observar, el resto de parmetros

de esta capa estn desactivados.

Una vez hecho esto, solo queda ir a la paleta trazados, pinchar

con el botn derecho sobre el trazado que aparece y seleccionar
contornear trazado. Dentro de la ventana que aparece, seleccio-
nais herramienta: pincel y simular presin: desactivado.

Y ya empiezan a tomar forma...

Tutorial para crear circuitos. Por Alvaro_SL 12

 Ahora solo quedara meterle algn filtro que nos quede bien, alguna textura y darle algo de
volumen. Os explico como dale volmen y el resto de cosas os la dejo a vuestro gusto.

Para darle volmen a los pianos, solo tenemos que aplicar el estilo de capa bisel y relieve que
ya todos conoceis perfectamente. Estos son los parmetros que suelo poner, para que sirva de
guia.

Incluso podeos meterle en esta misma paleta una textura.

Las texturas son motivos (que ya sabeis como hacerlos) que se aplican a imgenes para que
parezca que tienen el volmen de ese motivo.

La mejor forma de entender este apartado es probando.

Por ltimo, quedara coger la herramienta borrador y eliminar las zonas donde no correspon-
de que aparezcan los pianos.

Tutorial para crear circuitos. Por Alvaro_SL 13

 COLOCACIN DEL CSPED
La colocacin del csped es de las cosas ms sencillas. Slo teneis que hacer un motivo (expli-
cado en pginas anteriores) con una textura de csped. Yo os adjunto una, pero lo ideal sera
que vosotros os crearais ms.

Para poner el csped, creamos una capa nueva, vamos a edicin - rellenar. Nos aparecer una
ventana que debemos rellenar de la siguiente forma:

Lgicamente, donde pone motivo personalizado, tenemos que seleccioanr el que acabamos
de crear.

Cuando demos a OK, la capa que habiamos creado se rellenar con el motivo del csped.

No os olvideis poner esta capa abajo del todo

Tutorial para crear circuitos. Por Alvaro_SL 14

 COLOCACIN DE LA ARENA
Existen dos tipos de arena. Son estos:

La diferencia es que la primera tiene unas pequeas dunas y la segunda es plana. A la hora
de poner la arena al circuito, una es mucho ms laboriosa que la otra. Primero voy a explicar
la que es plana, mucha ms sencilla:

1. Arena plana.

Simplemente consiste en crear un motivo con dicha arena. Luego ir al circuito, crear una
capa nueva justo encima del cesped y con un color cualquiera, empezar a pintar (con el pin-
cel) por donde queramos que posteriormente sea arena.

Una vez hecho esto, ir al estilo de capa (capa - es-

tilo de capa) y aplicar una superposicin de moti-
vo. Claro est que debemos seleccionar el motivo
de la arena.

Luego si queremos suavi-

zar los bordes, podemos
usar la herramienta des-
enfocar .
Funciona de forma muy
parecida al pincel. Solo te-
neis que pasarla por enci-
ma de los bordes.
Ejemplo de la primera curva del karting.

Tutorial para crear circuitos. Por Alvaro_SL 15

 2. Arena con dunas.

El proceso es parecido al anterior, solo que ahora hay que hacer alguna cosa ms. Lo primero
abrimos el documento correspondiente, seleccionamos todo (seleccin - seleccionar todo) y
copiamos.

Luego vamos a nuestro circuito, creamos una capa nueva justo encima de la capa csped.
En la nueva capa, con el pincel dibujamos por donde queremos la arena (hasta aqu es como
antes). OJO: solo se pueden hacer las curvas de una en una, as que solo dibujar con el pincel
en una sola curva.

Cuando hemos dibujado el rea, seleccionamos el contenido

de la capa. Os recuerdo que se hace de la siguiente forma:
con la tecla control pulsada, hacer clic encima de la capa de
la arena (en la paleta capas).

Vereis que aparece una seleccin alrededor de lo que acaba-

mos de pintar.

A continuacin, ir a edicin - pegar dentro

Os deberia salir la arena que anteriormente copiamos justo dentro de la seleccin. Ahora solo
queda girar la arena para que quede paralela al asfalto (edicin - transformar - rotar). Si es
necesario, podemos duplicar la capa (capa - duplicar capa), moverla y volverla a girar para que
las dunas tomen la forma de la curva.

Finalmente solo quedara ordenar

un poco las capas. Si habeis este
segundo mtodo, or recomiento
meter todas las capas que os haya
hecho falta crear dentro de una
carpeta.

Para crear una carpeta nueva, le

dais al icono que aparece abajo de
la paleta capas (crear un conjunto
nuevo).

Va tomando color el circuito verdad?.

Tutorial para crear circuitos. Por Alvaro_SL 16

 LAS VALLAS
Procedemos a la creacin de las vallas. Yo os hago el ejem-
plo con la curva 1 de mi karting.

Empezaremos haciendo un trazado con la pluma por don-

de queramos que posteriormente pase la valla. No os ol-
videis de hacer las transiciones bien que luego se notan
mucho los errores.

Para ir siendo ordenados, creamos una carpeta justo enci-

ma de la carpeta de la arena y la llamamos vallas1 (de la
curva 1). Dentro de esa carpeta, creamos una capa nueva.

Cuando tenemos eso hecho, vamos a configurar un pincel. Seleccionamos la herramienta

pincel en la barra de herramientas y arriba
nos aseguramos de que los parametros si-
guientes estn configurados de esa manera:

Seguimos configurando el pincel. Vamos a la ventana

pinceles y seleccionamos de grosor 3, dureza 100 y es-
paciado 1 % ,como muestra la imgen. Por ltimo, ele-
gidcomo color frontal un color gris (podeis ir probando
con los pasos posteriores hasta conseguir un tono que os
guste).

Una vez configurado el pincel, procedemos a contornear

el trazado anteriormente hecho: vamos a la ventana
trazados y con el botn derecho seleccionad contornear
trazado (recordad que simular presin debe estar desac-
tivado).

Ya tenemos el primer nivel de la valla hecho, solo nos falta configurarlo para darle volmen.
Vamos a capa - estilo de capa - bisel y relieve y configuramos de la siguiente forma:

Aceptamos y ahora un paso un tanto lioso.

Creamos una capa nueva encima de la de
las vallas (dentro de la carpeta) y la move-
mos debajo de sta.

Luego seleccionamos la capa de las vallas y

pulsamos control + E.

Tutorial para crear circuitos. Por Alvaro_SL 17

 Vereis que la capa vallas1 y la que habiamos creado hace un momento se han convertido
en una misma.

Ahora solo hay que duplicar la capa (capa - duplicar capa) y moverla un par de pxeles hacia
arriba (con la herramienta mover seleccionada, pulsamos dos veces la tecla subir del teclado.
La que todos pulsis para acelerar en el mro). Una vez movida la capa, volver a duplicarla y
a moverla y repetirlo tantes veces como queramos (normalmente las vallas se hacen de 3 o
4 alturas).

Ya tenemos la valla terminada. IMPORTANTE Ahora solo queda juntar las capas que acabamos
de ir duplicando en una sola IMPORTANTE ! Ya sabeis que esto se hace con control + E como lo
hemos hecho hace un momento. La capa que nos queda de la fusin de todas ya es intocable,
por lo tanto, ponedle un nombre si an no lo tiene.

La creacin de vallas tiene un pequeo inconveniente. No se pueden crear todas de una sola
pasada porque paralelamente hay que ir haciendo las ruedas, es decir, nosotros ahora mismo
acabamos de hacer la valla de la primera curva y no podemos pasar a la siguiente curva
hasta que no tengamos hechas las ruedas de la primera.

De este modo nos metemos en la colocacin de las ruedas, pero antes de eso, hay que crear
el pincel necesario. Vamos all.

Para hacer el ejemplo, os adjunto un archivo que se llama pincel_ruedas.psd. Lo

abrimos en photoshop y vamos a edicin - definir valor de pincel... le ponemos el
nombre que queramos y aceptamos.

Por supuesto, estas son unas ruedas ejemplo, lo que quiere decir que vosotros podeis crearos
unas a vuestro gusto, eso si, siempre tienen que seguir el mismo formato (mismo tamao,
color negro y 4 ruedas).

Y directamente pasamos al siguiente apartado...

Tutorial para crear circuitos. Por Alvaro_SL 18

 LAS RUEDAS
Sin olvidarnos de crear el pincel anteriormente explicado vamos a proceder a la colocacin
de las ruedas.

Lo primero que haremos ser configurarlo como en

la captura.

No os pongo captura del apartado forma de la pun-

ta del puncel, pero os digo que teneis que poner en
espaciado a 100%. El resto ni tocarlo.

Cuando lo tenemos configurado, seleccionamos

uno de los dos colores de nuestras ruedas. En mi
caso las ruedas van a ser blancas y rojas, por lo
tanto selecciono el color blanco como color fron-
tal. Creamos una carpeta nueva. A esta la vamos a
llamar ruedas1. Dentro de la carpeta, creamos una
capa con el mismo nombre. Luego vamos a la ven-
tana trazados y contorneamos el mismo trazado que usamos para las vallas.

Deberia aparecernos algo parecido a la imgen. Seguidamen-

te, seleccionamos el otro color de las ruedas (en mi caso el
rojo), cambiamos el espaciado del pincel de 100% a 200% y
contorneamos.

A veces, dependiendo de los colores, la superposicin no

queda bien del todo. Si es necesario podeis contornear
dos veces que seguro que queda mejor. Ahora procede-
mos al borrado de las ruedas que no queremos que apa-
rezcan, en mi caso, voy a quitar un par de ellas o tres
por cada extremo.

Posicionamos las ruedas en su lugar definitivo, duplicamos la capa y la desplazamos 2 pxeles

hacia arriba. Volvemos a duplicar esta ltima capa y la subimos nuevamente 2 pxeles. De
este modo resultarn 3 capas dentro de la carpeta ruedas1. Fusionamos las dos de abajo (con
control + E) de modo que nos quedarn dos capas, una arriba y otra abajo. En la de arriba
aplcamos el estilo 1 (izquierda) y en la de abajo aplicamos el estilo 2 (derecha).

Tutorial para crear circuitos. Por Alvaro_SL 19

 CAMINOS EXTERIORES
Cuando tengamos todas las vallas y ruedas situadas, procedemos a poner los caminos por los
que andan las gruas, comisarios,, asistencias del circuito, etc.

El proceso es el mismo que cuando

hicimos el trazado del circuito, al
principio del tutorial.

Lo primero, creamos un nuevo con-

junto de capas (os recuerdo que est
en la paleta capas. El icono que es una
carpeta). En este caso, crearemos el
conjunto entre la arena y las vallas..
Le poneis el nombre que querais y
posteriormente creais una capa nueva
dentro de esa carpeta.

Luego, con la pluma, hacemos el tra-

zado por donde queremos que pase
ese camino.

Una vez trazado el camino, contorneamos con un pincel de entre 30 y 40 px. (aseguraos que
el espaciado del pincel sea 1%).

El color que useis da igual (yo he puesto uno muy llamativo para que lo veias bien). Ahora
lo que haremos ser configurar el estilo de capa. Lo nico que teneis que aplicarle es una
superposin de motivo, con algun asfalto, o bien el mismo que ussteis para el asfalto del
circuito o bien otro que quede acorde.

A veces os pasar que os quedan

huecos entre el camino y las va-
llas del circuito, como en este caso
me ha pasado a mi. Para corregir-
los, usamos el pincel y pintamos a
mano lo que falte.

A partir de aqu, solo teneis que ir haciendo nuevos trazados con la pluma y contornear en
esa misma capa, incluso tambien podeis meter la zona del paddock.

Tutorial para crear circuitos. Por Alvaro_SL 20

 LNEAS ADICIONALES
Pasamos a dibujar las lneas de los parciales, la parrilla de salida y las de boxes. Creamos un
conjunto de capas justo encima de la del asfalto y vamos aadiendo. Usamos la herramienta
lnea. Antes de usarla, debeis de aseguraros de que teneis activa la opcin relle-
nar pixeles que os aparece en el men de arriba una vez teneis seleccionada la
herramienta lnea.

Empezamos por la parrilla de salida. Lo normal es hacer una caja y luego ir duplicndola
hasta completar las 32 posiciones (16 filas).

Luego, para mayor comodidad, hacemos en un documento aparte los cuadros de la lnea de
salida y posteriormente la pasamos al circuito y la situamos.

Tambien entran en este apartado las lineas que delimitan la zona de baja velocidad (pit-line)
y las de la salida y entrada de boxes.

Finalmente, situamos las lneas de los parciales en los lugares correspondientes.

Hasta aqu, as es como va mi karting:

Tutorial para crear circuitos. Por Alvaro_SL 21

 BOLARDOS
Para evitar atajos en curvas, se situan en el interior de las curvas una especie de conos
llamados bolardos.

Os adjunto un archivo llamado bolardo.psd que contiene un bolardo. Antes de nada, teneis
que crear un nuevo conjunto de capas encima del conjunto de las lneas. Luego ya podeis
poner dentro del conjunto ese bolardo que acabais de copiar. A partir de ah, solo es ir dupli-
cando la capa (Capa - duplicar capa) e ir posicionando uno a uno todos los bolardos de todo
el circuito.

En mi caso, como es un karting, voy a poner ruedas en vez de bolardos. El proceso para poner
las ruedas es exactamente el mismo que para las ruedas que hay al lado de las vallas.

3-D Y DECORACIN
Todo lo referente a edificios, gradas, montaas, etc, no voy a explicar nada puesto que necesi-
taria un tutorial solo para eso, pero si hay que tener en cuenta que ahora es el momento de
situarlo en el circuito.

Para los novatos, os aconsejo que os descargueis el programa Sketchut (se baja desde la pgi-
na de google y es gratuito) y lo mireis porque da bastante juego y es muy sencillo. Incluso
podeis bajar desde la misma web edificios ya hechos por otros usuarios y ponerlos en vuestro
circuito.

En este apartado tambien hay que

meter todo lo referente a comisarios,
gruas del circuito, ambulancias, r-
boles, carteles de publicidad... En defi-
nitiva, todo lo que falta para tener el
circuito completo de objetos.

Tutorial para crear circuitos. Por Alvaro_SL 22

 SOMBRAS
Estamos apunto de acabar y ahora lo que toca es poner las som-
bras a todo aquello que tenga relieve, o lo que es lo mismo, todo
aquello que est por encima del nivel del suelo. Es por eso que
crearemos una capa justo encima de la capa del trazado.

Os dejo una captura para que veais el orden de las capas.

El proceso para hacer las sombras es sencillo. Os voy a hacer el

ejemplo con las vallas. Para el resto de cosas los pasos son los
mismos:

1. Con la tecla control pulsada, hacer clic en la capa de las vallas.

Vereis que las vallas se seleccionan en la imgen.

2. Con la herramienta lazo poligonal seleccionada, pulsar en el

teclado la flecha de abajo tantas veces como queramos (hasta
que veais que la distancia es buena para poner la sombra).

3. Ir a Edicin - Rellenar...

Y rellenar el cuadro como apare-

ce en la captura de la izquierda.

Hay veces que las esquinas no coinciden, como me ha pasado a mi en la grada. En estos ca-
sos hay que hacer una seleccion a mano (con la herramienta seleccin) y luego rellenar de
negro. Os dejo el ejemplo:

Cuando tengais todas las sombras puestas, solo falta bajar

la opacidad a la capa. Si quereis una referencia, yo siempre
lo pongo al 40 %, aunque cada uno que lo ponga como
mejor lo vea.

Tutorial para crear circuitos. Por Alvaro_SL 23

 MARCA DE LAS GOMAS
La marca de las gomas de las ruedas se pueden hacer de muchas formas. Yo voy a explicar
la forma sencilla y rpida.

Lo primero es hacer un trazado (con la herramienta pluma) de todo el circuito por donde
pasarn los coches.

Crear una nueva capa entre la capa de las sombras y la capa

del trazado y contornear el trazado con un pincel como el de
la captura.

Luego solo faltara borrar las zonas de rectas por donde los
coches no dejan tanta huella. Os recomiendo usar una goma
con la misma configuracin del pincel de antes.

Por ltimo, bajamos la opacidad de la capa al 25 % aprox.

Este es mi resultado final.

Tutorial para crear circuitos. Por Alvaro_SL 24