Сообщений в теме: 19

[Torkut]

Под обработкой фотографии для размещения в Интернете, а в нашем случае конкретно на форуме, подразумевается обрезка и уменьшение.

Фотография на компьютере, это файл, а каждый файл имеет свой размер (в разговорном языке - «вес»), и занимает определённое пространство на диске. Размер файла зависит от размера картинки, так фотография размером 2816 х 2112 пикселей имеет размер файла 1,24 МБ (1 302 052 байт), а фотография размером 640 х 480 пикселей 149 КБ (153 215 байт), соответственно, первая картинка будет и дольше загружаться при скачивании её с Интернета. Таким образом, уменьшая размер картинки, мы уменьшаем её «вес», ускоряя загрузку страницы форума. Не говоря уже о том, что большие картинки иногда искажают страницу форума.

Для чего нужна обрезка фотографий? Каждый пиксель фотографии кодируется определённым количеством битов информации, то есть, на фотографии имеет «вес» не только голубь, но и окружающее его пространство. Загружая необрезанную фотографию, мы бездарно тратим лимит, отпущенный нам на фотографию. При адаптации фотографии под размер, допустимый на форуме, голубь на необрезанной фотографии будет занимать меньше места и нам будет сложнее его разглядеть, он просто будет мельче. Можно сравнить одну и ту же фотографию, уменьшенную до размеров 640 х 480, только вторая предварительно обрезана, убран ненужный фон.



Особенно забавно бывает, когда на какой-нибудь фотосервис, имеющий автоматическое уменьшение фотографий, типа Радикала, загружается необработанная фотография и предлагается рассмотреть голову представленного голубя. Попробуйте рассмотреть форму головы у голубя на первом фото, и вы поймёте, о чём я говорю.

Безусловно, если вы хотите продемонстрировать голову голубя, лучше изначально снимать его крупным планом, чтобы на фото его голова занимала максимум пространства, тогда результат будет значительно лучше даже после обрезки и уменьшения.
Сравните две фотографии, первая, это обработка выше представленной фотографии, а вторая, другое фото, специально снятое с максимальным приближением.

[Torkut]

При съёмке необходимо помнить о композиции кадра, но зачастую приходится использовать снятые ранее фотографии, которые снимались без конкретной цели, и содержат ненужные нам объекты, например, других голубей. В этом случае так же приходиться воспользоваться обрезкой.
На представленных ниже примерах одна и та же фотография, на которой я хочу показать сизую венгерку. Обрезка фото позволяет убрать лишние элементы и показать нужный объект в максимальном размере и качестве.



Обрезая фотографию надо помнить, что вокруг снимаемого объекта должно оставаться свободное пространство, «воздух», только так восприятие будет лучшим. Однако, если это не художественная фотография, а «техническая», призванная показать форму и строение объекта, «воздуха» можно оставлять меньше.
Обрезая фото голубя, можно под ногами и позади хвоста оставить минимум свободного пространства, чуть больше оставив над головой и перед голубем. Исключение составляют, пожалуй, лишь павлины, у которых массивный хвост является главным элементом, вокруг него надо оставлять чуть больше свободного пространства.

Существует много программ, позволяющих обрабатывать фотографии. Самой простой и доступной является Paint. Программа эта изначально встроена в Windows XP, поэтому нет необходимости её устанавливать отдельно. С Window 7 я не работал, поэтому не знаю, в каком виде в нём существует Paint.

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

Чтобы открыть фотографию в программе обработки изображений, в открытой папке кликните по этой фотографии правой кнопкой мыши, и в открывшемся меню выберите пункт «Открыть с помощью», просто наведя на него курсор мыши (кликать не надо), в открывшемся подменю выберите нужную вам программу и кликните на неё.




Так же можно сделать при просмотре фотографий в «Программе просмотра изображений и факсов».



Можно поступит иначе: открыть Пайнт («Пуск» => «Все программы» => «Стандартные» => «Paint»). В открывшейся программе выбрать вкладку «Файл» => «Открыть» и найти нужную фотографию, либо же ещё проще, перетащив в открытую программу фотографию прямо из папки.

[Torkut]

Не знаю, стоит ли дальше вставлять картинки? Может лучше оставить просто адресами?

Пайнт достаточно примитивная программа, в ней невозможно задавать необходимые параметры обработки, и приходится всё делать «на глазок», к тому же открывает он фото в истинном размере, и мы видим только верхний левый угол фотографии. Поэтому приходится начинать с уменьшения картинки. Для этого в закладке «Рисунок», в верхней панели Пайнта, выбираем пункт «Растянуть/Наклонить» (того же можно добиться используя «горячие клавиши» - удерживая на клавиатуре кнопку «Ctrl», нажимаем кнопку «W»)

http://img.photobuck.../paint-size.jpg

В открывшемся окошке меняем значения 100% на то, до скольки процентов мы хотим уменьшить нашу фотографию. Так как у меня в фотоаппарате выставлено большое разрешение, то мне приходится уменьшать фотографии до 30%.

http://img.photobuck...paint-size1.jpg

Теперь мы видим почти всю фотографию и можем судить, какого размера будет фото голубя. Если нас не устраивает полученный результат, то есть голубь всё ещё слишком большой, либо же наоборот, мы промахнулись, и он стал меньше, чем нам надо, мы отменяем изменение размера: «Правка» => «Отменить» либо клавиши «Ctrl» + «Z», и повторяем изменение размера, меняя проценты в нужную сторону.

Теперь приступаем к обрезке фотографии. Заходим «Правка» => «Выделить всё» либо нажимаем клавиши «Ctrl» + «А». По периметру фотографии появляется пунктир, а курсор мыши превращается в крест из стрелок. Удерживая фотографию левой кнопкой мыши подвигаем её влево и вверх к границе окна Пайнта. Это будут новые границы нашей фотографии.

http://img.photobuck...paint-trim1.jpg

Справа и внизу остаются пустые белые поля. Нажимаем кнопку «Esc», либо кликаем мышкой на белом поле, чтобы снять выделение с картинки.
Теперь внимательно смотрим в правый нижний угол картинки, там мы видим синюю точку, при наведении на которую курсор превращается в двойную стрелку («тяни-толкай»), удерживая эту точку, подвигаем её к тому месту, где у нас будет правый нижний угол картинки.

http://img.photobuck...paint-trim2.jpg

По середине нижнего и правого краёв имеются такие же точки, позволяющие перемещать соответствующие границы.

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

Если полученный результат нас устраивает, необходимо сохранить произведённые изменения. Для этого в закладке «Файл» выбираем «Сохранить», если хотим заменить исходную фотографию обработанной, или «Сохранить как», если исходный файл нам нужен. В таком случае при сохранении мы меняем название файла.

http://img.photobuck...aint-saveas.jpg

Смотрим полученный результат.

http://img.photobuck...es/P4140465.jpg

[Torkut]

Если у вас установлен Фотошоп (у меня Photoshop 7.0 без русификации), то обрабатывать фотографию удобнее в этой программе.

Открывается фотография в Фотошопе точно так же, как и в Пайнте. Принципиальная разница в том, что мы сразу видим всю фотографию в уменьшенном виде. Поэтому в Фотошопе удобнее начинать с обрезки.
В левой панели инструментов выбираем «Инструмент «Прямоугольная область» в виде пунктирного квадрата, выделяем ту область фотографии, которую нам необходимо оставить.

http://img.photobuck...a-vydelenie.jpg

Теперь кликаем на фотографии правой кнопкой мыши и выбираем пункт «Инверсия выделенной области» (Select Inverse)

http://img.photobuck...ect_inverse.jpg

Теперь во второй закладке Edit (Редактирование) выбираем пункт Cut (Вырезать)

http://img.photobuck...obrezka-cut.jpg

Вокруг фото появляется белое поле. Чтобы убрать его, надо подрезать фотографию. Во вкладке Imsge (Изображение) выбираем Trim (Тримминг)

http://img.photobuck...brezka-Trim.jpg

Выскакивает окошко, уточняющее, подрезка на основе «Верхнего левого окрашенного пиксела», нажимаем OK.

http://img.photobuck...rezka-Trim1.jpg

[Torkut]

Теперь надо уменьшить размер изображения. В закладке Imsge (Изображение) выбираем Image Size (Размер изображения)

http://img.photobuck...tures/Size1.jpg

Выскакивает окошко, в котором видим размер нашей фотографии. В данном случае картинка по ширине имеет 1800 пикселов, по высоте 2292 пиксела.

http://img.photobuck...tures/Size2.jpg

Достаточно изменить один параметр, и второй изменится автоматически. В нашем примере я изменил ширину на 500

http://img.photobuck...tures/Size3.jpg

Нажимаем ОК т получаем уменьшенную картинку

http://img.photobuck...tures/Size4.jpg

Если мы хотим просмотреть её в оригинальном размере, подцепляем правый нижний угол левой кнопкой мышки и растягиваем на всё окно.

http://img.photobuck...tures/Size5.jpg

[Torkut]

справа вверху видим маленькую превьюшку (предизображение или изображение для предпросмотра), а под ним ползунок. Слева от него видим цифры в процентах. Передвигая ползунок вправо, доводим до 100% и видим, что получилось.

http://img.photobuck...tures/Size6.jpg

Если нам не нравится, слишком большая или наоборот слишком маленькая фотография получилась, заходим в «Правка» (Edit) и выбираем «Отмена» (Undo).

http://img.photobuck...tures/Size7.jpg

Если же нас устраивает результат, то выбираем «Файл», а там «Сохранить» (Save), «Сохранить как» (Save As) или «Сохранить для Вэб» (Save For Web).

http://img.photobuck...ures/SaveAs.jpg

В первом случае мы перезаписываем оригинальный файл, заменяя обработанным, во втором сохраняем под новым именем, в третьем помимо этого идёт адаптация для загрузки в Интернет. Подразумевается, что готовая фотография будет весить меньше. В открывшемся окошке изменяем параметры, если необходимо, нажимаем ОК.

http://img.photobuck...res/SaveAs1.jpg

Далее меняем название и указываем, в какую папку сохранять обработанную фотографию.

http://img.photobuck...res/SaveAs2.jpg

Теперь можно посмотреть конечный результат.

http://img.photobuck...es/P4140470.jpg

[Vagrant]

