Нужна помощь по фотошопу
 

имеется изображение
необходимо разрезать его на три части для того, чтобы вставить в HTML страницу.
средняя часть должна быть одного цвета, но правая часть левого куска и левая часть правого куска, должны гармонично вписываться в нее.
тоесть надо сделать градиент с переходом в один цвет.
Два крайних куска будут статичными, а средний будет менять размеры пропорционально странице.
Кто может сделать? А еще лучше - научите! Подозреваю, что это должно быть не оч сложно (установлен фотошоп7)
спасибо!
ЗЫ
картинка оригинал и то что получилось, если вставить 3 куска без обработки

Честно говоря не понял что Вам нужно, но...
Я "режу" картинки из оригинала с помощью инструмента "раскройка".
В случае если страница сайта написана правильно и нет разделов(бордюров, пробелов, лишних секторов или колонок, ячеек)между секторами, то картинка, внедряемая в страницу, ни чем не отличается от оригинала.
А те места которые Вы делаете "резиновыми", не влияют на градиент.(правда если Вы "нарежете" куски изображения правильно).

И если я правильно понял, то Вам нужно это.
Если нет то поясните поподробнее.

вот именно эти три куска я вставляю в страницу :) средний - резиновый и когда я масштабирую страницу, то получаются вертикальные полоски (см вторую картинку)
Поэтому перед кройкой надо свести переход в один цвет, который будет на среднем рисунке. В связи с этим, ширина его может составлять всего 1 пиксель.
ЗЫ
битность настроек монитора не влияет...

Пропишите для среднеё картинки класс CSS
например картинка в в фоне вставляется так:
<img src="путь">, а с классом будет так
<img src="путь" class="img(или любое название">
Далее пишем
<style>
.img { -moz-background-size: cover; /* Firefox до 4.0 */
-webkit-background-size: cover; /* Safari и Chrome */
-o-background-size: cover; /* Opera до версии 10.53 */
background-size: cover; /* CSS3 */}

А лучше сделать так: всю картинку(не разрезая) установить вот так:
body {
background: url(Картинка.jpg) center center fixed no-repeat;
-moz-background-size: cover; /* Firefox до 4.0 */
-webkit-background-size: cover; /* Safari и Chrome */
-o-background-size: cover; /* Opera до версии 10.53 */
background-size: cover; /* CSS3 */
}

во первых с HTML не оч дружу, а с CSS и подавно...
во вторых это не чистой воды страница на html - это страничка на "левом" ресурсе, где теги и их расширения ограничены... надо как-то попроще...

сделать среднюю картинку много длиннее и тогда при смене масштаба она не будет дублироваться.
примерно как на картинке

То, что я вам предложил должно работать везде!!!
CSS это теги для браузера, а html там только изображение

мне нужно, чтобы она растягивалась и при этом качество не менялось... тут мысль в голову пришла! среднюю картинку вообще уберу, а оставлю только зеленый (однотонный) фон, а боковые картинки с помощью -градиента- в фотошопе "сведу" на этот цвет. В теории все просто - осталось научиться на практике :)
если там и есть поддержка css, то только внутри тела. Там все сделано "для людей": "левые" теги убираются автоматом и все пробелы и переносы убираются... короче мозги плавятся... надо попроще...

разобрался кажись... с помощью градиента в фотошопе сделал плавный переход:
ниже две картинки и фон по центру