Ваша корзина Личный кабинет

Обработка фотографий картин и их подготовка для публикации в интернет магазине

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

В данном материале мы рассмотрим основные приемы подготовки изображения для его публикации в интернет галерее. Некоторыми из рассмотренных приемов можно воспользоваться для обработки не только изображения картин, но и других предметов, размещаемых на страницах интернет галереи ArtNow.

Одной из самых распространенных и универсальных программ для обработки изображений на сегодняшний день является программа Adobe Photoshop. Данный материал подготовлен на примере версии Adobe Photoshop CS3, но функции, рассмотренные в этой статье, присутствуют и в более ранних версиях программы.

Посмотреть видео урок по теме.

В статье рассмотрены такие методы обработки изображения как:

  • Вращение изображения.
  • Исправление искажений перспективы полученных при репродукционной съемке плоских изображений.
  • Коррекция диапазона яркостей изображения с помощью инструмента “Levels” (уровни).
  • Подготовка файла изображения для публикации в интернет галерее.

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

  1. Открываем изображение. Можно через меню “File”, пункт “Open”, кнопка “Открыть” или сочетанием клавиш (Ctr + O). Проще это сделать двойным щелчком левой кнопки мыши по рабочей области.
  2. Выбираем в отрывшемся окне нужный файл и нажимаем кнопку “Открыть” или клавишу “Enter”.
  3. В этом примере мы имеем, подготовленное для данной статьи искаженное при съемке и перевернутое изображение.
  4. Для поворота открываем меню “Image”, пункт “Rotate canvas” (повернуть холст), повернуть на 90 градусов против часовой стрелки (90 o ccw).
  5. Для удобства немного увеличим отображаемую картинку. Это можно сделать нажатием сочетания клавиш (Ctr и
  6. +) или выбрать инструмент Zoom нажатием клавиши “Z” или нажатием на пиктограмму инструмента на панели инструментов.

  7. В дополнительных опциях инструмента нажимаем кнопку “Fit Screen” (во весь экран).
  8. Получим примерно такой результат.
  9. Далее избавимся от искажений, полученных при съемке одним из возможных способов. Для этого выбираем инструмент “Crop” (подрезать) или кадрирование на панели инструментов.
  10. Для начала зададим размер пропорции изображения, исходя из действительных размеров самой картины, в нашем случае это 20 см по ширине и 35 см по высоте. Это нужно для того чтобы избежать возможных изменений пропорций при исправлении искажений. Вводим эти значения в окошко дополнительных настроек инструмента. Соответственно “Widht” ширина и “Height” высота.
  11. Удерживая нажатой левую кнопку мыши, выделяем область кадрирования от левого верхнего к правому нижнему углу изображения.
  12. После этого на панели дополнительных параметров инструмента ставим галочку в окошке “Perspective”. В результате появиться возможность коррекции перспективы изображения.
  13. Далее устраняем искажения. Для этого подводим курсор к маркеру выделения и удерживая нажатой левую кнопку мыши перетаскиваем его в угол картины. Для удобства и большей чувствительности курсора можно одновременно с нажатой левой клавишей мыши удерживать клавишу “Ctrl”. Корректируем оставшиеся углы и нажимаем “Enter”.
  14. Для подрезания небольших, в несколько пикселей, неровностей по краям изображения работы в меню “Image” (Изображение) выбираем пункт “Canvas size...” (Размер холста). Устанавливаем "пиксели" в качестве единицы измерения ширины и высоты. Задаем новые (чуть меньшие) величины ширины и высоты, а также Расположение (Anchor) таким образом, чтобы "срезать" неровности. Возможно, данную процедуру придется проделать 2-3 раза, зато в итоге изображение будет иметь презентабельный вид.
    Исходное изображение:Результат:
  15. Теперь можно провести коррекцию “Гистограммы” или диапазона яркостей. Сделать это можно с помощью функции коррекции изображения “Levels” (уровни). Для этого в меню “Image” (Изображение), пункт “Adjustments” (корректирование), выбираем “Levels” или с помощью клавиш (Ctrl + L).
  16. Далее действуем поэтапно.
    1. В открывшемся окне из выпадающего меню “Channel” (канал) выбираем “Red” (красный канал), Выбрать красный канал можно сочетанием клавиш (Ctrl +1). Остальные соответственно: зеленый - (Ctrl +2), синий - (Ctrl +3).
    2. Корректируем гистограмму сначала в тенях. Для этого подводим курсор к левому бегунку и нажимаем левую клавишу мыши не отпуская, перемещаем бегунок вправо.
    3. При передвижении бегунка нажмите и удерживайте клавишу “Alt”, при этом на изображении появиться красный фон. Перемещать следует до того момента пока на красном фоне не начнут появляться черные точки. Остановиться нужно на границе момента появления точек.
    4. Аналогичным способом корректируем в светлых тонах. Для этого подводим курсор к правому бегунку и нажимаем левую клавишу мыши не отпуская, перемещаем бегунок влево.
    5. При передвижении бегунка нажмите и удерживайте клавишу “Alt”, при этом на изображении появиться черный фон. Перемещать следует до того момента пока на черном фоне не начнут появляться красные точки. Остановиться нужно на границе момента появления точек.

  17. Проделываем последовательные действия, описанные в пункте (15.) для зеленого и синего каналов и нажимаем “Enter”. Уровни откорректированы.
  18. После этого картинка по цвету ближе к оригиналу и выглядит более сочной. Можно воспользоваться функцией “Auto Levels” в том же меню, что и просто “Levels” или нажатием сочетания клавиш (Shift + Ctrl + L), но данная функция не всегда дает корректный результат.

  19. После этого изображение следует сохранить. Данный файл вполне можно использовать для качественной печати фотографии (Если исходное изображение при этом было достаточного размера, и съемка проходила в корректном режиме). Для этого в меню “File”, выбираем пункт “Save As…” (Сохранить Как…) или нажимаем сочетание клавиш (Shift + Ctrl + S).
  20. В открывшемся окне, при необходимости, выберете место хранения нового файла и введите “Имя файла” или сохраните как копию, поставив галочку напротив пункта “As a Copy” (Как копию). Тем самым вы сохраните оригинальный файл без изменений и в случае неудачных действий можете произвести обработку снова.
  21. Теперь сохраним файл для размещения в интернете. Для этого в меню “File”, выбираем пункт “Save for Web” (Сохранить для ВЭБ) или используем сочетание клавиш (Shift + Alt + Ctrl + S).
  22. В открывшемся окне, в правом верхнем углу из выпадающего списка выбираем формат сохраняемого файла “JPEG”.
  23. После того как все выполнено нажимаем кнопку “Save”. В открывшемся окне выбираем место хранения файла, сохраняемого для Web, и нажимаем “Save” (Сохранить). Задача выполнена.

