Pixel Playground - Post archive

Create a train car in Photoshop: Pixel Playground

Published by | Friday, February 21st, 2014

Creating a train in Photoshop

Explore Pixel Playground at lynda.com.


This week Bert begins digging into the making of his digital painting “Damen,” which will be his focus for the next few episodes of Pixel Playground. Today’s tutorial shows how he created multiple train cars for the painting.

Bert deconstructs how he built the face of the train from a series of Photoshop layers. Next he takes a complete train and scales it into the proper perspective with a slight tilt to add a sense of movement on the tracks. And he wraps this week’s tutorial up by showing how to repeat this technique a few more times and create an even longer train.

Creating a wood floor in Photoshop: Pixel Playground

Published by | Friday, February 14th, 2014

Create a wood floor in Photoshop

Explore Pixel Playground at lynda.com.


Bert wraps up his three-part magazine cover project this week by teaching us how he created a realistic wood floor in Photoshop for his cinema setting. He begins the process by running a series of Adobe Photoshop filters to create a textured effect that will eventually become wood grain in his floor. Next he uses the Liquefy filter to distort the texture into more organic shapes that represent the natural pattern of growth rings inside wood. He finishes the technique by individually coloring and moving around pieces of the newly created “wood” texture to create a realistic, interlocking wood floor.

Creating a lamp: Pixel Playground

Published by | Friday, February 7th, 2014

Creating a lamp in Photoshop

Bert continues his magazine-cover tutorial series this week by focusing on how he created a softly lit lamp within the scene using Illustrator and Photoshop.

He begins in Adobe llustrator, creating a vector outline for the lamp. Once the basic outline has been completed, he pastes the resulting paths into Photoshop to add depth, relief, and texture to the lamp. After adding some layer effects to flesh out the base, he finishes by adding a texture to the shade, and a glowing light underneath it for a final touch of realism.

Using perspective to draw in Illustrator: Pixel Playground

Published by | Friday, January 31st, 2014

Using perspective to draw in Illustrator

Explore Pixel Playground at lynda.com.


This week Bert kicks off a short series of tutorials showing how he created an illustrated magazine cover. Today’s technique is all about how to create a two-point perspective system in Adobe Illustrator so you can draw your artwork.

Bert begins by finding the left edge vanishing point based on a few elements of the artwork on his page. With the first vanishing point established, he can then determine a horizon line and eventually create a second point of perspective. Bert finishes up the lesson by showing how he used these lines to create his final illustration.

Weathering metal details: Pixel Playground

Published by | Friday, January 24th, 2014
Weathering metal surfaces with Photoshop

Explore Pixel Playground at lynda.com.

This week Bert finishes up his work on the red truck project by focusing on how to create a weathered look on its metal details. He begins with a simple shape but quickly adds some noise to give it texture. From there Bert runs a series of Adobe Photoshop filters to blur and distort the noise, and to give it a unique look. Finally he warps the texture around the shape of this piece and paints in new colors to give it that weathered look.

Realistic metal perforations in Photoshop: Pixel Playground

Published by | Friday, January 17th, 2014

Realistic metal perforations in Photoshop

Explore Pixel Playground at lynda.com.


Continuing with Bert’s red truck project, this week we learn how to create realistic metal perforations in Adobe Photoshop. This project is simple but effective since it’s created from just a few colors and layer effects. Bert starts out by creating a black oval on a red background. Next, he applies a series of layer effects to give it depth and a consistent light source. He completes the technique by offsetting the various effects and applying some texture via the add noise filter.

Create realistic chrome reflections in Photoshop: Pixel Playground

Published by | Friday, January 10th, 2014
Creating realistic chrome in Photoshop

Explore Pixel Playground at lynda.com.

Picking up where we left off, Bert shows us how to create realistic chrome reflections in the trim of a headlight. He begins by sharing a classic technique using the Adobe Photoshop Spherize filter that still works today. His is a more modern process involving the Warp tool to bend images into the reflections around the light. He finishes by adding a few additional layers with reflections from other areas of the scene.

Create a headlight from scratch in Photoshop: Pixel Playground

Published by | Friday, January 3rd, 2014

Create a headlamp from scratch in Photoshop

Explore Pixel Playground at lynda.com.


Over the next few weeks, Bert will be taking us through a series of tutorials showing how he created various details in his digital painting of a red truck. This week we’ll look at how to re-create one of the truck’s headlights.