Mar 27, 200935

Create an Amazing A.I. Robot Woman in Photoshop

Hi everyone, I’m Alvaro Guzman and this time I’ll show you some photo manipulation techniques to design a dramatic image depicting a “Artificial intelligence” concept. Let’s get it started!

Preview

This is a preview of the final effect.

Step 1

Open this image as is and double click on “background” layer to make it editable, rename the layer to “girl” then adjust Levels and auto adjust Curves to lighten the image a little bit.

Step 2

Extract the girl from the black background, and add a new Fill layer below “girl” layer.

Step 3

Paste this picture by hotblack as a background into a new layer named “forest”, go to Layer > Layer Mask > Hide All and using the Gradient Tool, paint a Radial Gradient White – Black on the layer mask.

Step 4

Create a new layer above all the other, name it “Light” and fill it with a Reflected Gradient White – Black and adjust the curves as shows the image below to add more light stripes. Distort the layer using Transform options and Command (Ctrl) + Click on the corners. Then change layer’s Blend Mode to Saturation, and Opacity to 45%.

Step 5

Select “Girl” layer, then using the Lasso tool, select an irregular shape over girl’s face. Copy the selection and paste it into a new layer named “Face”.

Step 6

Select “Girl” layer once more, then using the Lasso select the entire body, take special care on the neck, make the selection rounded there, you can follow the necklace shape to make it right. Copy and paste the selection into a new layer named “Body”.

Step 7

Duplicate “Girl” layer and hide the original. Select “Girl copy” and using the Burn Tool darken girls’ neck, chin and cheek.

Step 8

Select “Girl” layer once more, select and copy a little piece of forehead, hair and ear. Copy and paste it above “Face” layer.

Step 9

Next, select “Body” layer and select a section of the arm and cut it. Hiding “Girl copy” layer you’ll see how it looks. Then make visible “Girl copy” once more, and using the burn tool darken some areas of “Girl copy” layer. Repeat this process as many times as you want in several places.

Step 10

Download this image by henry_azui, select a long piece of chrome metal and copy it. Paste it into a new layer between “Body” and “Girl copy” layer, Feel free to transform the bars to make them match your design.

Step 11

Select a bended piece of metal, Rotate it, Warp it and place it as a robotic mandible. Remember, put this metallic piece between “Body” and “Girl copy” layers.

Step 12

Duplicate the previous metallic part. Adjust the Lightness on Hue / Saturation window to make it darker. Transform it and place it as the right side of the mandible.

Step 13

Select and copy a little engine’s piece. Paste it, resize the shape and place it somewhere over the mandible.

Step 14

Paste the previous metal piece again, warp it as you want to place it as the girl’s chest.

Step 15

Continue adding metal, this time select a thin piece and paste it twice as shown in the image below.

Step 16

Add more metal on the chest.

Step 17

And so on, you can add as many metal as you desire, everywhere.

Step 18

Next, grab this picture of some colored wires, extract them from the white background and place it above “Metal” layers (I put all the metal in a folder by the way) and below “Body” layer. Put as many copies of the wires as you want.

Step 19

Select “Girl copy” layer, select the dark part behind the metal and wires and delete that selection.

Step 20

Select the clone tool and a tiny brush. Select “Body” layer and clone some skin areas over the knees, chest and dress to increase the cut out illusion.

Step 21

Use the dodge tool to create a peeled border effect.

Step 22

Create a new layer below “Body” layer and using a big soft black Brush, paint some shadows to increase the deep sensation.

Step 23

Merge all the layers, or put all the layers into a folder, name it “Image” duplicate it and merge it. Duplicate the copy and Blur it a little bit, then apply a Radial Gradient Layer Mask to the blurred copy.

Step 24

