water

Awesome Rainy Portraits

paul0v2 — Mon, 13 Dec 2010 15:24:56 +0000

Nicolas Dumont is a professional photographer based in Dubai and he had a great idea of shooting some rainy portraits under the shower of his apartment. These portraits came out great, the water going down their faces and the expressions are priceless. Check them out!

I invited some friends into my kitchen to have their picture taken under a cold shower. I asked them to stare right into the camera and control their...nerves. Each session latest between 10 and 20 minutes. I guess the water temperature felt better after a while as some of the best images were captured at the beginning.

About the author

Hi there! I'm Paulo Canabarro, 26 year old web designer - paulocanabarro.com I'm from Brazil currently living and working out of Providence RI, USA. I'm truly passionate about design of all kinds, finding and sharing inspiration here has become part of my life. If you like to know more about me or get in touch visit my website paulocanabarro.com Stock me at Twitter and Dribbble

Sponsored Links:

Water Text in Pixelmator

abduzeedo — Sun, 14 Nov 2010 11:09:41 +0000

In this tutorial, I will show you how to create text with water effects. To do this, we will use some stock photos with masks and image adjustments. I will also show you how to create bevels using Pixelmator.

Step 1

Open Pixelmator and create a new document. I used 1440×900 pixels. Also, keep the background white.

Step 2

With the Type Tool (T), add a text. I typed “WATER” using Arial black for the font. The color here doesn’t matter because we will use it to mask images. To create a marquee selection of the text, just click on the thumb of the text layer while holding the Command Key.

Step 3

Now, let’s use a photo of water. The one I used was courtesy of Shutterstock, and you can find it here. Import it and place it in your document. Go to Edit>Transform and reduce its size; also, duplicate it 3 times, always flipping the new copy horizontally. That way, you will be able to match the sides. Use the image below for a reference.

Step 4

With the marquee selection of the text active, go to Layer>Add Layer Mask; that way, the photo will show only on the text area. You will have to repeat this 2 more times for the duplicated layers of the photo.

Step 5

To make the water more realistic, let’s use another photo. You can find one here. This one is of some water bubbles. To make the colors of the images match, go to Image>Colorize. Move the little controller to the cyan area and increase the saturation to over 70. We will use this often for other images throughout the tutorial so keep that in mind. You also will have to try different values depending on the imagery you are using.

Step 6

Repeat the Masking process so the bubbles will be within the text area. The result here already looks pretty cool.

Step 7

To spicy it up a little, add some water splashes. The ones I used can be found here, courtesy of Shuterstock, once again. You also will have to colorize them in order to make the colors match, exactly like we did in Step 6.

Step 8

Select all layers but the white background and duplicate them. Merge all the duplicated layers (Layer>Merge Layers) and then go to Edit>Flip Vertically. Move this upside down text right below the text aligning the words. After that, go to Filter>Blur>Gaussian Blur; use 20 for the amount.

To finish the effect, go to Layer>Add Layer Mask, then select the Gradient Tool (G) and a linear gradient from black to white. Mask the layer in which the black area will be hidden and the white will be shown. Use the image below for reference or download the PXM file in the end of the tutorial.

Step 9

Add a layer on top of the others and fill it with a very subtle gradient. Use the Gradient Tool (G), and for the colors, use Grey to White and play with the Opacity in order to make it very, very subtle, exactly like the image below.

Step 10

Let’s now place a photo of some water droplets. The one I used can be found here. The image is in grey scale, so go again to Image>Colorize and change the color of the image to this cyan scheme we are using.

Step 11

Put this layer beneath the other layers; also, change its opacity to 55%. After that, go to Edit>Transform. Then, the Transform panel will open. Click on the little gear icon and choose perspective. Then, apply the perspective I used. Use the image below for a reference, but basically, the only thing you will have to do is move the controllers on the bottom area while holding shift to make them wider than the top area.

Step 12

Duplicate the droplets layer and go to Filter>Blur>Gaussian Blur. Use 30 for the amount.

Step 13

With the Eraser Tool (E), delete the areas close to the text in order to remove the blur. Also, notice that the horizon is sort of fading out. That’s because I added a gradient from white to cyan and applied an overlay for the blending.

Step 14

Again, repeat the “WATER” text with the marquee selection like we did in Step 2; however, this time, the text has to be black.

Step 15

