1. Design & Illustration
  2. Flat Design

Cómo crear un tráiler de camping dorado en Adobe Illustrator

Scroll to top
Read Time: 14 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En este tutorial, le mostraré cómo crear una colorida furgoneta de surf utilizando las formas y herramientas más básicas de Adobe Illustrator.

Si desea omitir el tutorial y simplemente comprar el resultado, simplemente vaya a GraphicRiver para obtener mi Bungalow, Cottage, Trailer y House Set.

1. Cómo crear un nuevo documento

Primero tenemos que configurar un Nuevo Documento (Archivo> Nuevo o Control / Comando-N) con estas configuraciones:

  • Número de mesas de trabajo: 1
  • Ancho: 1200
  • Altura: 1200
  • Unidades: píxeles

Desde la pestaña Avanzado:

  • Modo de color: RGB
  • Efectos de trama: pantalla
  • Modo de vista previa: predeterminado
  • Desmarque Alinear nuevos objetos en cuadrícula de píxeles
Creating a new documentCreating a new documentCreating a new document

2. Cómo hacer la base y el techo del remolque de camping

Paso 1

Comencemos por formar el cuerpo de un remolque a partir de un rectángulo de 607 x 177 px # eecf98 hecho con la ayuda de la herramienta Rectángulo (M).

Después de crear el rectángulo, elija el punto de anclaje superior derecho con la Herramienta de selección directa (A) y presione Entrar para abrir la ventana Mover. Establezca el valor Horizontal en -55 px y el valor Vertical en 0 px y presione OK, moviendo nuestro ancla hacia la izquierda.

Building a rectangleBuilding a rectangleBuilding a rectangle

Paso 2

Cree otro rectángulo de 607 x 55 px con el color # eecf98 y colóquelo debajo de la parte principal. Usando la herramienta de selección directa (A), seleccione el punto de anclaje inferior derecho. Presione Entrar para abrir nuevamente la ventana Opciones de movimiento y establecer el valor Horizontal en -5 px y el valor Vertical en 0 px, moviendo el punto hacia la izquierda.

Abra la misma ventana para el punto de anclaje inferior izquierdo. Establezca el valor Horizontal en 19 px y Vertical en 0 px, moviendo nuestra esquina hacia la derecha.

Adding a second rectangle belowAdding a second rectangle belowAdding a second rectangle below

Paso 3

Seleccione ambas formas juntas y use la opción Unir del panel Pathfinder para fusionarlas en una forma.

Con un rectángulo de 583 x 8 px con el color # 4f412f, forme una franja debajo de la parte inferior.

Merging the rectangles and adding a stripeMerging the rectangles and adding a stripeMerging the rectangles and adding a stripe

Paso 4

Construya un rectángulo más con un tamaño de 552 x 67 px en la parte superior del cuerpo del remolque, usando # 613d26 para colorearlo.

Tome la herramienta Agregar punto de ancla (+) y agregue un ancla adicional en la parte inferior del borde derecho de la forma.

Con el método anterior, mueva el punto de anclaje superior derecho unos 120 px a la izquierda.

Seleccione el punto de anclaje de la esquina superior izquierda de la forma marrón con la Herramienta de selección directa (A). Puede ver el widget de Live Corner que se muestra en la esquina. Simplemente tome el widget y tire de él hacia el centro, haciendo que la esquina quede redondeada.

Creating a roofCreating a roofCreating a roof

Paso 5

Agreguemos un contorno a la sección del techo.

Seleccione la forma del techo y vaya a Objeto> Ruta> Ruta de compensación. Ingrese -4.5 px en el campo Valor de compensación y presione OK. Establezca el color de relleno de la forma interna en # eecf98.

Tome la herramienta de selección directa (A) y arrastre hacia abajo el lado inferior de la forma resultante mientras mantiene presionado Shift, dejándolo sentado en el mismo nivel que el borde superior del cuerpo de la caravana.

Adding an outline to the roofAdding an outline to the roofAdding an outline to the roof

