—»     —»   Как создать динамичное изображение с помощью Photoshop
  Раздел: Образование и Изучение   Комментариев: 1  

Как создать динамичное изображение с помощью Photoshop

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

Эта статья была написана известным художником Майком Харрисоном (Mike Harrison), он же известен под псевдонимом destill. Статья является его первой работой в стиле обучающей документации для его блога. Его работы были замечены в таких журналах, как «Computer Arts» и «Advanced Photoshop».

Довольно церемониться, давайте перейдем непосредственно к самой статье…

Этап 1
Начните с выбора похожей фотографии прыгающего человека в воздухе (оригинальное изображение). Выбирайте фото, в котором, как вы считаете, уже есть какие-то задатки энергичности еще до того, как вы что-то добавите туда. Создайте новый документ формата А3 с разрешением 300dpi, или же А4 с таким же расширением, если вам нужно изображение поменьше.
Как создать динамичное изображение с помощью Photoshop


Этап 2
Перетащите ваше фото в документ и выберите ручку (pen). Аккуратно начните добавлять точку за точкой, пока вы не обведёте все тело человека. Нажмите клавишей «А» для того, чтобы применить инструмент выделения пути (path selection) и кликните правой кнопкой на создание векторной маски (path > create vector mask. Это даст нам четкий контур и отбросит фон, что дает возможность добавить свой собственный.
Как создать динамичное изображение с помощью Photoshop


Этап 3
Имея чистый фон, давайте придадим немного глубины нашему объекту, используя градацию (gradient). Итак, выбираем инструмент градации (gradient tool) и так и оставляем его от черного к белому. Теперь перетащите зажатый курсор с нижнего правого угла до верхнего левого. Но не в пределах изображения, а возьмите чуть шире, начиная и заканчивая краями холста, тогда, непосредственно на изображении, мы получим градацию от темно-серого до светло-серого.
Как создать динамичное изображение с помощью Photoshop


Этап 4
Иногда я люблю сначала выбрать цветовую палитру и тона, поэтому давайте так и сделаем. То, что мы собираемся сделать, не представляет из себя ничего сложного, однако очень важно создать некоторое настроение на изображении. Выберите в меню «Layer > New adjustment layer > Gradient map». Выберите данный готовый сет: «blue, red to yellow gradient», нажимайте «ОК» и установите уровень прозрачности в 40%. Это будет выглядеть немного размыто, но при этом вы просто можете добавить несколько таких слоев и здесь мы тоже добавим один слой для редактирования контраста и яркости (brightness/contrast) – установите значения +8 для яркости и +28 для контраста, плюс еще один для редактирования уровней, где установим значения 15, 1.00 и 246 в 3 доступные поля ввода.
Как создать динамичное изображение с помощью Photoshop


Этап 5
Давайте добавим небольшую вспышку нашей девушке на фото – прибавим немного освещения. Зажмите Ctrl и кликайте на слое с оригиналом, чтобы получить выделение вокруг самой девушки, затем на новом слое, выберите инструмент кисточки (brush tool), и используя различные диаметры со значением заливки в 24%, начните подкрашивать области, которые, как вам кажется, круто смотрелись бы с белым светом, падающим на них. Затем понизьте уровень прозрачности слоя до 15-35%.
Как создать динамичное изображение с помощью Photoshop


Этап 6
Придайте своему изображению мгновенную привлекательности, добавив несколько диагональных полосок в форме случайных геометрических выделенных областей (random geometric selections), которые закрашены текстурой. Создайте новый документ размером 40х40 пикселей и нарисуйте примерно похожую форму, как на скриншоте с левой стороны снизу, фон оставьте прозрачным, затем зажмите Ctrl и нажмите клавишу «А», далее меню Edit > Define Pattern. Теперь вернитесь к своему основному документу и создайте несколько случайных геометрических выделений с помощью лассо (polygonal lasso), далее кликайте меню Edit > Fill them with your pattern (тем самым вы заполните выделенные области вашей созданной текстурой). Держите их по направлению энергии персонажа на вашей фотографии и раскрасьте некоторые их них черным цветом, а некоторые белым.
Как создать динамичное изображение с помощью Photoshop


Этап 7
Время добавить некоторые большие формы, раскрашенные яркими цветами для того, чтобы придать некоторое ощущение подвижности. Опять же, используйте лассо, создайте несколько больших геометрических форм, и закрасьте эти выделенные области градиентом от красного к желтому, далее воспользуйтесь функцией position/transform, экспериментируйте до тех пор, пока у вас не выйдет чего-нибудь интересного. Разместите их поверх или за диагональными полосами, как будто лучше, по вашему усмотрению.
Как создать динамичное изображение с помощью Photoshop


Этап 8
Теперь начните добавлять слои с множеством различных форм, различных размеров поверх или за слоем с персонажем. Делайте то, что мы делали в предыдущем этапе, используя лассо и создавайте формы. Некоторые закрашивайте градиентом от черного к белому, другие от желтого к прозрачному или красному. Обыгрывайте варианты цветов, пока вы полностью не заполоните все изображение приятными и красивыми формами.
Как создать динамичное изображение с помощью Photoshop


Этап 9
Ну как, нравится? Мне кажется, что в этом что-то есть. Теперь давайте добавим немного подробностей в наше изображение. Для этого мы добавим несколько осколков для того, чтобы увеличить энергичность нашего изображения. Снова выберите инструмент лассо и создайте маленькую угловатую форму, зажмите клавишу Shift и создавайте следующую. Повторите данное действие несколько раз, пока вы не нарисуете много таких осколков. Затем залейте их черным или белым цветом и расположите так как нужно. Вы также можете использовать инструмент ручки, но при использовании лассо, формы получаются более спонтанны и непредсказуемы, а это очень важно для нас.
Как создать динамичное изображение с помощью Photoshop


Этап 10
Пришло время немного усовершенствовать наш рисунок. Снова выбирайте лассо и сделайте несколько областей выделения, но придерживайтесь более квадратных выделений, но не насколько острых, чтобы создать некий контраст с прежними формами. Залейте их черным цветом и применить градированное наложение со значениями, приведенными ниже в скриншоте. Не упустите из виду эффект, на руке персонажа, он отображается не как целая форма из-за того, что мы добавили особое освещение в 5-м этапе. И так, установите слой так, чтоб он виднелся из-под того слоя и также, не забывайте о том, что можно сделать такие эффекты и по остальным частям тела персонажа.
Как создать динамичное изображение с помощью Photoshop


Этап 11
Кроме добавленной энергичности, наполнения и детализаций, мы можем добавить несколько тоненьких линий как поверх всех слоев, так и несколько прямо на фоне. Итак, выберите инструмент линий (line tool) и установите значение толщины, равное 2 пикселям. На новом слое начните рисовать линии по направлению остальных форм, только не переборщите, используйте их искусно. Теперь установите значение толщины в 1 пиксель и нарисуйте несколько линий на новом слое так, как будто линии раскалываются.
Как создать динамичное изображение с помощью Photoshop


Этап 12
Для больше увеличения выразительности, давайте добавим несколько световых полосок. Теперь создайте несколько тонких острых форм и залейте их белым цветом. Теперь идите в меню Filter > Blur > Motion Blur, установите то же направление, куда направлена сама форма и установите значение дистанции от 4 до 500. Скопируйте и расставьте несколько форм и обыграйте уровень прозрачности (opacity) и смешивания (blending).
Как создать динамичное изображение с помощью Photoshop


Этап 13
Уже сейчас картинка выглядит замечательно, но она еще не завершена. Осталось внести последние штрихи. Создайте еще несколько частичек, используя ручку или лассо и залейте их белым цветом, расположив их позади большей части слоев. Создайте еще несколько частиц большим размером и обыграйте их градированием и прозрачностью для придания большего эффекта. Расположите их так, чтобы получить аккуратный баланс в заполнении изображения. Я отметил те места, где добавил некоторые дополнительные формы. Смотрите на скриншоте.
Как создать динамичное изображение с помощью Photoshop


Этап 14
Почти готово. Теперь, чтоб привнести немного динамичности нашим нарисованным формам. Выберите инструмент кисти (brush tool) и задайте размер в 900 пикселей, с уровнем заливки в 15-20%. Аккуратно подкрасьте области для того, чтоб немного осветить их, но будьте очень аккуратны, иначе вы можете все испортить. Затем повысьте уровень прозрачности у слоя, чтобы все красиво смешалось.
Как создать динамичное изображение с помощью Photoshop


Этап 15
В завершении всего, может быть вы вовсе не фанат текстур, чего не скажешь обо мне. Но поверьте, это может очень поспособствовать в данном случае. Найдите текстуру бумаги с высоким разрешением (примерно такую, как показана на скриншоте) и примените ее поверх всех слоев вашего документа. Подгоните размер так, как потребуется и установите режим смешивания (blend) для того, чтобы цвета слились, а уровень прозрачности установите примерно 40%. Это по-настоящему привнесет жизненные силы в цвета и придаст некоторое настроение изображению.
Как создать динамичное изображение с помощью Photoshop


Этап 16
Итак, вроде бы закончили. Ниже проверяйте завершенное изображение. В таких изображениях можно быть как приверженцем минимализма, так и любителем хаоса, что определяется количеством добавленных форм. Но в данный момент мы сошлись где-то на серединном варианте. По-моему, получилось неплохо.
Как создать динамичное изображение с помощью Photoshop


Автор статьи © Mike Harrison
Русский перевод © CoolWebmasters.Com 2009
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: Photoshop
Опубликовал Mysterious Master   Прочитано (раз): 10352   |   Оставлено комментариев: 1
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 21 августа 2009 @ 03:08
Написал: Valekas — группа: Читатели  
На сайте с: 21.08.2009   |   Публикаций: 0   |   Комментариев: 70
ICQ: 572686
Интересный эффект! На досуге надо будет опробовать!


--------------------
Кто говорит, не думая, тот умрет, не болея.
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц December по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Спонсоры проекта
Баннер в сайдбаре 1 (сквозной)
Баннер в сайдбаре 2 (сквозной)
Спонсоры проекта
Баннер в сайдбаре 3 (сквозной)
Баннер в сайдбаре 4 (сквозной)







Свежие шаблоны сайтов каждый день
С миру по нитке
«    Май 2020    »
ПнВтСрЧтПтСбВс
 123
45678910
11121314151617
18192021222324
25262728293031