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

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

1. Удаление фона

Во-первых, давайте избавимся от белого фона. Дважды щелкните по слою "Фон", чтобы преобразовать его в обычный слой.

Затем выделим изображение, используя инструмент Перо (Pen) (P). Это может показаться довольно сложным и трудоемким процессом, чтобы сделать выделение, но все, что вам нужно, это немного практики. Так же можно воспользоваться более простым способом выделения объекта, он описан в уроках: Выделение сложных объектов при помощи каналов (Channels) и вычислений (Calculations) и Руководство по применению инструмента Перо в Фотошоп

После того как вы замкнете круг выделения, щелкните правой кнопкой мыши на изображении и выберите из меню: Образовать выделенную область (Make Selection).

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

Теперь нам нужно избавиться от оставшегося фона. Вы можете сделать это так же, как мы делали в предыдущем шаге, используя инструмент Перо (Pen) (P), или вы можете использовать любой другой инструмент, который предпочитаете (Magic Wand, Quick Selection Tool, и т.д.).

2. Увеличение контрастности

Теперь, когда у нас есть изображение на прозрачном фоне, давайте увеличим контрастность и сделаем цвета более яркими.

Во-первых, создайте новый слой (Ctrl+Shift+Alt+N) и залейте его градиентом (Gradient) (G) (набор цветов: верхний # fffaeb и нижний # eee1c0). Поместите этот слой ниже текущего и назовите его "Background". Это поможет нам увидеть изменения, и сделать изображение более четким.

Далее, войдите в меню Слои> Новый корректирующий слой> Кривые (Layer> New Adjustment Layer> Curves) и создайте новый корректирующий слой. Убедитесь, что корректирующий слои влияет только на слой с изображением, для этого нужно использовать Обтравочную маску (Clipping Mask) (кликните мышью между слоем с изображением и корректирующим слоем при нажатой клавише Alt).

Настройки корректирующего соля Кривые (Curves) взять со скриншота ниже:

У вас должен получиться такой результат:

Как вы, наверное, заметили, общий вид изображения уже улучшился. Далее, давайте изменим текстуру деревянной ступицы.

3. Изменение текстуры

Во-первых, вам нужно найти достойную текстуру древесины. Вы можете самостоятельно найти, используя поисковые серверы, изображение текстуры дерева. Вот такую текстуру буду использовать я:

Теперь давайте создадим маску для структуры дерева. Используйте инструмент Перо (Pen) (P), чтобы выделить область ступицы, где мы будем менять текстуру. Создайте новый слой (Ctrl+Shift+Alt+N) и поместите его выше корректирующего слоя Кривые (Curves). Назовите этот слой "Маска".

Сделайте выделение ступицы, как мы делали это в начале урока. Заполните выделение, используя инструмент Заливка(Fill) (G) красным цветом.

Поместите текстуру поверх только что созданной "Маски". Используйте Свободную трансформацию (Free Transform Tool) (Ctrl+T), чтобы изменить её размер по мере необходимости. Затем создайте обтравочную маску Слои> Создать обтравочную маску (Layer> Create Clipping маску) или просто нажмите (Ctrl+Alt+G).

Далее используя Деформацию (Warp Tool Transform) исказим текстуру дерева, так что бы она выглядела более реалистично.

Для этого переходим в меню Редактирование> Трансформация> Деформация (Edit> Transform> Warp). Нужно получить сетку похожую как на изображении ниже. Нажмите клавишу Enter, чтобы применить трансформацию.

Далее нам нужно настроить текстуру цвета для её соответствия с исходным изображением.

Сделайте активным слой с текстурой, щелкнув по нему в палитре слоев. Затем перейдите в меню Слои> Новый корректирующий слой> Кривые (Layer> New Adjustment Layer> Curves) и создайте новый корректирующий слой кривые как показано на скриншоте ниже.

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

Выделите все 3 слоя и нажмите клавишную комбинацию (Ctrl+G) – сгруппируйте слои вместе. Назовите группу "Текстура". Щелкните правой кнопкой мыши по группе и выберите дублировать группу (Duplicate Group), назовите дубликат "Резервная текстура". Нажмите кнопку ОК. Сделайте резервную группу невидимой, нажав на иконку глаза рядом с миниатюрой слоя. Вы также можете переместить её в самый низ палитры слоев, что бы она вас не отвлекала.

Выполним слияние текстурных слоев. Щелкните правой кнопкой мыши по группе "Текстура" выберите Объединить группу (Merge Group) (Ctrl+E).

Далее размоем верхний край текстуры, так она будет лучше сочетаться с исходным изображением.

Выберите инструмент Размытие (Blur Tool), установите уровень на 30% размойте верхний край текстуры. Вы можете также использовать мягкий Ластик (Eraser Tool) для областей, где это будет нужно, чтобы стереть некоторые части.

Мы почти закончили с текстурой. Давайте добавим к ней тени.

Создайте 2 дубликата слоя текстуры (Ctrl+J). Имя первого слоя "Текстура теней", а второго "Текстура света".

Сначала поработаем над слоем "Текстура света". Добавьте новый корректирующий слой Уровни (Curves) таким же образом, как мы делали это раньше. Создайте кривую, как показано на изображении ниже. Выберите оба слоя и нажмите (Ctrl+E).

Далее переходим к слою "Текстура теней". Во-первых, сделав слой "Текстура теней" невидимым, мы можем увидеть тени слоя. Добавьте новый корректирующий слой Уровни (Curves). Нарисуйте кривую, как показано на изображении ниже. Объедините слой "Текстура теней" со слоем Кривые (Curves), выделив слои и нажав (Ctrl+E).

Такой результат должен у вас получиться на данный момент:

Далее добавим маски слоев. Выберите слой "Текстура света" и зайдите в Слои> Маска слоя> Скрыть все (Layer> Layer Mask> Hide All). Сделайте то же самое со слоем "Текстура Texture теней".

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

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

Создайте новый слой (Ctrl+Shift+Alt+N) и переместите его на самый верх палитры слоев. Нажмите клавишу Ctrl + клик мышью по слою "Текстура" чтобы загрузить выделение. Перейдите к меню Слои> Маска слоя> Показать выделение (Layer> Layer Mask> Reveal Selection). Теперь у нас есть новый слой с маской для наших теней. Назовите этот слой "Тени листьев" и установите режим наложения на Умножение (Multiply).

Установите основной цвет # 5e2a00 и нарисуйте несколько теней на слое "Тени листьев" используя мягкую кисть. Опять же, используйте ваше виденье и оригинальное изображение для сравнения.

4. Осветление

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

Во-первых, давайте объединим все наши слои, кроме фона. Не забывайте, сгруппировать их и сделать резервную копию, как мы это делали ранее со слоями "Текстур". Объединим слои, нажав (Ctrl+E), назовите новый слой "Осветление".

Теперь выберите инструмент Осветление (Dodge Tool), установите Диапазон (Range): Свет (Highlights), Экспозиция (Exposure): 10 % и рисуйте поверх тех частей изображения, которые вы хотели бы подчеркнуть.

Последним шагом в этом уроке будет добавление тени ко всему изображению.

5. Добавление общей тени

В этом шаге для вас добавление тени уже должна быть, простой задачей. Создайте новый слой (Ctrl+Shift+Alt+N), установите режим наложения на Умножение (Multiply) и назовите его "Общая тень". Поместите этот слой под слои "Осветление". Установите основной цвет на # 625738 (используйте немного более темный цвет для областей, где объект соприкасается с землей), и нарисуйте тени с мягкими краями. Используйте оригинальное изображение для сравнения.

Совет: Если вы внимательно посмотрите на тень у оригинального изображения то вы заметите, что она меняет цвет в зависимости от того какой объект отбрасывает её (зеленая под листом, с красным оттенком рядом с красной ягоды и т.д.). Чтобы изменить цвет вашей тени нужно просто создать новый слой (Ctrl+Shift+Alt+N) поверх слоя "Общая тень" с режимом смешивания Цвет (Color). Вот и все, теперь вы можете рисовать на этом слое цветом, соответствующим цвету отбрасываемой тени от объекта, и тень так же будет изменять цвет.

Финальное изображение:

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

Удачи и приятного обучения!

Используемые материалы:

Исходное изображение