SEARCH
Newsletter
Subscribe to get design
tips, latest trends, free
stuff and more.
It doesn't look like an e-mail address

hosting

  Tutorials Photoshop Photo Editing Create a Living Museum in Photoshop CS4

Create a Living Museum in Photoshop CS4

KateRose Photo Editing Jul 29, 2011

Create a living museum in Photoshop CS4

Img

Step 1

Assemble your stock images and brushes. All resources used in this image are from deviantart. Some are available exclusively to deviantart members. Always make sure you have license to use your chosen stock and be sure to give proper credit to the provider. If you choose to post the image resulting from this tutorial anywhere online, you must credit the stock provider by linking back to their deviantart account.

You don't have to use the exact textures and images I used. You can achieve a similar effect that is unique to you by finding your own stock images on sites such as deviantart, sxc.hu, CG textures, and Wikimedia commons.

This won't be so much of an exact and precise, step-by-step tutorial. Rather, I will explain the basic steps and techniques I used... but I will be specific in some areas. This tutorial assumes you have basic knowledge of photoshop - how to use layers, layer masks, filters, and the tools in the tool panel.

left frame:http://chulii-stock.deviantart.com/art/frame-05-105938953

middle frame: http://mjranum-stock.deviantart.com/art/Halloween-Stock-Y-1-183708403

right frame: http://stock-nightmare.deviantart.com/art/Gold-Frame-75183546

floor: http://rifificz.deviantart.com/art/Wood-Texture-4-195636689

ocean: http://rml-stock.deviantart.com/art/Ocean-Stock-01-76109975

wave: http://tracie76stock.deviantart.com/art/Wave-4-91716623

water brushes: http://lizard--queen.deviantart.com/art/Water-Dropplets-Brush- 17027005

water on floor: http://morbystock.deviantart.com/art/beach-stock-13-75990604

mountains: http://resurgere.deviantart.com/art/Package-Nature-5-11695603

pillars: http://mjranum-stock.deviantart.com/art/pedestals-56941418

cloud brushes: http://linzee777.deviantart.com/art/Cloud-Brush-Pack-162956453

moon: http://tala-stock.deviantart.com/art/Full-Moon-80726496

right mouse: http://szorny-stock.deviantart.com/art/mouse-belly-151755042

field:http://alegion-stock.deviantart.com/gallery/#/d1ihayj

wall texture, plants, other mice:sxc http://www.sxc.hu/

Step 2

Begin with the floor and wall. Open up the images you will be using and move them into a new document. (I used 9'x5.5' at 300 dpi). For aesthetic purposes, it works well to join the floor and wall about a third up from the bottom.

Step 3

Use Edit > Transform > Perspective to adjust the floor. Depending on the floor you choose, it can be difficult to get the perspective right. Make sure that the planks in the middle look like they are coming straight down toward you.

Step 4

The two images have likely come from totally different sources, so at first they will not look like they belong together. But we need this to look like a cohesive, realistic image. As you add more images to the file, a good way to get the images to look as if they belong together is to adjust hue, saturation, and levels. Do this now with the floor and wall until their colors and sharpness match. Use the dodge and burn tools to darken the edges and brighten the middle. This, combined with the perspective of the floor, will help to draw in the viewer's eye.

Img

Step 5

Next, extract your frames. Take some time to make a clean extraction for each new image you add to avoid unwanted pixels around the edges. The pen tool works best for me to do this because it is very precise. The frames are easy... but images like plants and animals can be very time consuming. Size the frames and place them where you want them. Be sure that you are naming each new layer as you add it, and save often.

Img

Step 6

Always keep an eye on the lighting of each new image you add. If your frames seem to bright or too dark, use curves, hue/saturation, or the dodge and burn tools to fix it. Remember that for the purpose of this image, we want the center to be brightest, and the edges to be in shadow. Imagine that the light source is coming from just above your view, and just behind you. For a touch of realism, give the frames a slight shadow inside and outside at the edges. You can do this by adding a drop shadow layer style to the frames:

Create a Living Museum in Photoshop CS4

Step 7

Time to fill the frames with scenery. I chose one field scene, one ocean scene, and one mountainous scene for some variety. Paste your scenery into the file on layers under the frames, and size and move them into place. Make sure to name the layers and save your file.

Create a Living Museum in Photoshop CS4

Step 8

Its starting to look like an art museum! To begin bringing it to life, we want the ocean to spill out of the left frame. Open up your wave image. Select your lasso tool, and in the tool's settings, give it a feather of about 30 pixels. Draw a rough circle around the area you want to be "splashing out" of the ocean frame.

Create a Living Museum in Photoshop CS4

Step 9

Paste the feathered selection of wave into your file. Adjust the color and sharpness of the water until it matches the water in the ocean frame a bit better. Resize, warp, and stretch the wave until the top seems to be leaving the frame, and the bottom falls onto the floor. Give the wave layer a mask. With a large fuzzy brush at 50% opacity, blend the wave into the ocean. It can be difficult to get this part right... water can be tricky. Don't worry about the edges of the wave just yet.

