SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Zealot MystaMax's Avatar
    Join Date
    Apr 2003
    Location
    Atlanta
    Posts
    158
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    fading BG how do i do it?

    i was looking around the web and came across this background on this site LINK LINK it has a checkered looking background and towards the end the checkered look fades out... I like that and was wondering if anyone knew of a easy way to re-create that? THANX

    max

  2. #2
    gingham dress, army boots... silver trophy redux's Avatar
    Join Date
    Apr 2002
    Location
    Salford / Manchester / UK
    Posts
    4,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    well, if you look at their code, they use a background image for the body... http://www.rojawheels.com/media/bg.gif
    re·dux (adj.): brought back; returned. used postpositively
    [latin : re-, re- + dux, leader; see duke.]
    WaSP Accessibility Task Force Member
    splintered.co.uk | photographia.co.uk | redux.deviantart.com

  3. #3
    SitePoint Zealot MystaMax's Avatar
    Join Date
    Apr 2003
    Location
    Atlanta
    Posts
    158
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    confusion

    Quote Originally Posted by redux
    well, if you look at their code, they use a background image for the body... http://www.rojawheels.com/media/bg.gif
    I know that they use a background image , i'm wondering how they created the image? what would the easiest possible way to creat that image in fireworks or a similar application? i've tried and was unsuccessful. sorry if i confused you

    max

  4. #4
    SitePoint Addict theGuest's Avatar
    Join Date
    Jun 2002
    Location
    Vancouver, BC Canada
    Posts
    372
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    2 grids -- one a 1x1 pixel grid, the other about a 6x6 pixel grid. Each grid pattern on its own layer. And the 1x1 grid is below the larger grid.
    Add a Layer Mask to the top grid layer -- the 1x1. Run a Linear Gradient on the layer mask, and use the "Reflected" Style from the Options Bar.

    And that should do it. [img]images/smilies/smile.gif[/img]
    All clear?

  5. #5
    SitePoint Zealot MystaMax's Avatar
    Join Date
    Apr 2003
    Location
    Atlanta
    Posts
    158
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    wow, thanx for the quick reply! is there a tutorial out there on making this image? not to say what you've said to do is wrong, but i'm not that good w/ fireworks yet. but, I'll try that and let you know how it comes out thanx!



    max

  6. #6
    SitePoint Addict theGuest's Avatar
    Join Date
    Jun 2002
    Location
    Vancouver, BC Canada
    Posts
    372
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sorry MystaMax... i forgot you mentioned you were using Fireworks. The "Reflected" gradient style i mentioned is a Photoshop option.

    Basically though, it's just a double linear gradient. The effect is that of a shaded pipe. Fireworks should also have this type of gradient style though i would think.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •