(21 ratings)   
By: Brusberg.net
This tutorial is made for Photoshop 7 for advanced users but it also can be done in 6 and it will teach you how to create a photo camera from scratch in adobe photoshop.
Added: 18 June 2008    Views: 8871  
Keywords: adobe   photoshop   camera   web   design   lens   guide   picture   photo  
Do you like this tutorial? Now you can support our team to add more :     
 
 
 
Browse Pages :   <<    <    1    2    3  

image 1
image 2
image 3

Ok, use the pen tool or whatever you want to make the grey area to the left. Fill it with a gradient overlay (grey-white-grey). The white spot should have the location 70%. The angle is 180 but you get that.

Now it's time for the knob. I'll show you the method for doing this and then you can play around for a better result. It's easier to explain this if you do it in a new document. Create one!!!! First you draw something like I have made to the topright. The grey area is on a different layer than the black background. If you like you can add a bevel and emboss and see how it looks.

Push Ctrl+A to select all. Then you go to Filter>>Distort>>Spherize . Choose Horizontal only and an amount of 100% . When you're done, choose the Move tool and drag your spherize pic to the camera document and place it on top of the knob.

Use Ctrl+T to change the size if you have to.

image 4

image 5

image 6
image 7

image 8

I think you can figure out witch parts you are going to work with now. The two parts of the grip. First Ctrl-click on one of the parts in the layer palette to load its transparency and choose that layer. Fill the selection with black. Do this to the other part of the grip. Then it's time for pattern overlay . Choose a pattern that you like. I've chosen a marble like pattern with soft light blend mode.

The next step is to make the highlights. I have divided them into three different highlights. Use the lasso tool to draw the shapes above (in different layers). Then I applied some feather (Ctrl+Alt+D), radius about 3-6 pixels on every selection. In nr two and three I just filled with white. In nr one I filled it with a foreground (white) to transparent gradient . The last thing you do is to drag down the opacity on the three layers to about 20%.

Yes, I know there are jaggies in the pics. Don't mention it. Use the blur tool after you have flattened the image. :)

image 9

Not much to say about the P-button. Two layers with 0% fill opacity and bevel and emboss. Last but not least a P. :)

image 10

If you have done exactly as I said you can't see these layer right now, or? Click on the eye icons in the layer palette to make them visible again.

Start with the underlying light grey layer.

image 11

This layer contains four layer styles:

image 12

image 13

image 14

image 15

image 12

The next step is to apply these layer styles:

image 17

image 18

image 19

image 13
Time for the display. I've already put some noise in it ( Filter>>Noise>>Add Noise ). Then I added some Inner Shadow
image 1

Time for buttons. I've made these with two layer styles:

image 2

image 3

image 2

After all you have done this is going to be easy. A small Bevel and Emboss , size 4 with 0 % Fill opacity .

image 3

This is also easy, but I'll show you the layer styles anyway:

image 6

image 7

image 8

image 4

Here you have the right part when it's ready. I've put some more details to it. Play around with it to make the details.


image 1

All right, here comes the left part. I've hidden some of the top parts by clicking on the eye icons for these layers.

image 2 image 3

Not much to say about the holder. I've already explained that before. These gradient overlays to the left are easy but very effective. A white part at location 25 % and angle 177 .

These two parts to the left are just color overlays . I wasn't happy with different colors for these parts so therefore they have the same color.

image 4 image 5

It's time for some more layer styles?!?

image 6

image 7

image 8

Load the layers transparency and create an adjustment layer (curves) and chrome it up a bit. As I've said before; this goes for almost everything. If it doesn't look good, chrome it up.

image 6 image 7

Simple color overlay and if you want to you can apply some outer glow. If so, don't forget to use normal blend mode and black. The black circle is just a simple black circle.

image 8 image 9

To make this white shape you have to use the polygon tool . Click on the black arrow three steps to the right of the polygon tool. This is the geometry options . Choose star , smooth indents and indent sides by 5 % . Make sure that you have about 40 sides . When you are ready, apply these two layer styles:

image 13

image 14

image 10

This button contains two layers. First you have a layer with Bevel and emboss (outer bevel) and Outer glow (black, normal blend mode). On top of that you have a layer with Bevel and emboss (inner bevel and fill opacity 0%). I don't think that you should have any problem with this.

image 11

The left part is ready. Put some details to it and go to the next part.




image 1

Objective time!!!!!!!!! Above you have the main parts with no layer styles. There are some black layers behind the other layers. I'm not going to point them out. Have this in mind and look for them yourself. I didn't say I was going to tell you everything. :)

image 2
image 3


This is another one of these simple things. This is a gradient. I've used Adobes copper gradient and then I desaturated it (Ctrl+Shift+U). Then I applied an adjustment layer (curves) and chromed it up a bit. Don't forget to load the layers transparency first by Ctrl clicking on its layer in the layer palette.

image 4
image 5


This part actually contains two layers with two gradients. The one on the left is the same gradient you did before (the copper gradient). The second one is an almost invincible gradient that has an angle of - 90 instead of 180. You can check this gradient out here.

I can tell you that the easiest way to do this is to first make a rectangular selection with the rectangular marquee tool and fill it with the first gradient. Transform it (Ctrl+T), right click (choose perspective) and drag it to the shape you want. Then you apply a gradient overlay with the second gradient.

image 6
image 7


Start by using the rounded rectangle tool with a radius about 15 pixels and shape layer checked . Then you apply some gradient overlay (black-grey). Make a new layer and link them together . Press Ctrl+E to merge these two layers. Now you have to transform shape. Press Ctrl+T and rotate the shape. Duplicate the layer as many times as you have to and place them besides each other. When you are ready link the layers together and merge them. Let's call this layer twist

Now it's time for Spherize!!!!! Load the transparency of the grey rectangular layer with the twist layer still active. Go to Filter>>Distort>>Spherize . Choose 100% and horizontal only .

I'm not happy with it yet. Activate the rectangular grey layer. Apply a small bevel and emboss (size 1, soften 4) and a gradient overlay (black-transparent-black). U can see the difference above to the right.

image 8
image 9


image 10
image 11


Let's concentrate on nr one here, since you all ready know what to do with nr two. I've explained it al lready. :) Let's also skip the part with black color overlay and transform, I've explained that too.

What you have to do here is the white parts. These two white parts is two rectangular selections who are filled with white
(two new layers). Then you apply some gaussion blur and rotate them a bit. When you have rotated them you load the transparency of layer one. Press Ctrl+Shift+I to inverse the selection. Now active the two white layers one at a time and press delete. You do this to get rid of the white that is outside layer one.



image 1

It's almost the same with this layer. The difference is that the white rectangles are narrower and you apply more gaussion blur (more radius).


image 2
image 3

I have also showed you this before. Make one layer, duplicate and spherize, remember. :)


image 4
image 5

This also, gaussian blur, load transparency, inverse and delete. Not exactly so but you get the picture.


image 6

Here I have applied a drop shadow to these two different layers. Just a small one though.


image 7

Put some details to it and you are finished. Here I have also put a drop shadow from the rest of the camera on the objective.

Browse Pages :   <<    <    1    2    3  
About the Author :
Creating Camera Tutorial
Articles and Tutorials Directory by www.learnfobia.com
 Rate this tutorial : Rate 1Rate 2Rate 3Rate 4Rate 5
  |    Add to Favorites
  |    Send to Friend
  |    Print
Comments