How can I achieve this effect?

Discussion in 'Graphic Design' started by coolcolin09, Nov 2, 2008.

to remove all ads.
  1. coolcolin09

    coolcolin09 New Member

    Messages:
    3
    I am wondering if anyone can direct me to tutorials or five me tips on creating such background effects like this in Photoshop or Fireworks?

    http://www.addnoise.nl/

    Thanks!
     
  2. conor

    conor New Member

    Messages:
    348
    if you right click on the image and select view background image then you will see that it is just an image being repeated using CSS.

    .class{
    background:url(whatever.jpg) repeat;
    }

    That should work for you, let me know if you have any problems.
     
  3. coolcolin09

    coolcolin09 New Member

    Messages:
    3
    Oh, I'm sorry! I meant the background graphic itself. I apologize for the misunderstanding!
     
  4. zkiller

    zkiller Super Moderator Staff Member

    Messages:
    1,639
    Moved to Graphic Design forum.
     
  5. coolcolin09

    coolcolin09 New Member

    Messages:
    3
    Thanks for moving it, I had just noticed after I posted. Anyone have any suggestions?
     
  6. wetgravy

    wetgravy New Member

    Messages:
    176
    i'm assuming you mean the following graphic ...

    [​IMG]

    as you notice, the graphic is just a simple repeating background. to replicate something similar you need to learn layers and have an understanding on the use of masks, and layer properties.

    Most of this is alternating slightly blurred white boxes that are set with their opacity to around 35 and at the very top is another white box spanning the length with the same properties. other than that ... it's all simple photoshop of gradients and blurs. your best bet is to experiment and browse photoshop tutorial sites.
     
  7. adamblan

    adamblan New Member

    Messages:
    234
    To add to Gravy's post:

    Once you've got your graphic looking good, go to Filters -> Other -> Offset

    By adjusting the x-axis offset, the graphic will be able to be tiled...
     
  8. axzm

    axzm New Member

    Messages:
    4
    PSD Tuts is always a good place to start. You might check out a guy named James White's work as well.
     
  9. LisaRole

    LisaRole New Member

    Messages:
    24
    I know someone who can do this, need help?
     
  10. PixelPusher

    PixelPusher Super Moderator Staff Member

    Messages:
    1,077
    +10!

    Cant go wrong with PsdTuts (now Psdtuts+)

    FYI you will be using 10-20 layers, the Gaussian Blur filter, gradient tool, brush tool, and layer masks.
     
  11. wachtn

    wachtn New Member

    Messages:
    107

Share This Page