Monday, December 27, 2010

How To Creatie a Futuristic Workspace in Photoshop

Today i'm gonna share a newest tutorial to create a 'futuristic workspace'. Lots of techniques are used in this tutorials like it will show how to define brush presets, using smart objects and also other simple techniques to create a futuristic workspace of a business woman in photoshop. By using the same techniques you can try making different things in photoshop.
 So now lets start with our tutorial. I'll show you step by step method so that u all can understand it easily and enjoy making this as well.

Step 1:

Create a document with 1000×700 pixels. Fill the background with a gradient as shown below. The gradient starts with #000000 at the top left and #245574 at bottom right.

Step 2:

Create a new layer and name it "Spotlights". Using the Brush tool with Soft Rounded edge and 600px, paint two white large dots as shown below. Set the Blend Mode to Overlay.

Step 3:

Download "Young beautiful businesswoman making choose on abstract screen" from ShutterStock. Crop the girl out of her background and place it in the scene as shown below.

Step 4:

Download "Stylized 3D vector globe" from ShutterStock. Open up the file with Illustrator. Select the globe and press CTRL+C to copy. Switch back to Photoshop and press CTRL+V to paste the globe in your working document. Position the globe behind the girl like I did below.

Step 5:

Right-click on the globe and choose Rasterize. Go to Filter > Blur > Gaussian Blur and set the radius as 2px. Right click on the globe layer again and choose Blending Options. Check Outer Glow and input the settings as shown below.

Step 6:

Create a new layer and rename it as "Rings". Make a white oval shape like the one I did. Leave the selection active.

Step 7:

Go to Select > Modify > Contract. Set the radius to 5px. Press DELETE and you get a ring as shown below.

Step 8:

Set the opacity of the ring layer to 20%. Right-click on it and choose Blending Options. Check on Outer Glow and input the settings as shown below.

Create a few more rings with similar steps and overlap them behind the girl as shown below.

Step 9:

Create a new layer above the rings and rename it as "Glowing Dots". Using the Brush tool with Soft Rounded edge and 15px, paint white dots at the intersections between the rings.

 Step 10:

Create another new layer and make an oval shape as shown below.

Using the Eraser tool with size 600px, click once at the center of the oval shape. Set the opacity of this layer to 20%.

Duplicate the layer twice and reduce its size at each time. Stack the three oval shapes in the same manner as I did below.

Position the oval shapes behind the girl. Go to Edit > Transform > Free Transform to rotate the shapes around 30 degrees clockwise as shown below.

Duplicate the oval shapes again. Enlarge and then flip them horizontally.

Step 11:

Now select the girl layer and go to Image > Adjustments > Hue/Saturation. Set the saturation to -35.

Then go to Image > Adjustments > Curves. In the Green channel, drag the curve slightly upwards and then  do the same for the Blue channel.

Go to Image > Adjustments > Levels. Set the values to 50, 1, 255. Image will look like the one shown below.

Right-click on the girl layer and choose Blending Options. Check on Outer Glow and input the settings shown below.

 Step 12:

Create a new layer and rename it as "Glow". Using the Brush tool with Soft Rounded edge and 700px, paint a blue glow at the girl’s hand.

CTRL+left click on the girl layer to load her selection. Click on the "Glow" layer and make a Layer Mask with that selection.

Step 13:

Create a new document of size 150×150 pixels. Make a rounded rectangle shape with white color. Right-click on the shape and choose Blending Options. Check on Stroke and set the color to black and size to 3px. Press CTRL+A to select the entire document. Go to Edit > Define Brush Preset. This will create a new brush in your Presets Panel.

Now back to the earlier document and open up the Brush Panel. Enter the settings as shown in the screenshots below.

Step 14:

Create a new layer below the girl. Rename the layer as "Floating Squares". Using the brush made in the earlier step to paint some rounded squares at the background.

Step 15:

Create a new layer above the girl layer and make a white circle so that her finger is within it.

Paint a white dot at the tip of her finger as shown below.

Step 16:

Now is the time to type in some texts with bitmap fonts. To download cool bitmap fonts, visit Remember to flip your texts horizontally so they are facing towards the girl’s direction.

Duplicate the texts layer and go to Filter > Blur Gaussian Blur. Set the radius to 2px and hit OK.

 Final Preview:

Hope you have enjoyed this tutorial. Thanks for reading!

Sign Up to Receive Breaking News as Well as Receive Site Updates!

0 comments: on "How To Creatie a Futuristic Workspace in Photoshop"

Post a Comment