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


Главная » 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)
[02.04.2019][Lessons PHOTOSHOP]
Создаём сырный текст в Adobe Photoshop (0)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[13.02.2015][Plugins Photoshop]
AKVIS AirBrush 2.5.300.11214 (x86/x64) (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[22.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Beauty (0)
[22.10.2015][Lessons PHOTOSHOP]
Мастер-класс photoshop Oil Retouch (0)
[18.11.2015][Brushes Photoshop]
Rons Deviney Cyborg Circuitry 75 Brushes (0)
[19.11.2015][Lessons PHOTOSHOP]
Повышение практики мастерства в фотошоп (2015) (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[12.02.2015][video futage]
Awards Pack II - Project for After Effects (Videohive) (0)
[19.11.2015][Lessons PHOTOSHOP]
Ретушь и цветокоррекция от Гавра (2015) (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Womans Retouch (2015) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[12.02.2015][rastER KLipardy]
Фото младенцев \ Newborns, 25 x JPG (0)
[12.02.2015][vectOR KLipardy]
Цветные абстрактные фоны в векторе 9 (0)
[12.02.2015][DesiGN SofT]
GraphiSoft ArchiCAD 18 Build 4020 (x64) + Add-Ons (0)
[04.12.2015][Lessons PHOTOSHOP]
Tuts+ Premium - Creative Photo Effects in Adobe Photoshop (2015) (0)
 

Прикрепления:
Категория: Lessons PHOTOSHOP | Просмотров: 902 | Добавил: supermen | Теги: текстура, угол, текстуры листьев, Создание 3D фотографии, загибание краёв фото 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)



Среда
02.12.2020
01:02


Copyright artpost and semantic product zanchi 2010-2011 © 2020