Lately I’ve been doing some design for a printer cartridge site, and one of the things I realised is how boring printer cartridges are. With a site that sells clothes for example it’s not too hard to make it look sexy, but with printer cartridges it’s close to impossible.

So I decided to try to make an image that made printer cartridges look just a bit more exiting, and the result was this:

Ok it’s still a printer cartridge, nothing amazing but it does make it a bit more appealing to the eye and this technique would probably work with any product be it toilet role or filing cabinets. So here is how I did it.

Starting out

First I started out with the background image of the pyramids, you can use pretty much any image as long as it has space for your boring product, but the image I used can be found here.  As well as the pyramid image I used a couple of images of random rocks to create the rubble around the base of the cartridge you can find some good quality images on sxc.hu for this, try to look for images that colours match the pyramid image, but we will adjust this later anyway.

The image of the cartridge I took myself, but you can use whatever you want for this.

Preparing the images
I started by editing the cartridge image, removing the white background is pretty easy but I am using cs5 which makes it a bit easier.

Select the item you are using, either with the new quick selection tool, magic wand or manually with the lasso tool. Then go to select > refine edge and smooth out your selection trying to make the edges as neat as possible. Here’s the options I used to get it to look right:

Once you think you’ve got it right click ok and it will change the selection you previously made. Invert the selection (select >inverse) and hit delete on your keyboard. This should get rid of most if not all of your background. You should end up with something similar to the image below.

Next you need to tidy the image up a bit, get rid of any background left over with the eraser and smooth out any edges.

Now you want to open up your pyramid image within Photoshop. Copy your cartridge (or other item) and paste it in the pyramid image, scale it to whatever size you like and rotate it. From here onwards you have as much freedom as you like, so here’s what I’ve got so far.

Next we want to edit the cartridges colours so that they match the deserts bright and exotic colours. Select the cartridge layer and go to image>adjustments>color balance and an adjustment window will pop up, if you are using the pyramid image you will want to bring up the yellow and possibly a bit of red. After doing this go to image>adjustment>Hue/Saturation and bring down the saturation to about -20 and click ok.

Something else I realised I needed to do was adjust the lighting on the cartridge, the light source in the pyramid image is coming from the left and the cartridge had a light source from above/front. All I did to make the cartridge look right was select the part of the cartridge that should have been darker and create a new layer and fill the selection with black.

Then change the new layers blend mode to soft light, hopefully you should end up with a cartridge that looks a bit more like it is in the background image.

For the next step we want to ‘bury’ the cartridge, so you will need to merge the cartridge layer with the black filled layer, to do this select both layers in the layers panel right click and select merge layers. Name this merged layer ‘cartridge’ and then add a layer mask (layer>layer mask>reveal all).

By using a layer mask you can hide parts of a layer without erasing or deleting them. Just make sure you have the layer mask selected and use a black paintbrush to hide the bottom section of the cartridge, try to make it as rough and natural as you can, although we will be adding rubble round the base of the cartridge soon. You should now have something looking like this hopefully:

Now we need to add the rubble round the base of the cartridge, this will help the cartridge blend in a bit more and look like it’s in the picture. All I did for this stage was grab a couple of images of rubble and copy and paste separate rocks/stones until I thought it looked right, the secret behind this was getting rocks that were roughly the same color as the desert. Try to create something similar to what I’ve done below.

Once you think your rubble is looking right we need to add a shadow. As you can see if you are using the same pyramid image as I am, the guy with the camels is casting some quite big shadows; we need to do the same with the cartridge, so here’s how.

Make a selection of your cartridge layer (ctrl click on the layer) and then create a new blank layer and fill the selection with black. Deselect, and then you want to distort the layer (edit>transform>distort) so that it matches the angle of the camel shadows.

You may also want to warp the layer so that it doesn’t look so straight and fake. Once it roughly matches you then need to lower the opacity of the layer until again it matches that of the shadow, I went down to 30% to get it right. Then we want to blur the edges, go to Filter>Blur>Gaussian Blur and set the radius to about 2.5 pixels. Finally make a selection of the cartridge layer again (ctrl click on the layer in the layers panel) click on the shadow layer and hit the delete. This will get rid of any of the shadow that overlaps the cartridge, and should leave you with something similar to this:

