Photoshop Tutorials, Flash Tutorials, 3Ds Studio Max Tutorials, Web Design Tutorials

Home  |  Submit Tutorial  |  Top Sites  |  Free Templates (NEW)  |  Website templates  |  Privacy Policy  |  Link Exchange  |  Contact Us

Recommended Hosting:
Host Unlimited Domains on 1 Account
1500GB storage and 15000GB bandwidth for $6.95/mo!
Recommended Hosting:
Host Unlimited Domains on 1 Account
1500GB storage and 15000GB bandwidth for $6.95/mo!

Welcome To ProDesignHost.com Photoshop Tutorials Area - Cyborg

Author: Nathan Ng

Open the photo you want to turn into a robot. For this tutorial, it is best if you use a photo with a face of a person like the one I'm using. If you want to use the image I used for the tutorial, DOWNLOAD IT HERE.

Create a new layer.

Choose the eliptical marquee tool , then holding down the SHIFT button, click and drag to make a selection around the eye, then fill the layer with a dark color.

Use your own judgement for the size, dont make it too big. mine is 74px by 74px (you can see the size of current selection on the "info" pallete.

Now go to Select->Modify->Contract and enter about 10.

Then hit delete.

Hit CTRL+D to deselect.

Now go to Layer->Layer Style->Bevel & Emboss and apply the following settings:

Then Layer->Layer Style->Pattern Overlay and the following settings:

Now choose the eliptical marquee tool again, and while holding the SHIFT key, click and drag to make a small selection the same size as the smaller inner circle.

Now create a new layer.

Then go to Edit->Stroke:

Width: 1px
Color: Black
Location: Center
Leave the others as default, then click ok.

CTRL+D to deselect.

 

Go to Layer->Layer Style->Bevel & Emboss.

Then Layer->Layer Style->Stroke

Create a new layer.

Once again, use the eliptical marquee tool + Hold down shift and create another circle even smaller than before, fill with any color. See image on the left.

 

Now go to Layer->Layer Style->Gradient Fill


The gradient color is as follow:
D8FFDD -> 54EB5F -> 90F1A0

Now go to Layer->Layer Style-> Bevel Emboss

Download the following circuit image.

Open the above image, then copy and paste it onto the face, set it's blending mode to "PIN LIGHT". and opacity to 50%

Now you can move the circuit layer around until you see a pattern inside the eye that you like.

Now choose the eraser tool, and soft brush size 35

Now use the eraser tool and carefully just erase circuit leaving only what's inside the eye (green area).

You can leaving a little on the frame (grey area) of the eye if you like, it gives a nice effect.

Now use the lasso tool and draw a selection around the edge of the face and shape like the image to the left.

Create a new layer UNDERNEATH the eye's layer (just above the original photo)

Then fill the selection. CTRL+D to deselect

Go to Layer->Layer Style->Gradient Fill. Fill with light grey and dark grey to give a metalic effect

Go to Layer->layer Style->Bevel Emboss.

Well, that's it for this tutorial, as you can see, all we need to do is add a few metallic objects to the face. This tutorial can go on forever, and im not going to bore you with instructions, you take over from here and use your own creativity to enhance your face. To the left is what I made after playing around. DOWNLOAD PSD FILE

Author: Nathan Ng
Advertisements

Premium Partners

  Free Website Templates - Flash templates, Affordable Website Design, Website Templates, Website Redesign, Custom Website Design, Web Design Tutorials, Flash Tutorials, Promotion Tutorials - that is what we do. Metamorphosis Design Studio offers quality, free and low cost web site templates for your business and personal life, we also offer affordable web design and site re-design.
  Vertex Website Tempales - It saves tones of time and money to use pre-made web designs to build your web site. You need a web site but you don't want to pay thousands dollars to professional web design companies? Our web templates is just for you! They are designed to be easilly edited by your favorite html editor, like MS FrontPage
  Website Design Tutorials - Web site design is an area that simply takes experience to perfect. Get started with these tutorials covering everything from page layout to content tips. At Webdesigntutorials.net you will find all the Web-building tutorials you need, from basic HTML and XHTML to advanced Adobe Photoshop, Macromedia Flash MX and 3D Studio Max software.
Free website templates and paid web templates are great tools to make your websites look perfect! You will save time and money with our flash templates and free website templates Our visitors are satisfied with the quality of our free and paid website templates! Please visit our free website templates and paid website templates sections. We offer free web templates, free web layouts, free web page templates and other stuff for free download. All templates come with the html and external css file so you may easily edit HTML with your favorite HTML editor. Feel free to download our free web templates for your personal websites.

Terms of use depend upon the website template vendor.

Home  |  Submit Tutorial  |  Top Sites  |  Free Templates  |  Website templates  |  Privacy Policy  |  Contact Us

All Right Reserved by ProDesignHost.com