3. Cómo agregar las rayas, la puerta y el Windows

Paso 1

Es hora de decorar nuestra caravana con rayas.

Construya un rectángulo de 750 x 113 px (# c25c34), colocándolo debajo del borde superior de la forma del remolque principal.

Forme una segunda franja de 750 x 28.5 px del mismo color que atraviesa los anclajes laterales de la base de la caravana.

Forming two decorative stripesForming two decorative stripesForming two decorative stripes

Paso 2

Cortemos las partes de las rayas que quedan fuera de la forma del remolque base.

Seleccione las rayas junto con la forma principal. Luego use la herramienta Shape Builder (Shift-M). Mientras mantiene presionada la tecla Alt, haga clic y mantenga presionado el botón izquierdo del mouse en un área libre cerca de los bordes de la parte de banda no deseada, arrastre las partes pendientes y suelte el mouse para eliminarlas. Repite la acción para el otro lado.

Cutting outstanding parts of the stripesCutting outstanding parts of the stripesCutting outstanding parts of the stripes

Paso 3

Haga dos rectángulos de 110 x 60 px (# bfa989) para las ventanas, colocándolos cerca de las partes izquierda y derecha de la franja roja más grande.

Seleccione las ventanas y vaya a Objeto> Ruta> Ruta de desplazamiento. Ingrese 3 px para el Offset y establezca el color de relleno de los contornos en # 613d26.

Building two windowsBuilding two windowsBuilding two windows

Paso 4

Comience creando una puerta formando una forma redondeada de 96 x 252 px (# 613d26) en la parte izquierda del remolque cerca de la ventana izquierda. Deje un espacio vacío entre la puerta y la ventana derecha para la ventana más pequeña, que agregaremos más adelante.

Use la ruta de desplazamiento para la forma de la puerta, estableciendo el valor de Desplazamiento a -4.5 px. Cambie el color de la forma interna a # c25c34.

Construya una manija de puerta simple creando un círculo de 14 x 14 px con la herramienta Elipse (L) (# 4f412f) y un rectángulo redondeado de 28.5 x 4.5 px (# 664b2e).

Creating a doorCreating a doorCreating a door

Paso 5

Agregue un rectángulo redondeado horizontal de 87 x 7.5 px debajo de la puerta, llenándolo con # 45392a.

Forma dos rectángulos verticales de 4 x 24.5 del mismo color, colocándolos debajo de la forma horizontal en los lados izquierdo y derecho, haciendo que se superpongan a la forma.

Agregue una franja horizontal más que se encuentre entre los dos rectángulos verticales para el paso.

Forming a stair step for the doorForming a stair step for the doorForming a stair step for the door

Paso 6

Agreguemos una ventana más pequeña en el espacio vacío cerca de la puerta.

Forme un rectángulo de 65 x 65 píxeles (#613d26) y vaya a Objeto> Ruta> Ruta de desplazamiento, establezca el Desplazamiento a -4.5 px y coloree la forma interna en # bfa989.

Construya un rectángulo de 79 x 7.5 px de color # eecf98 sobre el borde superior de la ventana.

Creating a small windowCreating a small windowCreating a small window

4. Cómo agregar las ruedas, los soportes y pequeños detalles

Paso 1

Tome la herramienta Elipse (L) y cree un círculo de 75.5 x 75.5 px de color # 4f412f para la rueda. Agregue dos círculos más pequeños adentro: un círculo de 48 x 48 px de color # d9b97b y un círculo de 42 x 42 px sin Relleno pero con un trazo de 2 px de color # 80624f.

Crea un círculo más de 17 x 17 px (# fde0a1) en el medio.

Cree un pequeño círculo de 3 x 3 px (# 80624f), colocándolo debajo del círculo delineado previamente creado sin relleno. Manteniendo el círculo más pequeño seleccionado, agregue el círculo interno a la selección y haga clic de nuevo en la forma interna, convirtiéndolo en un Objeto clave. Align to Key Object se selecciona automáticamente en el panel de control y en el panel Alinear.

En el panel Alinear (Ventana> Alinear) o Panel de control, haga clic en el botón Horizontal Alinear Centro.

Forming a wheelForming a wheelForming a wheel

Paso 2

Seleccione el círculo pequeño, tome la herramienta Rotar (R), y luego Alt / Opción-clic en el centro de la rueda. En el panel Girar, configure el ángulo en 30 ° y haga clic en el botón Copiar. Presione Control-D para repetir la última acción y continúe presionando Control-D para agregar los 12 círculos alrededor del centro (1).

Comience a crear un borde decorativo formando un rectángulo de 92 x 32 px sin relleno y con un trazo de color # fde0a1 de 9 pt de ancho, colocándolo debajo de la rueda y alineándolo al centro usando el panel Alinear (2).

Arrastre sus anclas superiores horizontalmente por 15 px hacia el centro (solo use el panel Mover como lo hicimos antes) (3).

Borre el lado inferior haciendo clic en él con la Herramienta de Selección Directa (A) y presionando Eliminar (4).

Retire la parte superior sobresaliente de la rueda (5) con la ayuda de la herramienta Shape Builder (Shift-M) (5).

Usando la herramienta Pluma (P), dibuje una forma angulada sentada en los bordes de nuestra llanta y escóndala detrás de la rueda (6).

Agrupe (Control-G) todas las partes de la rueda juntas y colóquelas en el remolque.

Finishing the wheelFinishing the wheelFinishing the wheel

Paso 3

Vamos a crear un respiradero

Construya un rectángulo de 50 x 13.5 px (# 222529) debajo de la ventana pequeña y forme un contorno de 3 px usando el método de desplazamiento de ruta, configurando su color a # d9b97b. Agregue dos bandas finas del mismo color dentro de la forma y agrupe (Control-G) sus partes juntas.

Copie la ventilación y coloque la copia sobre la banda decorativa inferior del remolque. Haz que el color de los contornos sea un poco más oscuro.

Creating vent gratingsCreating vent gratingsCreating vent gratings

Paso 4

Es hora de agregar una pequeña puerta en la parte inferior del remolque.

Simplemente forme un rectángulo de 83.5 x 34 px (# c25c34) fuera del remolque y gire ligeramente sus esquinas. Agregue un esquema de 4.5 px usando la ruta de desplazamiento, configurando su color a # fde0a1.

Dibuje un rectángulo de 16 x 5 px (# fde0a1) debajo del borde superior de la parte interior roja, alineándolo a su centro. Arrastra los anclajes inferiores ligeramente hacia el eje central y hazlos redondeados.

Coloque un círculo de 6 x 6 px (# d9b97b) en el centro de la forma en ángulo y agregue un pequeño rectángulo redondeado en el medio (# 4f412f), formando un ojo de la cerradura.

Agregue dos rectángulos de 11.5 x 5 px (# 4f412f) en el borde inferior del contorno de las bisagras. Agrupe (Control-G) todas las piezas juntas y coloque la puerta en la parte inferior derecha del remolque.

Building a side doorBuilding a side doorBuilding a side door

Paso 5

La siguiente parte que vamos a crear es un soporte de remolque.

Construya un rectángulo de 68 x 12 px, para colorearlo con # b3532d. Seleccione la forma y vaya a Objeto> Transformar> Rotar. Establezca el valor de ángulo en 45 grados y presione OK.

Forme un rectángulo de 17 x 17 px (# eecf98) delante de la parte inferior y redondee su parte superior. Construya una forma de 50 x 9 px (# d9b97b), uniéndolo al borde inferior del rectángulo redondeado. Haga que sus anclas superiores sean redondeadas.

Haga una copia más pequeña del rectángulo rojo y gírelo 45 grados hacia el lado izquierdo. Cambie el color a rojo oscuro (# 9c4827). Oculta la copia detrás de la forma más grande, colocando su anclaje superior en el mismo nivel.

Agrupe (Control-G) las partes del soporte y colóquelo en la parte inferior izquierda de nuestro remolque. Para asegurarse de que nuestro soporte se encuentre en el mismo nivel que la parte inferior de la rueda, use la opción Vertical Align Bottom del panel Alinear. Luego, cree una copia reflejada del soporte en el lado derecho de la caravana.

Making two standsMaking two standsMaking two stands

Paso 6

Nuestro remolque necesita un enganche, un detalle que puede conectarlo a un automóvil.

Construya un rectángulo de 89 x 15.5 px (# b3532d), arrastrando su ancla inferior derecha unos píxeles.

Agregue una forma vertical más de 7,5 x 13 px (# eecf98) en el lado derecho y dos rectángulos cruzados, usando color #eecf98 para el color más claro y # 66452e para el color más oscuro.

Oculta las formas de cruce entre el rectángulo vertical derecho y luego oculta los tres rectángulos más pequeños detrás de la forma más grande.

Agrupe (Control-G) todas las partes, colocando el enganche resultante detrás del lado inferior derecho del remolque.

Building a tie-down elementBuilding a tie-down elementBuilding a tie-down element

Paso 7

Agregue algunos detalles más a la caravana, como puertas más pequeñas, un parabrisas y luces de estacionamiento.

Puede ir más allá al encontrar algunas referencias en Internet y agregar sus propios detalles.

Adding some smaller detailsAdding some smaller detailsAdding some smaller details

5. Cómo agregar sombras y detalles al tráiler

Para que se vea más vívido y real, necesitamos agregar algunas sombras y partes brillantes al trailer.

Paso 1

Comencemos agregando reflexiones a la ventana izquierda. Selecciónelo con la Herramienta de selección directa (A) y luego haga clic con el botón derecho y elija Aislar ruta seleccionada en el menú desplegable. La ventana aislada aparece a todo color, mientras que el resto de la ilustración aparece atenuado. Cree dos rectángulos verticales largos (# fef7d9) de diferentes anchuras fuera de la forma de la ventana.

Creating two rectangles for the highlightsCreating two rectangles for the highlightsCreating two rectangles for the highlights

Paso 2

Al seleccionar los rectángulos verticales, vaya a Objeto> Transformar> Girar para girarlos 45 grados. Arrastra los rectángulos en ángulo a nuestra ventana y corta las piezas pendientes. Presione Esc para salir del modo de aislamiento o simplemente haga doble clic fuera del grupo aislado.

Cree reflejos para las otras ventanas, trabajando de la misma manera. No olvides aislarlos antes de hacer otras manipulaciones.

Adding highlights to the windowsAdding highlights to the windowsAdding highlights to the windows

Paso 3

Ahora crearemos un resaltado en el techo.

Seleccione la forma del techo principal con la herramienta de selección directa (A) y cópiela, utilizando Control-C. Haga clic en Control-F dos veces para obtener dos copias frente al objeto principal. Mueva la copia superior hacia arriba, haciendo que se superponga al techo, y luego agregue la segunda copia a la selección.

Use la opción Intersecar del Pathfinder y cambie el color de la forma resultante a # fde5b6, obteniendo el resaltado en el techo.

Making a highlight on the roofMaking a highlight on the roofMaking a highlight on the roof

Paso 4

Ya que hemos terminado los aspectos más destacados, es hora de agregar sombras a la caravana.

Seleccione la base de luz más grande de la caravana y haga dos copias delante de ella. Arrastre una copia hacia abajo, colocando su borde superior sobre la franja roja inferior.

Estire la copia horizontalmente manteniendo presionada la tecla Alt y arrastrando con la herramienta de selección directa (V), haciendo que se superponga completamente a la base del remolque.

Agregue la segunda copia a la selección y use la opción Intersecar del panel Pathfinder. Cambia el color de la parte resultante a # d9b97b.

De la misma manera, agrega una sombra a la parte inferior de la puerta.

Adding shadowsAdding shadowsAdding shadows

Paso 5

Hagamos una sombra para la rueda. Será un poco más difícil.

Haga doble clic en el grupo de ruedas para entrar en él. Forma un rectángulo gris oscuro que se superpone a la parte superior de la rueda. Seleccione el rectángulo junto con el círculo exterior de la rueda y elimine las partes destacadas.

Oculte la forma resultante detrás del protector superior de la rueda en ángulo y vaya al panel Transparencia, estableciendo el Modo de fusión en Multiplicar mientras reduce la Opacidad al 40%.

Agrupe (Control-G) todas las partes de la caravana juntas.

Creating a shadow for the wheelCreating a shadow for the wheelCreating a shadow for the wheel

6. Cómo crear un fondo desierto

Todo lo que necesitamos ahora es un paisaje de fondo que se adapte a nuestra caravana. Añadiremos algunos cactus, un nivel del suelo y una luna brillante sobre el desierto que creará la atmósfera.

Paso 1

Comencemos creando los elementos de fondo haciendo dos cactus. Usa rectángulos simples para construir cada forma de cactus. Luego, combínalos en una figura con la opción Unir del Pathfinder y redondea las esquinas arrastrando el indicador de círculo de cada ancla. Establezca el color de las plantas en # c7873e.

Drawing two cactusesDrawing two cactusesDrawing two cactuses

Paso 2

Haga un rectángulo redondeado de 830 x 132 px (# d99b41) para un nivel del suelo.

Agregue dos partes de sombra en la parte inferior creando rectángulos más oscuros y eliminando las partes pendientes.

Coloque la caravana en el nivel del suelo y extienda unos rectángulos pequeños redondeados sobre el suelo para imitar una textura de arena.

Forming a ground levelForming a ground levelForming a ground level

Paso 3

Coloque nuestros cactus cerca de la caravana.

Tome la herramienta Pluma (P) y dibuje una silueta de montañas del desierto. Puede usar algunas fotos de Internet para la referencia. Me inspiré en las vistas del desierto de Arizona mientras creaba estas montañas.

Usa # cc923d para colorear las montañas y agrega un fondo cuadrado, llenándolo con # f2bc55.

Adding mountains and solid backgroundAdding mountains and solid backgroundAdding mountains and solid background

Paso 4

Agregue una luna brillante de color # f7ead7 con la herramienta Elipse (L), escondiéndola detrás de las montañas.

Para llenar el espacio vacío y agregar profundidad a nuestro paisaje, cree una forma de nube detrás de la luna con la ayuda de la herramienta Pluma (P) o la herramienta Rectángulo (M), haciendo redondeadas las esquinas de la forma resultante.

Agregue una silueta simple de un ave voladora, colocándola sobre el círculo lunar.

Adding a moon clouds and bird silhouetteAdding a moon clouds and bird silhouetteAdding a moon clouds and bird silhouette

¡Tiempo para relajarse!

¡Felicitaciones! Nuestra ilustración está terminada.

Use su imaginación y sienta la atmósfera de una noche de luna, cuando las aves y los animales nocturnos están gritando en algún lugar de las montañas del desierto mientras disfruta de su té caliente en la puerta de su casa rodante. Suena como un buen plan para pasar un fin de semana, ¿no?

En cuanto a mí, espero que hayan disfrutado creando esta escena conmigo y hayan aprendido algunos trucos nuevos usando las herramientas simples de Adobe Illustrator.

The resulting illustrationThe resulting illustrationThe resulting illustration

Ahora puedes crear tus propias escenas de viaje basadas en lugares maravillosos de todo el mundo.

La ilustración de este remolque para acampar es solo una parte de mi Bungalow, Cottage, Trailer y House Set, y hay muchas más ilustraciones de viajes y aventuras en mi cartera en GraphicRiver.

Full set on GraphicriverFull set on GraphicriverFull set on Graphicriver
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads