Технический форум
Вернуться   Технический форум > Компьютерный форум > Софт и программы > Графика & дизайн


Ответ
 
Опции темы Опции просмотра
Старый 23.11.2012, 17:00   #1 (permalink)
-ЗЛОЙ-
Banned
 
Регистрация: 04.10.2010
Сообщений: 3,765
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 2154
По умолчанию Нужна помощь по фотошопу

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

Последний раз редактировалось -ЗЛОЙ-; 23.11.2012 в 17:06
-ЗЛОЙ- вне форума   Ответить с цитированием

Старый 23.11.2012, 17:00
Helpmaster
Member
 
Аватар для Helpmaster
 
Регистрация: 08.03.2016
Сообщений: 0

Содержание вашей темы довольно часто встречалось и ранее

нужна помощь
Нужна помощь
Нужна помощь

Старый 23.11.2012, 20:08   #2 (permalink)
usmfed
Member
 
Регистрация: 26.01.2012
Сообщений: 1,292
Сказал(а) спасибо: 0
Поблагодарили 7 раз(а) в 2 сообщениях
Репутация: 6690
По умолчанию

Честно говоря не понял что Вам нужно, но...
Я "режу" картинки из оригинала с помощью инструмента "раскройка".
В случае если страница сайта написана правильно и нет разделов(бордюров, пробелов, лишних секторов или колонок, ячеек)между секторами, то картинка, внедряемая в страницу, ни чем не отличается от оригинала.
А те места которые Вы делаете "резиновыми", не влияют на градиент.(правда если Вы "нарежете" куски изображения правильно).
usmfed вне форума   Ответить с цитированием
Старый 23.11.2012, 20:20   #3 (permalink)
usmfed
Member
 
Регистрация: 26.01.2012
Сообщений: 1,292
Сказал(а) спасибо: 0
Поблагодарили 7 раз(а) в 2 сообщениях
Репутация: 6690
По умолчанию

И если я правильно понял, то Вам нужно это.
Если нет то поясните поподробнее.
Миниатюры
twbg4-700_01.gif   twbg4-700_02.gif   twbg4-700_03.gif  
usmfed вне форума   Ответить с цитированием
Старый 23.11.2012, 21:58   #4 (permalink)
-ЗЛОЙ-
Banned
 
Регистрация: 04.10.2010
Сообщений: 3,765
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 2154
По умолчанию

Цитата:
Сообщение от usmfed Посмотреть сообщение
И если я правильно понял, то Вам нужно это
вот именно эти три куска я вставляю в страницу средний - резиновый и когда я масштабирую страницу, то получаются вертикальные полоски (см вторую картинку)
Поэтому перед кройкой надо свести переход в один цвет, который будет на среднем рисунке. В связи с этим, ширина его может составлять всего 1 пиксель.
ЗЫ
битность настроек монитора не влияет...
-ЗЛОЙ- вне форума   Ответить с цитированием
Старый 23.11.2012, 22:10   #5 (permalink)
GlaZZZ
Любитель
 
Аватар для GlaZZZ
 
Регистрация: 19.01.2011
Сообщений: 4,792
Записей в дневнике: 6
Сказал(а) спасибо: 105
Поблагодарили 28 раз(а) в 10 сообщениях
Репутация: 13067
По умолчанию

Пропишите для среднеё картинки класс 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 */
}
GlaZZZ вне форума   Ответить с цитированием
Ads

Яндекс

Member
 
Регистрация: 31.10.2006
Сообщений: 40200
Записей в дневнике: 0
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 55070
Старый 23.11.2012, 22:34   #6 (permalink)
-ЗЛОЙ-
Banned
 
Регистрация: 04.10.2010
Сообщений: 3,765
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 2154
По умолчанию

во первых с HTML не оч дружу, а с CSS и подавно...
во вторых это не чистой воды страница на html - это страничка на "левом" ресурсе, где теги и их расширения ограничены... надо как-то попроще...
-ЗЛОЙ- вне форума   Ответить с цитированием
Старый 23.11.2012, 23:56   #7 (permalink)
Матроскин
4846АМ
 
Аватар для Матроскин
 
Регистрация: 07.05.2010
Сообщений: 1,941
Записей в дневнике: 22
Сказал(а) спасибо: 3
Поблагодарили 4 раз(а) в 3 сообщениях
Репутация: 7564
По умолчанию

сделать среднюю картинку много длиннее и тогда при смене масштаба она не будет дублироваться.
примерно как на картинке
Миниатюры
aac-eiaie-2.jpg  
__________________
Человек будет свободен до тех пор, пока дважды два равно четырем
Матроскин вне форума   Ответить с цитированием
Старый 24.11.2012, 01:57   #8 (permalink)
GlaZZZ
Любитель
 
Аватар для GlaZZZ
 
Регистрация: 19.01.2011
Сообщений: 4,792
Записей в дневнике: 6
Сказал(а) спасибо: 105
Поблагодарили 28 раз(а) в 10 сообщениях
Репутация: 13067
По умолчанию

Цитата:
Сообщение от -ЗЛОЙ- Посмотреть сообщение
во первых с HTML не оч дружу, а с CSS и подавно...
во вторых это не чистой воды страница на html - это страничка на "левом" ресурсе, где теги и их расширения ограничены... надо как-то попроще...
То, что я вам предложил должно работать везде!!!
CSS это теги для браузера, а html там только изображение
GlaZZZ вне форума   Ответить с цитированием
Старый 28.11.2012, 16:10   #9 (permalink)
-ЗЛОЙ-
Banned
 
Регистрация: 04.10.2010
Сообщений: 3,765
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 2154
По умолчанию

Цитата:
Сообщение от Матроскин Посмотреть сообщение
тогда при смене масштаба она не будет дублироваться
мне нужно, чтобы она растягивалась и при этом качество не менялось... тут мысль в голову пришла! среднюю картинку вообще уберу, а оставлю только зеленый (однотонный) фон, а боковые картинки с помощью -градиента- в фотошопе "сведу" на этот цвет. В теории все просто - осталось научиться на практике
Цитата:
Сообщение от GlaZZZ Посмотреть сообщение
То, что я вам предложил должно работать везде!!!
если там и есть поддержка css, то только внутри тела. Там все сделано "для людей": "левые" теги убираются автоматом и все пробелы и переносы убираются... короче мозги плавятся... надо попроще...
-ЗЛОЙ- вне форума   Ответить с цитированием
Старый 04.12.2012, 19:01   #10 (permalink)
-ЗЛОЙ-
Banned
 
Регистрация: 04.10.2010
Сообщений: 3,765
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 2154
По умолчанию

разобрался кажись... с помощью градиента в фотошопе сделал плавный переход:
ниже две картинки и фон по центру
Миниатюры
sfdg.jpg  
-ЗЛОЙ- вне форума   Ответить с цитированием
Ads

Яндекс

Member
 
Регистрация: 31.10.2006
Сообщений: 40200
Записей в дневнике: 0
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 55070
Ответ

Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Выкл.
HTML код Выкл.
Trackbacks are Вкл.
Pingbacks are Вкл.
Refbacks are Выкл.




Часовой пояс GMT +4, время: 11:15.

Powered by vBulletin® Version 6.2.5.
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.