Прикладная фотообработка: Простой подробный урок для совсем новичков
Уроки фотошоп
27.10.12 16:38

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

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

Мне удобнее и привычнее работать с Adobe Photoshop CS2 (англоязычная версия), но все те же инструменты есть и в более поздних версиях, разве что может чуточку изменится их месторасположение. Во избежание путаницы с названием, рекомендовала бы и вам ставить себе программу на английском, так как руссификация фотошопу на пользу не идёт. Повторить этот урок смогут как владельцы графических планшетов, так и те, у кого в наличии есть только мышь.

Начало работы, Rotate, Crop

Самым первым шагом к красивому фото является непосредственно съёмка. О том, как это делаю я, ранее уже писала (ссылка на урок Операция «Голубая лагуна», часть III: Фотографируем свои работы ). После фотосета у вас будет несколько десятков снимков, из которых нужно выбрать один, тот самый-самый, с которым и будете работать. Желательно, чтобы фото было сфокусированным, без пересветов и цветовых провалов.

Открыть фото в фотошопе можно несколькими способами. Либо через меню File> Open (находится в верхнем левом углу рабочего окна редактора), либо открыв фото стандартным просмотрщиком изображений и факсов, навести курсор на фото, нажать праву кнопку мыши (ПКМ) и выбрать в меню Open with> Adobe Photoshop , после чего программа запустится самостоятельно, а в ней уже откроется выбранное вами фото.

Рабочее окно выглядит примерно так:

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

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

После того, как нажмёте ОК, слой разблокируется, замочек исчезнет, и со слоем можно будет свободно работать.

Ну а для того, чтобы себя немого заранее обезопасить (на тот случай, если случайно сделаете действие, которое всё испортит, а отменить его уже не получается), продублируем слой. Это поможет в любой момент вернуться к исходному фото. Чтобы продублировать слой, наведите курсор на название слоя, кликните ПКМ и выберите Duplicate Leyer .

Опять же, система спросит вас, как желаете назвать новый слой. И снова я неоригинально принимаю предложенный вариант.

Жмёте ОК и видите, что появился второй точно такой же слой.

Как вы уже, наверное, успели заметить, фото у меня горизонтально ориентированное, а мне его нужно сделать вертикальным. Для этого идём в меню Image (в верней панели) и выбираем Image> Rotate Canvas>90 CCW (поворот изображения на 90 градусов против часовой стрелки). Также есть возможность поворота на 180 градусов, 90 градусов по часовой стрелке, отобразить по горизонтали или по вертикали.

Если, вдруг, что-то сделали не так, как хотелось, не паникуйте. Действие можно отменить. Для этого стоит нажать на клавиатуре Ctrl+ Alt+ Z или выбрать в меню Edit> Undo .

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

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

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

Когда угол поворота вас утроит (то есть, будут выровнены завалы по горизонтали/вертикали), нажимаете ОК. Квадратики по углам пропадут, останется только пунктирная линия выделения, убрать которую можно сочетанием клавиш Ctrl+ D .

В результате получаем выровненное, правильно повёрнутое фото.

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

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

Когда нужная область выбрана, нажимаете Enter и, вуаля, всё лишнее ушло.

Работа со светом: Levels, Curves

Основная проблема любительских фото заключается в отсутствии правильного света или его небольшое количество. Из-за чего фото получаются серыми, неконтрастными и «неаппетитными». К примеру, свою чашку с кистями я снимала на фоне идеально белой бумаги при комбинированном дневном и искусственном освещении. В результате, вместо белого фона получился серый. Правда, это можно исправить. Стоит отметить, что удобнее выравнивать светлоту фото, если есть какой-то белый ориентир (в моём случае, белая бумага). Если же на снимке у вас ничего белого вообще нет, тогда ориентируйтесь на зрительную память, насколько светлой была постановка в ваших глазах.

Удобнее всего использовать Levels , который можно активировать с помощью Ctrl+ L или же через Image> Adjustments> Levels . В рабочей области появится новое окно со странным графиком.

