Posts Tagged ‘Pixel Playground’

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

Changing photo contents with Auto-Align Layers: Pixel Playground

Published by | Friday, December 13th, 2013

Combine photos with Auto-Align Layers

Explore Pixel Playground at lynda.com.


This week Bert shows how we can auto-align layers to merge content from multiple photos.

Creating a light bulb in Photoshop: Pixel Playground

Published by | Friday, December 6th, 2013

Create a lightbulb in Photoshop

Explore Pixel Playground at lynda.com.


This week Bert has the bright idea to demonstrate how to create a lightbulb. He begins by creating the vector paths for the base of the bulb and then paints in the various sides to create a sense of depth. After painting in the shadows, he draws the paths for the bulb itself including the filament. From there he creates a layer for the outside of the bulb and changes its properties to give it depth, but maintain its transparency. Finally he completes the design with a few outer glows to illuminate the bulb.