Главная Регистрация Вход
Приветствую Вас Гость!


Главная » 2011 » Январь » 10 » Трехмерный Листок из Фотографии с текстурой
19:33
Трехмерный Листок из Фотографии с текстурой

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

Трехмерный Листок \ Three-Dimensional Sheet

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


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

Финальный вид:
Трехмерный Листок из Фотографии с текстурой
-------------------------------------------------



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

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



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

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



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

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



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

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



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

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



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

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



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

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

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



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

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



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

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



Шаг 10
Добавте листку немного перспективы, нажмите Ctrl+T и удерживая Alt+Shift, потяните верхний правый угол немного левее:
Трехмерный Листок из Фотографии с текстурой
-------------------------------------------------



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

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



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

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

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

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



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

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



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

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



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

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

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

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



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

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

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


Применение:
Эта техника может использоваться в очень многих и разных проектах. Я использовал ее несколько раз для для Audio Jungle wallpaper (еще один вариант):

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

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


Автор: Brent Nelson - psd.tutsplus

***


[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[23.10.2010][rastER KLipardy]
Косметика в HQ (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[16.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Retouch Man (2015) (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки photoshop Выборочная коррекция (2014) (0)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[12.02.2015][DesiGN SofT]
Room Arranger 7.5.0.421 (2014) Rus/Eng (0)
[21.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Art Wedding (0)
[12.02.2015][video futage]
Deep Eyes | 7 in 1 logo pack - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
PT Photo Editor 1.7.1 Standard Edition Rus Portable by SamDel (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеокурс удаление объектов в фотошопе (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
[22.10.2015][Lessons PHOTOSHOP]
Создание поверхности воды в photoshop (2015) (0)
 

Прикрепления:
Категория: Lessons PHOTOSHOP | Просмотров: 1176 | Добавил: supermen | Теги: текстура, угол, текстуры листьев, Создание 3D фотографии, загибание краёв фото photoshop, Трехмерный листик из фотографии с т, загиб текстуры
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Поиск






[27.03.2011][rastER KLipardy]
7 принцес Диснея в стиле Альфонса Мухи (6)
[19.09.2011][Veb DeSiGn]
Шаблон флеш сайта # 27000 (0)
[12.03.2013][Lessons PHOTOSHOP]
Создание изящного текста в мультяшном стиле \ Create Vibrant Typography in a Rough Cartoon Style (0)
[01.09.2013][rastER KLipardy]
Прелестная студентка с будильником / Beautiful student girl with clock - stock photo (0)
[03.01.2014][Lessons PHOTOSHOP]
Фотостилизация: Эффект каппучино, Mocha Frappucino Tutorial (0)
[09.09.2011][video futage]
Logo Reveal HD – Version 2 – VideoHive (1)
[29.05.2010][Lessons PHOTOSHOP]
BlueCracks, спецэффект (1)
[14.01.2011][rastER KLipardy]
Tricia Newell (0)
[17.09.2011][DesiGn bLOg]
Игра в напёрстки с клиентом (0)
[10.01.2011][Lessons PHOTOSHOP]
Как рисовался «Сломленный Линк» (0)

Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс цитирования
Rambler's Top100




[31.05.2010][Lessons PHOTOSHOP]
Создание кистей для рисования волос, меха, бород, комп.графика (7)
[11.06.2010][Lessons PHOTOSHOP]
Трехмерная надпись (8)
[17.06.2010][Lessons PHOTOSHOP]
Текст охваченный огнём, Stunning Text on Wild Fire Effect (6)
[03.12.2015][DesiGN SofT]
Sentaurus TCAD 2012 SP2 G-2012.06 SP2 на VMWare (1)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Композиция Шубека (0)
[30.12.2012][DesiGn bLOg]
Маленькой ёлочке холодно зимой! (0)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[01.09.2013][vectOR KLipardy]
Stock: Website Template (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[10.09.2011][Veb DeSiGn]
Template Monster – 11925 – Flash Template (0)
[30.12.2012][DesiGn bLOg]
Кофейные фантазии by Tomoko Shintani (0)
[09.11.2010][Styles Photoshop]
Более 150-ти стилей WEB 2.0 (1)



Пятница
19.04.2024
19:37


Copyright artpost and semantic product zanchi 2010-2011 © 2024