Видео урок Adobe Photoshop.

Скачать видеоурок в хорошем качестве в формате AVI (12,1 Мб)

4 января 2010 г

Средняя оценка: замечательно (голосов: 28)

Комментарии

гогль.
5 января 2010 13:08:31  :::  гогль.

Спасибо!!
Ди
6 января 2010 11:58:11  :::  Ди

Отличный материал!!!! ЗАМ!
*Natalya*
7 января 2010 03:58:06  :::  *Natalya*

Про использование Альта в уровнях не знала - полезно!
Ну а на подобных сайтах такие пояснения просто необходимы))
onwaves
7 января 2010 22:48:15  :::  onwaves

АЛЕКСЕЙ огромное спасибо за это великое дело,которое вы делаете! Очень многих художников вы избавите от "звеньев в цепи". Вообще знание-это сила! С Новым годом и Рождеством Вас! Спасибо администрации за открытие полезных рубрик.
Paberu
8 января 2010 20:50:06  :::  Paberu

Большое спасибо за совет!
andrey vojnevich
9 января 2010 20:49:29  :::  andrey vojnevich

Большое спасибо за помощь. Вот если бы ещё знать как убирать светлые и тёмные точки от разных выступающих вкраплений в красочный слой. Живопись не всегда идеально гладкая, рельеф как правило присутствует, а он бликует. Спасибо.
IraS
20 января 2010 07:56:34  :::  IraS

