8/10/2019 Tutorial Render Skp Photoshop

1/12

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. Irealized after making the ambient occlusion tutorial that I could take advantage of theexport 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 usefor the illustration that way you can get back to the same view later if need be. (NoSketchUp, 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 vistamais 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". EmView>Edge Style, verifique Display Edges.Olhar se Shadows esto fora.)

http://alexhogrefe.squarespace.com/ambient-occlusion-tutorial/2011/1/1/sketchup-to-photoshop-ambient-occlusion-tutorial.htmlhttp://alexhogrefe.squarespace.com/ambient-occlusion-tutorial/2011/1/1/sketchup-to-photoshop-ambient-occlusion-tutorial.htmlhttp://www.sketchupartists.org/wp-content/uploads/2011/09/tutorial-title-page.jpghttp://alexhogrefe.squarespace.com/ambient-occlusion-tutorial/2011/1/1/sketchup-to-photoshop-ambient-occlusion-tutorial.html

8/10/2019 Tutorial Render Skp Photoshop

2/12

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 paraFile>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 theimage as a JPEG. (Com o Estilo de Face ainda definido como "Hidden Line", ligueShadows 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.)

http://www.sketchupartists.org/wp-content/uploads/2011/09/alex-2.jpghttp://www.sketchupartists.org/wp-content/uploads/2011/09/alex-1.jpg

8/10/2019 Tutorial Render Skp Photoshop

3/12

Step 5. Change Face Style to Shaded With Texture (Alterar o estilo de Rosto paraSombreado com textura)

6. With the 3 images complete, its time to combine them in Photoshop. Begin byopening the first image (SketchUp export with only line work, no shadows) inPhotoshop. Right click on the Background layer (Click in the space next to name of thelayer) and choose Duplicate Layer. (Com as trs imagens completas, hora decombin-las no Photoshop. Comece abrindo a primeira imagem (SketchUp exportaocom 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 "Duplicarcamada".)

Step 6. Duplicate Layer (duplicar camada)

http://www.sketchupartists.org/wp-content/uploads/2011/09/alex-4.jpghttp://www.sketchupartists.org/wp-content/uploads/2011/09/alex-3.jpg

8/10/2019 Tutorial Render Skp Photoshop

4/12

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 needto change depending on the resolution of your image. (Quando a caixa de dilogoaparecer, 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)

http://www.sketchupartists.org/wp-content/uploads/2011/09/alex-7.jpghttp://www.sketchupartists.org/wp-content/uploads/2011/09/alex-6.jpg

8/10/2019 Tutorial Render Skp Photoshop

5/12

9. With the lines now blurred, we need to darken them. I prefer to use Levelsalthough you can probably get away with adjusting the contrast. For Levels, goto Image>Adjustments>Levels. Move the left black triangular slider to theright 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 alinha 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 deveser semelhante nesta fase.)

Image so far

http://www.sketchupartists.org/wp-content/uploads/2011/09/alex-61.jpghttp://www.sketchupartists.org/wp-content/uploads/2011/09/alex-8.jpg

8/10/2019 Tutorial Render Skp Photoshop

6/12

8/10/2019 Tutorial Render Skp Photoshop

7/12

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 umaespcie 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 omodo de mesclagem da camada para "Luz Direta".)

Step 12a. Open Line Work and Shadows Image (Trabalho de linha aberta e ImagemSombras)

http://www.sketchupartists.org/wp-content/uploads/2011/09/alex-12.jpghttp://www.sketchupartists.org/wp-content/uploads/2011/09/alex-11.jpg

8/10/2019 Tutorial Render Skp Photoshop

8/12

