• Home
  • About
  • Advertise
  • contact
Subscribe: Posts | Comments | E-mail
  • 1.RhapsodyAnything & Everything
  • 2.Web DesignStandards rule!
  • 3.Photoshop... Love Buzz
  • 4.The WebNews and Trends
  • 5.Web DevServer Side
  • 6.Hosting...for the web
  • 7.Science... DNA and Stuff

WebScienceMan

Posted on April 15, 2008 - by Khaled

Photoshop Wrap background Tutorial

2.Web Design 3.Photoshop 4.The Web

Another old Photoshop tutorial picked up from the kyscorp archives again. This is just to show you how to create some special background effect with Photoshop. Of course once you see how the background was done you can change it and make some tweaks all along the tutorial modifying any step to obtain what you exactly need. It is an old tutorial that was created for Adobe Photoshop 7 but you can of course use Photoshop CS, CS2 or CS3. More old tutorials will be posted soon…



- So let’s start with something really easy! Make a new document

- Create a 3D effect : Filter > Render > 3D transform choose
the cube tool.

- Set the field of view to 35°, and try to spread your shape to the whole work
surface in that window, use

and

to move and rotate the shape till you find your sought view.

- Apply on it extrude effect: Filter > Stylize > Extrude ( settings:
Type: Pyramids, Size: 10px, Depth: 200 / level based, check mask incomplete
blocks.


- at this point you should have something like this:

- Apply a color overlay as a layer style i used this color:
#092B70 at 40% of opacity.

- Apply autolevels (SHFT+CTRL+L) : Image > Adjustments > Auto Levels

- this is the result:

- Apply radial blur: Filter > Blur > Radial Blur (settings for this :
Amount: 100, Blur Method: Zoom, Quality: Best)

- Apply a gradient overlay (Blend mode: Normal, Opacity: 60%, Style: radial (align
with layer checked), Angle: 90°, Scale: 150%, the colors for the gradient are:
#283651 then #E7E9F4 then #041F43 then E9EBF4 then #0F1D38.

- Apply some lighting effects of your choice, this is my final result

- That’s all folks ;) .


Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • MySpace
  • StumbleUpon
  • Technorati
  • TwitThis
  • Yahoo! Buzz
  • E-mail this story to a friend!
  • NewsVine
  • Design Float
  • DZone
  • Ma.gnolia
  • Ping.fm
  • Tumblr
This entry was posted on Tuesday, April 15th, 2008 at 8:03 pm and is filed under 2.Web Design, 3.Photoshop, 4.The Web. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Related Posts:

  • Easily achieve the trendy LetterPress effect with Photoshop
  • Easily Create “Obama style” graphics with Photoshop
  • Create a cool frog in just 3 steps with Photoshop
  • Rusted Engine Photoshop Tutorial

      • BreedSoftware HostGator
    • Polls

      You are more interested in?

      View Results

      Loading ... Loading ...
    • What I'm Doing...

      • I am 43% addicted to Twitter http://su.pr/1b72Ly from the magical @oatmeal 3 weeks ago
      • RT @naldzgraphics: 30+ Cool Photography Logos http://bit.ly/aUkAO0 2010-08-05
      • RT @the_gman 5 Reasons You Should Avoid Template Web Designs http://dld.bz/q2m9 2010-08-05
      • More updates...
    • Featured News

      • FireFox will be bigger in 2009? by Khaled on April 2, 2009
      • Launching TwittHero by Khaled on March 2, 2009
      • TOP 10 reasons why my Web Design company grossed 5 million dollars of revenue in its first year by Khaled on February 18, 2009
      • 25 WordPress Plugins you need to have a better blog by Khaled on February 12, 2009
      • WebNotes: Annotate, Organize, Share by Khaled on February 8, 2009
    • Archives

      • April 2009
      • March 2009
      • February 2009
      • January 2009
      • December 2008
      • October 2008
      • April 2008
      • March 2008
      • September 2007
      • August 2007
      • March 2007
      • January 2007
      • December 2006
      • November 2006
      • August 2006
      • July 2006
      • June 2006
      • May 2006
      • April 2006
      • March 2006
    • Tag Cloud

      • 2.Web Design 2.Web Design 3.Photoshop Adobe Adobe Photoshop blog bookmark browser Browsers CMS color CSS DNA Facebook FireFox Genetics graphic design Graphics HTML Internet Explorer JavaScript Joomla Mozilla Opera palette Photo Manipulation Photoshop Express Photoshop tut Photoshop tutorial productivity recession recipe Safari Science Sitepoint social tutorial Twitter web web design business web designer Web Development WordPress WordPress plugins WordPress Update
    • Take a look

      • BreedSoftware
      • Kyscorp.com
      • Scriptomania
      • TunisDesign
      • TwittHero
    • Recent Comments

      • CA bikini on 25 WordPress Plugins you need to have a better blog
      • Essex Web Design on Photoshop “Reflection” tutorial
      • Essex Web Design on Create a cool frog in just 3 steps with Photoshop
      • Joint Pain Relief on Page Strength!
      • Vitamin D on How Much Is Your Blog Worth?

    Subscribe: Posts | Comments | E-mail

    Add to Technorati Favorites WebScienceMan © 2006-2009 |Powered by WordPress| KYSCORP.COM 2000-2009| Rainbow Cliff Theme.
    Optimized for FireFox 2+ | Google Chrome 1.0 + |Opera 9+ | Safari 3+ | IE7+ [Web Standards are cool!]