Спасибо огромное!
Droklin
24 января 2010 17:06:41  :::  Droklin

Спасибо! Доходчиво.
Максим Красотин
25 января 2010 23:32:45  :::  Максим Красотин

выложите ссылочку где скачать фотошоп за бесплатно=
Alevsha
26 января 2010 09:15:45  :::  Alevsha

Для ::: Максим Красотин 25 января 2010 23:32:45


Максим, пользуйтесь пока бесплатными программами. На днях выйдет новый обзор программы Artweaver. В некоторых случаях может вполне заменить Photoshop. Ломаные программы использовать не законно.
Ключник
26 января 2010 18:08:00  :::  Ключник

Спасибо! Есть где расширить свой кругозор
Максим Красотин
7 февраля 2010 00:18:49  :::  

[комментарий удален]
Евгений Горбель
9 февраля 2010 12:35:53  :::  Евгений Горбель

Обычно я исправлял этот недостаток простым поворотом в Фотошопе, теперь попробую и "перспективу" - спасибо!
А не подскажите, как лучше "бочку" убирать (если работа была снята "в упор", то края получаются округлые, а перефоткать уже нельзя - работа продана)?
0
21 февраля 2010 13:34:47  :::  Имя не указано

НУ ПРОСТО МОЛОДЕЦ ТОТ КТО ВСЁ ЭТО ПРИДУМАЛ !!
andrey vojnevich
26 февраля 2010 21:06:55  :::  andrey vojnevich

Бочку можно исправить с помощью Неро фотоснейп вьювер - Edit - Lens Distort. Правда она платная, но входит в комплект Неро.
Anfissya
26 февраля 2010 22:13:04  :::  Anfissya

Спасибо вам огромное!!!!!!!!!
Oleg Kulagin
2 марта 2010 17:54:58  :::  Oleg Kulagin

Большое спасибо, очень полезный и нужный материал !
Елена Рипа
3 марта 2010 16:26:25  :::  Елена Рипа

Подскажите, пожалуйста- не понимаю, это новое правило?
Принимаются файлы формата JPG. Размер файла не должен превышать 120Кб. Максимальные размеры изображения 750 пикселей по ширине,
650 пикселей по высоте, но не менее 600 пикселей по большей стороне.

У меня картинка с 517 пикс. по большей стороне, но если я сделаю 600, размер будет 132 кб! И что делать? обрезать невозможно. Раньше не было ограничений про минимальный размер...
Reyliss
4 марта 2010 18:53:21  :::  Reyliss

Спасибо большое, не знала про альт в коррекции уровней.. Только мне показалось, что изображение получается излишне резким. Попробовала на разных картинках, цвета да, изменяются почти как на исходной, но тени углубляются в черный. В результате - нужна опять коррекция?
Alevsha
4 марта 2010 22:15:34  :::  Alevsha

Для ::: Reyliss 04 марта 2010 18:53:21

Для начала, если не делали до этого, нужно настроить монитор, хотя бы с использованием Adobe Gamma.
Для того чтобы понять нужна ли дополнительная коррекция надо знать на каком мониторе вы смотрите изображение.
Проблема с передачей теней может возникнуть, если монитор старый.
Лучше всего цветокоррекцию делать на ЭЛТ (электронно-лучевых) мониторах, на ЖК мониторах цветопередача намного хуже. На ЖК мониторе, особенно бытовом, можно не увидеть детали в тенях.
Не видя сами картинки или изображение на Вашем мониторе сложно ответить точно.

Посмотрел Ваши работы на сайте, по-моему, зря переживаете, вполне достойно подготовленные изображения.
виктория вердонк
5 марта 2010 02:26:31  :::  виктория вердонк

действительно доходчиво,только обЪясните , как можно установить эту программу,пожалуйста!!!!
Шагеева Гульсина
5 марта 2010 19:34:40  :::  Шагеева Гульсина

Огромное спасибо,очень доходчиво и очень нужный материал.
Ramil
7 марта 2010 09:57:46  :::  Ramil

Алексей видимо не успел написать, как исправить бочкообразную дисторсию. Решается все в том же фотошопе. Выделяем изображение (Ctr+A),далее Edit(Редактирование) > Trancform(Трансформирование) >Warp (Деформация).
Николай Францевич
10 марта 2010 16:39:39  :::  Николай Францевич

Большое спасибо!
sonya-k
13 марта 2010 05:56:04  :::  sonya-k

очень полезныу советы
афоня
13 марта 2010 11:53:50  :::  афоня

Большое спасибо за советы.Все наглядно и ясно.
Викки
13 марта 2010 16:45:04  :::  Викки

Большое спасибо !!!!! Всё просто и толково изложено !!))
0
18 марта 2010 11:11:18  :::  Имя не указано

Спасибо!!! Вы открыли мне глаза!
Татьяна Керман
20 марта 2010 21:37:19  :::  Татьяна Керман

Спасибо, огромная всем помощь,
Для меня очень полезен совет по улучшению качества цвета, благодарю Вас!!

Бочкообразные края не могу убрать, после инструмента Warp у меня появляется сетка,
с которой я не могу ничего сделать, т.к. она все только деформирует больше....
Приходится просто жертвовать краями картины и срезать их Crop.
Можно подробнее этот момент для "чайников". Спасибо.
Светлана Плотникова
27 марта 2010 18:47:44  :::  Светлана Плотникова

спасибо большое, только здесь небольшая путаница, размер не должен превышать 750 пикселей по ширине, а по высоте 650
Vladimir Zhigulin
25 апреля 2010 11:07:14  :::  Vladimir Zhigulin

Черезвычайно полезный ресурс для художников.
Большое спасибо автору и Администрации сайта.
Талерчик Алеся
30 апреля 2010 02:20:25  :::  Талерчик Алеся

Большое спасибо, обязательно изучу представленный Вами материал. Весьма полезный урок!
Келенджеридзе Лариса
2 мая 2010 03:11:24  :::  Келенджеридзе Лариса

Алексей! Огромное Вам спасибо!!!!! Все очень подробно и доступно.
natalia-guschina
18 июня 2010 22:19:38  :::  natalia-guschina

Большое спасибо! Очень полезная информация!!
stelz
31 июля 2010 22:38:14  :::  stelz

очень пригодилось!
Великая Татьяна
3 августа 2010 16:17:45  :::  Великая Татьяна

Спасибо, м.б. получится ,и у чайника.
Алёна В
11 августа 2010 14:26:34  :::  Алёна В

Спасибо, оперативней и точно верно всё обработаю фото!
Костючелли.Д.
13 августа 2010 14:44:59  :::  Костючелли.Д.

Благодарю за информацию
Vidanta
22 августа 2010 18:03:15  :::  Vidanta

Хороший ликбез )) Спасибо =)
Чуприна Ирина
5 сентября 2010 02:47:50  :::  Чуприна Ирина

Прекрасно,пошагово и доступно!Благодарю Вас.
Овинцовская Светлана
21 сентября 2010 15:13:50  :::  Овинцовская Светлана

Спасибо!
Татьяна Ш.
25 сентября 2010 21:14:08  :::  Татьяна Ш.

Большое спасибо. Очень нужная информация, особенно для начинающих.
Венера
15 октября 2010 20:16:37  :::  Венера

большое спасибо за совет!
Байцаева Людмила
31 октября 2010 17:20:59  :::  Байцаева Людмила

Скачивается без звука. Почему?
viatcheslav
15 ноября 2010 00:02:39  :::  viatcheslav

спасибо автору за учебный материал. который помогает художнику правельно оформить свои работы
yuri_t
29 ноября 2010 19:50:57  :::  yuri_t