That’s the image almost finished, you could leave it like it is if you wanted, but next we will add some effects.

Merge all the layers apart from the background layer, to do this select them in the layers panel, right click and select merge layers. Now with the merged layer selected go to image>adjustments>hue/saturation and lower the saturation to around -20 and click ok. With the same layer selected go to image>adjustments>exposure and apply the following settings:

You should end up with something similar to this:

Now duplicate the layer and add a lens blur (filter>blur>lens blur) with the following settings:

Apply the lens blur and add a layer mask to this layer (layer>layer mask>reveal all),set your foreground color to black and then use your paintbrush tool (I used 1000px size with 0% hardness) to make the parts of the image clearer as if the camera is focusing on the object. You should get something like this:

Now we can move onto the final step. Create a new layer and fill it with black, reduce the layer opacity to 30% and add a layer mask. Do the same as you did with the lens blur layer and use a brush to hide some of the layer; again you want it to look like the cartridge is the centre of attention.

If everything went to plan then you should have ended up with an image similar to the one below.

Hope you enjoyed the tutorial and have learnt something useful!

I am very excited today to bring you a $25 printing credit, courtesy of NextDayFlyers.com, which can be used for anything on their website! From their website, they describe themselves as “Next Day Flyers is an online printing company that delivers top-quality printed marketing materials with one of the fastest turnaround times in the industry. We specialize in full color printing of custom business cards, brochures, greeting cards, postcards, business cards printing services, as well as specialty die cuts and other marketing materials. We believe all businesses, no matter their size, deserve easy access to custom promotional and direct mail material.”

Today, you can enter this contest and have a chance of winning a $25 prize from Nextdayflyers.com, which is a great chance to get some free Business cards, greeting cards, etc, that you need printed.

How to enter into contest

To be eligible to win this contest, there are some rules you must follow to be considered for the $25 credit.

1.  Readers over 18 years of age

2. Post a comment on what you will use it for if they won

4. Subscribe to our feed to get the latest updates on this post, and follow us on twitter @WebDesignFan !

3. Write a comment within 1 week of contest

The Winner:

The winner will be chosen randomly, so any comment will have a chance to win ( unless it is spam). We will use random.org to choose the winner

The contest officially starts today, 6PM Eastern Time, May 13, and ends officially on May 20, 6PM Eastern Time! A representative from NextDayFlyers will contact you for more info on collecting your prize.

Good luck everyone!

Appraise your websites

1.Website Appraisal Buildstats.com

2. Urlappraisal.net

3. Websiteoutlook.com

4. Websitevaluecalculator.com

5. Cubestat.com

6. Stimator.com

7.Valuemyweb.com

Appraise your Domains

8. Dnscoop.com

9. Estibot.com

10. Sedo.com

11. Afternic.com

Stay tuned for future freebies and useful design stuff. Webdesignfan is a Web design blog, and  you can follow WebDesignFan on Twitter and subscribe to the RSS feed here.

1. WpRecipes.com

Wprecipes.com has a huge collection of wordpress tips and is updated frequently. It gives a lot of advice to help you customize and hack your existing theme to its full potential.

2.Themeshaper.com

Themeshaper.com is a great resource for everything about WordPress Themes. They have a great collection of themes to download, and offer great advice on crating your own WordPress theme.

3.Net.tutsplus.com

With the Tutsplus Network, they have a section dedicated to WordPress Tutorials. As always, Envato and the Tutplus.com network always offer innovative and unique tutorials that will make it easy to make your WordPress blog that much better.

4.Themeplayground.com

Themeplayground also offers a great collection of articles that help you design your own WordPress themes, and also offer some wordpress themes.

5.Problogdesign.com

Problogdesign is your destination for the best tips on writing the best articles for your blog, and optimizing your blog with SEO implementations. They have a whole category dedicated to WordPress articles.

6.Hongkiat.com

Hongkiat offers a lot of WordPress tutorial articles,  and showcases many amazing wordpress themes to download.

