How to Create a 3D Leaf from a Texture Photograph

Создаем трехмерный Листок из Фотографии с текстурой

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

Финальный вид:
http://s3.uploads.ru/t/Bqn3w.jpg

-------------------------------------------------

Шаг 1
Для начала вам необходимо найти фотографию с текстурой листка. Я выбрал  эту фотографию фотографа Caleb Kimbrough:

http://s3.uploads.ru/t/yAYdG.jpg

-------------------------------------------------

Шаг 2
В фотошопе создайте новый документ с белым фоном и загрузите свою текстуру. Выделите ее инcтрументом прямоугольного выделения и нажмите Сtrl+T, кликните правой кнопкой мышки в поле трансформации и во всплывшем меню выберите пункт Warp. Я подписал для вас каждый угол, поскольку мы будем с ними работать:

http://s3.uploads.ru/t/Nur6l.jpg

-------------------------------------------------

Шаг 3
Теперь, когда у ваш слой находится в режиме деформации, щелкните и потяните за угол "А" вниз на 1/3 Вашей сетки.

http://s3.uploads.ru/t/WikQe.jpg

-------------------------------------------------

Шаг 4
Теперь щелкните и потяните за узелок угла "С" на 1/3 Вашей сетки. Наша текстура начинает приобретать узнаваемую форму:

http://s3.uploads.ru/t/EQ92F.jpg

-------------------------------------------------

Шаг 5
У каждого угла есть 2 управляющих узла, которые Вы можете двигать, дабы управлять деформацией. Потяните за нижний узелок угла "А", так как показано ниже:

http://s3.uploads.ru/t/RU1o4.jpg

-------------------------------------------------

Шаг 6
Вы должны придать листику более острый кончик. Приблизительно как у меня. Когда настроите - нажмите Enter для подтверждения деформации:

http://s3.uploads.ru/t/FCAph.jpg

-------------------------------------------------

Шаг 7
После несеольки последних действий вы получили осрый кончик у листка. Однако, Ваш уголок может быть немного выгнутым после Деформации. При помощи инструмента Polygonal Laso (L), выделите лишний участок края и нажмите клавишу DELETE:

http://s3.uploads.ru/t/zeosg.jpg
http://s3.uploads.ru/t/0dyQb.jpg

-------------------------------------------------

Шаг 8
Давайте перейдем к другому концу листка. Снова воспользуйтесь возможностью деформации (см. Шаг 2), и патяните за уголок "D", как показано на картине ниже. Оба регулирующих узелка должны быть паралельными:

http://s3.uploads.ru/t/4sWCR.jpg

-------------------------------------------------

Шаг 9
Повторите тож есамое для точки "В". Кроме того, если хотите, можете изменить немного форму листка, вновь применив для готовой формы листка деформацию (Warp), и двигая внутри сетки:

http://s3.uploads.ru/t/LJPIB.jpg

-------------------------------------------------

Шаг 10
Добавте листку немного перспективы, нажмите Ctrl+T и удерживая Alt+Shift, потяните верхний правый угол немного левее:
http://s3.uploads.ru/t/MnFpY.jpg

-------------------------------------------------

Шаг 11
Чтобы сделать загиб края листка, выделите только левую его половину. Потом активизируйте деформацию Free Transform > Warp. Это позволит Вам работать только с нужной нам левой половиной листка, не деформируя правую. Только будте внимательны и не перемещайте те точки - которые находятся в контакте с правой стороной листка, поскольку это приведет к разрыву между ними:

http://s3.uploads.ru/t/fZLxR.jpg

-------------------------------------------------

Шаг 12
После приминения дефомации и нсятия выделения Ctrl+D, дублируйте этот слой со своим листком и переместите этот слой ниже оригинального слоя. Немного деформируйте его, для некоторого различия между ними. Повторите эти дествия несколько раз:

http://s3.uploads.ru/t/9xon6.jpg
http://s3.uploads.ru/t/q6lTj.jpg
http://s3.uploads.ru/t/hOvu3.jpg

-------------------------------------------------

Шаг 13
Для каждого такого слоя вы можете добавить тень через стили слоя - дважды щелкните на слое и в появившемся окне поставте галочку на против Drop Shadow. Отрегулируйте соответсвтенно для листка и придания глубины прараметры Расстояния, Размера, и непрозрачности (Distance, Size, Opacity). Чем растояние тени у вас больше и смазанней края - тем ниже будет казатся тот листок, который находится непосредственно под отбрасывающим тень. Чем листик ближе к верхнему - тем тень должна быть четче по краю и имень меньшее расстояние:

http://s3.uploads.ru/t/5U37j.jpg

-------------------------------------------------

Шаг 14
Затем я добавил легкий обьем - Bevel and Emboss. Это не очень хороший способ для создания обьема - но зато очень быстрый. Щелкните дважды на слое и поставте галочку напротив надписи Bevel and Emboss и установите следущие параметры:
Depth = 100%;
Size = 65px;
Soften = 0px;
еще Вы можете понизить Opacity для Highlight Mode, также как и для Shadow Mode:
http://s3.uploads.ru/t/sAzDJ.jpg

-------------------------------------------------

Шаг 15
Вы можете добавить всему изображению глубины. Чтобы сделать это используйте простой фильтр Gaussian Blur. Выберите листок, что расположенный пониже остальных. Правый клик по его слою и в появившемся меню выберите Convert to Smart Object. Теперь примените Filter > Blur > Gaussian Blur с размером в 2.6 пиксела.

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

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

http://s3.uploads.ru/t/pfDX3.jpg

-------------------------------------------------

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

Ну вот Вы и добились успеха - быстро и легко. Вы можете немного поиграть с этими листьями и сделать их много, разных типов и расположения. Я надеюсь, что Вам понравился урок. Половина которого заключалась в забаве с инструментом Деформации:

http://s3.uploads.ru/t/n1tMz.jpg

Применение:
Эта техника может использоваться в очень многих и разных проектах. Я использовал ее несколько раз для для Audio Jungle wallpaper (еще один вариант):
http://s3.uploads.ru/t/SzdWF.jpg
http://s3.uploads.ru/t/eXD3M.jpg

Автор: Brent Nelson - psd.tutsplus
Переводчик: Manoylov AC (demiart)