Drawing Colonial Buildings: step-by-step tutorial
de Tholbjorn @tholbjorn
- 100
- 18
- 4
(Traduzido automaticamente de inglês) Mostrar original
Introdução
Introduction
Como desenhar prédios antigos sem se prender aos detalhes e não conseguir desenhar linhas perfeitamente retas? Este projeto oferece um tutorial passo a passo para desenhar prédios antigos à mão livre e aceitar imperfeições. No final, você encontrará dicas para adicionar texturas e transformar seu desenho completamente.
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!
Suprimentos
Supplies
Para este projeto, usarei o Procreate no meu iPad, a Apple Pen Gen1 e os pincéis padrão que o acompanham. Usarei o Procreate, mas você também pode usar materiais tradicionais. Isso exigirá um pouco mais de planejamento, já que não é possível mover camadas para a frente ou para o fundo.
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.
Imagem de referência
Reference Image
Primeiro, dê uma olhada na internet para ver fotos de alguns prédios antigos. Meus favoritos foram as casas coloniais em Havana, Cuba... cores vibrantes e muitos detalhes.
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 cores
Colour Palette
Uma paleta bastante restrita é usada, com três cores quentes para enfatizar o clima tropical e preto para desenhar contornos e detalhes. O fundo recebe um tom bege para imitar a cor do papel e contribuir para a atmosfera tropical. Também vou misturar opticamente as cores usando a camada de multiplicação no Procreate para criar algumas cores mais escuras, como mostrado abaixo. Eu também poderia misturar preto dessa forma.
O processo é mostrado abaixo. A primeira imagem mostra o processo de mistura com 3 cores quentes e preto, e abaixo, a cor de fundo bege. Sobrepostas, as mesmas 3 cores, mas trocadas, e sua intersecção resultará nas cores da segunda fileira. A sobreposição com a segunda fileira resultará nas cores da terceira fileira.
As cores obtidas são todas mostradas na segunda imagem.
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.
Etapa 1: desenhe as formas básicas do edifício
Step 1: Draw the basic building shapes
Comece desenhando um retângulo para cada prédio. Não precisa ser um retângulo perfeito; desenhar um pouco torto dá um charme extra. Meu retângulo ficou mais para um trapézio, mas continuei assim! Gosto de começar desenhando em preto ou em uma cor escura para ver se você coloriu tudo e se não há espaços vazios.
Preencha o retângulo e apague as partes onde ficarão os arcos e as portas. Use a grade para garantir que a altura e a largura dos arcos e das portas sejam aproximadamente iguais. Preste atenção também para que os arcos e as portas estejam alinhados verticalmente para que você possa adicionar colunas entre eles posteriormente. Também apaguei os vãos entre os pilares da varanda do terraço. Alterei o tamanho dos pilares para uniformizar o formato trapezoidal do edifício.
Por fim, mude a cor para a cor preferida.
Faça o mesmo com os outros dois edifícios e desenhe-os em camadas separadas. Preste atenção ao posicionamento e à altura dos arcos e portas em comparação com os outros edifícios. Use o primeiro edifício como referência.
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.
Etapa 2: Detalhes e ornamentos da fachada
Step 2: Facade details and ornaments
Agora que os edifícios estão no lugar, é hora de desenhar a fachada. Uso a caneta técnica para esses detalhes porque ela cria uma linha uniforme que não muda com a pressão.
Usando os arcos e as portas como referência, é mais fácil começar pelas varandas, pois elas ficam logo abaixo das aberturas das portas. Linhas trêmulas e tortas adicionam charme, então não se preocupe se as linhas não estiverem perfeitamente retas... se todas as linhas estiverem tortas, nenhuma se destacará!
Não desenhe todos os detalhes, mas crie um esboço da forma. As colunas têm elementos florais bastante elaborados, mas represente-os com alguns círculos e formas para dar uma ideia. Além disso, no topo das portas do prédio amarelo, há muitos detalhes que você pode representar com alguns redemoinhos simples ou linhas 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.
Etapa 3: Portas e persianas
Step 3: Doors & Shutters
Adicione uma camada abaixo dos edifícios no Procreate e desenhe as portas e persianas ali. Dessa forma, se você desenhar fora das aberturas da fachada, isso não aparecerá nela.
A caneta técnica também é usada para todos os traços aqui.
Desenhar as venezianas é um pouco tedioso, então coloque sua música favorita enquanto desenha.
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.
Etapa 4: Varandas e Lanterna
Step 4: Balconies & Lantern
As grades de ferro da varanda têm lindos cachos e formas geométricas. Agora é hora de desenhá-las!
Adicione uma camada sobre os prédios no Procreate para desenhar essas grades. Se você cometer um erro, ele ficará em uma camada separada e não afetará o restante do desenho.
As grades contêm muitas formas elaboradas. Simplifique-as. Não importa se as formas não forem exatamente iguais, o padrão repetitivo irá ocultar as imperfeições. Usei uma linha em zigue-zague e curvas para a grade do prédio amarelo. As grades dos outros prédios são representadas com algumas formas ovais e quadradas.
Em uma camada separada na parte superior, uma lanterna é adicionada.
Por fim, é adicionada uma camada com uma sombra verde para a galeria, uma rua verde escura e um céu nublado, que é criado suavizando as bordas com a ferramenta borrar,
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,
Etapa 5: adicione alguns automóveis antigos
Step 5: Add some old automobiles
Na imagem de referência, há muitos carros. Como quero dar ênfase aos prédios, adicionarei apenas alguns carros.
Comece desenhando o formato do carro em uma camada separada. Usei o Pincel Redondo para isso. Acho mais fácil desenhar o formato do carro primeiro, acertar as proporções e depois desenhar o contorno por cima.
Adicione uma camada por cima e use a Caneta Técnica para desenhar o contorno e os detalhes. Você não precisa seguir o formato exatamente... é só para manter as proporções, as linhas vão se destacar e tudo bem.
Para finalizar, use a cor de fundo da base do volante, luzes e janelas para destacá-la um pouco do fundo. Você pode usar a borracha nas camadas inferiores para recuperar a cor de fundo.
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.
Etapa 6: Detalhes
Step 6: Details
Para deixar o desenho um pouco mais vivo, algumas roupas e plantas são adicionadas.
Outra camada é adicionada e retângulos representando roupas são desenhados usando o Pincel Redondo. A Caneta Técnica é usada para desenhar folhas de plantas e, em outra camada, os contornos são desenhados.
O desenho está basicamente concluído... não serão adicionados novos elementos. Tons diferentes podem ser usados para desenhar sombras e realçar os realces, mas faremos algo diferente. Texturas são usadas para dar aos edifícios uma aparência desgastada...
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...
Etapa 7: adicionar textura
Step 7: Add Texture
Para adicionar textura, primeiro faça uma cópia da camada de construção, caso algo dê errado. Defina esta camada como Alpha Lock para que você desenhe apenas dentro do objeto e não fora dele. Uma dica para adicionar textura: deixe o objeto escuro e adicione uma textura de cor mais clara (ou o contrário). Assim, a textura se destacará.
Selecione um pincel de textura, defina a cor para a cor original do edifício e deslize da esquerda para a direita, de baixo para cima, sobre o objeto para preenchê-lo. Nas áreas que você deseja clarear, deslize mais e, nas áreas mais escuras, menos, para obter algumas áreas com aparência sombreada. Experimente diferentes pincéis de textura para ver qual lhe dará o efeito desejado e nomeie a camada com o nome do pincel usado para que você possa comparar diferentes texturas posteriormente sem esquecer qual usou. O pincel que usei é o Stucco.
Para a sombra nas galerias, faça o mesmo: faça uma cópia da camada, defina a camada como Alpha Lock, preencha o objeto com preto e selecione um pincel de textura (Stucco) com a cor do edifício. Desta vez, deslize para criar um triângulo, como se a luz entrasse nas galerias em um ângulo. Mude a cor do pincel de textura para verde da sombra e deslize o restante da área, mas deixe um pouco escuro na parte superior para criar profundidade.
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.
Etapa 7: Textura de carros e persianas
Step 7: Texture Cars and Shutters
O mesmo procedimento para o carro, exceto pelo uso de um pincel de textura diferente: Nikko Rull. É um pincel de textura mais suave, mais adequado para superfícies metálicas.
Por fim, as venezianas, que são feitas de forma um pouco diferente, já que usaremos a cor de fundo. Uma camada abaixo dos prédios é adicionada e uma forma preta é desenhada atrás das janelas. Em seguida, a ferramenta borracha é selecionada com o pincel de textura Artist Crayon e a camada preta é apagada lentamente, deixando uma película de textura sobre a cor de fundo.
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.
Passo 8: Resultado!!
Step 8: Result!!
Todas as texturas foram adicionadas e o desenho está praticamente pronto. A única coisa que resta é dar uma olhada no desenho se algo estiver esquecido ou parecer estranho.
Por exemplo, mudei a cor da roupa para lavar porque parte dela desapareceu no fundo. Também adicionei uma cor de fundo à lanterna e uma antena ao prédio rosa porque o fio da roupa pendurado parecia estranho sozinho.
E aqui está o resultado! Espero que tenham gostado do 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 comentários
oksanavusyk
Tão detalhado e texturizado! Ótimo trabalho!
Visualizar original
Ocultar original
tholbjorn
@oksanavusyk Muito obrigado, muito apreciado :)
Visualizar original
Ocultar original
debra_blox
PlusBelo estilo. Adoro usar o Illustrator via Adobe e isso realmente me dá vontade de brincar!
Visualizar original
Ocultar original
tholbjorn
@Debra Bloxham Obrigada! Que bom que inspirou um pouco, espero que você se divirta tanto quanto eu :)
Visualizar original
Ocultar original
Faça login ou cadastre-se Gratuitamente para comentar