Create a Living Museum in Photoshop CS4

Step 10

Now we need to make the wave look like it is pooling on the floor. By searching stock image sites for "beach" and "wave" you will easily find an image that fits the angle we need. Look for a beach wave that is travelling toward you to the right. Paste it into the file, and use a layer mask to blend the edges.

Step 11

Open up beach stock 13 by MorbyStock from deviantart. Copy and paste the waves into the file, placing the waves over the floor. Lower the opacity and mask out the sandy areas so that the floorboards show through. Opacity masks are your best friend when it comes to blending images together. It is good practice to use a layer mask rather than erasing part of your image, as masks are fully editable.

Create a Living Museum in Photoshop CS4

Create a Living Museum in Photoshop CS4

Step 12

Use the splash water brushes to make the edge of the wave more realistic. Use the eyedropper tool to select the color of the water at the very edge of the wave. Then add some lighter droplets with light grey or light blue above the darker colors. Zoom into this area to make sure that your details are working together. Also, make sure that you are painting the water additions on a new layer.

Create a Living Museum in Photoshop CS4

Step 13

As you go, you may find it helps to keep your file organized and manageable to merge layers when you are happy with them. When you are happy with the left frame and its escaping wave, merge the layers together. This will also keep your file size small and photoshop running quickly. Now, we want it to be night time on the ocean. Use the burn tool to darken the water and sky, and paste in the moon. Give the moon a subtle outer glow, and move the outer edge above the lip of the frame so that appears to be rising out of the picture. With the dodge tool, add a moonlight trail on the ocean water.

Create a Living Museum in Photoshop CS4

So now here is our image, starting to come to life!

Create a Living Museum in Photoshop CS4

Step 14

We will now add the imagery to the room, "outside" the frames. Extract the Roman column and paste it in to the file on a new layer. Again, play with your hue, saturation, and curves until the column seems to match its environment. Give it highlights and shadows with dodge/burn. Mask out the very bottom of the column so that it appears to be standing in the water on the floor. Then copy the layer, and place one on each side of the middle frame.

Create a Living Museum in Photoshop CS4

Step 15

Repeat these basic steps for every new element that you add to your image. Always give everything its own new layer, naming them as you go. Use layer masks to soften any edges that seem too striking. Use hue, saturation, and curves to make the objects look as if they belong in this environment... not just pasted from somewhere else. Use dodge and burn to give each object highlights and shadows. Remember that some objects will need to cast more obvious shadows than others.

I almost never use drop shadow layer styles to create object shadows, because it can make the object look too flat. Drop shadows are alright for flatter objects, such as the frames. But when creating shadows for bulky or organic things, this will look false. Instead, paint black with a fuzzy round brush at a low opacity on a layer under the object you want to give a shadow to. Try to visualize what shapes the shadows would make if your light source were real. It helps that this manipulation is kind of shadowy and dark in nature... so it is good practice and will look good even if you don't get it quite right.

Create a Living Museum in Photoshop CS4

Step 16

We are almost done! Now we need to bring to life our field and mountains. Load up your cloud brushes. On a new layer, paint in some white clouds so that it looks like they are emerging from the middle frame. It will look more natural if you use varying opacities for the clouds. Add more clouds on a layer under your trees, so it looks as if they are flowing out of the frame into the trees in the room.

Create a Living Museum in Photoshop CS4

Step 17

We have given a magical life to the sea and mountains, now we just want the field to escape a little. Zoom in so you can see the details of the grasses. Make a selection of some of the wheat tips, copy, then paste on a layer above the frame which encloses them:

Create a Living Museum in Photoshop CS4

Step 18

Once you have added all the details you like, there are just a few finishing touches. On a new layer set to overlay mode, darken the edges of your image with a black, large fuzzy brush, and brighten the middle with white. This will make the image seem more dynamic and bring the focus to the center even more. Then, only once you are fully satisfied with the image, go to layer > flatten image. (If you like keeping you layer files like I do, save a copy before you do this). Then go to filter > sharpen > sharpen, to make the details a little crisper. Finally, go to image > adjustments > photo filter. Choose a warming filter or color to tint your final image, with density at 50%. Keep the preview box checked so you can see the difference your filter will make on the image. This gives the museum a gentle, old fashioned feel by adding a touch of sepia.

Create a Living Museum in Photoshop CS4

You're done!

Create a Living Museum in Photoshop CS4

Create a Living Museum in Photoshop CS4

Create a Living Museum in Photoshop CS4

Related Posts:

   

ABOUT THE AUTHOR

Kate Rose Kate Rose was born in Grass Valley, California, a small town between Lake Tahoe and Sacramento. She works in illustration, graphic design, and web development. She taught herself photoshop and several other Adobe Creative Suite programs with the help of online tutorials from sites such as this one. Her favorite style of art is photomanipulation, with a fantasy element. She currently lives in Honolulu, Hawaii with her husband. Kate is available for commissions, and can be reached via her contact information on her online portfolio: http://www.krostudio.daportfolio.com/
subscribe to newsletter