Под графиком есть три ползунка: крайний справа (белый) – показывает highlights (самые светлые тона на изображении), средний серый – средние тона, чёрный бегунок – самые тёмные. Если эти бегунки подвигать, то вы увидите изменения в освещённости на фото. Например, если бегунок с хайлайтсами выставить на начало цветового графика, фото сразу же станет на несколько тонов светлее, что особенно заметно по цвету белого фона.

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

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

Можете пробовать различные варианты светокоррекции с уровнями, главное, не переборщите с осветлением, чтобы засветов не было. Также стоит отметить инструмент Curves (Кривые), что тоже помогает в вопросе выравнивания/коррекции светового баланса. Меню Curves можно вызвать через Image>Adjustments>Curves или Ctrl+M .

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

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

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

Работа с цветом: Color Balance

Часто бывает так, что в жизни мы видим один цвет предмета, а на фото получается другой. По крайней мере, у меня так бывает практически всегда, так как фотоаппарат ручных настроек не имеет и подстраивает цвета как сам хочет. Иногда это терпимо, но иногда хочется, чтобы цвет более соответствовал действительности. Тогда то нам и понадобится инструмент Color Balance (цветовой баланс). Вызываем его через Ctrl+B или Image>Adjusments>Color Balance .

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

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

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

Опять же, с этим инструментом можно долго играться, подбирая тот вариант, который вас устроит.

И последним, что касается корректировки изображения, будет яркость/контраст (конечно же из тех, что описаны в этом уроке, на самом же деле инструментов намного больше, хотя и не все они нужны непрофессиональным пользователям фотошопа). Выбирается инструмент всё в том же меню Image> Adjustments> Brightness/ Contrast , и с его помощью можно увеличить или уменьшить яркость и контрастность нашего фото.

Работать с этими двумя параметрами нужно умеренно, чтобы не переборщить. В своём фото я немного увеличила яркость и уменьшила контраст (чтобы фото смотрелось немного нежнее).

Убираем мелкие дефекты: Clone Stamp Tool

Если на вашем фото каким-то образом очутился изъян (пылинка, соринка, трещинка в ненужном месте, неровность, муха, пятно и т.д.), это можно безболезненно поправить. Для этого существует чудесный инструмент Clone Stamp Tool , который берет кусочек изображения с «чистого» участка и копирует его на «грязный», тем самым, перекрывая дефекты.

После выбора самого инструмента, нужно выбрать кисть, которой будем «зарисовывать». Для этого кликаем ПКМ и в предложенном меню выбираем твёрдую кисть.

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

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

Отжимаем Alt, переносим курсор/кисть туда, где нужно зарисовать неприятность, и ,зажав левую кнопку мыши, рисуем.

По мере того, как вы будете двигать курсор, снова появившаяся «мишень» будет синхронно перемещаться по «донорской» области. За ней желательно следить, чтобы случайно не захватить то, что копировать не желательно. С инструментом этим нужно немного попрактиковаться, чтобы такая подрисовка не бросалась в глаза. Но если всё будет сделано аккуратно, то никто и не заметит, что там что-то было. Как, например, мучавшая меня тень:

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

Когда размер вас устроит, нажимаете клавишу Enter. В итоге получится нечто подобное:

Квадратики на фоне – это прозрачная область,  где нет никакого изображения. Чтобы его заполнить, дорисовываем недостающее штампом, копируя близлежащие участки фона.

Надписи и подписи: Horizontal Type Tool

Если фото нужно подписать или есть желание поставить свой копирайт, на помощь придёт инструмент по работе с текстом. Конечно, это не Word, но работать с ним вполне удобно.

Как только вы начнёте набирать текст, фотошоп автоматически создаст новый текстовый слой, в переделах которого мы и будем работать с текстом.

Набираете то, что хотите написать, и если вас не устраивает шрифт/размер/цвет, начинаете их редактировать. Меню находится вверху рабочего окна под основным меню.