Хотелось бы порекомендовать пользователям ещё одну программку - FastStone Image Viewer. Она проста в пользовании, гораздо "расторопнее" Paintа и гораздо проще фотошопа. Возможности неограниченны - обрезка, уменьшение, конвертация файлов ( имеет значение для уменьшения "веса", снимки экрана и его частей и многое другое.

ЗДЕСЬ ссылка на неё.

Сообщение отредактировал Алексей Богданов: 07 March 2011 - 08:37

[Torkut]

Программ для обработки изображений великое множество, расписывать все какие есть и как ими пользоваться не вижу смысла, не тот формат форума, да и минимальные знания уже выложены, предложены две самых доступных программы, которыми любой пользователь может обработать свои фотографии перед размещением на форум. Однако есть ещё одна программа, о которой хочется упомянуть из-за её удобства и возможности обработки сразу нескольких фотографий за раз. Это Microsoft Office Picture Manager. Входит эта программа в полный пакет программ Майкрософт Офис, поэтому только единицам пользователей она будет доступна, но кто знает, может быть она есть на вашем компе, просто вы о ней не знаете?
При работе с этой программой следует помнить, что она не может сохранять обрабатываемую фотографию отдельно от оригинала даже при переименовании, а обязательно заменяет оригинал обработанной копией. Поэтому, если не хотите потерять оригинал, обязательно скопируйте все фотографии в другую папку.
Так как я предпочитаю загружать на фотохостинг не только сами фотографии, но и их превьюшки, мне приходится делать копии дважды. Сперва я создаю папку под обрабатываемые фотографии и копирую их туда, потом обрабатываю и сохраняю изменения. Тут же создаю вторую папку, куда копирую уже изменённые фотографии и снова запускаю Пикчер Менеджер, уменьшаю фото до превью и меняю название.

Открываются файлы так же как в предыдущих программах, но далее есть некоторое отличие: даже открыв одну фотографию, вы получаете доступ ко всем изображениям в папке.
Если вам необходимо обработать лишь одно фото, открыв его этой программой выбираете "Изменить рисунки" в верхней панели

http://img.photobuck...-Manager-he.jpg

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

http://img.photobuck...-Picture-Ma.jpg

Для обрезки удобно выбрать представление диафильма, потом нажать "Изменить рисунки...". Справа открывается панель с выбором вариантов изменения. Находим "Обрезка".

http://img.photobuck...reManager03.jpg

Далее всё просто. По краям и углам фотографии видим кадрирующие рамки, передвигая их мышкой выбираем новые границы фотографии.

http://img.photobuck...reManager04.jpg

У меня в этот момент программа иногда подглючивает, изображение мерцает, что доставляет некоторое неудобство, но мириться с этим можно. Думаю, это связано с быстродействием компьютера.
Откадрировав фотографию, нажимаем ОК справа от неё и видим готовый результат. Переходим к следующему фото.
Здесь надо добавить, что перед обрезкой должна быть выбрана только одна фотография (при показе всех эскизов оранжевая рамка должна выделять только одно фото), поскольку, если вы выберете все, параметры обрезки первой будут автоматически применены ко всем, что, понимаете, крайне неудобно, ведь на разных фото объекты разного размера и по-разному расположены.

После обрезки приступаем к изменению размеров. Тут удобнее выбрать "представление эскизов", потом в закладке "Правка" выбираем пункт "выделить все" (Обратите внимание, это так же можно сделать с помощью "горячих кнопок" Ctrl+A
Все фотографии оказываются выделенными оранжевыми рамками. Снова выбираем " Изменение рисунков..." (на примере я это сделал через контекстное меню, вызываемое кликом правой кнопкой мыши на любую фотографию)

http://img.photobuck...reManager02.jpg

Справа появляется уже знакомая нам панель, в которой мы выбираем "Изменение размера". В открывшейся панели видим три варианта изменений размера: "стандартные", "произвольные" и "процент от исходных". Для размещения на форуме проще использовать стандартные. Если вы планируете загружать фото на форум без предпросмотра, чтобы фото в полном размере открывалось в сообщении, лучше всего выбрать "Веб - крупный (640 х 480 точек)" или "Веб - мелкий (448 х 336 точек)". Если хотите разместить в сообщении маленькую превью, которая будет ссылкой на большую фотографию, то для большой фотографии надо выбрать "Документ - крупный (1024 х 786 точек)", провести изменение фотографий, сохранить эти изменения, потом скопировать готовые фотографии в новую папку, копии снова открыть Picture Manager, выбрать все фотографии и в изменении размера выбрать "Сообщение - крупный (314 х 235 точек)", либо "Сообщение - мелкий (160 х 160 точек)".
В нижней части следующей картинки вы можете видеть выбор всех вариантов размеров, которые можно выбрать при изменении рисунков на стандартные ширину и высоту.

http://img.photobuck...reManager05.jpg

Обработанным фотографиям удобно изменить название, а уж для превью это требуется делать однозначно, чтобы потом отличать их от полноразмерных фото. Для изменения названия выбираем "представление эскизов", затем "Правка" => "Выделить все" (либо без "Правка" нажимаем Ctrl+A). Все фотографии выделяются оранжевыми рамками. Нажимаем на любую правой кнопкой мыши и выбираем "Переименовать".
Справа появляется панель, в которой в графе "имя файла" вписываем, на какое название хотим поменять названия всех фотографий в папке, либо же что мы хотим добавить к оригинальному имени файла. Соответственно ставим точку в нужной нам ячейке. Можно при полном изменении имени добавить всем файлам последовательные номера.

http://img.photobuck...reManager06.jpg

Я для превьюшек добавлял -small (англ. - маленький), сейчас обхожусь одной буквой "s"

Нажимаем ОК

Тут надо уточнить ещё один момент, имя файла меняется сразу при нажатии кнопки ОК, а вот другие изменения необходимо сохранять дополнительно. Я просто закрываю программу и она перед закрытием спрашивает, сохранить ли изменённые файлы? Выбираю "Сохранить" и программа переписывает оригиналы на обработанные файлы. Это может занять несколько минут, в зависимости от объёмов, то есть от размера исходников и количества фотографий.

[Vagrant]

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

Хотел бы поправить.Обработав изображение и внеся все изменения открыть Файл>Сохранить как и выбрав место и имя сохранить новый файл. При этом, когда будете закрывать Picture Manager прога запросит - Сохранить изменения? Жмём Не сохранять и исходные изображения останутся без изменений.

Сообщение отредактировал Vagrant: 07 March 2011 - 13:52

[Torkut]

Vagrant, это если обрабатываешь только один файл, а если все фотографии в папке, то всё равно приходится каждую сохранять отдельно, скопом "сохранить как" не получится. А в этом случае теряется весь смысл в использовании программы.
К тому же это запутает неопытного пользователя. Мне кажется, удобнее и безопаснее для сохранения оригиналов, работать с копиями в отдельной папке. И не будет нареканий, что из-за наших советов ценные фотки похерились.

[Vagrant]

Torkut , я полностью с тобой согласен! Неосторожное движение руки и.... грёбанные советчики насоветовали ))))))))) У каждого свой опыт пользования и если для одного это прописные истины, для другого недоступные понятия. Молодец, объясняй пользователям прописные истины, это будет только плюс! Помню себя начинающим юзером...

