Принцип создания «выпрыгивающих» изображений
10 января 2012 | Опубликовано в графика | 19 Комментариев »
Снимок, на котором объект «выпрыгивает» из плоскости изображения, непременно привлекает внимание. Вместе с тем, его очень легко и быстро воспроизвести. Опытные коллажисты пользуются таким приемом довольно часто, а новичкам рекомендую потратить 10 минут времени на этот очень легкий туториал. В нем детально расписан сам принцип создания «выскакивающего» из снимка объекта, а где и как его вы впоследствии примените — решать вам.
Для примера мы возьмем вот этот снимок спортсменки, вы же можете взять любой свой:
Проверьте, чтобы открытое изображение не являлось фоном — в панели слоев должен быть слой Background, отличный от слоя с вашим изображением. Если это один и тот же слой, кликните по нему дважды, зажав Alt — фоновый слой Background превратится в нулевой слой, который можно редактировать. Затем продублируйте этот слой — Layer — Duplicate Layer, либо просто перетащите его на иконку нового слоя внизу панели. Еще нам нужно создать под всеми слоями чистый слой и залить его белым. Выбираем Layer/New/Layer (Ctrl+Shift+N) либо кликаем соответствующую иконку на панели слоев. Чтобы залить слой белым, выбираем Edit/Fill и в выпадающем списке выбираем White (белый). Слои сейчас идут вот в таком порядке:
Выберите самый верхний слой, в моем случае это Layer 2. Тот слой, что ниже, можно (но не обязательно) пока сделать невидимым — нажать на глазок в панели слоев слева от слоя Layer 1. Сейчас надо выделить ту часть фотографии, что будет «выскакивать», здесь это будут ноги спортсменки. Выделять я буду с помощью волшебной палочки, вы же можете использовать перо, лассо, кисточку или любой другой удобный вам способ. О способах выделения можно прочесть в статье Selection Tool: мастер-класс по использованию инструментов выделения.
Вы видите, что я выделяю с запасом, не только ноги, но и купальник. Это даст потом возможность регулировать угол наклона плоскости фотографии.
У нас выделена часть снимка, который надо оставить. А нам надо выделить все остальное. Выберите Select/Inverse, чтобы инвертировать выделение. Убедитесь, что вы находитесь в нужном слое (верхний) и нажмите delete — останется только нужная нам часть изображения. Если выделение получается не очень красивым, еще раз пересмотрите статью о выделениях в Photoshop, ссылка на которую приведена выше.
Раз все в порядке, возвращаем видимость среднему слою (Layer 1) — мы его отключали только для того, чтобы увидеть результаты выделения. Сейчас нам надо сделать эффект перспективы на снимке, «уложить» его под нужным углом. Здесь удобно использовать Polygonal Lasso Tool.
Переходим в средний слой и создаем примерно вот такое выделение:
Все, что находится вне выделения, мы скроем маской. Еще раз проверяем, что выбран средний слой (Layer 1) и нажимаем кнопку Add Layer Mask внизу панели слоев. Все лишнее автоматически скрывается под маской.
Так, уже неплохо выглядит. Добавим парочку штрихов, чтобы смотрелось еще круче.
Поработаем со свойствами слоя. Изменяют их так: не снимая выделения со слоя «лежачей» фотки (Layer 1), выберите Layer/Layer Style/Blending Options — или, что проще, дважды кликните по этому слою в панели слоев. Откроется окно настройки свойств слоя. Включите Stroke, чтобы создать рамочку вокруг фотографии. Толщину линии сделайте побольше, у меня — 24px, а цвет у меня серый, #CCCCCC.
Здесь же, назначаем слою тень, Drop Shadow. Это добавит работе немножко глубины. Вот мои настройки:
Вот финальный результат нашего мини-урока. Доработать можно много чего, но основную идею вы, думаю, поняли. Удачи!
По материалам урока
10 января 2012 в 16:34
Ребят, ну это жесть.
Демиарт 2000 года выпуска.
января 10, 2012 at 6:08 пп
ну, допустим не 2000 и не Демиарт, но спорить не буду, тутор старый. А что, очень изменились методики с тех пор? Вы как-то иначе действуете? Поделитесь тогда мастерством ;)
января 11, 2012 at 6:54 пп
Я не вижу смсыла публиковать на этом ресурсе подобные уроки для совсем начинающих.
Тем более старые. Тем более такие некачественные — даже вытравить не удосужились нормально.
января 13, 2012 at 1:12 дп
А в чём проблема? Обычный тутор. Я такого раньше не видел, да собственно и не искал. Сделайте свой тутор, новый, креативный, качественный! Составьте конкуренцию, а то утверждение голословное...
января 13, 2012 at 11:58 дп
Ахаха)) Сперва добейся! Ололололо. Чтобы понять, что салат — говно, поваром быть не нужно.
января 13, 2012 at 12:03 пп
Чего добиться-то?
января 13, 2012 at 12:18 пп
Ребят, вы чё??? Из-за тутора поругаться решили? Чудаки.
Это даже не тутор, это мелкий совет с разжевыванием для совсем зеленых шоперов. Ну, им же тоже как-то надо. Конечно, опытные гуру вроде вас обоих решат подобную задачу без всяких туторов Зачем тогда заходили? Правильно, чтоб посмотреть, как это предлагают сделать другие. Вот в этом и суть. А вовсе не в «как бы его выпендриться так, как никто не выпендривался»
января 13, 2012 at 9:41 пп
Ругаться никто не собирался, я наоборот, поддержал автора :(
10 января 2012 в 18:23
еще можно немного перспективы добавить для реалистичности
19 января 2012 в 21:04
Я когда баловалась фотошопом то на демиарте искала самые простые туторы, которые смогла б осилить, не вижу никакой проблемы в том что он старый и простой :P