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

[-ЗЛОЙ-]

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

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

 

[usmfed]

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

 

[usmfed]

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

 

[-ЗЛОЙ-]

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

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

 

[GlaZZZ]

Пропишите для среднеё картинки класс 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 - это страничка на "левом" ресурсе, где теги и их расширения ограничены... надо как-то попроще...

 

[Матроскин]

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

 

[GlaZZZ]

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

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

 

[-ЗЛОЙ-]

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

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

То, что я вам предложил должно работать везде!!!

если там и есть поддержка css, то только внутри тела. Там все сделано "для людей": "левые" теги убираются автоматом и все пробелы и переносы убираются... короче мозги плавятся... надо попроще...

 

[-ЗЛОЙ-]

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

 

[George Smith]

Зачемятельная работа, надо будет взять на вооружение, спасибо за идею ...

 

[Gampos]

Попробуйте мягкой кистью, с 50 нажимом, то есть наложите в нахлест и подотрите края.

 

[goodyear225]

а выделением не проще?

 

[Ваня]

а выделением не проще?

А посмотреть на дату последнего сообщения не проще?

 

[Alf.exe]

Проще будет Разделить на 2 полосы изображение и заполнить крайним цветом пустой промежуток, если уж совсем однотонная середина нужна, можно немножко плавный градиент пипеткой найти и провести

 

[macarych]

Alf.exe, да и все остальные новички, будьте внимательны и смотрите на даты последнего сообщения темы, в которой захочется блеснуть. Может так случится что тема давно исчерпала себя и умерла а ваше сообщение будет выглядеть странно.

Я наступал на эти грабли пару раз) оттого счёл возможным написать об этом.