Drawing Colonial Buildings: step-by-step tutorial
por Tholbjorn @tholbjorn
- 78
- 17
- 4
(Traducido automáticamente del inglés) Mostrar original
Introducción
Introduction
¿Cómo dibujar edificios antiguos sin atascarse en los detalles ni ser incapaz de dibujar líneas rectas perfectas? Este proyecto ofrece un tutorial paso a paso para dibujar edificios antiguos a mano alzada y aprovechar las imperfecciones. Al final, se ofrecen consejos para añadir texturas y transformar tu dibujo por completo.
¡Vamos!
How to draw old buildings without getting stuck in details and not being able to draw perfectly straight lines? This project gives a step-by-step tutorial for drawing old buildings freehand and to embrace imperfections. At the end tips are given to add textures to transform your drawing completely.
Let's go!
Suministros
Supplies
Para este proyecto, usaré Procreate en mi iPad, el Apple Pen Gen1 y los pinceles estándar que incluye. Usaré Procreate, pero también puedes usar materiales tradicionales. Esto requerirá un poco más de planificación, ya que no puedes mover capas al frente ni al fondo.
For this project I will use procreate on my ipad, apple-pen gen1 and the standard brushes provided with it. I will use procreate but you may very well use traditional materials as well. This will require a bit more planning since you can't move layers around to for- or background.
Imagen de referencia
Reference Image
Primero, busca fotos de edificios antiguos en internet. Mis favoritas fueron las casas coloniales de La Habana, Cuba... colores vibrantes y muchos detalles.
First have a look on the internet for pictures of some old buildings. My favourites were the colonial houses in Havana, Cuba...bright colours and lots of details.
Paleta de colores
Colour Palette
Se utiliza una paleta muy limitada con tres colores cálidos para enfatizar el clima tropical y negro para dibujar contornos y detalles. El fondo se tiñe de beige para imitar el color del papel y realzar la atmósfera tropical. También mezclo los colores ópticamente usando la capa de multiplicación en Procreate para crear colores más oscuros, como se muestra a continuación. También podría mezclar el negro de esta manera.
El proceso se muestra a continuación. La primera imagen muestra la mezcla con tres colores cálidos y negro, y debajo, el color de fondo beige. La superposición de los mismos tres colores, pero intercambiados, dará como resultado los colores de la segunda fila. La superposición con la segunda fila dará como resultado los colores de la tercera fila.
Los colores obtenidos se muestran todos en la segunda imagen.
A very restricted palette is used with three warm colours to emphasise the tropical climate, and black for drawing outlines and details. The background is given a beige to mimic a paper colour and to add to the tropical atmosphere. Also I will optically mix the colours using the multiply layer in procreate to create some darker colours as shown below. I could mix black in this way as well..
The process is shown below. First image shows the mixing process with 3 warm colours and black and below the beige background colour. Overlapping are the same 3 colours but swapped and their intersection will give the colours of the second row. Overlap with the second row will give the colours of the 3rd row.
The obtained colours are all shown in the second image.
Paso 1: Dibuja las formas básicas del edificio.
Step 1: Draw the basic building shapes
Empieza dibujando un rectángulo para cada edificio. No tiene que ser un rectángulo perfecto; dibujarlo un poco torcido le da más encanto. Mi rectángulo resultó ser más bien un trapezoide, ¡pero lo mantuve! Me gusta empezar dibujando en negro o en un color oscuro para que sea más fácil ver si coloreaste todo y no queden huecos.
Rellena el rectángulo y borra las partes donde estarán los arcos y las puertas. Usa la cuadrícula para asegurarte de que la altura y el ancho de los arcos y las puertas sean aproximadamente iguales. También presta atención a que los arcos y las puertas estén alineados verticalmente para que luego puedas añadir columnas entre ellos. También borré los huecos entre los pilares del balcón de la azotea. Modifiqué el tamaño de los pilares para equilibrar la forma trapezoidal del edificio.
Por último, cambia el color al color preferido.
Haz lo mismo con los otros dos edificios y dibújalos en capas separadas. Presta atención a la ubicación y la altura de los arcos y las puertas en comparación con los demás edificios. Usa el primer edificio como referencia.
Start by drawing a rectangle for each building. It doesn't have to be a perfect rectangle, drawing a little crooked adds to the charm. My rectangle turned out to be more of a trapezoid, but I stuck with it! I like to start with drawing in black or a dark colour so it's easier to see if you coloured everything and there are no gaps.
Fill the rectangle and erase the parts where the arcs and doors will be. Use the grid to make sure the height and width of the arcs and doors are about equal. Also pay attention that the arcs and doors are aligned vertically so you can later add columns between them. I also erased gaps between the pillars of the rooftop balcony. I changed the size of the pillars to even out the trapezoid shape of the building.
Finally, change the colour to the preferred colour.
Do the same of the other two buildings and draw them in separate layers. Pay attention to the placement and height of the arcs and doors compared to the other buildings. Use your first building as a reference.
Paso 2: Detalles y adornos de la fachada
Step 2: Facade details and ornaments
Ahora que los edificios están en su lugar, es hora de dibujar la fachada. Uso el Lápiz Técnico para estos detalles porque crea una línea uniforme que no cambia con la presión.
Usando los arcos y las puertas como referencia, lo más fácil es empezar por los balcones, ya que están justo debajo de las aberturas de las puertas. Las líneas torcidas y sinuosas le dan más encanto, así que no te preocupes si no son perfectamente rectas... si todas son torcidas, ¡al final ninguna destacará!
No dibujes todos los detalles, solo dale una forma aproximada. Las columnas tienen elementos florales bastante elaborados, pero represéntalos con círculos y formas para dar una impresión. Además, sobre las puertas del edificio amarillo hay muchos detalles que puedes representar con simples espirales o líneas curvas.
Now the buildings are in place, it's time to draw the facade. I use the Technical Pen for these details because it gives a uniform line that doesn't change with pressure.
Using the arcs and doors as references, it's easiest to start with the balconies as they are right beneath the door openings. Shaky and crooked lines add to the charm so don't worry if the lines aren't perfectly straight...if all the lines are crooked, none will stand out eventually!
Don't draw all the details but give a rough shape. The columns have quite elaborate floral parts but represent it with some circles and shapes to give an impression. Also on top of the doors of the yellow building are a lot of details which you can represent with some simple swirls or curly lines.
Paso 3: Puertas y persianas
Step 3: Doors & Shutters
Añade una capa debajo de los edificios en Procreate y dibuja allí las puertas y contraventanas. De esta forma, si dibujas fuera de los huecos de la fachada, no se verá en ella.
Aquí también se utiliza el bolígrafo técnico para todo el trabajo de líneas.
Dibujar las persianas es un poco tedioso, así que pon tu música favorita mientras dibujas.
Add a layer below the buildings in procreate and draw the doors and shutters there. In this way if you draw outside of the gaps in the facade, it will not show on the facade.
The Technical Pen is used for all the linework here as well.
Drawing the shutters is a bit tedious, so put on your favourite music while drawing.
Paso 4: Balcones y linterna
Step 4: Balconies & Lantern
Las barandillas de hierro del balcón tienen hermosos rizos y formas geométricas. ¡Es hora de dibujarlas!
Añade una capa sobre los edificios en Procreate para dibujar estas barandillas. Si te equivocas, se guardará en una capa aparte y no afectará al resto del dibujo.
Las barandillas tienen muchas formas elaboradas. Simplifícalas. No importa si las formas no son exactamente iguales, el patrón repetitivo disimulará las imperfecciones. Usé una línea en zigzag y rizos para la barandilla del edificio amarillo. Las barandillas de los demás edificios están representadas con óvalos y cuadrados.
En una capa separada en la parte superior, se agrega una linterna.
Por último, se añade una capa con una sombra verde para la galería, una calle verde oscuro y un cielo nublado, que se crea suavizando los bordes con la herramienta de dedo.
The iron railings of the balcony have beautiful curls and geometric shapes. It's time to draw them next!
Add a layer on top of the buildings in procreate for drawing these railings. If you make a mistake, it's on a separate layer and doesn't affect the rest of the drawing.
The railings contain a lot of elaborate shapes. Simplify them. It doesn't matter if the shapes don't look exactly the same, the repeating pattern will drown the imperfections. I used a zig-zag line and curls for the railing of the yellow building. The railing of the other buildings are represented with some ovals and squares.
On a separate layer on top, a lantern is added.
Finally, a layer is added with a green shadow for the gallery, a dark green street and a cloudy sky, which is created by softening the edges with the smudge tool,
Paso 5: Agrega algunos automóviles viejos
Step 5: Add some old automobiles
En la imagen de referencia, hay muchos coches. Como quiero destacar los edificios, solo añadiré un par de coches.
Empieza dibujando la forma del coche en una capa aparte. Usé el Pincel Redondo. Me resulta más fácil dibujar primero la forma del coche y conseguir las proporciones correctas, y luego dibujar el contorno encima.
Añade una capa encima y usa el Lápiz Técnico para dibujar el contorno y los detalles. No tienes que seguir la forma al pie de la letra; es solo para mantener las proporciones; las líneas sobresaldrán, y eso está bien.
Para terminar, usa el color de fondo para la base, las luces y las ventanas para que destaque un poco. Puedes usar el borrador en las capas inferiores para recuperar el color de fondo.
In the reference image, there are a lot of cars. Since I want to put the emphasis on the buildings, I will just add a couple of cars instead.
Start with drawing the shape of the car on a separate layer. I used the Round Brush for this. I find it easier to draw the shape of the car first and get the proportions right and then draw the outline on top.
Add a layer on top and use the Technical Pen to draw the outline and the details. You don't have to follow the shape exactly..it's just for proportions, lines will stick out and that's ok.
To finish it, use the background colour for the wheel base, lights and windows to make it stand out a bit from the background. You can use the eraser on the lower layers to get the background colour back.
Paso 6: Detalles
Step 6: Details
Para darle al dibujo un toque más vivo se añaden algo de ropa y plantas.
Se añade otra capa y se dibujan rectángulos que representan la ropa con el Pincel Redondo. Se utiliza el Lápiz Técnico para dibujar las hojas de las plantas y, en otra capa, se dibujan los contornos.
El dibujo está prácticamente terminado... no se añadirán elementos nuevos. Se pueden usar diferentes tonos para dibujar sombras y crear luces, pero haremos algo diferente. Se usan texturas para dar a los edificios un aspecto desgastado...
To make the drawing a bit more alive, some laundry and plants are added.
Another layer is added and rectangles representing laundry are drawn using the Round Brush. The Technical Pen is used to draw plant leaves and on another layer the outlines are drawn.
The drawing is basically finished..no new elements will be added. Different tones can be used to draw shadows and make highlights, but we will do something different. Textures are used to give the buildings a weathered look...
Paso 7: Agregar textura
Step 7: Add Texture
Para añadir textura, primero crea una copia de la capa del edificio por si algo sale mal. Configura esta capa en Bloqueo Alfa para dibujar solo dentro del objeto y no fuera. Un consejo para añadir textura: oscurece el objeto y añade una textura de color más claro (o viceversa); así, la textura resaltará.
Selecciona un pincel de textura, elige el color original del edificio y desliza el dedo de izquierda a derecha y de abajo a arriba sobre el objeto para rellenarlo. En las zonas que quieras más claras, desliza más, y en las zonas más oscuras, menos, para que algunas parezcan sombreadas. Prueba diferentes pinceles de textura para ver cuál te da el efecto deseado y nombra la capa con el mismo pincel para que puedas comparar las diferentes texturas después sin olvidar cuál usaste. El pincel que usé es Estuco.
Para la sombra de las galerías, haz lo mismo: copia la capa, establece el Bloqueo Alfa, rellena el objeto de negro y selecciona un pincel de textura (Estuco) con el color del edificio. Esta vez, desliza el dedo para crear un triángulo, como si la luz entrara en las galerías en ángulo. Cambia el color del pincel de textura a verde sombra y desliza el dedo por el resto del área, pero deja la parte superior un poco oscura para crear profundidad.
For adding texture, first make a copy of the building layer in case something goes wrong. Set this layer to Alpha Lock so you will only draw inside the object and not outside of it. A tip for adding texture: make the object dark and add a lighter colour texture (or the other way around) this way the texture will pop out.
Select a texture brush, set the colour to the original building colour and swipe left to right, bottom to top over the object to fill it. Areas you want lighter, you swipe across more and for darker areas less so you will get some areas that look shaded. Try out different texture brushes to see which one will give you the desired effect and name the layer after the used brush so you can compare different textures later without forgetting which one you used. The brush I used is Stucco.
For the shadow in the galleries do the same thing: make a copy of the layer, set the layer to Alpha Lock, fill the object with black and select a texture brush (Stucco) with the building colour. This time swipe across to make a triangle as if the light enters the galleries under an angle. Change the texture brush colour to the shadow green and swipe the rest of the area but leave it a bit dark at the top to create depth.
Paso 7: Texturizar los coches y las persianas
Step 7: Texture Cars and Shutters
El mismo procedimiento para el coche, pero se utiliza un pincel de textura diferente: Nikko Rull. Es un pincel de textura más suave, ideal para superficies metálicas.
Finalmente, las persianas se hacen de forma ligeramente diferente, ya que usaremos el color de fondo. Se añade una capa debajo de los edificios y se dibuja una forma negra detrás de las ventanas. Luego, se selecciona la herramienta borrador con el pincel de textura Artist Crayon y se borra lentamente la capa negra, dejando una película de textura sobre el color de fondo.
The same procedure for the car except a different texture brush is used: Nikko Rull. It is a smoother texture brush better suited for metal surfaces.
Finally the shutters which is done slightly different since we will use the background colour. A layer below the buildings is added and a black shape is drawn behind the windows. Then the eraser tool is selected with texture brush Artist Crayon and the black layer is slowly erased leaving a film of texture on top of the background colour.
Paso 8: ¡¡¡Resultado!!!
Step 8: Result!!
Se han añadido todas las texturas y el dibujo está prácticamente terminado. Solo queda revisar el dibujo para ver si se ha olvidado algo o se ve raro.
Por ejemplo, cambié el color de la ropa sucia porque parte desaparecía del fondo. También le añadí color de fondo a la linterna y una antena al edificio rosa, ya que el cable de la ropa colgada se veía raro por sí solo.
¡Y este es el resultado! ¡Espero que hayas disfrutado de este tutorial!
All textures are added and the drawing is as good as done. The only thing left is to look around the drawing if something is forgotten or looks weird.
For instance, I changed the colour of the laundry because some of it disappeared in the background. Also some background colour is added to the lantern and an antenna is added to the pink building because the laundry wire hanging looked weird by itself.
And this is the result! I hope you enjoyed this tutorial!
4 comentarios
oksanavusyk
¡Qué detallado y texturizado! ¡Excelente trabajo!
Ver original
Ocultar original
tholbjorn
@oksanavusyk Muchas gracias, te lo agradezco mucho :)
Ver original
Ocultar original
debra_blox
Plus¡Qué estilo! Me encanta usar Illustrator con Adobe y esto me da muchísimas ganas de jugar.
Ver original
Ocultar original
tholbjorn
@Debra Bloxham ¡Gracias! Qué bueno que te haya inspirado un poco. Espero que te diviertas tanto como yo. :)
Ver original
Ocultar original
Entra o únete Gratis para comentar