The Joomp wallpaperListThumbs
The Joomp wallpaper
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
Step 2: Filter > Render > Clouds
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
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
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
Step 6: Adding the company's logo and a bit of glow.
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
Final step: The last thing was the address and slogan.
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
| Attachment | Size |
|---|---|
| The JPEG version, 1440x900. | 90.91 KB |
| The PSD version if you want to take a closer look. | 4.46 MB |
About the author
My name is Fabio Sasso, I'm a graphic/web designer from Porto Alegre, Brazil and I'm the founder of Abduzeedo. I hope we can share lots of information, tips, and ideas through Abduzeedo. Also you can follow me on Twitter or my personal site at http://fabiosasso.com.
23 Comments
Hai, Abduzeedo, This is really awesome tutorial and it really worked out for me and well there is a similar tutorial in which is good and i find more tutorials in this site and another is tutoreffic.com
That is a neat idea and the image turned out great! But for it to be your own original art you should make even the whole smoke effect with photoshop not just copy and paste... but yeah
*********
kiral?k tekne
That is a neat idea and the image turned out great! But for it to be your own original art you should make even the whole smoke effect with photoshop not just copy and paste... but yeah
*********
kiral?k tekne
Hello. I use your tutorial in my site. I'm from russia. I have translated your tutorial on Russian. The reference I will give later. I have specified your copyrights.
thanks a lot for this.
Thank you! I'm so glad I found this. That smoking effect is cool! Or smoking hot, I should say.
Cool, thanks.
------
mp3 music
You spelt technology wrong
very nice tutorials n_n
Yay ^_^ this was a really cool tutorial and I decide to try it out!
I think it turned out pretty good, http://bayimg.com/laEMlAabK
Thanks for your awesome tutorials, they are really easy to understand even for beginners like me!
Really nice tutorial and effect you achieved. Will definitely be going through the .PSD for more tips :¬)
Is it possible that someone post the Zee Typeface and where should i place them xD i know i'm still a newbie but working on it :P
Hiya first of all Well done ;P , i really would like to know how did you manage to get the smoke effect in the layer along with the mask layer
Yeah, I agree with you all, though my idea was to create that wallpaper, or background for the joomp brand and I wasn't really willing to create the smoke from scratch, but mixing all I can get online for free.
Anyway, thanks for the comments.
not really a design at all if you have to cut and paste from another site
That is a neat idea and the image turned out great! But for it to be your own original art you should make even the whole smoke effect with photoshop not just copy and paste... but yeah
The typeface that I used for the JOOMP text is the zee's typeface with some modifications, also, there is a tutorial that I posted a couple of weeks ago showing how to create that typeface. The Zee's typeface step by step
Thanks for your comment.
Great Job on the effect there, I was wondering what kind of text is that you used for "Joomp" and where can I get it from. Nice Job!:)
I found that image on Digg, but you can download it at http://upload.wikimedia.org/wikipedia/commons/c/c1/Streichholz.jpg , it's a really nice photo.
Thanks for the comment.
great tutorial! thanks
please, can you give me the link to download the image that you used for the smoke effect
very nice
That is really cool looking! Could make a great splash page!
Nice job. :)
Post new comment