В нём можно выбрать шрифт (здесь отображаются все установленные на вашем ПК шрифты), начертание (если к выбранному шрифту они применимы), размер, выравнивание и цвет. Главное запомнить, что параметры нужно выставлять либо до начала ввода текста, либо уже после, только саму редактируемую фразу нужно выделить.

Чтобы поменять цвет надписи, нажмите на небольшой прямоугольник в меню (после иконок выравнивания). У вас появится палитра.

И уже в ней можно выбрать нужный цвет.

Чтобы сделать надпись полупрозрачной, меняем уровень прозрачности текстового слоя. В панели Leyers выбираем текстовый слой, нажимаем на значение Opacity :

И меняем на то, которое хотим выставить. При движении ползунка, вы сразу сможете увидеть, как меняется надпись.

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

Создаём новый документ.

Выбираете размер и название:

У вас откроется чистый новый файл:

В котором пишете нужный текст.

Чтобы сделать его кистью, заходим в меню Edit и выбираем Define Brush Preset , после чего появится диалоговое окно с вопросом, как хотите свою новую кисть назвать.

Вводите название или оставляете предложенное, после чего нажимаете ОК. Ваша кисть-подпись уже готова. Выбрать её можно будет в меню кистей (выберите инструмент кисть – нажмите клавишу B , затем кликните ПКМ по рабочей области, в самом низу списка будет ваша кисть).

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

Фильтр Smart Sharpen и сохранение для Web


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

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

Значение Amount выбирайте до 50, а радиус менее 1, чтобы не переборщить с фильтром.

Убедитесь, что у вас выбран слой именно с изображением, а не с надписью, например. А ещё лучше, если вы слои склеите в один ( Merge Leyers или Merge Visible в меню слоёв, вызывается кликом ПКМ).

Чтобы изменить размер фото, выберите меню Image>Image Size или Ctrl+Alt+I .

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

Уменьшение фото желательно делать постепенно, в 2-3 этапа. К примеру, если ваше изначальное фото имеет 6000 пикселей по горизонтали, то сначала уменьшите до 4000, потом примените фильтр Smart Sharpen, затем измените размер до 2000, с последующим повторением фильтра (можно нажать Ctrl+ F , эта команда повторит последний применяемый фильтр), и уже в самом конце до 450-600 пикселей. Таким образом, при уменьшении размера качество не будет падать.

Мой любимый размер для сохранения 450*600 или 600*450 пикселей, что на подавляющем большинстве веб-ресурсов будет органично смотреться, не разрывая границ страницы. При желании, размер можно ставить и больше, но не более 1024px, так как такие фото неудобно смотреть, особенно если у зрителя на гигантский монитор.

Чтобы сохранить изображение в формате JPEG или JPG идёте в меню File> Save for Web , где в правой части окна выбираете формат и качество сохранения (в процентах). Чем выше качество, тем более чётким будет изображение, но тем больше оно будет весить. Кстати, вес конечного файла можно увидеть в нижнем левом углу рабочего окна, под фото.

В результате, получаем фото, готовое к публикации в сети.

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

Надеюсь, что урок поможет вам сделать свои фото более красивыми и качественными!

Автор: Анастасия (Anasty) Квадрович


Комментарии

