SEARCH
Newsletter
Subscribe to get design
tips, latest trends, free
stuff and more.
It doesn't look like an e-mail address

hosting

  Tutorials Photoshop Drawing Techniques Create Abstract Fake 3D Objects in Photoshop

Create Abstract Fake 3D Objects in Photoshop

Create a document of size 612x850 pixels with background #FFFFFF. Create a new layer and name it as "Box Base". Draw the square black box like what I have below.

image 1

Go to Edit > Transform > Rotate at 45 degrees. Then follow by Edit > Transform > Distort. Adjust the shape similar to mine.

image 2

Set the Opacity of "Box Base" to 50%. Create a new layer and name it as "Box Top". Repeat the similar steps you done for "Box Base" for the top. Set the Opacity of "Box Top" to 50% as well.

image 3

Create another new layer and name it as "Box Left". Using the Pen tool with Shape Layers Mode, connect the 2 left corners of both "Box Top" and "Box Base". Fill the shape with black when you are done. This will gives you a nice left piece of the box. Set the Opacity of "Box Left: to 50% so you can get a clearer view of how your box looks like.

image 4

Create another new layer and name it as "Box Right". Repeat the same steps you did for "Box Left" to "Box Right".

image 5

Now set Opacity of "Box Right" back to 100%. Right-click on the layer and choose Blending Options. Choose Gradient Overlay and key in the settings shown below.

image 6

Repeat the same for "Box Left".

image 7

Repeat the same for "Box Base".

image 8

Using the similar techniques, create the inner 2 sides of the box. You can delete "Box Top" when you are done with all the sides of the box.

image 9

Using the Pen tool in Shape Layers Mode, draw the lids of the box like what I have done.

image 10

Fill them up with gradients using the same techniques applied to sides of the box.

image 11

Focus a little bit more on the thin sides of each piece of the box lid.

image 12

This is how the box should look like when all the parts are drawn.

image 13

On the "Background" layer, create a large radial gradient with the Gradient tool with the colors stated below.

image 14

Create a new layer and name it as "Box Shadow". Using the Brush tool with Soft Round type and size 25px, paint in some mild shadows at the 2 lower sides of the box.

image 15

And you are done with the box! Now let's draw in some abstract shapes. Select the Pen tool in Shape Layers Mode, and draw a shape similar to what I did. Right-click on the shape layer and choose Blending Options. Select Gradient Overlay and include the settings.

image 16

There is no hard rules on how you want your shapes to look like as long as you give a side view to it. Let's use the same technique on the sides of the abstract shape you drawn earlier. You will realize the gradient is filled in automatically since you have set it as such in the earlier step.

image 17

To adjust the individual shape, you can use the Convert Point tool. Once you are done, group all these shape layers in one folder. Name the folder as "Object1".

image 18

Draw another object using the same techniques below "Object1". Group these shape layers into a new folder and name it as "Object2".

image 19

Create a new layer between "Object1" and "Object2". Using the Brush tool with Soft Round type and size 30px, paint in some shadows where the 2 objects overlay. Use the Eraser tool to remove those unwanted areas.

image 20

That is all to focus on creating the objects. Using the same methods, I create many other new objects.

image 21

Let us add in some round objects since swhat we have created so far are angular. Create a circle shape using the Ellipse tool and fill it with white. Right-click on this circle shape and choose Blending Options. Key in the following settings.

image 22

Duplicate a few more of circular shapes and spread them around those angular ones.

image 23

You can even duplicate all these objects and transform them to make the whole artwork looks more busy.

image 24

Create a new layer above all these objects and name it as "Inner Shadow". Using the Brush tool with black color, Soft Round type and size 65px, paint a shadow at the lowest end of the objects where touching the top of the box.

image 25

Create a new layer above the objects and name it as "Light Rays". Make a few huge rectangular vertical selections and fill them with white.

image 26

Go to Edit > Transform > Perspective. Transform the white bars like what I did below.

image 27

Go to Filter > Blur > Gaussian Blur. Set the radius to 10px. Use the Eraser tool to remove the unwanted areas.

image 28

Finally, add your logo to a side of the box to complete the design. I hope you have learn some new stuffs from this tutorial. Have a great weekend!

Create Abstract Fake 3D Objects in Photoshop

   

ABOUT THE AUTHOR

 10Steps is a huge resource of Photoshop tutorials, freebies and inspiration for designers.
subscribe to newsletter