[Myaddib]

...на РАДИКАЛЕ становится все сложнее что-либо сделать...
но в инете существуют и другие
АЛЬТЕРНАТИВНЫЕ ПРЕДЛОЖЕНИЯ:
http://savepic.ru/
http://xmages.net/
http://www.imgdb.ru/
http://www.image123.net/
http://imgfiles.ru/
http://www.imagepost.ru/
http://images.intercon.ru/
http://myphoto.nnov.ru/
http://kartinki.ws/
http://imglink.ru/
http://www.ii4.ru/
http://www.imget.ru/
http://picthost.ru/
... 2.
http://picthost.ru/
http://www.jpeghost.ru/
http://itmages.ru/
http://ipic.su/
http://sendpic.ru/
http://www.10pix.ru/
http://uaimage.com/
http://saveimg.ru/
http://gallerey.mks-tambov.ru/
http://www.pokazal.ru/
http://pics.simhost.org/

[Torkut]

Myaddib, в этой теме речь не о том, где размещать фотографии, а о том, как их обрабатывать перед загрузкой. Вы, видимо, не читали её, а жаль, я как раз хотел дать Вам ссылку на эту тему, чтобы Вы смогли научиться обрезать фотографии. Сравнимте свою фотографию лахора, размещённую в соответствующей теме, и то же фото, но просто обрезанное.
http://f8.ifotki.inf...68282701094.jpg


Размещённый Вами вариант имеет размер 1600 х 1200 пикселов и весит 215 КБ, то же фото, но у которого обрезано всё лишнее пространство, имеет размер 796 х 674 пикселов и 63.4 КБ.

[Daddy777]

касательно фотошопа осмелюсь предложить другой способ обрезки фотографий:


если будут вопросы по фотошопу, готов помочь.

[Torkut]

На самом деле при пользовании этой функцией вместо третьего пункта достаточно дважды щёлкнуть по картинке левой кнопкой мыши. Выбор меню правой кнопкой актуален, если хотите отменить эту функцию.

Таким образом очень удобно задавать формат всем фотографиям, чтобы у них всегда были одинаковые пропорции сторон. Это удобно для размещения в галереях на собственных сайтах. Но для размещения на форуме имеет и недостаток, так как на разных фотографиях необходимо бывает обрезать разные по конфигурации области. Вот пример, три голубя, все три фото обрезаны таким способом, но, пермяк вытянут по вертикали, и при этой обрезке он сам получается меньше, а справа и слева от него остаётся большое количество пустого пространства.
Свифт занимает горизонтальную позицию и излишки пространства имеются сверху и снизу, и лишь полустатная более-менее правильно вписывается во взятую пропорцию.



Daddy777, забыл поблагодарить за создание инструкции. Спасибо. Наверняка кто-то будет именно таким образом обрезать фотографии.
Кстати, многие фотографии из моих пояснялок по Фотошопу обрезаны и кадрированы этой функцией, но я не стал её описывать, хотя она позволяет создавать правильные формы, например ровный квадрат, которого обрезкой на глаз добиться нереально.

Сообщение отредактировал Torkut: 01 June 2011 - 22:10

[RUS]

Наверняка кто-то будет именно таким образом обрезать фотографии.

Здравствуйте, соглашусь с теми кто считает тему полезной.
Костя спасибо.
А я по старинке просто уменьшаю вес фото при конвертировании фотографий в папку загрузки , для инета. У меня стандартная прога для Никон, комплекте с фотоаппаратом шла.

[Daddy777]

вместо третьего пункта достаточно дважды щёлкнуть по картинке левой кнопкой мыши

опытному пользователю да, это быстрее получается. но мои ученики умудрялись первым кликом настолько сдвигать выделение, что приходилось делать всёзаново.

обрезкой на глаз

при желании, можно даже с точнотью до пикселя, нужно лишь окно "info" открыть:

[Алексей Богданов]

Оказывается есть онлайн-редактор для фото на русском, с описанием работы, вполне приемлемый вариант для любителей ЗДЕСЬ

[TAMBU]

это так, для пробы

[TAMBU]

Теперь вопрос: почему в предыдущем моем посте этой темы видно фото (ссылка с гугл+) а здесь и здесь не видно (источник те же сервисы гугл)?