Top Navigation

The Joomp wallpaper

February 06, 2007 from

Here I'm again writing about some stuff that I have done or seen online.

In my last article I had shown how to create a wallpaper with some free stuff like icons and textures. Well in this article I wanna show you another wallpaper that I did using basically photoshop, for a company which I have been working for, Joomp. The idea for the wallpaper was a dark image with some light and smoke effects.

Below there are images showing step by step how I created that.

Step 1: Using the lasso tool, I set a feather of 60px and drew an abstract shape like a cloud.

Try to create a small shape, it will get bigger when you add the clouds though
Try to create a small shape, it will get bigger when you add the clouds though

Step 2: Filter > Render > Clouds

The cloud is black and white
The cloud is black and white

Step 3: Image > Adjustments > Hue /Saturation, to make a bluish cloud.

Choose colorize to be able to change the colors of the cloud
Choose colorize to be able to change the colors of the cloud

Step 4: Using an image of smoke.

I found this image at Digg.com, it was one of the most dugg posts there, really amazing
I found this image at Digg.com, it was one of the most dugg posts there, really amazing

Step 5: Mixing the images; set color dodge as blend mode to both layers.

I just used some parts of the image and mixed them up
I just used some parts of the image and mixed them up

Step 6: Adding the company's logo and a bit of glow.

The joomp logo is behind the cloud
The joomp logo is behind the cloud

Step 7: With a custom brush, I added some sparks over the double blue Os of the logo.

Just play with the options there, I changed the scattering, shape dynamics and... I think I tried all of them
Just play with the options there, I changed the scattering, shape dynamics and... I think I tried all of them

Final step: The last thing was the address and slogan.

The end result
The end result

The .psd file used here can be downloaded, and if you have any doubt or want to ask or suggest something, just let me know.

UPDATE: TAKE A LOOK HOW TO CREATE THE SMOKE FROM SCRATCH IN PHOTOHOP

http://abduzeedo.com/files/imagecache/img690x320/originals/joompWP.jpg
http://abduzeedo.com/files/imagecache/img690x320/originals/smokeTest.jpg
AttachmentSize
The JPEG version, 1440x900.90.91 KB
The PSD version if you want to take a closer look.4.46 MB

About the author

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. You can get in follow us via Twitter at @abduzeedo

Sponsored Links:

More articles about:

Comments and Reactions

Featured Tutorial

Reader Tutorial: AeroStuff by Trisme
Reader Case Study: AeroStuff by Trisme
The tutorial of this week is from one of our readers, his name is Trisme and he is an illustrator, digital artist and web designer from Poland. Trisme will show us how he created the design called AeroStuff, it's a really cool artwork mixing photos and some 3D objects. The best thing about blogging is that we have the chance to see how digital artist from all around the globe overcome the challenge of making an idea come true. In this little tutorial/case study it's not different.

Try this Wallpaper

Wallpaper of the Week by  Rik Oostenbroek
Wallpaper of the Week by Rik Oostenbroek
The wallpaper of this week is an amazing design created by Rik Oostenbroek specially for the Abduzeedo 4th Anniversary. If you don't know Rik, he is a 20 year old self taught Dutch digital artist with more than 5 years of experience. Rik has done work for clients such as Mazda, Panasonic, Volkswagen, Palm and others, and we are super happy that he presented us with this beautiful wallpaper, and also a poster, but that is a little secret for another post. For more information about Rik visit his Web site at http://secretshowcase.com/.

Book Suggestion

Book Suggestion: Ordering Disorder - Grid Principles for Web Design
Book Suggestion: Ordering Disorder Grid Principles for Web Design
The book suggestion of the week is a must have for those willing to design nice web sites and pretty much anything. It is called Ordering Disorder: Grid Principles for Web Design (Voices That Matter) and as the name says it is all about grid systems or the principles behind it. Book Description