Hogrefe

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.

Lets get started!

1. In SketchUp, save a Scene under View>Animation>Save Scene, that you want to use
for the illustration that way you can get back to the same view later if need be. (No
SketchUp, salvar uma cena em View > Animation > Save Scene, que voc deseja usar
para a ilustrao de que forma voc pode obter de volta para o mesmo ponto de vista
mais tarde se necessrio.)
2. Switch the Face Style to Hidden Line. Under View>Edge Style, check Display
Edges. Make sure Shadows are off. (Mudar o estilo de Rosto para "Hidden Line". Em
View>Edge Style, verifique Display Edges. Olhar se Shadows esto fora.)

Step 2. Change Face Style. (Passo 2. Alterar Estilo de Face)

3. Go to File>Export>2D Graphic and save the image as a JPEG. (V para
File>Export>2D Graphic e salvar a imagem como JPEG.)
4. With the Face Style still set to Hidden Line, turn on Shadows and again export the
image as a JPEG. (Com o Estilo de Face ainda definido como "Hidden Line", ligue
Shadows e novamente exportar a imagem como JPEG.)

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

Step 6. Duplicate Layer (duplicar camada)

7. At the top, select Filter>Blur>Gaussian Blur. (No topo, selecione "filtro>

desfoque> Desfoque Gaussiano ".)

Step 7. Apply Gaussian Blur (Aplicar desfoque gaussiano)

8. When the dialogue box appears, choose a Radius of about 6.5. This number may need
to change depending on the resolution of your image. (Quando a caixa de dilogo
aparecer, escolha um raio de cerca de 6,5. Este nmero pode precisar de mudar,
dependendo da resoluo da imagem.)

Step 8. Choose Radius (Escolha o raio)

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

Step 9. Adjust Levels (Ajustes dos nveis)

Below, is what the image should look like at this stage. (Abaixo, o que a imagem deve
ser semelhante nesta fase.)

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 14. Add Color (Adicionar Cor)

15. Set the Layer blending mode to Overlay. (Defina o modo de mesclagem da
camada para "Sobrepor".)

Step 15. Blending Mode to Overlay (modo misturado para Sobrepor)

16. One last thing, I want the shadows to be a little more darker. To do this, select the
Layer with lines and shadows that was set to Hard Light in Step 12 and Duplicate
it. Now, select the new duplicated Layer and change the Layer blending mode from
Hard Light to Multiply. You can adjust the Layer Opacity if the shadows are too
strong. (Uma ltima coisa, eu quero que as sombras a ser mais escura um pouco mais.
Para fazer isso, selecione a camada com linhas e sombras que foi definido como "Hard
Light" no Passo 12 e "Duplicar-lo". Agora, selecione a nova camada duplicada e alterar
o modo de mistura da camada de "Hard Light" para "Multiply". Voc pode ajustar a
opacidade da camada se as sombras so muito fortes.)

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

Final Image (Imagem final)

Thats it! It may seem like a lot of steps, but I think once you go through them a few
times, you will realize they are relatively simple and the whole illustration can be

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