Уроки: Adobe Photoshop

Своя точка зрения

Добрый день/вечер/утро!

Меня зовут Евгений Бердюгин и это мой урок на тему 3d-художества под названием "Своя точка зрения". Почему он так называется?.. Потому что для просмотра результата, вам понадобиться своя, индивидуальная точка обзора!

Наверняка вы встречали уже раньше работы художника Джулиана Бивера. Его рисунки на асфальте, с определенной точки зрения выглядят 3-х мерными и естественно вызывают восхищение! Есть желание попробовать что либо подобное? Необязательно быть гениальным художником, чтобы все получилось!

Для начала давайте разберемся, как изначально выглядел эскиз у Бивера. Для этого нужно посмотреть на изображение без перспективы. Избавиться от перспективы, помогут средства Photoshop начиная с версии cs3. Я не зря выбрал именно эту фотографию. В ней видны стыки тротуарной плитки и это дает данные о перспективе.

1. Загрузите картинку в Photoshop и выберите фильтр Vanishing Point (исправление перспективы). Этот фильтр - мощный инструмент по работе с перспективой в фото, но сейчас не об этом. Включите инструмент Create plane tool .

2. Далее, кликом мыши создайте плоскость, которая будет соответствовать перспективе в фотографии. Для этого ориентируйтесь по тротуарным плиткам. Создав плоскость, включите инструмент Edit plane tool . Цепляйте курсором центральные маркеры и перетаскивайте их за пределы фото, так чтоб рисунок "World" полностью вмещался в плоскость.

3. Если все получилось, можно экспортировать данные.

Нажмите иконку справа от панели инструментов. Появиться выпадающее меню, в котором нужно выбрать пункт Export for After Effects. Сохраните данные.

Обратите внимание, что сохранилось 3 файла с разными расширениями: *3ds, *vpe и *png. Откройте файл *png, остальные файлы не пригодятся. В файле *png должно быть нечто подобное этому изображению.

Полученное изображение соответствует ракурсу вида с верху. Примерно так выглядел изначальный эскиз, не учитывая перекошенного дауна слева (да простит меня Джулиан Бемер). Обратите внимание на то, что рисунок "World" расширяется с низу в верх. Это тот самый прием, который создает иллюзию 3-х мерности.

На этом закончим вникательную часть.

На самом деле, чтобы создавать эскизы 3d-картинок средствами Photoshop, никакие умения кроме описанных выше не нужны!

Далее несколько советов на тему изготовления самого изображения.

4. Сделайте фотографию того места, где будет ваш будущий 3d-рисунок.

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

дорога

Не буду креативить и что-то выдумывать, просто объясню все на примере куба. Кстати нарисованный 3d-куб на асфальте - это отличная альтернатива лежачему полицейскому;) Далее, вместо слова "Куб" воспринимайте то изображение, которое будете рисовать на асфальте.

куб

5. Загрузите снимок в Photoshop и создайте новый слой с изображением Куба. Этот слой можете нарисовать руками или создать в 3d или еще как либо. Важно чтоб ракурс Куба соответствовал перспективе в снимке.

Также нужно учесть то, чтоб рисунок не вышел за пределы асфальта (рис.1) - вы ведь не будете рисовать на траве?! 

И еще одно важное замечание: не допускайте чтоб ваш рисунок был сильно вытянутым относительно высоты фото. Ведь каждый сантиметр картинки - это реальное удаление изображение в геометрической прогрессии. Т.е. если расстояние от точки А до точки B на изображении Куба около полутора метров (рис.2), то на самом асфальте это будет примерно 100 метров (рис. 2.1)!!! Конечно, если есть время и терпение - не обращайте на это внимания, ведь закрасить мелками 100-150 метров дорожного полотна может оказаться забавным делом!

6. Теперь, когда закончена так сказать "Допечатная подготовка", можно создавать итоговое изображение. Включите фильтр Vanishing point (исправление перспективы) и повторите действия описанные в 2-ом шаге. Создайте плоскость таким образом чтоб она полностью покрывала куб но не более, иначе получите дли-ню-щеееее изображение после сохранения. Откройте получившиеся файл с расширением *png. У меня получилось так

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

Чтобы перенести изображение на асфальт, можно воспользоваться старым проверенным способом: Разлинуйте эскиз сеткой из равных квадратов, затем также разлинуйте сетку на асфальте, только в большем масштабе. Ориентируясь по квадратам можно легко перенести изображение на асфальт.

На этом урок можно закончить. Успехов в 3d-творчестве!

51081 Автор:
Актуальность: 664
Качество: 640
Суммарный балл: 1304
Выбор Публики
Голосов: 52 оценки

Отзывы посетителей:

аватар
 
Spirit412 2 0
Цитирую 4ek15t:
Этот урок делал давно. Позже разработал метод с учетом роста зрителя и особенности зрения. Все делается в 3ds max.
Как будет время сделаю урок.


Вот бы посмотреть на урок с методом учета роста наблюдателя и особенности зрения с использованием 3DMax
аватар
 
4ek15t 7 0
Цитирую Игорь Биккужин:


Спасибо!
Этот урок делал давно. Позже разработал метод с учетом роста зрителя и особенности зрения. Все делается в 3ds max.
Как будет время сделаю урок.
аватар
 
Игорь Биккужин 2 0
Автор забыл учесть, что фото будущего "холста" должно быть сделано с высоты будущих зрителей. Для водителя, к примеру, оно равно 100-140 см. Для среднего пешехода 170 см. Урок шикарен.
аватар
 
Ivan Karasyov 7 0
Учительница - отцу Вовочки:
- Ваш Вовочка муху на парте нарисовал, дак я всю ладошку отбила убивая её!
- Это что, вот он КРОКОДИЛА в ванной нарисовал!!! Дак я через НАРИСОВАННУЮ ДВЕРЬ выскочил!!!
(старый добрый анекдот, в тему)

Увидишь такой "кубик" на дороге при 180 км\ч и думай куда свернуть! :)))

Круто, однозначно!
аватар
 
Man5ON 2637 0
Куратор комьюнити
очень интересно, когда-нибудь попробую :)
аватар
 
Astrofom 40 0
Супер! Спасибо, что всё разъяснили, обязательно попробую! 5/5
аватар
 
Kl-Ar'An'Tar 21 0
Спасибо!) Сам обожаю этот эффект)
аватар
 
Суппир!!!5/5
Зарегистрируйтесь, чтобы добавить комментарий.
Эту страницу просмотрели: * уникальных посетителей