Este documento es un tutorial para crear circuitos de carreras en Photoshop. Explica los pasos para diseñar vectores mediante el trazado, aplicar texturas como el asfalto, colocar elementos como vallas y decoración, y añadir sombras y detalles finales. El objetivo es proporcionar una guía para que los lectores puedan crear sus propios circuitos de manera profesional en Photoshop.
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Tutorial Circuitos By Alvaro Sl
1. “ Dedicado a todas aquellas personas que siempre me apoyaron,
porque gracias a ellos, esto es una realidad “
TUTORIAL
PARA HACER
CIRCUITOS
- PHOTOSHOP -
Realización: Alvaro_SL
En colaboración con Miniracingonline
2. ÍNDICE
1. Antes de nada. ..........................................................................................................................................................................................................................3
2 Conceptos básicos de photoshop: la barra de herramientas. ......................................................................................... 4
3. Diseño de vectores: el trazado. ..............................................................................................................................................................................5
4. Manejo óptimo de la pluma. ................................................................................................................................................................................. 8
5. El asfalto. ....................................................................................................................................................................................................................................... 9
6. Creación de motivos. ....................................................................................................................................................................................................10
7. Los pianos. ......................................................................................................................................................................................................................................11
8. Colocación del césped. ................................................................................................................................................................................................ 14
9. Colocación de la arena. ..............................................................................................................................................................................................15
10. Las vallas. ...................................................................................................................................................................................................................................17
11. Las ruedas. ................................................................................................................................................................................................................................. 19
12. Caminos exteriores. ......................................................................................................................................................................................................20
13. Líneas adicionales. ......................................................................................................................................................................................................... 21
14. Bolardos y decoración. ............................................................................................................................................................................................22
15. Sombras. ..................................................................................................................................................................................................................................... 23
16. Marcas de las gomas. ................................................................................................................................................................................................24
Tutorial para crear circuitos. Por Alvaro_SL 2
3. 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 más importante, un tutorial no es una receta, sino se llamaría receta. Con esto
quiero decir que, los pasos que a continuación voy a explicar no son para que los hagáis
exactamente igual que yo los explico, o al menos, que no os quedéis 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 diseñador 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 pasáis de ahí.
Aparte de eso, quiero que sepáis 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 manejáis 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 intención
es acabar el circuito hoy o mañana 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 espíritu de superación.
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
4. LA BARRA DE HERRAMIENTAS
Ahí puedes ver en forma de iconos todas las
Selección POLIGONAL- Mover herramientas disponibles en Photoshop. Obser-
Selección Varita mágica
va con atención que algunas de ellas tienen
LAZO
Recortar Sector
Pincel corrector Pincel / Pluma un pequeño triángulo en su esquina inferior
Tampón clonar
DE Pincel de historia derecha .
Goma Degradado
Dedo Sobreexponer
Este es el indicador de grupo de herramientas.
Selección Texto
Si posicionas el cursor sobre alguno de estos
TRAZADOS
Herramientas DE PLUMA Linea
Notas Cuentagotas iconos y pulsas el botón derecho del ratón se
Mano Lupa desplegará la lista de herramientas pertene-
Color primario cientes al grupo.
Color secundario
A continuación se explican brevemente las
más usuales:
Dentro del grupo de herramientas de dibujo podemos encontrar el Pincel y
el Lápiz. La letra que aparece a la derecha del nombre de la herramienta nos
informa del método 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 imágenes irán destinadas a la publicación web.
Este grupo de herramientas se utiliza para crear trazados. Los trazados se utili-
zan para crear formas vectoriales (lineas y curvas definidas matemáticamen-
te). Estas formas son independientes a la resolución y pueden redimensionarse
sin problemas.
La primera opción, 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 máximo 4 muestras de co-
lor del lienzo para mostrar sus propiedades en la paleta de Información (junto
al Navegador).
La última, la herramienta Medición, mide la distancia entre dos puntos dados
mostrándose el resultado, también, en la paleta Información.
Tutorial para crear circuitos. Por Alvaro_SL 4
5. EL TRAZADO
Para la realización del trazado usaremos la herramienta pluma .
Lo primero que tenemos que hacer es buscar una imágen del circuito que vamos a realizar.
En mi caso este Karting:
Encontrareis infinidad de imágenes 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 número 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í deberíamos hacerlo:
Los pasos a seguir para girar el circuito:
1º Selección - Seleccionar todo.
2º Edición - Transformar.
Tutorial para crear circuitos. Por Alvaro_SL 5
6. 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 unión de unos y otros:
** Antes de
empezar a rea-
lizar el trazado
con la pluma
debeis verificar
que teneis
activada la op-
ción 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 vértices 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 máximo. Al principio costará un poco hacerse
con la herramienta, pero es de rápido aprendizaje. Os doy algunas pautas de uso de la pluma
en el punto 2.
Ya va tomando forma nuestro trazado. A continuación vamos a agrandar el tamaño de
nuestra imágen. Lo podeis hacer desde el comando: imagen - tamaño de imágen. Una vez
dentro de ese comando, es importante tener activada la opción ‘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
7. .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 enseñar 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
8. MANEJO ÓPTIMO DE LA PLUMA
Os enseño brevemente como manejar la pluma y las sub-herramientas que le acompañan.
La pluma, es la primera opción 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 (teoría
solo aplcable para nuestro uso con circuitos) es pinchar al principio y al
final de las rectas olvidándonos 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, añadir punto de ancla y eliminar
punto de ancla. La primera no la usaremos nunca. Las otras dos son de sencillo uso.
Añadir 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
añadir, podemos eliminar puntos ya hechos. Solo tenemos que seleccionar la herramienta de
eliminar y pichar sobre el punto que queremos eliminar.
A continuación, 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 ‘líneas’ (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
9. EL ASFALTO
Continuamos con nuestro circuito. Lo haremos dándole 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 botón derecho sobre la capa de dicho archivo.
2º Seleccionar: copiar estilo de capa.
3º Ir a nuestro circuito y hacer clic con el botón derecho sobre la capa del asfalto.
4º Seleccionar: pegar estilo de capa..
Como veis, a vuestro asfalto le han aparecido varias cosas:
- La línea blanca a ambos lados del asfalto.
- Unas ‘betas’ que simulan la textura y dirección del asfalto.
- La textura del asfalto.
- Una linea (gris) que simula la continuación de asfalto por detrás de la línea 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 parámetros de cada uno para que comprobeis que os
sale así y en caso de que no, lo modifiqueis.
Superposición de motivo y trazo están aclarados en el siguiente paso
Tutorial para crear circuitos. Por Alvaro_SL 9
10. CREACIÓN DE MOTIVOS
Como veis, en la captura de la superposición de motivo, he contorneado con rojo la flecha que
os aparece. Si la pulsais os aparecerán una serie de cuadritos con imágenes dentro. Cada uno
de ellos es un motivo.
Un motivo es una imágen que previamente hemos guardado en photoshop con el fín de
poder repetirla indefinida y automáticamente. Es decir, con esa imágen vamos a poder crear
mosaicos del tamaño 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 Edición - 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 superposición de motivo, seleccionamos el motivo que acabamos
de crear.
Dentro de trazo, tambien teneis que seleccionar ese motivo.
Os pongo una captura de como debería de ir vuestro circuito.
Tutorial para crear circuitos. Por Alvaro_SL 10
11. LOS PIANOS
Continuamos con una parte del circuito que es esencial hacerla bien: los pianos. Pongamos
atención.
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 Edición - rellenar.
2º Completamos el cuadro tal como lo veis
en la imágen de la izquierda.
3º Ir al comando Edición - 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 aún 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-
ción 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 parámetro tamaño, 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
12. Proseguimos con la creación 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 opción 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 atención:
1º Con la tecla control pulsada, hacemos clic sobre la nueva capa pianos. Vereis que selecciona
el contorno automáticamente.
2º Ir al comando Selección - 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 selección’
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í, aquél 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. Debería 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 dinámica de forma, en esta mis-
ma paleta. Y rellenamos como muestra la
imágen.
Como podeis observar, el resto de parámetros
de esta capa están desactivados.
Una vez hecho esto, solo queda ir a la paleta trazados, pinchar
con el botón derecho sobre el trazado que aparece y seleccionar
‘contornear trazado’. Dentro de la ventana que aparece, seleccio-
nais herramienta: pincel y simular presión: desactivado.
Y ya empiezan a tomar forma...
Tutorial para crear circuitos. Por Alvaro_SL 12
13. Ahora solo quedaría meterle algún filtro que nos quede bien, alguna textura y darle algo de
volumen. Os explico como dale volúmen y el resto de cosas os la dejo a vuestro gusto.
Para darle volúmen a los pianos, solo tenemos que aplicar el estilo de capa ‘bisel y relieve’ que
ya todos conoceis perfectamente. Estos son los parámetros 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 imágenes para que
parezca que tienen el volúmen de ese motivo.
La mejor forma de entender este apartado es probando.
Por último, quedaría coger la herramienta borrador y eliminar las zonas donde no correspon-
de que aparezcan los pianos.
Tutorial para crear circuitos. Por Alvaro_SL 13
14. COLOCACIÓN DEL CÉSPED
La colocación del césped es de las cosas más sencillas. Sólo teneis que hacer un motivo (expli-
cado en páginas anteriores) con una textura de césped. Yo os adjunto una, pero lo ideal sería
que vosotros os crearais más.
Para poner el césped, creamos una capa nueva, vamos a edición - rellenar. Nos aparecerá una
ventana que debemos rellenar de la siguiente forma:
Lógicamente, 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 césped.
No os olvideis poner esta capa abajo del todo
Tutorial para crear circuitos. Por Alvaro_SL 14
15. COLOCACIÓN DE LA ARENA
Existen dos tipos de arena. Son estos:
La diferencia es que la primera tiene unas pequeñas dunas y la segunda es plana. A la hora
de poner la arena al circuito, una es mucho más laboriosa que la otra. Primero voy a explicar
la que es plana, mucha más 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 superposición 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
16. 2. Arena con dunas.
El proceso es parecido al anterior, solo que ahora hay que hacer alguna cosa más. Lo primero
abrimos el documento correspondiente, seleccionamos todo (selección - seleccionar todo) y
copiamos.
Luego vamos a nuestro circuito, creamos una capa nueva justo encima de la capa césped.
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 selección alrededor de lo que acaba-
mos de pintar.
A continuación, ir a edición - pegar dentro
Os deberia salir la arena que anteriormente copiamos justo dentro de la selección. Ahora solo
queda girar la arena para que quede paralela al asfalto (edición - 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 quedaría ordenar
un poco las capas. Si habeis este
segundo método, 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
17. LAS VALLAS
Procedemos a la creación 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 están 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 imágen. 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 botón derecho seleccionad contornear
trazado (recordad que simular presión debe estar desac-
tivado).
Ya tenemos el primer nivel de la valla hecho, solo nos falta configurarlo para darle volúmen.
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
18. 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 píxeles hacia
arriba (con la herramienta mover seleccionada, pulsamos dos veces la tecla ‘subir’ del teclado.
La que todos pulsáis 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 fusión de todas ya es intocable,
por lo tanto, ponedle un nombre si aún no lo tiene.
La creación de vallas tiene un pequeño 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 colocación 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 edición - 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 tamaño,
color negro y 4 ruedas).
Y directamente pasamos al siguiente apartado...
Tutorial para crear circuitos. Por Alvaro_SL 18
19. LAS RUEDAS
Sin olvidarnos de crear el pincel anteriormente explicado vamos a proceder a la colocación
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 imágen. 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 superposición 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 píxeles
hacia arriba. Volvemos a duplicar esta última capa y la subimos nuevamente 2 píxeles. De
este modo resultarán 3 capas dentro de la carpeta ruedas1. Fusionamos las dos de abajo (con
control + E) de modo que nos quedarán 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
20. 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
superposión de motivo, con algun asfalto, o bien el mismo que usásteis 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
21. LÍNEAS ADICIONALES
Pasamos a dibujar las líneas de los parciales, la parrilla de salida y las de boxes. Creamos un
conjunto de capas justo encima de la del asfalto y vamos añadiendo. Usamos la herramienta
línea. Antes de usarla, debeis de aseguraros de que teneis activa la opción ‘relle-
nar pixeles’ que os aparece en el menú de arriba una vez teneis seleccionada la
herramienta línea.
Empezamos por la parrilla de salida. Lo normal es hacer una ‘caja’ y luego ir duplicándola
hasta completar las 32 posiciones (16 filas).
Luego, para mayor comodidad, hacemos en un documento aparte los cuadros de la línea 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 líneas de los parciales en los lugares correspondientes.
Hasta aquí, así es como va mi karting:
Tutorial para crear circuitos. Por Alvaro_SL 21
22. 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 líneas. 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 DECORACIÓN
Todo lo referente a edificios, gradas, montañas, 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 pági-
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
23. 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 imágen.
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 Edición - 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 selección) 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
24. 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 rápida.
Lo primero es hacer un trazado (con la herramienta pluma) de todo el circuito por donde
pasarán 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 faltaría borrar las zonas de rectas por donde los
coches no dejan tanta huella. Os recomiendo usar una goma
con la misma configuración 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