Faux Marker Rendering

This tutorial outlines a quick method for creating faux-marker architectural renderings using SketchUp, Kerkythea (or another rendering program) and Photoshop. While I use a Kerkythea rendering as my base image in this tutorial, note that it is possible to work through this technique by replacing the rendering with a textured SketchUp export with shadows on. I use Kerkythea here because of its ability to more realistically render shade and shadows. Below is a view of the model and selected perspective directly in SketchUp. Because this technique requires a few image exports directly from SketchUp, I recommend creating a scene to make sure your view does not change.


Three layers are required for the final image. First change the view to Hidden Line, turn off profiles and export the view. The second image should be a looser, sketchier view. Here I chose to use the “sketchy classic” style, however others may better fit a different image. Third and finally is the colored rendering. I typically use Kerkythea as my program of choice for creating renders; however other programs would do just fine. Just remember to maintain the exact perspective and image size so that everything will line up later in Photoshop. As mentioned before this image could also be replaced by another SketchUp export containing colors, textures and shadows if you prefer. Below are my three images:


I’ll throw this in here although it is a completely optional step in the process. I sometimes like to use FotoSketcher to soften the rendering a little before bringing it into Photoshop. If you’re not familiar with the program it is freely available software that applies filters to images. Here I used the “Painting 3” drawing style to slightly blend like colors and blur the edges. The results are subtle but noticeable in the side-by-side comparison below. There are also several Photoshop filters that could be used to achieve a similar effect.


Now enter Photoshop and open the rendering first – this will serve as the base image. Next open the “hidden line” export. Desaturate the image and adjust the levels so that the image is black lines on a white background. Place the image on top of the rendering, set the layer mode to “multiply” and turn down the opacity to about 50%. Next open the “sketchy” image and place it on top. Again set the layer mode to multiply but keep the opacity a little higher at about 70%. All three images should line up perfectly so long as your view never changed.


Next comes the marker texture overlay. Create a new layer, set it to “multiply” turn down the opacity to about 30%. Select one of the “chalk” brushes and turn down the opacity to about 30%.


Select black or a dark gray from the color swatches and simply begin painting on the texture. Try to maintain a fairly consistent stroke direction and be as loose or careful as you wish when it comes to staying within the lines. The more you click and release the mouse, the more color variation and marker strokes will appear.


Below is a view after the texture has been applied to the entire image. By adjusting the opacity of the marker texture layer up and down you can make the effect more or less prominent. Adjusting the levels of the rendering layer will also lighten or darken the image.


Below is the final image with people and cars added into the scene to give it a little life. I also adjusted the perspective in Photoshop so that all of the vertical lines are parallel. I kept the marker texture layer dark to emphasize the effect but would generally lighten it up a bit. Total working time, including a fairly large Kerkythea rendering, was well under an hour.