Tangible Refrigerator Door

Learn how to create a high quality refrigerator with texture and accessories.

I am going to show you how to make this:

Step 1: Make the Refrigerator

To begin, we’re going to make the fridge’s texture. That black, glossy, slightly bumpy texture you see on so many refrigerators. I got the idea for this texture from this tutorial: click here

Begin by making you canvas however large you would like. Fill the background with solid black. Then go to Filter>Render Lens Flare, and make it large enough to fill a good portion of the canvas.

Filter>Render>Difference Clouds

Desaturate CTRL+SHIFT+U, or Image>Adjustments>Desaturate

Now to make it shiny. Filter>Distort>Glass

Apply a filter to the layer itself through the Layers window. Double-click on the layer and apply a Gradient Overlay. Blend Mode: Multiply. Black at the bottom and gradient into white at the top. This will make it less overwhelming when you look at it, and a more distinctly lit area.

Here’s a close-up of the texture:

Step 2: Let’s Leave a Note

Use the Rounded Rectangle Tool, with a Radius of 10px (how sharp the curved corners are). Draw out a rectangle with white as the fill color in a semi-paper shape.

Cut off the top of it to make it flat.

Choose a light blue color for the lines on the paper. Create a line that goes straight across our white rectangle. Duplicate this line several times and space them out to create lined paper. When finished, merge all of these lines into one layer – there’s no need to have 50 layers with one line in each one if we only need one layer.

Now, to trim the lines to the edge of the paper. Hold CTRL and click on the rectangle shape in the Layers window, not on the canvas. This will select around the shape. Invert Selection CTRL+SHIFT+I. Select the layer with the lines, and hit the DELETE key to remove the edges of the lines.

Deselect CTRL+D and scoot the lines down a little to make room for holes at the top of the paper. This paper will be from a notepad.

Using the Elliptical Marquee tool, hold SHIFT and draw a small circle. Be sure the paper layer is active. Hit DELETE to punch a hole in the paper. Use the arrows keys or arrow keys and the SHIFT key to space the holes out. Punch them along the whole top of the paper.

And now, we tear the paper! You know, like when you rip a sheet of paper from a spiral notebook? Yeah, like that.

Select the Eraser tool. Choose a Chalk brush.

Go to the Brushes options panel and click on Shape Dynamics and Scattering. This will make it a little more random, like torn paper tends to be.

Scale the brush down some and start erasing the tops of each hole. Vary the sizes as you go along.

Some of the edges usually end up folding some, so that’s next. Select the Polygonal Lasso Tool, 0px Feather and draw around a small piece of paper.

CTRL+T to Transform the paper. Distort it by holding CTRL and moving the anchor points around.

Continue to do that with the rest of the edges, leaving some straight.

When you’re finished with that, double-click on the paper’s layer to bring up the Layer Style window. Add a Pattern Overlay. You’ll want to choose Bubbles, max out the Scale, and drop the Opacity down to about 25%.

Merge the paper layer with a blank layer to flatten the paper and make the paper plus the style editable as one image. To do this, create a new layer and link it with the paper’s layer, then hit CTRL+E to merge them together.

Now adjust the levels and make the paper less blue. CTRL+L and drag the far right slider in to the left a little to brighten the white areas.

Now, you can merge the lines layer and the paper layer together.

Select the Polygonal Lasso tool. We’re going to make subtle changes to the edges of the paper – we don’t want it to look too much like we drew a rectangle. You’re going to draw a shape on the left and right-hand side of the paper that cuts in just a little big at a very slight angle, and delete that piece.

And, we’ve made our paper!

Step 3: Making a Magnet

Draw a red circle.

On a layer below the red circle, make another circle that is slightly darker. You can either duplicate the first circle and color the bottom one darker or make a new one altogether. Be sure the one on the bottom is offset slightly.

CTRL+T to transform the bottom circle and resize it so it fits nicely beneath the top circle, making it look like there’s an edge and it’s sort of button-looking.

Select a brighter red and a medium red color for the foreground and background colors in your palette.

Equip the Gradient Tool, with the Radial Gradient for the type of fill. The foreground color will be the color in the middle, so put the lighter red as that one. Preserve the transparency for this layer in the Layers window, so you don’t have to worry about color leaking all over the place. Draw a line with t
he gradient tool from the center of the red circle. This might take a couple tries to get it just right. You want a smooth transition.

Duplicate this layer. Now select black as foreground and white as background. Make this a radial gradient too. In the Layers window, change the layer from Normal to Screen. This will make the black transparent and the white a little see-through. Change the Opacity of the layer to 60%. Now, uncheck the Preserve Transparency button for the layer. Using the Elliptical Marquee tool, draw a circle that is larger than the previous circles you have created. Position it over the bottom half of your now semi-transparent white/black circle. Hit the delete button. This should make it look shiny.

Use the Burn tool, Range: Midtones, Exposure: 7%, with a Soft Round Brush, 150px. Go around the edges of both of the red circles’ layers, at the bottom. This will give them a little more depth. You’ll have to go over it several times with your brush to get the darkening effect.

