The Photoshop Guru's Handbook - HOME
Session 4
Session 4 Header Image
3 Dimensional Pictures
"The Fantasy begins..."

page 1 / page 2

Supplies for this Session:
Depth perception, a little imagination, and a basic knowledge of dimensional perspectives are what you'll need for this Session.

And:
Here are a few texture patterns for you to use in case you don't have your own. You can grab these here now or wait until they're mentioned in the Session.

Floor texture
The Floor
Wall texture
The Walls
Door texture
The Door

Resources | Materials | Under Constuction | Page Two

Preface

I've decided to kick-off the year with a slightly bigger project than normal!

Please note here also that these instruction will be given from a Photoshop 4 perspective. This is simply due to the fact that the majority of my visitors are using this version now, and explaining the steps in both PS 3 & 4 terminology would just make this Example way too long. Sorry about that PS 3 users. If you have been using version 3 for awhile though you shouldn't have too much difficulty in figuring out how to translate these instructions into PS 3 terminology.
In any event, if you have any questions just let me know and I'll try to help you out with this.

This month's Session is going to deal with creating simple 3D pictures, not just singular images or objects. But keep in mind that these pictures (or worlds) can be as complex, detailed and "real" as you'd care to make them. It just means more time and imagination will be involved that's all.

For the sake of this Example though we will be dealing with a simple picture - a hallway. Creating a hallway or corridor will give you a good idea of how we can create 3 dimensional depth with Photoshop.

We'll be creating the separate images and putting them together to form a simple 3 dimensional picture (or painting if you prefer). You may or may not have seen pictures like this before. For me, it reminds me of some of the environments I've seen in a few 3D games I've played. (Except with a much better resolution quality)

You won't need to have a whole lot of understanding of what makes objects look 3 dimensional, but it will help if you do have a bit of knowledge on the subject. Unfortunately though that subject can not be covered to any great extent in this small space, so if after reading a bit of this you feel you are not quite ready to tackle it just yet, that's fine.
Go out and read up a bit on it and come back for another try ok.


NOTE: if you feel the need to print this material out you have my express permission to do so. But please do not redistribute it.
Thanx Much.


With all that said, I hope you enjoy this session!


Like puddy in your hands...

Resources:

First of all we should decide on what type of materials we'd like to use for our picture.

But in order to better know that we'll have to think of a simple 3D environment first. To me the simplest picture for this example was a small hallway, that I converted into a underground sewer... sort of. The hallway is short and comes to a dead-end that has been boarded over.

To understand what I mean just click the title below to take a look at my picture: It's called "No Exit".

The steps used to create a picture like this will not be very difficult. And they will help to give you other ideas of things that can be done using only Photoshop.

I would also like to note here that for the purpose of this Session the picture we'll be making won't be quite as complex looking as the "No Exit" one. It will be a slight bit more simple like the one at the top of the page. Without the blob of greymatter though of course! ;?)

This will help to prevent a lot of confusion and make it easier for people to understand the basic concepts behind creating a picture of this sort. The "No Exit" picture is provided just to give you a rough idea of the extent to which you can use these simple concepts to create a more ellaborate picture.

After you've done this Session and had a chance to digest the information for a while, then I encourage you to try a picture of your own design. Ok?

to the Top

Now lets pick our materials shall we?

The first part I worked on in the picture at the top of the page was the Floor. So that means we'll need a marble texture pattern. If you have a favorite you like to use then use it. If you don't have one then go up to the supplies and get one.

Next we'll want to pick a material for our Walls. I used a brick texture pattern. Again, if you have a favorite then use that one. If not then <#supplies>go up to the supplies and get one.

And the last material I used was for the Door that you see in the center of the picture. For that I just used a wood texture pattern. If you've got one already... goody for you. ;) If not.... you know the drill!

Whistle while you work...

Ok let's begin by creating a New document with the following specifications:

In the New Document window choose:
Color = RGB
Size = 400x300 pixels
Resolution = 72 pixels/inch
Background = White

When your canvas comes in do the following steps:
First of all create a New layer and name it Floor. Now fill that layer with your FLOOR Texture pattern. That's the one that's called "Burnt" (if you're using the one I gave you here). But you can actually use whatever texture you like for any of these.

Note:
- To fill the layer with a texture pattern first open the picture of your texture in Photoshop.
- Then SELECT ALL for that picture (which should be the brown marble pattern).
- Now go up to the EDIT menu and choose DEFINE PATTERN. Then you can close the marble picture.
-Now make sure the Floor layer is active in your layers palette and fill it with the pattern you just defined. To do this just go back up to the EDIT menu and this time choose FILL.
- Within the fill menu you will see the word CONTENT, and if you open that pop-out menu you will see the word PATTERN.
(Try to remember that ok? You'll be doing it again.)


And that should do it. You should now have your marble pattern covering your entire first layer. Right?

Now we'll define our WALL texture pattern:
Create a New layer and repeat the steps above to define your pattern and fill the new layer with it. Name this layer WALLS.

Now we'll define our DOOR texture pattern:
Create a New layer and repeat the steps above to define your pattern and fill the new layer with it. Name this layer DOOR.

The order that these layers were created in is important. The reason being is that for our picture, the Door must be in front of the other objects. That's why I had you create that layer last - so it would end up on the top of the layers palette.
The Floor should be in the very back of our picture and that's why it's layer was created first - to put it on the bottom of the layers palette. The Walls can be anywhere in between these two other objects.
This is definately something to think about before you actually begin designing a picture of this sort. It could save you time and confusion later.
(But this is nothing that a little trial & error wouldn't help you to learn)

Ok that will end Page 1 of the project.

Turn To Page 2

to the Top


HR
"The Photoshop Guru's Handbook"  and all contents of this site
are copyright 96/00 Mark Anthony Larmand - (aka theKeeper) all rights reserved.
HR