Background Designs

CATEGORIES: Illustrator, Photoshop, Tutorials, Video Tutorials | Matt Kloskowski | September 15, 2008

This effect has become increasingly popular for use in designing backgrounds. By using the live trace effect, you can take any stock image and transform it into an outline that can be placed behind your main subject. The technique works in Illustrator and can be used in Photoshop as well. Experiment with blend modes and remember that you can save the outline as a symbol or a custom shape to use in other designs.

This video requires Adobe Flash Player.

Share This

Visitor Comments »

Very nice Mr. Kloskowski – Time for a new edition of Illustrator Most Wanted?

More of this great Ai stuff please

Comment by Gary Spedding | September 16, 2008 @ 7:59 am

Cool stuff!

Comment by Ira Siegel | September 16, 2008 @ 3:42 pm

Wonderful, and it seems easy.

Comment by John Patton | September 17, 2008 @ 8:51 pm

What terrific timing! Thanks. This is exactly what I need, right when I need it. You’re a lifesaver!

Comment by Liz K | September 18, 2008 @ 10:03 am

is like using the threshold in photoshop, but anyway thanks man you’ve given me idea on how to it in AI

Comment by the_cracker | September 18, 2008 @ 9:53 pm

i have illst. 9..0n pc..it dosent look like yours..cant find live trace/please help.

Comment by thomas | September 19, 2008 @ 11:06 am

thanks a lot……..

Comment by Ekhlas | September 20, 2008 @ 10:28 pm

[...] Background Designs This video tutorial from Layers Magazine shows you how to use the live trace effect to convert a stock image into an effective website background. [...]

Pingback by Webclave.com » Blog Archive » Los mejores tutoriales de Illustrator por smashingmagazine.com | October 9, 2008 @ 12:13 am

That father had the tutorial sii..

Comment by wilfredo | October 19, 2008 @ 8:49 am

thnx its clear!

Comment by frodo | November 7, 2008 @ 3:40 am

Is there a way to do this in photoshop only?

Comment by Nancy Cuppy | November 28, 2008 @ 2:54 pm

Thanks
It is great tutorial.

Rajesh

Comment by rajesh | November 29, 2008 @ 8:34 am

[...] and finally … 21 Quick Tip Tutorial Videos 01. How do I… Create effective Background Designs. 02. How do I… Add and Remove Color Casts. 03. How do I… Edit Keyboard Shortcuts. 04. [...]

Pingback by 79 Quick Tip Video Tutorials for Photoshop : Speckyboy - Web Design, Web Development and Graphic Design Resources | December 8, 2008 @ 2:21 am

Hi!fcff! http://fkhionsz.com xyzrb wqyhv

Comment by Kazeladu | December 11, 2008 @ 5:52 am

Thanks alot it was of great help!

Comment by Favian Romo | January 20, 2009 @ 11:36 pm

[...] Tool. 52. Background Eraser Tool. 53. Polygon Lasso Tool. 54. Magic Wand Tool. 55. Select Tool. 56. Create effective Background Designs. 57. Add and Remove Color Casts. 58. Edit Keyboard Shortcuts. 59. Select Color From Anywhere. 60. [...]

Pingback by 76 Photoshop Video Tutorials | January 22, 2009 @ 11:12 am

Great tutorial, very complete.

Comment by Cesar Espinoza | February 18, 2009 @ 1:27 pm

[...] Background Designs (video) [...]

Pingback by 25 Tutorials for Using Illustrator and Photoshop Together for Outstanding Results | Web Design,Photoshop Tutorial,Design News | February 27, 2009 @ 10:00 pm

nice site

Comment by amr | March 3, 2009 @ 4:37 pm

nice

Comment by amr | March 3, 2009 @ 5:05 pm

Great tutorial, just what I needed, you made the creations of texture so easy now for me.

Comment by Julian | March 18, 2009 @ 10:05 pm

Hi Im realy impress with ur job thank s it will help me 4 life

Comment by Munaf Patel | March 21, 2009 @ 6:31 am

I just worked on something for our church using some of these principals, but I wish I had discovered this video before, ’cause I think I could have done an even better job!
Awesome video!

Comment by Stew | March 25, 2009 @ 1:41 pm

[...] Background Designs (video) [...]

Pingback by 20+ Photoshop Illustrator and Outstanding Results | Free Tools And Wallpapers | May 27, 2009 @ 9:54 am

[...] How do I… Create effective Background Designs. 02. How do I… Add and Remove Color Casts. 03. How do I… Edit Keyboard Shortcuts. 04. How do [...]

Pingback by 21 Quick Tip Photoshop Video Tutorials – - Design Wannabe | Tutorials, Resources, and Inspirations | September 1, 2009 @ 1:39 pm

Leave us a comment

Featured Partner

From our Partners