web 2.0

Sunday, June 6, 2010

Abduzeedo - graphic design | design inspiration | tutorials -

Abduzeedo - graphic design | design inspiration | tutorials -


Daily Inspiration #528

Posted: 06 Jun 2010 01:28 PM PDT


This post is part of our daily series of posts showing the most inspiring images selected by some of the Abduzeedo's writers and users. If you want to participate and share your graphic design inspiration, just send us, via email, the image with the link from where you found it, also use "Daily Inspiration" in the subject, and don't forget to send your Abduzeedo username; or via Twitter sending to http://twitter.com/abduzeedo

If possible use the HTML code: <p class="imgC"><a href="Link to the page you found the image"><img src="Link to the Image" /></a></p>

Do you want to see all images from all Daily Inspirations? Check out http://daily.abduzeedo.com

2D

Alex

Digital art selected for the Daily Inspiration #528

Best Bookmarks

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

bsdesign

Digital art selected for the Daily Inspiration #528

drfranken

Digital art selected for the Daily Inspiration #528

eDsanca

Fabio

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Gisele

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Guayo

424 - No Quiero Hablar from 424 official on Vimeo.

Ian Hutchinson

Digital art selected for the Daily Inspiration #528

Ida Strom

Digital art selected for the Daily Inspiration #528

Jonas

Digital art selected for the Daily Inspiration #528

Jordan Lackey

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

jtownboy

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

KO

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

LAGWD

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Michael Ostermann

Digital art selected for the Daily Inspiration #528

R2D2

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Ray

Digital art selected for the Daily Inspiration #528

suprman79

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

tarek

Digital art selected for the Daily Inspiration #528

Tschai

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Tyrone Michael

Digital art selected for the Daily Inspiration #528

Via Twitter

Send your suggestions via Twitter to http://twitter.com/abduzeedo using #abdz in the end of the tweet.

@tiagobenevides

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

@daniel_nelson

Digital art selected for the Daily Inspiration #528

@allrox

Digital art selected for the Daily Inspiration #528

@Marcos333

Digital art selected for the Daily Inspiration #528

@MarcoMorici

Digital art selected for the Daily Inspiration #528

@djbennett999

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

Digital art selected for the Daily Inspiration #528

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.

Sponsored Links:

Clouds Text Effect in Pixelmator

Posted: 05 Jun 2010 11:13 PM PDT


In this tutorial, I will show you how to create a text made up of clouds in ten very simple steps, solely using brushes, blending, and basic filters. The technique is extremely simple and can be used to create all sorts of text effects as well.

Step 1

Open Pixelmator and create a new document. As usual, my document is wallpaper size, 1920×1200 pixels. After that, import a photo of a sky and some clouds. The one I used stems from Google Images; you can find it at the following link: http://wallpaperblog.files.wordpress.com/2007/12/blue_sky_1920.jpg Paste the photo into your document.?

Clouds Text Effect in Pixelmator

Step 2

Using the Type Tool (T), add a text to your design. I am using Cooper Std Black as the style of font with a size of 300 pixels in white.

Clouds Text Effect in Pixelmator

Step 3

Pixelmator comes with a really cool smoke/cloud brush, but certain adjustments need to be made in order to make it work for our cloudy text effect. Double click the cloud brush to open the brush presets, then use the values shown below for your brush settings and save them.?

Clouds Text Effect in Pixelmator

Step 4

Holding down the command key on your keyboard, click on the thumb of the text layer in the layer palette. This action will create a marquee selection of the text. Add a new layer, and change the Blending to Screen. Then, using the Brush Tool (B), select the cloud brush you edited previously, and use white to start painting within the selection.

Clouds Text Effect in Pixelmator

Step 5

Go to Filter > Blur > Gaussian Blur. Use 20 for the Radius.

Clouds Text Effect in Pixelmator

Step 6

Add another layer, and using the Brush Tool (B) and white paint on the cloud brush, paint more clouds, particularly over the edges of the text in order to make these edges less visible. Next, adjust the opacity of this layer so as to make the effect more subtle. I am using a 50% opacity, which results in the image below.

Clouds Text Effect in Pixelmator

Step 7

Add another layer, and repeat painting in some more clouds; this time, the idea is to highlight particular areas.?

Clouds Text Effect in Pixelmator

Step 8

Adjust the opacity of the highlighted layer. Once again, I am using a 50% opacity; however, you can try different values, depending on the manner in which you painted the clouds.

Clouds Text Effect in Pixelmator

Step 9

Add a layer on top of the others, and fill it with a dark yellow/orange color; I used #e89e00. Next, change the Blending to Overlay and the Opacity to 30%.

Clouds Text Effect in Pixelmator

Step 10

Here you can see the organization of the layers in the Layer Palette.?

Clouds Text Effect in Pixelmator

Conclusion

The yellow overlay layer was added in order to attain this vintage/lomo look in our design. As you can see, the process of creating the text effect was really quite simple and used nothing other than Brushes and Blending. You can create all sorts of text effects with this technique, ranging from water to fire. I will try to cover these effects in the next tutorials.

Clouds Text Effect in Pixelmator

Download the Pixelmator File

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

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.

Sponsored Links:

Wallpaper of the Week #103 - Andy Burdin

Posted: 05 Jun 2010 08:02 PM PDT


The wallpaper of this week is an image created by Andy Burdin, a Boise-based digital artist/graphic designer, with focuses on print and creative advertising illustration. Andy has some really cool artowrks on his website and this one he provided to us is called Fury.

For more information visit Andy Burdin's website (http://andrewburdin.com/).

Self-initiated artwork titled "Fury", inspired by one of my favorite movies/books "Angels & Demons" which I rewatched recently.

Abduzeedo's wallpaper of the week by Andy Burdin
Desktop Version

Abduzeedo's iPad wallpaper of the week by Andy Burdin
iPhone Version

Abduzeedo's iPhone wallpaper of the week by Andy Burdin
iPhone Version

Resolutions:

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.

Sponsored Links:

0 comments:

Post a Comment

Apture