www.webdeveloper.com
Results 1 to 3 of 3

Thread: stretch gradient background

Hybrid View

  1. #1
    Join Date
    Jan 2012
    Posts
    5

    stretch gradient background

    What's a good way to get a gradient background to stretch vertically to 2200 px without streaking? The only way I've been able to it so far is create a gradient in Word for a page fill then do a screen clipping in another Word doc, save it as a png or jpeg then stretch it out to 2200 px in MS Paint, save, use that as my background using MS Expression Web which does the coding for me. That worked fine except for the streaking that happens when I have to stretch the image that far. I'm sure Photoshop could do it better but I'm on a budget. There must be some free online resources for creating high quality images that can be stretched.

  2. #2
    Join Date
    Mar 2007
    Location
    USA
    Posts
    449
    You should only scale bitmap images down- never up. Scaling pixels up forces the program to guess which pixels are valid data. I blame TV shows like CSI for their investigation shots at the police station. You can almost hear it now, officers crowded around a monitor with a pixelated photo from a robbery the night before. "Enhance!" they command and the image zooms in fluidly despite the fact that there wasn't any more pixel data to be shown.

    Your best bet is to recreate the gradient entirely at the correct size from the start using a free program such as GIMP.
    infinityspiral.com

  3. #3
    Join Date
    Feb 2008
    Location
    NW Washington State
    Posts
    1,856
    infinityspiral!!! you have shattered my dreams of ever being able to restore to perfection that terrible blurry, distorted, vid capture shot at 320x240 to 1080p res!! Oh well, I always suspected that it was just too good to be true..... booo hooo.
    Eye for Video
    www.cidigitalmedia.com

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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



Recent Articles