Step 12b. Move to Top and Change Blending Mode (Mover para o incio e alterar modode 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 Texturesturned on. (Abra a imagem SketchUp exportados que tinha o estilo de face "Sombreadocom texturas".)

b. Drag the new Layer to the bottom, just above the Background Layer. (Arraste anova camada para o fundo, logo acima do "fundo" da camada.)

Step 13a. Open Shaded with Textures Image (Abra Sombreado com texturas daImagem)

http://www.sketchupartists.org/wp-content/uploads/2011/09/alex-131.jpghttp://www.sketchupartists.org/wp-content/uploads/2011/09/alex-13.jpg

8/10/2019 Tutorial Render Skp Photoshop

9/12

Step 13b. Place Layer above Background Layer (colocar a camada acima da camada defundo)

14.I like to add color overlays to my illustrations to give them more of a mood. Createa 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%. Beginpainting in areas where you want more color. (Eu gosto de adicionar sobreposies decores para minhas ilustraes para lhes dar mais de um estado de esprito. Crie umanova 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 25a 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 dacamada para "Sobrepor".)

http://www.sketchupartists.org/wp-content/uploads/2011/09/alex-16.jpghttp://www.sketchupartists.org/wp-content/uploads/2011/09/alex-15.jpg

8/10/2019 Tutorial Render Skp Photoshop

10/12

8/10/2019 Tutorial Render Skp Photoshop

11/12

Step 16. Duplicate and Change Blending Mode to Multiply (duplicar camada e alterar omodo de liz direta para pmultiplicao)

For the final shot below, I added some vignetting (Tutorial Here). I also overlayedanother exported SketchUp image with the face style set to X-Ray mode for moredetail in the light areas of the illustration. (Para o tiro final abaixo, eu adicionei algumasvinhetas (tutorial aqui). Eu tambm sobrepostos outra imagem SketchUp com o estilode 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 fewtimes, you will realize they are relatively simple and the whole illustration can be

http://www.alexhogrefe.com/quick-tips-vignetting/2011/5/7/quick-tips-vignetting.htmlhttp://www.alexhogrefe.com/quick-tips-vignetting/2011/5/7/quick-tips-vignetting.htmlhttp://www.alexhogrefe.com/quick-tips-vignetting/2011/5/7/quick-tips-vignetting.htmlhttp://www.sketchupartists.org/wp-content/uploads/2011/09/alex-final.jpghttp://www.sketchupartists.org/wp-content/uploads/2011/09/alex-18.jpghttp://www.alexhogrefe.com/quick-tips-vignetting/2011/5/7/quick-tips-vignetting.html

8/10/2019 Tutorial Render Skp Photoshop

12/12

created in a matter of minutes. I hope you found this tutorial useful and you can maybeintroduce it into your own workflow, especially when you need something really quickand 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 etoda 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 detrabalho, especialmente quando voc precisa de algo realmente simples e rpido!

Check out Alexs other tutorials here at SketchUpArtists:

SketchUp to Photoshoplighting

Daytime RenderingSketchUp to Photoshop

Exterior Night Render: SketchUp to Photoshop

Check out Alexs own website for more of his great work

Alex Hogrefe Archi tecturalBlog

http://www.sketchupartists.org/tutorials/sketchup-and-photoshop/tutorials/sketchup-and-photoshop/tutorials/sketchup-and-photoshop/sketchup-to-photoshop-lighting-2/http://www.sketchupartists.org/tutorials/sketchup-and-photoshop/tutorials/sketchup-and-photoshop/tutorials/sketchup-and-photoshop/sketchup-to-photoshop-lighting-2/http://www.sketchupartists.org/tutorials/sketchup-and-photoshop/tutorials/sketchup-and-photoshop/tutorials/sketchup-and-photoshop/sketchup-to-photoshop-lighting-2/http://www.sketchupartists.org/tutorials/sketchup-and-photoshop/tutorials/sketchup-and-photoshop/tutorials/sketchup-and-photoshop/sketchup-to-photoshop-lighting-2/http://www.sketchupartists.org/tutorials/sketchup-and-photoshop/daytime-rendering-sketchup-to-photoshop/http://www.sketchupartists.org/tutorials/sketchup-and-photoshop/daytime-rendering-sketchup-to-photoshop/http://www.sketchupartists.org/tutorials/sketchup-and-photoshop/daytime-rendering-sketchup-to-photoshop/http://www.sketchupartists.org/tutorials/sketchup-and-photoshop/daytime-rendering-sketchup-to-photoshop/http://www.sketchupartists.org/tutorials/sketchup-and-photoshop/tutorials/sketchup-and-photoshop/exterior-night-rendering-sketchup-to-photoshop/http://www.sketchupartists.org/tutorials/sketchup-and-photoshop/tutorials/sketchup-and-photoshop/exterior-night-rendering-sketchup-to-photoshop/http://www.alexhogrefe.com/http://www.alexhogrefe.com/http://www.alexhogrefe.com/http://www.alexhogrefe.com/http://www.alexhogrefe.com/http://www.alexhogrefe.com/http://www.sketchupartists.org/tutorials/sketchup-and-photoshop/tutorials/sketchup-and-photoshop/exterior-night-rendering-sketchup-to-photoshop/http://www.sketchupartists.org/tutorials/sketchup-and-photoshop/daytime-rendering-sketchup-to-photoshop/http://www.sketchupartists.org/tutorials/sketchup-and-photoshop/tutorials/sketchup-and-photoshop/tutorials/sketchup-and-photoshop/sketchup-to-photoshop-lighting-2/