Professional Documents
Culture Documents
As the title implies, this architecture illustration tutorial doesnt use a rendering engine.
I have done a few other tutorials in the past that dont involve a rendering program,
however this tutorial does things a little differently, and in less time. You will probably
notice some similarities to the Ambient Occlusion tutorial I posted a while back. I
realized after making the ambient occlusion tutorial that I could take advantage of the
export options of SketchUp, and use the line work of the model to generate the shading.
Because of this, the process is extremely streamlined and can be done in minutes.
Step 4.Turn on Shadows and Export Image (Ligue Sombras e exportao de imagens)
5. Now, switch the Face Style from Hidden Line to Shaded with Texture. Again,
export the image as a JPEG. (Agora, mudar o estilo de face de "Hidden Line" para "
Shaded with Texture." Mais uma vez, exportar a imagem como JPEG.)
Step 5. Change Face Style to Shaded With Texture (Alterar o estilo de Rosto para
Sombreado com textura)
6. With the 3 images complete, its time to combine them in Photoshop. Begin by
opening the first image (SketchUp export with only line work, no shadows) in
Photoshop. Right click on the Background layer (Click in the space next to name of the
layer) and choose Duplicate Layer. (Com as trs imagens completas, hora de
combin-las no Photoshop. Comece abrindo a primeira imagem (SketchUp exportao
com trabalho de linha nica, sem sombras) no Photoshop. Boto direito do mouse sobre
a camada de fundo (Clique no espao ao lado do nome da camada) e escolha "Duplicar
camada".)
9. With the lines now blurred, we need to darken them. I prefer to use Levels
although you can probably get away with adjusting the contrast. For Levels, go
to Image>Adjustments>Levels. Move the left black triangular slider to the
right until the line work darkens to almost black. (Com as linhas agora turva,
precisamos escurec-los. Eu prefiro usar Nveis embora voc provavelmente
pode ir longe com ajuste de contraste. Para Nveis, v para "Imagem> Ajustes>
Nveis". Mova o controle deslizante preto triangular esquerda para a direita at a
linha de trabalho escurece a quase preto.)
Image so far
10. Next, duplicate the layer just created and move the new layer to the top. This
duplicated layer will be blurred again using the Gaussian Blur filter. However, use a
higher Radius such as 35 this time. (Em seguida, duplique a camada recm-criada e
mova a nova camada para o topo. Esta camada duplicada ser borrada novamente
usando o filtro Desfoque Gaussiano. Entretanto, o uso de um maior raio como 35 neste
momento.)
Step 10. Duplicate Layer and Apply Gaussian Blur (Duplicar a camada e aplicar
desfoque gaussiano)
11. I want the original line work Layer to show through the two, now blurred Layers
just created. To do this, select the two blurred Layers and set the Layer blending mode
to Multiply. (Eu quero a Camada de trabalho original de linha para mostrar atravs
dos dois, agora turva Camadas criadas. Para fazer isso, selecione as duas camadas
borradas e defina o modo de mesclagem da camada para "Multiplicar".)
Step 11. Set Blending Mode to Multiply (Definir misturando modo para Multiplicao)
12. The next step is sort of the secret sauce of the tutorial. (O prximo passo uma
espcie de "toque secreto" do tutorial.)
a. Open the SketchUp exported image that showed both the line work and shadows.
(Abra a imagem SketchUp exportada que mostrou tanto trabalho a linha e sombras.)
b. Drag the new Layer to the top of the layer stack. Set the Layer blending mode to
Hard Light. (Arrastar a camada de novo para o topo da pilha de camadas. Defina o
modo de mesclagem da camada para "Luz Direta".)
Step 12a. Open Line Work and Shadows Image (Trabalho de linha aberta e Imagem
Sombras)
Step 12b. Move to Top and Change Blending Mode (Mover para o incio e alterar modo
de mistura)
13. Add some color to the image. (Adicione um pouco de cor imagem.)
a. Open the SketchUp exported image that had the face style Shaded with Textures
turned on. (Abra a imagem SketchUp exportados que tinha o estilo de face "Sombreado
com texturas".)
b. Drag the new Layer to the bottom, just above the Background Layer. (Arraste a
nova camada para o fundo, logo acima do "fundo" da camada.)
Step 13a. Open Shaded with Textures Image (Abra Sombreado com texturas da
Imagem)
Step 13b. Place Layer above Background Layer (colocar a camada acima da camada de
fundo)
14. I like to add color overlays to my illustrations to give them more of a mood. Create
a new Layer and move it to the top Layer. Select the Brush Tool, and adjust its
settings to have 0 Hardness as well as lower the Opacity down to 25 to 30%. Begin
painting in areas where you want more color. (Eu gosto de adicionar sobreposies de
cores para minhas ilustraes para lhes dar mais de um estado de esprito. Crie uma
nova camada e mov-lo para a camada superior. Selecione a opo " Ferramenta Pincel
", e ajustar suas configuraes para ter 0 Dureza, bem como menor a opacidade para 25
a 30%. Comear a pintar em reas onde voc quer mais cor.)
Step 16. Duplicate and Change Blending Mode to Multiply (duplicar camada e alterar o
modo de liz direta para pmultiplicao)
For the final shot below, I added some vignetting (Tutorial Here). I also overlayed
another exported SketchUp image with the face style set to X-Ray mode for more
detail in the light areas of the illustration. (Para o tiro final abaixo, eu adicionei algumas
vinhetas (tutorial aqui). Eu tambm sobrepostos outra imagem SketchUp com o estilo
de face definido como "X-Ray" modo para mais detalhes nas reas claras da ilustrao.)
created in a matter of minutes. I hope you found this tutorial useful and you can maybe
introduce it into your own workflow, especially when you need something really quick
and simple! ( isso! Pode parecer uma srie de etapas, mas acho que uma vez que voc
passar por eles algumas vezes, voc vai perceber que eles so relativamente simples e
toda a ilustrao pode ser criado em uma questo de minutos. Espero que voc
encontrou este tutorial til e voc pode talvez introduzi-lo em seu prprio fluxo de
trabalho, especialmente quando voc precisa de algo realmente simples e rpido!
Check out Alexs other tutorials here at SketchUpArtists:
SketchUp to Photoshop lighting
Daytime Rendering SketchUp to Photoshop
Exterior Night Render: SketchUp to Photoshop
Check out Alexs own website for more of his great work Alex Hogrefe Architectural
Blog