Алексей,огромное спасибо.Хорошо,доходчиво,полезно!
Успехов и счастья!!!!
мугэнна
5 декабря 2010 09:36:46  :::  мугэнна

Спасибо.
Тигран.М.
4 января 2011 22:47:47  :::  Тигран.М.

Большое спасибо!!!
bons
4 февраля 2011 16:11:37  :::  bons

Очень помогает. Низкий вам поклон!
irentomsk
13 февраля 2011 08:07:25  :::  irentomsk

Спасибо огромное, очень полезная статья!
Ushatzki Y
19 февраля 2011 19:31:30  :::  Ushatzki Y

Спасибо много нового
Скородумова Мария
18 марта 2011 22:39:25  :::  Скородумова Мария

Огромное спасибо! с фотошопом довольно давно знакома, но многие советы оказались очень полезны!
vov
21 апреля 2011 15:53:58  :::  vov

Нигде не могу найти, какой размер файла теперь разрешон?
Раньше было ограничение : не более 110кб и...
????????????????????????
Кристина Кухаренко
2 мая 2011 16:46:36  :::  Кристина Кухаренко

Большое спасибо! Очень познавательный материал!
Баженова Наталия Александровна

Спасибо большое, очень необходимая информация! Сфотографировать без искажений очень трудно. Буду учиться редактировать.
Анатолий Чеботарь
3 июля 2011 03:49:02  :::  Анатолий Чеботарь

Полезная статья!
Доброва Анна
17 сентября 2011 13:59:13  :::  Доброва Анна

Спасибо большое! Прекрасная статья очень полезные советы!!
Караман Илья
22 сентября 2011 01:20:51  :::  Караман Илья

да неплохая статья
Himitschhhh
23 сентября 2011 23:13:25  :::  Himitschhhh

Horoscn primer.A gde tabliza w nature?
Himitschhhh
25 сентября 2011 09:41:48  :::  Himitschhhh

Danke!
Илья Димидов
27 сентября 2011 01:29:35  :::  Илья Димидов

Благодарим!
Беспамятных Александр Владимирович

Однозначно+5 баллов,спасибо!
Ирма МИР
19 октября 2011 12:43:23  :::  Ирма МИР

Грамотное объяснение, просто и понятно! +5!
Павленко Александр
26 ноября 2011 13:55:39  :::  Павленко Александр

Огромное спасибо преогромнее вам!!!!
0
15 января 2012 14:49:59  :::  Имя не указано

Замечательная информация и полезная!Ограменное спасибо!!!!!!!
Михаил Григорьев
31 января 2012 11:56:29  :::  Михаил Григорьев

спасибо за полезную иформацию
Evgeniy Trofimov
10 мая 2012 16:09:17  :::  Evgeniy Trofimov

Спасибо, в курсе, в основном.
любовь мажирина
29 мая 2012 08:37:55  :::  любовь мажирина

Спасибо
Evgeniy Trofimov
10 июня 2012 15:55:49  :::  Evgeniy Trofimov

А отчего, бывает, не загружается? Вроде всё, как всегда, делаю!
Evgeniy Trofimov
10 июня 2012 15:56:24  :::  Evgeniy Trofimov

Сегодня,кстати!
Валерий Семиколенных
21 октября 2012 23:04:16  :::  Валерий Семиколенных

хорошо прекрасно.но лично я предпочитаю разок ручьками своими проверить-чем много раз глазеть. Практика она будет понадёжнее теории!
Антонов Владимир
31 октября 2012 14:35:11  :::  Антонов Владимир

Огромная благодарность.
valet
7 ноября 2012 15:11:58  :::  

[комментарий удален]
sasha tsyganov
19 ноября 2012 20:22:31  :::  sasha tsyganov

Я ещё очень часто использую функцию Filter-Unsharp Mask,помогает добиться чёткости изображения.
Жалдак Эдуард Александрович
8 марта 2013 03:07:41  :::  Жалдак Эдуард Александрович

