Design a Rocky and Rusty style laptop in Photoshop

Latest Posts from PSD Vault

25 Fresh and Ultra Creative Text Effect Artworks to Spark Your Imagination

Mini PS Tutorial Series Vol.3 – Create Elegant Curvy Lines with Pen Tool in Photoshop

Create Surreal Environment Inspired by the “Inception” Movie in Photoshop

Create Awesome Abstract Photo Effect via Layer Masking and Custom Patterns

Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 26

Quickly Create Surreal Scenary via Combining Landscape Images in Photoshop

November 15th, 2008

Filed under Abstracts, Photo Effect

In this tutorial, we explore different layer style options, selection and extraction tools and brush tool in Photoshop and create a rocky and rusty, yet colourful laptop in Photoshop.

I was experimenting different layer blending effects and testing a few filters and thought I could share some of my findings in this tutorial.

Step 1

Click on the following images and download a copy of them respectively. We will use them later in this tutorial.

The laptop: Link

The Rock Image: Link

The smoke/inky image: Link

Step 2

Open “the laptop” image, use pen tool to outline the laptop, then load this path as a selection. Create a new document (size doesn’t really matter, I chose 800×600px) and save it as “laptop”. Use The move tool to drag the selected laptop to the new document, this will create a new layer. Name it “laptop”. You may have to resize the laptop to fix the new document.

Step 3

Open the rock image, select any portion of the image you want, and copy it onto the newly created document, above the “laptop layer”. Name the layer “Rock” and set the the layer blending option to overlay.

Step 4

Use image >> adjustments >> curve to adjust the rock layer. See images below for details settings.

At this stage, the image should look like the following, you can try out different setting for different outcomes.

Step 5

We can now add some lighting effect onto it. Open the smoke image you downloaded, crtl+a to select the whole image, drag it to the laptop document and resize it the roughly the same width of the laptop. Position the smoke image above the laptop.

5. Use the motion blur filter to create some light beams and use the black and white adjustment tool to change the lighting density a bit. Change this smoke layer blending option to “screen”.

Detailed settings see below:

Step 6

We can futher add some more textures onto it. Create a new layer and call it “cloud”. Fill it with white and set the layer blending option to color dodge. Use lasso tool with 20px feather to create a selection and render some cloud inside it.

Step 7

Ok, we now completed the majority of the work. The rest is just playing with different brush tools and colour balances. There are plenty of free brush download site on the web, just google “photoshop brush download”!

Here I made a few different versions:

That’s it for this tutorial. I hope you enjoy it and found it useful. If you would like a copy of the PSD file, just drop me a comment below I will send it to your email address.

Thanks for viewing and have a nice day!

User Comments:

By Ian Pluis

Hi James
Enjoyed your tutorial…
I will have to try this.
Thank you
Ian

By James

thanks Ian for your comment~

By Hugo

maybe you could rotate the rocky texture a bit, just to match the laptop’s keyboard and screen angle, so it woudnt look like its an overlayed image

By James

Hi Hugo thanks for your comment! that’s a really good point, to be honest i didn’t pay attnetion to the keyboard and screen angle much, which I should’ve done.

By AJP

OMG nice tut…
work perfect !
I would like the PSD File!
just send it to pdmaicecube.password.is.c00e0703@live.dk

By James

HI AJP~ I have emailed the .psd file to your inbox.
Thanks for visiting psdvault.com!

By arjey

cool tutorial.. kindly send me the psd file.. tnks a lot..

By zanzla

realy nice & good ideea…..

By Habib

awesome tutorial James

By mostafa

best effect ever . i wana psd file for more
thanx alot

By James

Hi Mostafa~
Sorry about the late reply, I have emailed the psd file to your email address. Cheers and have a nice day~

By Annie

Hi James,
Great tutorial.
Will you please mail me a copy of the psd file?

/Annie

By James

Hi Annie,
I’ve sent the psd file to your email. Thanks and have a nice day!

By Philly

Hey amazing tutorial…could you please send me a copy of the PSD file

By poorna

nice tutorial…good color combo with laptop ….

By James

thank you poorna!

By van

nice.. pls send me a copy of the psd file.. here geevan_02@yahoo.com..tnx a lot.

By Kate Woodall

Very awesome!!!
Would love the psd file.

By Business Card Printing

I like the more colorful version of your work. You played with such vibrant, striking colors, but they look really well together. Excellent work as always, keep it up!