Once you’ve finished all of that, put the paper behind the magnet so you can see what the shadow is going to look like.

Merge all of the layers of the magnet. Double-click on the layer and add a Drop Shadow to it. Opacity: 40-50%, 120 degrees – Use Global Light, Distance: 7px, Spread: 0px, and Size: 21px.

We’re going to make this a skull magnet! We have our black and white skull here.

Cut it out and remove the excess black area. Resize it CTRL+T and fit it to the button. Be sure to hold down SHIFT to keep proportions.

Change the skull layer’s blending mode from Normal, to Screen.

Select the area of the skull that is below the shiny layer we made for the magnet. We’re going to make the bottom part of the skull just a little darker so it looks like the shine is across him too.

CTRL+U and adjust the Hue/Saturation. Take the Lightness down to -15 and hit okay. This makes it a little gray, which in turn makes it more transparent on the button.

Step 4: Holding the Paper with the Magnet

Position the paper and the magnet.

On the paper layer, transform CTRL+T and skew the paper so it is wider at the bottom. Think about what paper looks like when it’s lifting off of a surface like on a fridge.

Be sure the transparency is preserved on the paper layer. Select the Brush tool, with white, a Soft Round brush, about 150px, and with an Opacity of about 20%. We’re just going to lighten some areas on the paper. Right now the lines go straight across with no variation in lightness or darkness – this will fix that. Click a couple times in a few areas to lighten the paper.

Now duplicate the paper layer. Select the paper layer on the bottom. Change the Layer opacity to 10%. CTRL+T to transform and skew it slightly so it looks like a reflection coming off of the top sheet of paper.

Add a drop shadow to the paper layer like you did the magnet.

Go back to the magnet layer. Double-click the layer and add an Outer Glow in addition to the Drop Shadow you already have on there. Make the color a nice medium red like the magnet. Opacity: 25%, Spread: 16%, Size: 139px.

You won’t see the color as much on the white paper, but you will see it on the fridge’s surface, so it looks kind of like a reflection from the magnet.

Step 5: Adding an Image to the Paper

Take your image with a white background and CTRL+T transform it to fit the paper.

Make the Layer’s blending options Multiply. This does the opposite of Screen – this time it gets rid of the white. Lighten the opacity up a little, about 80%.

On a layer below the image’s layer, take the Brush tool and light gray, at 20% opacity and scribble behind the image.

What are we doing? We’re making it look like someone drew it. There’s always pencil smudges on paper from your hand when you draw.

Use the smudge tool a little bit to smooth out some of the areas. Then lighten the layer’s opacity to 70% or lighter.

Step 6: Another Detail

All of this is of course optional, but sometimes it’s those little details that really make an image work.

Try using the same torn paper eraser that we used at the beginning of this tutorial to damage a corner of the paper. Be sure to do the same to your reflection layer too!

Step 7: Fridge Name

Most refrigerators have their name on them somewhere, and is usually metal. Let’s make one of those. Make it light grey.

Duplicate this layer twice.

On the middle layer, make the color a medium grey, double-click the layer and give it a stroke of 8px in the same grey color.

And then make the bottom layer a darker grey, with a stroke of 9 or 10px in the same dark grey.

Click-click on each of these layers and choose “Rasterize” if it is an option. If it is not an option, merge each one with a blank layer like we did earlier with the paper. Preserve the transparency on each of these layers.

Select the top, light grey text layer. Take a medium grey, and the Brush tool with a small brush. Click in a couple different areas on the light grey, in a few random spots. Go to Filter>Blur>Motion Blur. Angle: 0 degrees, and Distance: 11px. This gives it kind of a brushed metal look.

Double-click on the layer and add a Drop Shadow. Multiply, Opacity: 38%, Angle 120 degrees, Distance: 2px, and everything else 0. Also, add an Inner Glow. Screen, Opacity: 75%, Noise: 0%, Choke: 0%, Size: 5px, Range: 50%, Jitter: 0%.

With the medium grey middle layer, do the same you did with the light grey one. Only this time, use both darker grey and lighter in spots.

Do the same Motion Blur on this layer.

Place the three layers up on the fridge wherever you want the logo thing to be.

Add a drop Shadow to the bottom, dark grey layer.

Add a slight Inner Glow to the middle layer.

Hold CTRL and click on the bottom layer to make a selection around the shape.

Add a new layer over top of the three. Fill this shape with white.

We need to make this logo shiny too, so draw a large circle with the Elliptical Marquee tool around the bottom part of the new white shape.

Delete that shape.

Preserve transparency and change the layer from Normal to Screen, and use the linear gradient tool with black and white as the colors.

Lower the Opacity to 30%.

And we’re DONE! I know, it took a while, but now you know how to do several different things!

Hope you’ve enjoyed this tutorial. Let me know what you think.

By Kirin Knapp

Kirin Knapp is a graphic designer for the iEntry Network, publishing company of FlashNewz. A flash animator and illustrator, she is the creator of her home site, Inkdu.com.

Leave a comment