А еще часто необходимо делать цветокорекцию по отдельным цветам---фотошоп-изображение-коррекция--цветовой тон/насыщенность-выбираем нужный цвет и двигаем ползунки пока не получится--это часто нужно для коррекции фиолетовых цветов-ни один баланс белого не справляется с точной передачей фиолетового цвета!
vladimir_777
13 июля 2013 05:17:47  :::  vladimir_777

Очень полезный материал. Спасибо!
tigrlena
17 июля 2013 11:56:45  :::  tigrlena

Здесь описан фотошоп CS3 А как быть если у меня более новая версия CS6 ? Есть различия в том как устранять искажения при съемке. Если Вам не трудно,опишите пожалуйста более новую версию.Именно тот шаг как устранить искажение перед кадрированием изображения.Далее все так же. Спасибо!
Aнна Давыдченко
20 октября 2013 00:41:34  :::  Aнна Давыдченко

Прекрасные советы! Большое спасибо!
Августина
24 декабря 2013 23:57:26  :::  Августина

Спасибо за советы!
Ксения Сечко
12 марта 2014 18:02:36  :::  Ксения Сечко

Большое спасибо, очень нужный материал.
Murahovschi Dmitri
29 мая 2014 19:06:44  :::  Murahovschi Dmitri

Спасибо!!! Очень познавательно!!!
Руби Роид
1 июня 2014 21:48:28  :::  Руби Роид

Алексей, большое спасибо!
Настасья Иванова
10 мая 2015 15:30:43  :::  Настасья Иванова

Замечательный урок.
aurora-s
5 декабря 2016 11:41:24  :::  aurora-s

Доброго дня всем.
Мне установили новый фотошоп 2015 и я нахожусь в полной растерянности.
Не могу в этой версии найти "перспективу", чтобы отредактировать изображение. Так же в "файл" больше нет функции "сохранить для web" вообще. Но предусмотрена функция "экспортировать" (в той же "файл"), где можно найти эту самую функцию "сохранить для web"
Новая версия фотошопа не нравится.
Может кто-то уже знаком с этой версией фотошоп 2015? Где там найти функцию "перспектива"?
Ольга Вострикова
17 февраля 2018 13:10:54  :::  Ольга Вострикова

Замечательный урок !!
AlexDudin
17 марта 2018 18:53:43  :::  AlexDudin

Пригодится, спасибо
Мусоров Сергей Степанович
20 мая 2018 15:41:33  :::  Мусоров Сергей Степанович

познавательно
Владимир Рогов
25 июля 2018 17:52:11  :::  Владимир Рогов

Спасибо!!!
Olga BONN
18 августа 2019 15:39:25  :::  Olga BONN

Спасибо)))
Наталья Николаевна Гончарова

Из за пикселей не могу разместить работы вот уже долгое время. До этого помогал племянник, мучался каждый раз с условиями по пикселям. Сейчас он в другом городе, я сама не могу это сделать,хотя в соцсетях размещаю свои работы. Увы!

Для того, чтобы обсуждать и оценивать материалы, необходимо авторизоваться.
Чванова Татьяна
Метаморфозы
Чванова Татьяна. Метаморфозы
100000 р.
200000 р.
-50%
Тютрин Петр
Черногорские лодки
Тютрин Петр. Черногорские лодки
115000 р.
Самохвалов Александр
Водопад в Анталии
Самохвалов Александр. Водопад в Анталии
25000 р.
Моисеева Лиана
Клоун
Моисеева Лиана. Клоун
27000 р.
Волчек Лика
Танец в изгибе (2)
Волчек Лика. Танец в изгибе (2)
86500 р.
Свинин Андрей
Затишье перед бурей
Свинин Андрей. Затишье перед бурей
60000 р.

Новости культуры Практические советы Наши выставки Рейтинг художественных сайтов Конкурсы Политика конфиденциальностиО нас, контакты info@artnow.ru

© ArtNow.ru 2003–2020 | Использование материалов, размещенных на сайте, допускается только с согласия их авторов с обязательной ссылкой на ArtNow.ru
Мы в Instagram Мы в Facebook

Работа добавлена в корзину