Tutorial Circuitos By Alvaro Sl

TUTORIAL PARA HACER CIRCUITOS

- PHOTOSHOP -

Realización: Alvaro_SL

En colaboración con Miniracingonline

“ Dedicado a todas aquellas personas que siempre me apoyaron, porque gracias a ellos, esto es una realidad “

Tutorial para crear circuitos. Por Alvaro_SL 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


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


LA BARRA DE HERRAMIENTAS

MoverVarita mágicaSectorPincel / PlumaPincel de historiaDegradadoSobreexponerTextoLineaCuentagotasLupa

Color secundario

Selección POLIGONAL-

Selección LAZO

RecortarPincel corrector

Tampón DE clonarGomaDedo

Selección TRAZADOS

Herramientas DE PLUMA

NotasMano

Color primario

Ahí puedes ver en forma de iconos todas las herramientas disponibles en Photoshop. Obser-va con atención que algunas de ellas tienen un pequeño triángulo en su esquina inferior derecha .

Este es el indicador de grupo de herramientas. Si posicionas el cursor sobre alguno de estos iconos y pulsas el botón derecho del ratón se desplegará la lista de herramientas pertene-cientes al grupo.

A continuación se explican brevemente las más usuales:

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.

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.

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.


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.


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:

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).

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

** 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.


.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.


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.

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.

MANEJO ÓPTIMO DE LA PLUMA

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

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.


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.

EL ASFALTO

Superposición de motivo y trazo están aclarados en el siguiente paso


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.psd2º 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.

CREACIÓN DE MOTIVOS


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.

LOS PIANOS


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 nueva2º 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...


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.


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

COLOCACIÓN DEL CÉSPED


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.

COLOCACIÓN DE LA ARENA

Ejemplo de la primera curva del karting.


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?.


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.

LAS VALLAS


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...


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).

LAS RUEDAS


CAMINOS EXTERIORESCuando 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.


LÍNEAS ADICIONALESPasamos 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:


BOLARDOS

3-D Y DECORACIÓN

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.

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.


SOMBRASEstamos 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.


MARCA DE LAS GOMASLa 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.

Design

Tutorial Circuitos By Alvaro Sl