Вот нас уже почти 29000, а рамки делать и сжимать фото многим все еще удается не всегда. Им в помощь эта коротенькая инструкция...
.
Как всегда – эта инструкция мое личное мнение, ориентированое для средней цифровой камеры/сканера. И не обязательно иметь фотошоп.
.
Шаг 1й:
Оригинальное изображение: изначально либо джипег, либо тифф, либо роу... Файл лучше сохранить как тифф (его поддерживают практически все программы) - и только потом работать над ним, периодически пересохраняя (чтоб не потерять изменения).
.
Шаг 2й: не меняя размера изображения, поправляем контраст, насыщение, кривые и уровни яркости до желаемого эффекта (кому – ближе к реальности, кому – к безумию, в зависимости от цели ;) ). Детали последнего см. тут в педудуших советах по техподготовке.
.
Шаг 3й: когда все поправки введены, сжимаем изображение в приемлимый для монитора размер (например 759х500 пиксел). Сохраняем как ТИФФ. Обводим контуром с плавной границей места, которые требуют детальности (не небо, а горы, волны, ветки), и добавляем в них резкости. Детали последнего см. тут в педудуших советах по техподготовке.
.
Шаг 4й: делаем прямоугольник, на 2 пикселя больший, чем изображение #3 по длине и ширине. Красим его в желаемый цвет.
.
Шаг 5й: делаем то же для более широкой части рамки.
.
Шаг 6й: кладем #4 на #5, и на все это кладем #3. Пересохранем как тифф (если надо будет делать еще какую-то правку). Далее пересохраняем как джипег, сжимая файл до приемлимого для сайта обьема (например 100 КБ), используя или линейку сжатия, или фотмат-фор-веб, или оптимайз-фор-веб функции (в зависимости от редактора).
.
.
.
Пример тут (6 изображений) сжат до 100 кб, так что если бы это было лишь одно изображение, качество должно быть намного лучше.
(6) Сергей Виноградов: да, тогда возможно... если захочется менять. Но у менять просто есть action, который я создал для делания рамки. Захочу поменять - обрежу что было и нажму на action ;-)
(7) Михаил (СПб): а PS -> "Save For Web" хуже?
я думаю, полезно было бы рассказать про процесс уменьшения размера картинки. Очень много лесенок остается на наклонных линиях, иногда портят весь снимок, а ведь можно избежать. Про то, как фактуру при этом сохранить, Ираклий где-то рассказывал уже, но где - не помню, к сожалению.
Егорушка! Еле дождалась следующего выпуска:))))
Вроде знаешь, но посмотришь, прочтешь - все по полочкам
раскладывается из хаоса знаний!
Спасибо огромное! Только не останавливайтесь -
я жду с нетерпением:))))
(2) Denick: почему - поспорьте, - истину родим :)))
.
(3) Eugene Ilchenko: во многих простых программах такой функции нет.
.
(7) Михаил (СПб): спасибо, надо посмотреть ее, если она бесплатная - то очень может быть....
.
(9) Александр Некрасов: ммм, скорее всего так выходит, если не совсем правильно делать (т.е. или если джипег уменьшать, а не тифф, или шарпить до уменьшения, а не после, или слишком сильно шарпить после уменьшения). Примеры: много линий - и никаких лесенок: http://www.photosight.ru/photo.php?photoid=293880&ref=author; http://www.photosight.ru/photo.php?photoid=187395&ref=author; http://www.photosight.ru/photo.php?photoid=163777&ref=author; http://www.photosight.ru/photo.php?photoid=143085&ref=author
(11) Егор Шаров: посмотрел ссылки - на первой, там где беговые дорожки, белые линии очень даже "в лесенку", особенно дальние :) На других всё без лесенок
(13) Егор Шаров: У меня тоже лесенка на дальней линии...я думаю что здесь уже не в мониторе дело а в броузере или в видео карточке. у меня nvidia. тру колор(32 бита) 1158х864, и пользуя я Internet Explorer для просмотра сайта.
(13) Егор Шаров: у меня случай похожий на (14) KiRPiCH: разрешение такое же 1158х864 и ехплорер. Наверное, в разрешении дело. Проверю.
А вообще, мне советы все очень пригодились. Раньше я много картинок портил - шарпил до сжатия, правил в jpeg и оригиналв не сохранял, и пр. и т.п. Вот, исправляюсь потихоньку:) Спасибо!
а чем вам такой метод не нравится (делать рамку в Фотошопе)
1) выставляем цвет фона такой каким хотите иметь рамку (в левой менюшке)
2) Image - > Canvas size
3) добовляем 10 пикселей (например) к тому размеру что там указан
4) OK - получаем раму вокруг фото в 10 пикселей
помойму проще
для недогадлевых так можно делать 3 - 5 -10... цветную рамку :)
Спасибо за мнения и альтернативные способы. Думаю это всем полезно. (20) NAU.: я пишу для редактора в целом, шопа у многих нет, да и я сам изпользую его крайне редко. (23) kostos [*]: это для меня новость, - зачем бы я приводил этот пример если бы у меня была видна лесенка? Я шарплю под свой монитор, но могу по-слабее, хотя нареканий на перешарп в целом мало, потому думаю я где-то около правильного количества шарпа для большинства мониторов сайта...
(25) kostos [*]: для интереса посмотрел только что на мониторе коллеги, и на терминале эл.почты. На первом - как и у меня - все гладко, на втором, если очень хотеть, можно найти пикселизацию последних двух линий.
(27) kostos [*]: :)) а меж тем ходил пить кофе, и посмотрел на нескольких терминалах электронной почты там. И на каждом - были заметные лесенки на 4х дальних линиях. Вот такие чудесенки :)))
(23) kostos [*]: кто не правильно маштабирует-то?
(28) Егор Шаров: я честно говоря не вижу почему лесенка зависит от монитора....если она от чего зависит так от видео карточки или от того как броузер разкомпресирует джпег... у меня на всех компах к которым имею доступ стоит nvidia карточка и на всех видна лесенка...попробую достать матрикс или ati карточки и посмотреть что получится....
(32) El Mariachi: отдельно про лесенки? да я тоже сначала думал, а теперь вот смутился, - как писать, если мне их не видно почти??? К сожалению новый монитор скоро не ожидается... да если и будет - то ЖК скорей всего (у нас на них переходят поголовно).
(11) Егор Шаров: о том и речь, что у кого-то все ок, а у кого-то совсем наоборот. Пара советов не помешала бы. Сжатие, по крайней мере в ФШ - штука забавная, если сжать с 7000 по длинной стороне до 800 за один раз или маленькими шагами - очень разные результаты иногда получаются по части сливания близких деталей и т.д. И лесенок этих в том числе.
(38) можно, я скажу? ЖК мониторы - это очень плохо, у них от вертикального угла сильно меняется освещенность/контраст, сложно оценить снимок, когда готовишь. У старых еще и от горизонтального угла все едет.
(39) из чисто натурфилософский сображений: взять его jpeg и сохранить как tiff или pdf или др. формат без потерь, потом уже с ним работать. Какие, вообще, остаются другие варианты-то, чисто физически? Ну или менять камеру. (Я бы лично сменил, но это уже финансовый вопрос)
(40) Александр Некрасов: я знаю, что плохо, я хотела спросить, можно ли с этим что-то сделать - у меня основной компьютер - ноутбук, тут вообще все понятно, а недавно и на "стационарном" поставили ЖК 19" фирмы BLISS, остальные пораметры не помню, так что теперь не знаю, как быть... 8(((
Про второе - спабибо, я думала, что если jpeg, то уже ничего с ним не сделаешь... А менять - пока не вижу смысла, т.к. все равно 90% времени использую не цифровую, ее же ношу с собой "на всякий случай" - если что-то интересное увижу - она маленькая, а зеркалка моя все же большая...
(39) Элана: надо его сразу пересохранить как тифф, чтобы не трять качетсво при дальнейшем пересохранении правок.
.
(42) El Mariachi: соображения конечно есть, но т.к. я многих лесенок не вижу из-за монитора, давать конкретный совет с примерами не могу. А теоретизировать неохота - много времени занимает, пользы мало, да и на сайте и так этого выше крыши :)))
.
(43) El Mariachi: все правильно, образованные обоснованные мнения как #43 всегда приветствуются. Я вот позавчера видел новый ЖК (марку забыл) - вроде хороший очень (и от угла не зависит и разрешение цветовое - супер). ДУмаю скоро будут совсем хорошие.
.
(41) Элана: ноутбуковским монитор - плоховато. А стационарный - смотря какой, знаю мало про это...
(43) El Mariachi: в общем-то я где-то так и думала, но была надежда, что можно что-то сделать... ;)
Про камеру - с одной стороны она неплохая - 4 мегапикселя, но это единственное ее достоинство - с другой стороны, оптика вообще никакая - диаметр того, что я побоюсь назвать объективом - меньше 6мм точно! Естественно только цифровой зум - причем при максимальном разрешении его вообще нет... так что это, на мой взгляд, хуже, чем мыльница. ;)
Надо будет скачать програмку, которую вы посоветовали...
Спасибо, за такой развернутый ответ!
.
(44) Егор Шаров: спасибо, как уже писала -действетельно не знала, что jpeg можно как-то спасти. ;)
(46) Элана: цифровой зум использовать не надо вообще. Это маркетинговый трюк. Ваш домашний настольный компютер или лаптоп всегда увеличат фото лучше, чем встроенный в камеру маленький компютер.
(51)kostos[*]:без проблем:я не делал шаг три,сразу жал в сав ту веб,это конкретно из этого урока,а из остольных по зёрнышку:-))),а где Вы ещё видели на сайте человека который бы вот так просто расказывал что и как делает,может они и есть,даже наверняка есть,киньте ссылку,я и им спасибо скажу,мне не влом:-)))Знаете Стас ,ни что ни даётся нам так дёшево и не ценится так дорого как вежливость:-)
(52) kostos [*]: чтож Вы так к дорожкам этим, ну не видно их мне - иначе не было бы :))) А размазывете вы зря перед сохранением/засылом, имхо. Я гриб видел - там блюр заметен прилично...
(54)kostos[*]:вообщето наверное даже и не важно какой вариант лучше,главное что результаты получаються хоть и разные,но хорошие,просто эти различия можно использовать.За ссылку спасибо,богатая.
(57) Егор Шаров: нееее - со вторым грибом что-то вообще не так, дольше смотрю - больше вижу, он весь кривой какой-то вы его до сжатия что ли шарпили и зерно фона откуда? непонятно
Кантик вокруг фото можно просто сделать, выделив все фото (контрл+А), затем Edit>Stroke, то бишь Редактирование>Обводка, а там уже выставить любое количество пикселей по вкусу. А широкую рамку, действительно, проще делать через Canvas Size, создаешь новый слой, размещаешь в самом низу под всеми остальными слоями (если Ваш слой - это "фон/background", то кликайте по нему 2 раза и переименовывайте, иначе не разместишь под ним ничего) и заливаешь любым цветом по желанию.
Комментарии пользователей
Вот нас уже почти 29000, а рамки делать и сжимать фото многим все еще удается не всегда. Им в помощь эта коротенькая инструкция...
.
Как всегда – эта инструкция мое личное мнение, ориентированое для средней цифровой камеры/сканера. И не обязательно иметь фотошоп.
.
Шаг 1й:
Оригинальное изображение: изначально либо джипег, либо тифф, либо роу... Файл лучше сохранить как тифф (его поддерживают практически все программы) - и только потом работать над ним, периодически пересохраняя (чтоб не потерять изменения).
.
Шаг 2й: не меняя размера изображения, поправляем контраст, насыщение, кривые и уровни яркости до желаемого эффекта (кому – ближе к реальности, кому – к безумию, в зависимости от цели ;) ). Детали последнего см. тут в педудуших советах по техподготовке.
.
Шаг 3й: когда все поправки введены, сжимаем изображение в приемлимый для монитора размер (например 759х500 пиксел). Сохраняем как ТИФФ. Обводим контуром с плавной границей места, которые требуют детальности (не небо, а горы, волны, ветки), и добавляем в них резкости. Детали последнего см. тут в педудуших советах по техподготовке.
.
Шаг 4й: делаем прямоугольник, на 2 пикселя больший, чем изображение #3 по длине и ширине. Красим его в желаемый цвет.
.
Шаг 5й: делаем то же для более широкой части рамки.
.
Шаг 6й: кладем #4 на #5, и на все это кладем #3. Пересохранем как тифф (если надо будет делать еще какую-то правку). Далее пересохраняем как джипег, сжимая файл до приемлимого для сайта обьема (например 100 КБ), используя или линейку сжатия, или фотмат-фор-веб, или оптимайз-фор-веб функции (в зависимости от редактора).
.
.
.
Пример тут (6 изображений) сжат до 100 кб, так что если бы это было лишь одно изображение, качество должно быть намного лучше.
ne budu sporit s profom
Шаги 4 и 5 - это создаешь новые уровни? А просто canvas size с выбранным background color не проще?
spasibo ;)
(3) Eugene Ilchenko: так или иначе, в PS (не GIMP) надо будет изменять размер новых слоев с помощью canvas size ;-)
(3) Eugene Ilchenko: Проще, если потом не захотите подгонять (менять) цвет или размер рамок, что иногда требуется для уточнения композиции.
(6) Сергей Виноградов: да, тогда возможно... если захочется менять. Но у менять просто есть action, который я создал для делания рамки. Захочу поменять - обрежу что было и нажму на action ;-)
(7) Михаил (СПб): а PS -> "Save For Web" хуже?
я думаю, полезно было бы рассказать про процесс уменьшения размера картинки. Очень много лесенок остается на наклонных линиях, иногда портят весь снимок, а ведь можно избежать. Про то, как фактуру при этом сохранить, Ираклий где-то рассказывал уже, но где - не помню, к сожалению.
Егорушка! Еле дождалась следующего выпуска:))))
Вроде знаешь, но посмотришь, прочтешь - все по полочкам
раскладывается из хаоса знаний!
Спасибо огромное! Только не останавливайтесь -
я жду с нетерпением:))))
(2) Denick: почему - поспорьте, - истину родим :)))
.
(3) Eugene Ilchenko: во многих простых программах такой функции нет.
.
(7) Михаил (СПб): спасибо, надо посмотреть ее, если она бесплатная - то очень может быть....
.
(9) Александр Некрасов: ммм, скорее всего так выходит, если не совсем правильно делать (т.е. или если джипег уменьшать, а не тифф, или шарпить до уменьшения, а не после, или слишком сильно шарпить после уменьшения). Примеры: много линий - и никаких лесенок: http://www.photosight.ru/photo.php?photoid=293880&ref=author; http://www.photosight.ru/photo.php?photoid=187395&ref=author; http://www.photosight.ru/photo.php?photoid=163777&ref=author; http://www.photosight.ru/photo.php?photoid=143085&ref=author
(11) Егор Шаров: посмотрел ссылки - на первой, там где беговые дорожки, белые линии очень даже "в лесенку", особенно дальние :) На других всё без лесенок
(12) Евгений Поликарпов: ??? ой, а разрешением монитора то какое? у меня и в помине нет (32 бит 1024х768) тру колор.
(13) Егор Шаров: У меня тоже лесенка на дальней линии...я думаю что здесь уже не в мониторе дело а в броузере или в видео карточке. у меня nvidia. тру колор(32 бита) 1158х864, и пользуя я Internet Explorer для просмотра сайта.
(13) Егор Шаров: у меня случай похожий на (14) KiRPiCH: разрешение такое же 1158х864 и ехплорер. Наверное, в разрешении дело. Проверю.
А вообще, мне советы все очень пригодились. Раньше я много картинок портил - шарпил до сжатия, правил в jpeg и оригиналв не сохранял, и пр. и т.п. Вот, исправляюсь потихоньку:) Спасибо!
крутая карточка, про кантик очень понравилось.
а чем вам такой метод не нравится (делать рамку в Фотошопе)
1) выставляем цвет фона такой каким хотите иметь рамку (в левой менюшке)
2) Image - > Canvas size
3) добовляем 10 пикселей (например) к тому размеру что там указан
4) OK - получаем раму вокруг фото в 10 пикселей
помойму проще
для недогадлевых так можно делать 3 - 5 -10... цветную рамку :)
Спасибо !!!
(20) NAU.: Тоже вариант
Спасибо за мнения и альтернативные способы. Думаю это всем полезно. (20) NAU.: я пишу для редактора в целом, шопа у многих нет, да и я сам изпользую его крайне редко. (23) kostos [*]: это для меня новость, - зачем бы я приводил этот пример если бы у меня была видна лесенка? Я шарплю под свой монитор, но могу по-слабее, хотя нареканий на перешарп в целом мало, потому думаю я где-то около правильного количества шарпа для большинства мониторов сайта...
(25) kostos [*]: для интереса посмотрел только что на мониторе коллеги, и на терминале эл.почты. На первом - как и у меня - все гладко, на втором, если очень хотеть, можно найти пикселизацию последних двух линий.
(27) kostos [*]: :)) а меж тем ходил пить кофе, и посмотрел на нескольких терминалах электронной почты там. И на каждом - были заметные лесенки на 4х дальних линиях. Вот такие чудесенки :)))
(23) kostos [*]: кто не правильно маштабирует-то?
(28) Егор Шаров: я честно говоря не вижу почему лесенка зависит от монитора....если она от чего зависит так от видео карточки или от того как броузер разкомпресирует джпег... у меня на всех компах к которым имею доступ стоит nvidia карточка и на всех видна лесенка...попробую достать матрикс или ati карточки и посмотреть что получится....
а зашибись....просто ели мыли есть, нуна далиться :) Егор, спасибо! :) может и не воспользуюсь, но чему-то образумлюсь :) чайник Asahi :)
(32) El Mariachi: отдельно про лесенки? да я тоже сначала думал, а теперь вот смутился, - как писать, если мне их не видно почти??? К сожалению новый монитор скоро не ожидается... да если и будет - то ЖК скорей всего (у нас на них переходят поголовно).
(11) Егор Шаров: о том и речь, что у кого-то все ок, а у кого-то совсем наоборот. Пара советов не помешала бы. Сжатие, по крайней мере в ФШ - штука забавная, если сжать с 7000 по длинной стороне до 800 за один раз или маленькими шагами - очень разные результаты иногда получаются по части сливания близких деталей и т.д. И лесенок этих в том числе.
(32) El Mariachi: а что про ЖК мониторы скажите? ;)))
(1) Егор Шаров: а что делать, если цифровик сразу в jpeg сохраняет?
(38) можно, я скажу? ЖК мониторы - это очень плохо, у них от вертикального угла сильно меняется освещенность/контраст, сложно оценить снимок, когда готовишь. У старых еще и от горизонтального угла все едет.
(39) из чисто натурфилософский сображений: взять его jpeg и сохранить как tiff или pdf или др. формат без потерь, потом уже с ним работать. Какие, вообще, остаются другие варианты-то, чисто физически? Ну или менять камеру. (Я бы лично сменил, но это уже финансовый вопрос)
(40) Александр Некрасов: я знаю, что плохо, я хотела спросить, можно ли с этим что-то сделать - у меня основной компьютер - ноутбук, тут вообще все понятно, а недавно и на "стационарном" поставили ЖК 19" фирмы BLISS, остальные пораметры не помню, так что теперь не знаю, как быть... 8(((
Про второе - спабибо, я думала, что если jpeg, то уже ничего с ним не сделаешь... А менять - пока не вижу смысла, т.к. все равно 90% времени использую не цифровую, ее же ношу с собой "на всякий случай" - если что-то интересное увижу - она маленькая, а зеркалка моя все же большая...
(39) Элана: надо его сразу пересохранить как тифф, чтобы не трять качетсво при дальнейшем пересохранении правок.
.
(42) El Mariachi: соображения конечно есть, но т.к. я многих лесенок не вижу из-за монитора, давать конкретный совет с примерами не могу. А теоретизировать неохота - много времени занимает, пользы мало, да и на сайте и так этого выше крыши :)))
.
(43) El Mariachi: все правильно, образованные обоснованные мнения как #43 всегда приветствуются. Я вот позавчера видел новый ЖК (марку забыл) - вроде хороший очень (и от угла не зависит и разрешение цветовое - супер). ДУмаю скоро будут совсем хорошие.
.
(41) Элана: ноутбуковским монитор - плоховато. А стационарный - смотря какой, знаю мало про это...
Спасибо, Егор!
Очень удачно все "по полочкам" разложил. :-)
Хотя я делаю, как (20) NAU.: -)
(43) El Mariachi: в общем-то я где-то так и думала, но была надежда, что можно что-то сделать... ;)
Про камеру - с одной стороны она неплохая - 4 мегапикселя, но это единственное ее достоинство - с другой стороны, оптика вообще никакая - диаметр того, что я побоюсь назвать объективом - меньше 6мм точно! Естественно только цифровой зум - причем при максимальном разрешении его вообще нет... так что это, на мой взгляд, хуже, чем мыльница. ;)
Надо будет скачать програмку, которую вы посоветовали...
Спасибо, за такой развернутый ответ!
.
(44) Егор Шаров: спасибо, как уже писала -действетельно не знала, что jpeg можно как-то спасти. ;)
(46) Элана: цифровой зум использовать не надо вообще. Это маркетинговый трюк. Ваш домашний настольный компютер или лаптоп всегда увеличат фото лучше, чем встроенный в камеру маленький компютер.
(47) Егор Шаров: Спасибо! Привда я его и не использую - при максимальном разрешении его вообще нет... ;)
Спасибо большое Егор за ваши "уроки".
(51)kostos[*]:без проблем:я не делал шаг три,сразу жал в сав ту веб,это конкретно из этого урока,а из остольных по зёрнышку:-))),а где Вы ещё видели на сайте человека который бы вот так просто расказывал что и как делает,может они и есть,даже наверняка есть,киньте ссылку,я и им спасибо скажу,мне не влом:-)))Знаете Стас ,ни что ни даётся нам так дёшево и не ценится так дорого как вежливость:-)
(52) kostos [*]: чтож Вы так к дорожкам этим, ну не видно их мне - иначе не было бы :))) А размазывете вы зря перед сохранением/засылом, имхо. Я гриб видел - там блюр заметен прилично...
(54)kostos[*]:вообщето наверное даже и не важно какой вариант лучше,главное что результаты получаються хоть и разные,но хорошие,просто эти различия можно использовать.За ссылку спасибо,богатая.
(54) kostos [*]: это не совсем по моей :))) фон тож аншарплен... да и вообще я в ГИМПе это делаю, там чуток другой результат...
(57) Егор Шаров: нееее - со вторым грибом что-то вообще не так, дольше смотрю - больше вижу, он весь кривой какой-то вы его до сжатия что ли шарпили и зерно фона откуда? непонятно
http://exper.ural.ru/flj/frameset.atn
набор actions для PS7. сделал, просто, чтоб пальцы об клавиши не смозолить, когда карточки для сайта готовить :)
(60) Андрей (mine) Головин: может вы что-то не так написали, но он ничего не открывает... 8(((
(61) Элана: прошу прощения, подлый фотошоп подсунул первую букву из верхнего регистра :( сейчас все работает :)
(62) Андрей (mine) Головин: Еще одну вешщь забыла спросить, а он на 6м будет работать? ;)
(63) Элана: думаю, что стоит скачать и попробовать. там 7 килобайт, чтоли... у меня нет возможности проверить
Спасибо.
Рамки я так и делала, а вот шаг3 для меня новость. И обсуждения полезные. :-)
наглядно. обсуждения и поиск истины неописуемы. очень полезным делом Вы заняты - помощи начинающим.
большое спасибо.
удачи.
Кантик вокруг фото можно просто сделать, выделив все фото (контрл+А), затем Edit>Stroke, то бишь Редактирование>Обводка, а там уже выставить любое количество пикселей по вкусу. А широкую рамку, действительно, проще делать через Canvas Size, создаешь новый слой, размещаешь в самом низу под всеми остальными слоями (если Ваш слой - это "фон/background", то кликайте по нему 2 раза и переименовывайте, иначе не разместишь под ним ничего) и заливаешь любым цветом по желанию.
Egor,spasibo! Same4atelnaja ideja!
Интереснейшая дискуссия. Спасибо, Егор.
Михаил (СПб): Ключ который вы дали для Image Optimizer
НЕ ПОДХОДИТ!
Очень хорошая программа. И ключ никакой не нужен.Всем огромное спасибо за полезные советы:)
(45) Андрей Абрамов:-золотые слова:)