7.Lorelle.wordpress.com

Lorelle.wordpress.com has an archives of thousands of insightful blogging tips on WordPress. Although not updated frequently, this is still great source of information on WordPress tutorials.

8.Wp-tutorials.org

Wp-tutorials.org, as implied by the name is an rss aggregator on the latest wordpress tutorials and tips from various blogs.

9.Themelab.com

Themelab is a great wordpress design blog, that offers its premium wordpress themes, and also has a tutorial section that will definitely be informational and helpful to readers.

10.WordPress.tv

This is WordPress’ official site, which offers wordpress tutorials in a video format, for those who like viewing than reading info.

11.Wpdesigner.com

Wpdesigner.com is a great resource for those who want to design their own WordPress theme. Here is an example of one of their most helpful posts for me when I wanted to experience designing my own WordPress theme.

12.iThemes.com

iThemes.com offers a variety of interesting wordpress themes you might find of interest. They have a Tutorial Section I was really interested in here.

13.Webdesignerwall.com

Webdesignwall.com is primarily a blog about webdesign, but they also have a useful area about WordPress.

14.Speckyboy.com

Speckyboy is a design magazine that has a section dedicated to WordPress also. Some of the tutorials are very useful in finding a great wordpress theme.

15.DigWp.com

Digwp is an active blog dedicated to wordpress, and created by Chris Coyier and Jeff Starr really give some great tips on customizing your blog.

16.Bloggingpro.com

Bloggingpro is your site to find useful articles on blogging effectively, with tips to help communicate your message more effectively.

17.Instantshift.com

Instanshift is another huge and active blog that has a section with great articles on WordPress.

18.Smashingmagazine.com

SmashingMagazine is one of my favorite place to find quality themes , and also checking out their Smashing Netowrk on the latest WordPress articles they have to offer.

19.Noupe.com

Noupe shows us unique ways to take full advantage of the robust WordPress platform, with articles showing us how to fully utilize WordPress more as a CMS then a blogging platform.

20.Wpengineer.com

WpEngineer is a developer’s resource with WordPress Tutorials that help Theme Develops and coders to implement more features into their themes. This is a whole blog dedicated to WordPress, not just a section, so you can be sure to find articles that will help you on everything for adding a metabox, to optimizing your coding.

That is it for today, and I hope you found that these WordPress tutorial blogs were helpful to you, by finding a new theme, finding a way to hack  your own, or finally taking that extra step to develop your first WordPress plugin or Theme.

Special thanks goes for our sponsors:

DepositPhotos.com – Royalty Free Stock Photos & Illustrations.

If you are interested in sponsoring WebDesignFan.com you can check our directory listing on BuySellAds or contact by email: info@webdesignfan.com. If you want to become an author on WebDesignFan please check Contribute page.

Here are some interesting statistics and achievements of March.

Traffic and Stats

Traffic Sources

Top Traffic Sources

StumbleUpon 16,046 Visits

Direct 8,354 Visits

Google 2,457 Visits

Twitter 2,280 Visits

DesignBump 1,516 Visits

Blog Dashboard Screenshot of the 6th month

Popular Content

Bokeh Effect in Web Design: Showcase, Tutorials and Resources

20 Beautiful Fonts for Big and Effective Headlines

Code a Modern Design Studio from PSD to HTML

Showcase of Well Designed Websites

25 Incredible jQuery Slider Tutorials and Plugins

More Stats

We have 981 subscribers via Feedburner at the moment. Thanks for all who have subscribed and read us via RSS. If you want to stay updated join us subscribing to our feed!

We have 7417 Twitter followers. Become one of us, follow WebDesignFan on Twitter @webdesignfan.

We have 225 WDF Fans on Facebook. Join us on Facebook to get newest design updates.

Alexa Traffic Rank 38,425

Plans

Write 2 guest posts, upload psd file on Theme Forest. Make new friends in blogging and design niche. Work more on WDF redesign.

Contact

Do you have questions, suggestions or you want to write for us? Feel free to get in touch with us by email, comments, or follow us on twitter.