Go to Edit>Stroke. Use white for the color and 5 for the width. Also, make sure that the Inside option is selected.

Step 16

Now, still with the marquee selection active, go to Filter>Blur>Gaussian Blur. Use 15 for the Radius.

Step 17

Just change the Blending of the layer to Color Dodge and you will already have a really nice bevel effect.

Step 18

With the Eraser Tool (E), delete the bottom left areas of the bevel to try to match the droplets.

Step 19

Select all layers and duplicate them. Then, merge all of them into a layer and go to Filter>Blur>Gaussian Blur. Use 20 for the Radius.

Step 20

Change the Blending to Screen.

Step 21

Add a new layer on top of the others and fill it with cyan using the Paint Bucket Tool (N). Then, change the Blending to Color Burn with 30% Opacity.

Step 22

Now, add another layer, this time, beneath the cyan layer and fill it with a radial gradient from white in the center to grey. Change the Blending to Multiply with 25% for the Opacity.

Layers Order

I love that we can now have groups of layers in Pixelmator.

Conclusion

This is the outcome you will have. The idea is pretty simple and straight forward; we are just mixing some photos and masking them with text. However, I believe the Bevel technique will be very useful for your projects in Pixelmator because there is no filter for that yet.

Download the Pixelmator File

Click here to download the Pixelmator file used for this tutorial.

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:

Underwater Scene in Pixelmator

abduzeedo — Sun, 01 Aug 2010 11:21:31 +0000

In this tutorial, I will show you how to create an underwater scene as inspired by the opening titles of I, Robot, the movie. We will create a brush that will be used to add the bubbles and explore a technique to make your scenes look more realistic. The whole process is quite simple, and it takes less than 1 hour to go through all the steps.

Step 1

Open Pixelmator and create a new document, the one I’m using is 1440×900 pixels. After that, fill the background layer with black.?

Step 2

