šŸŒ“

Grunge effect Photo Tutorial in Adobe Fireworks I was playing with a nice photo I’ve found in Flickr and while editing to make it look nice in a light background I came up with a very simple but sleek grunge effect. Here’s the result (click the pictures to see them in full size): It takes 2 minutes and you just need two […]

by
on February 9, 2010
(2 minute read)

I was playing with a nice photo I’ve found in Flickr and while editing to make it look nice in a light background I came up with a very simple but sleek grunge effect. Here’s the result (click the pictures to see them in full size):

Please donate to keep this server up

It takes 2 minutes and you just need two layers. Let’s get started!

Step 1 – Find the picture

Find any picture that has nice contrasts.

step1-original

Step 2 – Decrease Saturation

Decrease the saturation (Filters > Adjust Color > Hue/Saturation…) of the picture to remove the color (-81 in my example). I’ve leaved a bit of color because it gives this “old” effect.

step2-saturation

Step 3 – Increase Contrast

Increase the contrast (Filters > Adjust Color > Brightness/Contrast…) without any fear (in my example it’s 63). But not too much. You can play a bit with the brightness to balance it.

step3-contrast

Step 4 – Duplicate layer

We are done with this layer. Right click it and Duplicate it. Hide the bottom one (click the eye at the left of the layer).

step4-duplicatelayer

Step 5 – Gaussian Blur

Add Glaussian Blur (Filters > Blur > Gaussian Blur…) to the new layer (15 in my example).

step5-gaussianblur

Step 6 – Darken

In Blend mode (it’s a dropdown in the Properties toolbar at the bottom, next to the transparency dropdown), select Darken.

step6-darken

Step 7 – Unhide the first layer

Unhide the first layer, it should be at the bottom.

That’s it! The final result looks like this (click the image to view it full size):

step7-final

Final words

Things Iā€™m buying on Amazon this week

Although it’s true that Fireworks is quite limited compared to Photoshop and it doesn’t have the same community as Adobe’s big one, the speed and ease of use of FW makes it the perfect tool for beginners to semi-professionals with a nice and sweet learning curve.

Images in this post are licensed under Creative Commons Attribution Share-Alike Non-Commercial.
Original: mac as music studio by shapeshift
Result: Grunge effect Photo Tutorial in Adobe Fireworks by Xavi Esteve

Free 100% online banking account

šŸ’³ Get your free debit Mastercard

No comments yet

Treasure Chest

Get notified of new projects I make
Usually one email every 3 months

Follow me for cool new products and interesting findings on graphic design, web development, marketing, startups, life and humor.


/*Twitter*/ !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); /*Facebook (function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=28624667607";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));*/ /*Google+*/ window.___gcfg = {lang: 'en-GB'};(function() {var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;po.src = 'https://apis.google.com/js/plusone.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);})();