Design a Rocky and Rusty style laptop in Photoshop
Posted on November 15th, 2008 under Abstracts, Photo Effect, it has 29 Comments and 16,479 Views so far.
Posted on November 15th, 2008 under Abstracts, Photo Effect, it has 29 Comments and 16,479 Views so far.
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.
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
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.
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.
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.
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:
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.
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!
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.
OMG nice tut…
work perfect !
I would like the PSD File!
just send it to pdmaicecube.password.is.c00e0703@live.dk
Hi Mostafa~
Sorry about the late reply, I have emailed the psd file to your email address. Cheers and have a nice day~
nice.. pls send me a copy of the psd file.. here geevan_02@yahoo.com..tnx a lot.
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!
nice tutorial!!!
Can you send me the psd files to jonas_dekkers@hotmail.com
Thanks & Regards,
Jonas Dekkers
Hi, very nice tutorial. Can you send me the psd files to info@jonasdekkers.be?
Thanks
Jonas
Hi :)
Could you please send me a copy of the psd file please it would help me tons! :) Thnks
chani_93@ymail.com
Hi James
Enjoyed your tutorial…
I will have to try this.
Thank you
Ian