Web development , php , ajax , symfony, framework, zend
In: tutorial
16 Mar 2010Let’s face it; there are a lot of ways to produce clouds in Photoshop. If you ask Google how to create clouds in Photoshop, you’re likely to discover a list as long as the Internet itself. The main reason for this is that Adobe was nice enough to include a filter that creates clouds with just a few clicks. If you’ve ever tried to create clouds this way however, you’ve probably discovered that it doesn’t always come out the way that you would like. This is because the default cloud filter really isn’t the best way to produce photo-realistic clouds in Photoshop. In fact, the best way to product photo-realistic clouds in Photoshop is to just drop in a photo of some real ones.
Creating clouds using creative photo manipulation is great but it has drawbacks as well. What if you can’t find the right photo? Or what if you want to create your own cloudscape without the use of photos or filters?
That’s why today we’re releasing a set of 25 High Resolution Brushes for Creating Clouds in Photoshop. These brushes are really great at producing stunning horizons, sunsets, and skies. You can really have a lot of fun with this set and because there are no edges on these brushes the possibilities are truly endless.

You can see these brushes in action in this short video tutorial.
You can download these brushes below.
In: web resources
15 Mar 2010
In this photo manipulation tutorial we are going to digitally create a dream land using Photoshop. Along the way we will analyze lighting, incorporate a shattering effect, and use some brush tool properties.
This is a collage of images, so not surprisingly we’ll need to gather a lot of elements to make it work. If you are following along, you’ll want to grab the following.
<div
class="clear"
Import Cloud Images 1 into your canvas, and name the layer ‘clouds 1′. Pay close attention to the light source. In this image the sun light is coming from the right side, which is depicted in the image by arrows. We will consider this the primary light source throughout the tutorial.

Import Cloud Images 2, and name it ‘clouds 2′. Then, select the Soft Eraser Tool (E), and erase the edges of the ‘clouds 2′ layer.


Having the ‘clouds 2′ layer selected, go to Image -> Adjustments -> Curves, and slightly adjust the curves as shown.

Now import Cloud Image 3, and name it ‘cloud 3′. Just like the last step, erase the edges of the layer with the Eraser Tool (E).

With the ‘cloud 3′ layer still selected adjust the curves as shown.

Now open up Hammock 1, and extract it. To do so, draw a shape around the guy and the hammock image using the Pen Tool (P). Once the shape is finished, right click on it, and select ‘Make Selection’. Then, hold ‘Ctrl’ + click ‘J’ (Ctrl+J) to make the selection a new layer.

Import the previously made layer into your Dream Land document, and name it ‘Hammock 1′. Then resize the image to fit the composition, using the Move Tool (V). Continue by going to Image -> Adjustments -> Exposure, and change the settings to: Exposure +1.06, Offset -0.0020, Gamma Correction 1.12.

In the same way as the first hammock, extract Hammock 2 and place it in the work space. Then, move the image to the position as shown. Afterwards, go to Image -> Adjustments -> Exposure, and change the settings to Exposure +0.63, Offset 0, Gamma Correction 1.14.

Now, select the ‘hammock 1′ layer, and extract the rope using the Lasso Tool (L) and pressing Ctrl+J to turn the selection into a new layer. Place the rope on the ‘hammock 2′ layer. Duplicate the rope layer, and drag it upwards using the Move Tool (V). Erase the knot in the duplicated layer, then merge both of the ropes layers, and name it ‘rope 1′. Now, duplicate the ‘rope 1′ layer, and place it on the other side of the hammock as shown.




Having the ‘cloud 3′ layer selected, extract part of the cloud, and make it a new layer named ‘c3-1′. Now place the ‘c3-1′ layer above the ‘hammock 2′ layer.

Using the Pen Tool (P) extract the Bruj Khalifa Building (which, by the way is the world’s tallest tower at this time). As mentioned in the first step, the light factor should be taken into consideration. The direction of light in the ‘Bruj Khalifa’ layer is from the left side, so flip it horizontally by selecting the layer with the Move Tool (V), then right click and select ‘Flip Horizontal’.


Now import Bird 1, and place it on the left shoe of the man resting on the hammock 1, and flip it horizontally to match the light.

At this point you can let your creative juices flow by adding additional elements throughout the composition. To give you an idea, I used elements such as hot air balloons, the Taj Mahal, pigeon, butterfly, and another bird near the hammock 2. Make sure that all these elements match the light.

Use the pen tool to make a selection of the book like what is pictured below. Then make the selection a new layer, and name it ’shatter’. Transform the ’shatter’ layer by choosing the Move Tool (V), then right click and choose ‘Wrap’.


Mask the ’shatter’ layer using the Magic Wand Tool (W), and add a layer mask. Now fill the layer mask with black. Paint the layer mask white with a grunge brush to get the shatter effect.



Now use the Moon Brushes 1 and Moon Brushes 2 to add some stars and moons throughout the composition. Be wary not to go overboard with this effect.

Select a soft white brush sized at 3px, and go to Window -> Brushes (F5). Select the Scattering option, set it to 100%. Now brush on some white magic particles coming from the bird.


Use the Bubbles Brushes, to subtley add a few bubbles where you desire. If the effect looks to intense, drop the opacity a bit.

To complete the effect, I used a soft white brush along the edges of the composition. I also added the text ‘Dream Land’ and dropped it below the ‘cloud 3′ layer in the layers pallet. This is my finished artwork.

That’s if for this tutorial. I’d love to hear what you think, drop me a comment using the below.
In: web resources
5 Mar 2010Tim is 21 years old and recently earnd his bachelor’s degree in Cross-Media Design. He’s been in love with design since he discovered Photoshop in 2003. His specialities ranges from photo-manipulation, digital art, web design to motion graphics and visuals. In his spare time he’s running an electronic music blog PHASE02.org, enjoying to spin records as a DJ at local parties and bigger clubs around Belgium and Netherlands. He’s also been into Athletics since he was a little boy of 7 years old.
Bram is 19 years old and shares the same passion as his older brother. He’s been developing his style since his first pen tool experiments in Illustrator about 5 years ago. Bram’s style ranges from simple illustrations and typography to mixed media artwork. When he’s not making art, Bram enjoys going out with friends, training together with his brother for the next Athletics competition and he can’t resist to spend his money on clothes and new fancy accessories.
For more information visit their website at
Every year I’m late with my new year wishes, this year I want to be on time! I wish everyone best of luck in the new year, let it be a very creative and inspiring one!
2010 Wallpaper Case Study from Tim & Bram Vanhaeren on Vimeo.
The wallpaper is based on the true passion of an artist, the time he spend on it and the story behind it. In my opinion, dancer are perfect examples of a great artists working hard, making sacrifices to become what they are. Also they just look really cool on picture and are fun to work with. Again music leads to a beautiful wallpaper.
Collaboration between Luuk Vermeyden and Bram Vanhaeren.
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.
This blog delivers stylish and dynamic news for designers and web-developers on all subjects of design, ranging from: CSS, Ajax, Javascript, web design, graphics, typography, advertising & much more. Our goal is to help you communicate effectively on the web with an engaging website or functional interface.