Add a new layer and fill it with a dark green (#12241f).

Step 3

Go to Layer>Add Layer Mask. After that, select the thumb of the mask in the Layer Palette and go to Filter>Generator>Clouds. Use black and white for the colors and apply the clouds on the layer mask.?

Step 4

With the layer mask still selected, go to Filter>Blur>Zoom Blur. Move the controller point to the bottom center of the image and use 60 for the amount. This will create a really nice effect.

Step 5

Add another layer and then with the Brush Tool (B) select a red/pink color (#941433). Then, paint a large spot in the bottom and center of the design like I did in the image below.?

Step 6

Repeat steps 3 and 4 and then apply the render filter to the mask and the zoom blur, respectively.

Step 7

Add a new layer on top of the others and fill it in with black. Change the Blending to Color Dodge, and then with the Brush Tool (B) and a soft brush with white, paint a little white spot at the bottom and center of the design. Then, repeat the previous step for the mask.?

Step 8

Reduce the opacity to 80% if your light effect gets too bright.

Step 9

Add another layer, then, using the Brush Tool (B) again, select a large soft brush and dark blue to paint some blue spots right on and above the red/pink light. This blue layer has to be very subtle; I used the brush with 25% only. After that, you can apply the Zoom Blur again with the same amount as we did in the previous steps, 60.

Step 10

To create the bubbles, I used a stock photo courtesy of Shutterstock. You can find it at http://www.shutterstock.com/pic-31147426/stock-photo-beautiful-abstract-background-of-soap-bubbles-on-black.html. I used the guides for reference and then with the Rectangular Marquee Tool (M), change the option to Ellipse and select the bubble you want to use for your brush. Copy and paste it to a new layer, and then go to Image > Desaturate, then Image > Invert.?

Step 11

Creating the brush is pretty simple; just drag the layer from the Layer Palette to the Brushes Palette. Pixelmator will automatically create the new brush. Double click on it to edit, and then change the Spacing to 200% and the Scatter to 65%. Over the Shape Jitter options, change the Size to 100% and the stroke to 7%.?

Step 12

Add a new layer and fill it with black using the Paint Bucket Tool (N). Change the Blending to Color Dodge. Select the Brush Tool (B) and the brush you created in the previous step. Paint some bubbles onto your design using white.?

Step 13

Select the Blur Tool (R) and a big soft brush. Start making some bubbles blurrier than the others to add some depth to your design.?

Step 14

Add another layer on top of the others, and using the Paint Bucket Tool (N), fill it with black. Change the Blending to Color Dodge, and then use the Brush Tool (B) and the bubble brush we created to paint some big bubbles, much larger than the previous one. I used 700 for the brush size this time and 300 for the previous one.?

Step 15

Now, import another photo to add more realism to the composition. I’m using another image from Shutterstock, which you can find here at http://www.shutterstock.com/pic-24003511/stock-photo-water-splashing-forming-air-bubbles-over-a-black-background.html.?

Step 16

With the image in your document, first, go to Image > Desaturate, and then change the Blending to Color Dodge. You will also have to resize and position the image to how you want it. I flipped the image I used vertically.?

Step 17

Select all layers and duplicate them. Merge all duplicated layers and go to Filter > Blur > Gaussian Blur. Use 20 for the blur amount.?

Step 18

Change the Blending to Screen and the Opacity to 50%.?

Step 19

Duplicate the blurry layer and then change the Blending to Overlay, while keeping the Opacity at 50%.?

Conclusion

Now, just add your logo and the scene is practically done. If you want, you can add another layer on top and fill it with the Stripes filter. Then, rotate it to get some horizontal lines to simulate those scan lines from old TVs, but that is another story for another tutorial.

Download the Pixelmator File

Click here to download the Pixelmator file used for this tutorial

About the author

Sponsored Links:

Logo Design: Water

PauloGabriel — Thu, 15 Jul 2010 03:00:51 +0000

The Logo Design series is up and running! We're thinking ahead and we want to find new ways to sort these listings. Last week we had a post on fire logos... today it's the opposite: water!

As usual, we'll search for logos in these galleries: Logopond, Logo Faves, Logo Moose, Logo from Dreams, Logo Gala, WS Logos, The Logo Mix and Wolda. We hope you all enjoy our selection! Cheers. ;)

PS.: Got cool ideas for sorting? Tell us! ;)

About the author

Hello, everyone! I'm Paulo Gabriel, designer from Porto Alegre, Brazil, born in 1984. I have worked as a webdesigner since 2006, but websites and blogs have been a hobby for me since 1999. Here in Abduzeedo, I try to bring only the hot stuff for you... and hope that all of you enjoy my posts! For more cool stuff, you may also follow me on Twitter.

Sponsored Links:

Inspiration: refocus DA: 360° Underwater Photographs

aloa — Wed, 29 Oct 2008 18:04:36 +0000

The "refocus design agency" went to the maldives islands and took some very nice photographs. The special thing: They made underwater pictures and turned them into 360 °.

You can see a 360 ° VR Panoram Version of every picture on their homepage

About the author

Aloa is the moniker of the german/greek graphic designer/filmmaker & musician Alexis Papageorgiou. Im glad to share great artistic work with the readers on Abduzeedo. Contact me on aloa@abduzeedo.com or follow my Twitter and Facebook page

Sponsored Links:

Web Picks #2 : WATER

aloa — Sun, 28 Sep 2008 19:35:43 +0000

Web Picks is a new series here on Abduzeedo. The idea of the articles is to choose a subject, and present photography, artwork, designs, illustrations and tutorials we find on the topic; and put them together. When designing we tend to forget to look at mediums other than the one we are currently working in. We hope this series will illustrate the many dimensions a single subject can have, and provide cross-format insight for each subject.

Damn. Im sitting in my room writing this article and i hear loud raindrops falling on my window. A sign to finally post the second article of the WEB PICKS serie. After the success of my last post about smoke I decided to keep on posting WEB PICKS. This time my pick will be: WATER

Again: feel free to give me feedback

WATER PHOTOGRAPHY

WATER MOVIES

Slo Water from youdiejoe on Vimeo.

WATER DESIGN

WATER TUTORIALS

CREATE AMAZING WATER PHOTOMONTAGES

ADD WATER TO A PHOTOGRAPHY

CREATE WATER EFFECT ON PRODUCTS

CREATE WATER DROPS IN 5 MINUTES

CREATE WATER RIPPLES

CREATE AN UNDERWATER ROOM

CREATE LIQUID WATER TEXT

CREATE SILKY SMOOTH WATERFALLS

CREATE RAIN

DESIGN A WAR MOVIE POSTER

Web Picks is going to continue and we need your help. If you want to add designs, illustrations, photography or any kind of art send me an email: aloa[at]abduzeedo.com

Next topic: GRASS