To increase the dramatic effect, add a Gradient Map adjustment layer (#0F2344 – #A2B5F0). Change its Blend Mode to Overlay and opacity to 55%.

Conclusion

Finally add further details, I’m adding a fibers texture on top, some text and a spark. Is up to you now!

Downloads

Photoshop PSD files


Talented Designers Wanted!

We are always on the look out for talented designers willing to share their work (icons, wordpress themes, photoshop actions) or write design tutorials. By contributing to DesignReviver you’ll be financially rewarded and will gain exposure to a large audience. For more information about contributing please contact us.


If you enjoyed this tutorial please share it:

35 Comments

  • Mr. Pink
    Mar 27, 2009

    Great tutorial!

  • Patapon
    Mar 27, 2009

    OMG Where did you learn that skill. awesome!!

  • j
    Mar 27, 2009

    thanks RTed this

  • smashill
    Mar 28, 2009

    Great tutorial, it’s a pretty standart topic but very well explained.

  • Tom Ross
    Mar 28, 2009

    Yeah I’ll go with Smashill, nothing new, but a good attention to detail and well explained. The outcome is more professional than many tuts on this topic.

  • Diego Poveda
    Mar 28, 2009

    hi men, ….hey, thats really, really wonderfull, you are so rock.

    thanks you so much for this tutorial, i lke it and i learn very much.

  • alegozalves
    Mar 29, 2009

    muy bien Álvaro!!!

  • Odaddy
    Mar 29, 2009

    Great tutorial totally inspired thanks man :)

  • farhad
    Mar 30, 2009

    nice imagenation

  • Khoa Tran
    Mar 30, 2009

    I honestly think the bio-mechanical parts is the easiest. What isn’t covered well in this tutorial is how to give the skin a realistic feel to compliment the bio-mechanical parts.

    Other than that, nice tutorial.

  • Farid Hadi
    Mar 31, 2009

    Great tutorial that’s also inspiring. Thanks!

  • Bill Lowden
    Apr 1, 2009

    Great tutorial! Easy to follow and an interesting effect.

  • xea
    Apr 2, 2009

    Thanks,very interesting, I linked your blog;)

  • Albi
    Apr 13, 2009

    Great tut. thanks it really helped me for my skills…. Congratulation

  • Photoshop Weblog
    Apr 16, 2009

    [...] ähnlich dem zuletzt vorgestellten Cyborg wird auch im Tutorial Create an Amazing A.I. Robot Woman in Photoshop eine Grundlage mit viel Elektronik ausgestattet. Dabei allerdings inhaltlich an den [...]

  • Neue Links - Neustart-Magazin
    Apr 17, 2009

    [...] Create an Amazing A.I. Robot Woman in Photoshop | Design Reviver – AI-Robot Tutorial mit PSD. [...]

  • A.I. Robot
    Apr 23, 2009

    [...] ähnlich dem zuletzt vorgestellten Cyborg wird auch im Tutorial Create an Amazing A.I. Robot Woman in Photoshop eine Grundlage mit viel Elektronik ausgestattet. Dabei allerdings inhaltlich an den [...]

  • photo retouching
    May 5, 2009

    What a great bit of photo retouching ,I will certainly recommend this to my colleagues!

  • Best Photoshop Tutorials, Brushes and Textures of April 2009 | CrazyLeaf Design Blog
    May 8, 2009

    [...] Create an Amazing A.I. Robot Woman in Photoshop [...]

  • Best Photoshop Tutorials, Brushes and Textures of April 2009 « Vandhematharam
    May 8, 2009

    [...] Create an Amazing A.I. Robot Woman in Photoshop [...]

  • Best Photoshop Tutorials, Brushes and Textures | guidesigner.net
    May 10, 2009

    [...] Create an Amazing A.I. Robot Woman in Photoshop [...]

  • George
    May 14, 2009

    Brilliant! thanks for sharing

  • Bones
    May 20, 2009

    Whoa great explanations. Thx a Lot, will try my own !

  • nick j
    May 23, 2009

    How did you do Step 2 so clean??

  • Mike
    Jun 19, 2009

    Wow this tutorial is awesome I can see a whole host of robot people taking over the web, can’t wait to put these effects to good use.

  • 22 Super Cool Photoshop Photo Effect Tutorials!
    Aug 26, 2009

    [...] 20. Create an Amazing A.I. Robot Woman in Photoshop [...]

  • Allan Donnola Barreto
    Aug 29, 2009

    I love this tutorial.

  • Billa
    Sep 12, 2009

    Thank you soo much!!!!!

    It helped me alot!

  • My Life
    Sep 12, 2009

    I tried and it didn’t work.. i followed every single step with that same picture and it didn’t work!

    I want to learn how to do it so i can do it on other picture but nothing works!!

    I thought yours might help me and it didn’t

  • NIkol
    Sep 16, 2009

    It’s very cool, but I’m a beginer can ypu record(step by step) that and put the link here, it’ll be very helpfull :)

  • 50+ amazing Photoshop Tutorials | bijusubhash.com
    Nov 3, 2009

    [...] Create an Amazing A.I. Robot Woman in Photoshop [...]

  • kevin
    Dec 3, 2009

    Wow! you’re amazing…

  • BLACK
    Dec 6, 2009

    Wow Amazing! It really helped me A lot!
    Thank u!

  • 50 Amazing and Useful Photoshop Photo Manipulation Tutorials | DesignBeep
    Dec 23, 2009

    [...] 43.Create an Amazing A.I. Robot Woman in Photoshop [...]

  • 50 Amazing and Useful Photoshop Photo Manipulation Tutorials | Afif Fattouh - Web Specialist
    Jan 5, 2010

    [...] 43.Create an Amazing A.I. Robot Woman in Photoshop [...]

Leave a Comment

Ask a Question at Design Reviver Answers