zelenoglazaya
# zelenoglazaya 28.10.2012 11:00
Настя, урок потрясающий. Так все подробно и понятно описано, что поймет даже полный чайник, недавно установивший фотошоп. Не знала, что существуют приемы, позволяющие не потерять качество при уменьшении изображения и что можно сделать кисть-копирайт. Теперь буду играться с настройками. Спасибо!
Ответить | Ответить с цитатой | Цитировать
Anasty
# Anasty 28.10.2012 17:32
Пожалуйста! Очень рада, что не зря писала.
Ответить | Ответить с цитатой | Цитировать
zelenoglazaya
# zelenoglazaya 07.11.2012 18:03
Настя, я к тебе за помощью) У меня среди фильтров именно Smart Sharpen нет, вот все есть, а его нет. Можно ли использовать просто Smart или что-то другое, или принципиально нужен Smart Sharpen?
Ответить | Ответить с цитатой | Цитировать
Anasty
# Anasty 08.11.2012 16:48
Честно говоря, я не знаю, что из себя представляет Smart. Если там есть вариант выбора степени Sharpen, то можно использовать. Если нет, то можно попробовать просто Sharpen.
Ответить | Ответить с цитатой | Цитировать
Лилия
# Лилия 28.10.2012 12:52
Спасибо, урок потрясающий, то что нужно. А то у меня все фото страшные и желтые.
Ответить | Ответить с цитатой | Цитировать
Anasty
# Anasty 28.10.2012 17:34
Ну вот, теперь будут красивые и без желтизны :lol:
Ответить | Ответить с цитатой | Цитировать
Лилия
# Лилия 29.10.2012 21:19
Я с первой фоткой провозилась часа 2, но получилось все розовое. Как я люблю. :-)
Ответить | Ответить с цитатой | Цитировать
Anasty
# Anasty 30.10.2012 09:04
Это поначалу долго, а как научишься, то фото будут щёлкаться, как семечки)
Ответить | Ответить с цитатой | Цитировать
Aryna
# Aryna 28.10.2012 15:04
Как все просто и доступно написано. Спасибо за урок!!!))))
Ответить | Ответить с цитатой | Цитировать
Anna Sei
# Anna Sei 28.10.2012 18:38
Настя, отличный урок! Спасибо!
Ответить | Ответить с цитатой | Цитировать
Anasty
# Anasty 28.10.2012 18:41
Та не за что! Главное, чтобы на пользу шло.
Ответить | Ответить с цитатой | Цитировать
Ирена
# Ирена 29.10.2012 13:40
обалденно! Настя, ты умничка! еще не встречала такого подробного и полезного руководства! спасибо!
Ответить | Ответить с цитатой | Цитировать
Anasty
# Anasty 29.10.2012 13:46
Пожалуйста! Я на самом деле старалась, чтобы было максимально понятно даже совсем новичкам.
Ответить | Ответить с цитатой | Цитировать
Alexandra
# Alexandra 03.11.2012 10:30
мне кажется, с этим справится практически любой онлайн-редактор , громоздкий фш для таких операций не нужен.
но урок понравился, очень подробный и наглядный. да и вообще всегда приятно смотреть на твои посты (хотя вотермарки, имхо, можно было бы чуть поменьше делать, отнимают много места на картинке, режут глаз).
Ответить | Ответить с цитатой | Цитировать
Anasty
# Anasty 03.11.2012 18:46
Я описала тот способ, которым пользуюсь сама, возможно, существуют вариант и попроще.
Ответить | Ответить с цитатой | Цитировать
Ирена
# Ирена 26.04.2013 22:49
титанический труд все это описать! спасибо!
Ответить | Ответить с цитатой | Цитировать
Anasty
# Anasty 27.04.2013 16:56
Пожалуйста) Конечно, времени много ушло на подготовку урока, но я надеюсь, что пользы от него всё же ещё больше.
Ответить | Ответить с цитатой | Цитировать
Катя
# Катя 05.07.2013 13:16
А какой у тебя фотоаппарат??
Я сейчас себе выбираю фотик и не могу никак на чем-то остановиться... может посоветуешь что-то? Он нужен мне для любительских качественных, ярких снимков, т.е. не обязательно нужна зеркалка..
Ответить | Ответить с цитатой | Цитировать
Anasty
# Anasty 06.07.2013 11:39
У меня Nikon Coolpix L110 и, в принципе, я им довольна, разве что в помещении и в сумерках/ночью снимает плохо. Посмотрите на псевдозеркалки, они сейчас доступны по цене, да и качество, как для любительской съёмки, хорошее.
Ответить | Ответить с цитатой | Цитировать