Фотомания

Вторник, 07.05.2024, 06:49
Приветствую Вас Гость

Регистрация
Вход

УРОКИ ФОТОШОПА


Главная » уроки » сложные

Натягивание текстуры на различные предметы, спецэффекты в графике
10.12.2012, 23:50
О текстурировании существует много разных полезных уроков, но вот именно
натягиванию текстуры особого значения почему-то не придают.

В итоге,
многие об этом забывают и ляпают совершенно плоскую однородную текстуру
на псевдообъемные предметы. Смотрится соответственно.


Конечно,
можно вырисовать все детали и текстуры однопиксельной кистью, и есть
даже герои, которые это делают! К сожалению, я к ним не отношусь,
удавлюсь я все ручками вырисовывать, если можно скопировать и вставить….


Часть 1

Давайте попробуем украсить комнату для Прекрасной Дамы.
Вот
такую вот Прекрасную даму я изобразила (заранее прошу прощения за
косяки перспективы, но когда я пытаюсь изобразить предметы, которых не
вижу, из меня прет школьный курс черчения, изометрическая проекция).

Натягивание текстуры на различные предметы *
Итак, допустим, что дама готова, комната, в принципе, тоже. Но вот как-то «лысовато» смотрится, явно чего-то не хватает.
Думаю, стулу не хватает древесины, стенам камней, а полу – ковра. Не помешал бы также ненавязчивый узор на платье…

Напоминание: чтобы сделать из картинки текстуру, надо эту картинку открыть в фотошопе и пойти Edit => Define Pattern => OK

Вот моя любимая текстурка для древесины, не сильно реалистичная, но очень декоративная.
Натягивание текстуры на различные предметы
Трудолюбивые могут нарисовать текстуру самостоятельно, тем более, что соответствующие уроки есть, я же возьму эту.
Посмотрим внимательно, из чего состоит стул. Из нескольких плоскостей, находящихся по отношению к нам под разными углами.
Поэтому
мы выделяем на новом слое длинный узкий прямоугольник, как боковина
стула и заполняем его текстурой. Затем нажимаем Ctrl+T и начинаем
деформировать. Если зажать Ctrl и потащить мышкой за середину
вертикальной стороны вправо и вверх, прямоугольник примет форму
параллелепипеда. Но боковина стула у нас изогнутая. Для этого зажимаем
кнопочку Switch between free transform and wrap mode, чтобы изогнуть
фигуру. Когда изгибаем, внимательно смотрим на боковину стула, чтобы
было максимально похоже! Вот, один элемент готов. Теперь на новом слое
рисуем большой прямоугольник, это будет спинка стула. Элементы должны
быть соразмерны по пропорциям, чтобы рисунок на всем стуле был
одинакового размера, я рисую прямоугольник прямо над стулом, чтобы было
удобнее трансформировать, также нужно следить на направлением текстуры.
Далее заполняем прямоугольник текстурой, Ctrl+T и точно так же изменяем
форму. Затем верхний край и т.д. Вот, я все нарисовала, слила в один
слой. Теперь заполняем пустоты, резинкой подтираем лишнее, располагаем
под слоем с Дамой. Режим наложения слоя я сделала Overlay, получилось
слишком насыщенно, => Ctrl+U, снизила Saturation, отрегулировала
прозрачность слоя => получилось то, что надо.

Далее, у стула
мягкая спинка, обтянутая тканью. Я взяла текстуру ткани, закрасила ею
прямоугольник, обесцветила Ctrl+Shift+U, подняла контраст Ctrl+M,
изогнула уже известным нам способом, лишнее подтерла, режим наложения
слоя Overlay.

Натягивание текстуры на различные предметы *

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

Вставила кусок узора в наш файл с Дамой, далее, Ctrl+T и очень сильно его изогнула!
Мне показалось этого недостаточно, и я воспользовалась еще фильтром Filter => Liquity для еще большей деформацииsmile.gif
Теперь я просто помещаю этот слой перед слоем с пуфиком, подтираю лишнее, режим наложения Overlay.
Натягивание текстуры на различные предметы *

Далее,
мне хочется постелить на пол ковер. Паркет смотрится слишком холодно,
камень – мрачно, доски – неинтересно. Искала подходящую текстуру для
ковра, не нашла, плюнула, нарисовала в отдельном файле свой узор,
достаточно большой, чтобы его прямо вставить, используя различные
фильтры и текстурные кистиsmile.gif

Натягивание текстуры на различные предметы
Можно воспользоваться этим уроком
Вставила
ковер в файл, далее Ctrl+T, сделала из прямоугольника параллелепипед.
Расположила поверх слоя с фоном, лишнее подтерла ластиком.

Натягивание текстуры на различные предметы *

Со стенами просто, как с полом. Беру вот такую текстуру.
Натягивание текстуры на различные предметы
Заливаю большой прямоугольник, деформирую по форме стены.
Заливаю
прямоугольник поменьше – деформирую под оконный проем. Оконный проем я
изображаю двумя прямоугольниками – для вертикальной и горизонтальной
плоскости. Режим наложения слоя – Overlay.

Оконную раму делаю из той же текстуры дерева, что и стулsmile.gif
Натягивание текстуры на различные предметы *

Хочется еще добавить узоры на ткань: шторы и платье, а то как-то скучновато.
Для штор я нашла вот такую текстуру.
Натягивание текстуры на различные предметы
Можно изгибать и деформировать шторы по кусочкам, но у меня уже кончилось терпение, тем более, текстура довольно бесформенная.
Итак,
делаю текстурную кисть. Берем кисть с мягкими краями, размер 100
пикселей, черный цвет, непрозрачность 20%, открываем вкладочку Brushes,
ставим галочку Texture с приблизительно такими установками. Текстурку
выбираем свою.

Натягивание текстуры на различные предметы *

А
теперь аккуратненько закрашиваем складочки шторы на новом слое (режим
наложения слоя Overlay), не забывая, что более яркой должна быть
текстура на освещенных местах, а в тени ее практически не видно, можно и
не рисовать.

Если текстура получается слишком однородной, используем
тот же фильтр Luquity, в нем можно издеваться над формой изображения,
как угодноsmile.gif


Таким же макаром делаем текстурку и на платье, узор я нашла потрясающий:
Натягивание текстуры на различные предметы
С
маленькими поправками: режим наложения слоя для текстуры Soft Light, и
добавим Layer Style => Bevel and Emboss => настройки на картинке.

Натягивание текстуры на различные предметы *

И наконец, вот, какая итоговая картинка у меня получилась!
Я, конечно, опустила ненужные здесь подробности о прорисовывании всего остального.
Урок будет продолжаться и дополняться более сложными формамиwink.gif

Натягивание текстуры на различные предметы *

Часть 2

поехали дальше. Поскольку меня спрашивали, как я делала "кошкодавке" lol.gif свитер, я решила показать это подробнее и в свободный доступ.
Не скрою, меня обуяла гордыня и я решила рисовать все ручками. Вот подмалевок, тут я определилась с позой, светом и цветами.
Натягивание текстуры на различные предметы *

Потом
я начала рисовать вертикальные полоски. Не понравилось - замазюкала
пальцем - стало еще хуже - зарисовала поверх.... вот, что получилось.

Натягивание текстуры на различные предметы *

Лысовато. Снова прорисовала вертикальный узор, тщательнее и не такой крупный, как вначале.
Натягивание текстуры на различные предметы *

Все равно лысовато. Тут я разочаровалась и поняла, что без текстуры не выкручусь.... Текстура вот

Не
буду в четвертый раз показывать, как я ее изгибала, укажу только, что
пользовалась Free Transform (Ctrl+T) Warp и фильтром Liqufy (фильтром я
утолщала, в частности, узор на сгибах воротника и сужала в середине
воротника). Тени я рисовала прямо на текстуре после изгибания. Лишнее
вытерла ластиком. Вот, что у меня в итоге получилось.

Натягивание текстуры на различные предметы *

Режим наложения для текстуры Overlay. Вуаля!
Натягивание текстуры на различные предметы * wub.gif

ЗЫ В двенадцатый раз повторяю: кошку никто не мучит! Эта кошка сама кого угодно замучит biggrin.gif
У нее просто от рождения выражение морды изумленное, которое многим
кажется почему-то несчастным. На самом деле в несчастных ситуациях
выражение морды у нее совершенно другое biggrin.gif


Часть 3

И сюда же, до кучи, волосы. По просьбе LazyLassie wub.gif
Оговорюсь: это неправильный метод! Просто иначе у меня не получаетсяsmile.gif
И еще: я рисую планшетом. Мышью тоже, в принципе, можно, но будет гораздо дольше.
Снавала тоже был подмалевок - я наметила форму, цвет, свет.
Натягивание текстуры на различные предметы *

Затем довольно грубая прорисовка локонов. Произвольно, кистью, и тут же - smudge.gif
. Одно замечание: свет рисую светлым цветом фона, режим наложения кисти
Color Dodge, кисть обычна круглая с твердыми краями, полупрозрачная.
Тени - коричневым и синеватым, той же кистью, режим наложения Linear
Burn. Иногда меняю режим наложения, так получается больше оттенков.
Палец использую в форме нескольких точек.

Натягивание текстуры на различные предметы *

Натягивание текстуры на различные предметы *

Надо
бы прорисовать переплетенные локоны... Но увы, я не умею. Каждый раз
пытаюсь, потом плюю, рисую волнами свет и тень, растушевываю помягче и
начинаю прорисовывать волоски.

Натягивание текстуры на различные предметы *

Сначала
рисую темные, на новом слое, размер кисти 2 пикселя, жесткая,
непрозрачная, цвет темно-коричневый (периодически варьирую цвет), режим
наложения Normal, выставляю зависимость толщины кисти от нажима на перо.

Темных волосков больше рисую в темных местах.
Натягивание текстуры на различные предметы *

Потом
- светлые волоски на новом слое. Кисть такая же, цвет беру с самых
светлых мест и делаю еще светлее, иногда - вообще белый. Светлых
волосков больше рисую на светлых местах, они как бы продолжают темные
волоски. Делаю так, потому что ручки дрожат, и нарисовать длинный
красивый ровный волосок не могу, увы, даже планшетом.

Натягивание текстуры на различные предметы *

Потом
я копирую слой со светлыми волосками, размываю его фильтром Gaussian
Blur примерно на 2-4 пикселя, на глаз. Режим наложения слоя Overlay.

Натягивание текстуры на различные предметы *

Я подтираю на этом слое все темные места, свечение оставляю на светлых местах и по краям головы.
На основном слое с волосами я полупрозрачным ластиком подтираю края прядей, делая их мягче.
Вот, что получается в итоге.
Натягивание текстуры на различные предметы * wub.gif

Часть 4

Это
вполне реальные колготки, у меня такие есть. Сначала я добросовестно
пыталась рисовать их от руки. Но при моих дрожащих ручках не спасает
даже планшет, так что я и показывать попытки не буду. Потом я решила
сделать умнее, и воспользоваться кривыми Безье. Меня хватило на 5
кривых, дальше шарики заехали за ролики, и я плюнула на это дело. А
колготки, однако, хочется! И я решила еще более автоматизировать
процесс.

Сначала сделаем текстурку сеточки. Создадим новый файл,
пустой, без заливки, 16х16 пикселей, например. Размер довольно
относителен, т.к. размер наших колготок может быть совершенно разным.
Рисуем в этом файле крестик посередине, кисточкой в 3 пикселя. Далее
Edit => Define Pattern => OK.

Натягивание текстуры на различные предметы *
Текстура готова!

Теперь
открываем файл с ногами, на которые нужно одеть колготки. В принципе,
это можно сделать и в отдельном файле, но мне вот так удобнее.

Заливаем новый слой текстурой Edit => Fill => Pattern, не забудьте выбрать свою клеточку!
Натягивание текстуры на различные предметы *

Теперь
перевернем на 45 градусов (на самом деле колготки ведь не в сеточку, а в
ромбик!), уменьшим, если сеточка кажется крупной. Теперь нам вовсе не
нужно столько сетки. Поэтому я на глаз выделяю прямоугольник, размером с
ногу, копирую на новый слой, а ненужное удаляю. Нога круглой, точнее
цилиндрической или конусовидной формы, но уж никак не плоская! Тот же
объем нужно придать и текстуре. Для этого нашу сетку выделяем
прямоугольником и применяем Filter => Distort => Spherize с
настройками, как на картинке. Если этого недостаточно, еще раз применяем
тот же фильтр.

Натягивание текстуры на различные предметы *

Получилась
этакая сетчатая трубка – прекрасно! Задача – натянуть ее на ногу. Я
выделяю кусок для верхней части ноги, копирую, накладываю на ногу
сверху, поворачиваю. Затем тоже самое для нижней. Я стараюсь вырезать
аккуратно, чтобы максимально совпали ромбики. Подтягиваю углы мышкой,
зажав Ctrl. Почти получилось. Но теперь чулок одинаковый по ширине, а
так не бывает, нога-то сужается к щиколотке… Для этого мы воспользуемся
фильтром Filter => Liquity. С его помощью можно плавно сдвигать,
утолщать, сужать объект. К сожалению, он показывает только 1 слой, с
которым работает, поэтому приходится делать все на глаз, в несколько
приемов.

Натягивание текстуры на различные предметы *

Когда
результат меня удовлетворил, я просто стерла все выступающие части
сеточки. Также я скопировала маленькие кусочки на ступни и
соответственно их повернула, стерла лишнее, объединила в 1 слой.

Неровные и некрасивые стыки я подвела и подтерла вручную.
Но
все равно как-то плосковато, поэтому лучше добавить LayerStyle
(нехорошо конечно, непрофессионально, ну дык я и не профессионал).

Натягивание текстуры на различные предметы *

Теперь
я нарисую узор, как на моих колготках. Ну и не страшно, что кривовато,
на настоящих колготках ровно и не бывает. Теперь колготки нормальные,
узор плоский. Я попробовала добавить LayerStyle – не понравилось.
Поэтому я скопировала слой с цветами, закрасила их полностью в черный
цвет, режим наложения SoftLight, скопировала то, что получилось, Ctrl+I
режим наложения SoftLight, и подвинула инвертированную копию на пару
пикселей вправо и вверх.

Натягивание текстуры на различные предметы *

Все!

Автор: Olesya
Категория: сложные | Добавил: admin | Теги: ajnjijgбНатягивание текстуры на раз, уроки фотошоп, спецэффекты в графикебe
Просмотров: 967 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Меню сайта
Форма входа

Категории раздела
простые [49]
средние [49]
сложные [49]
кто онлайн
закладки
Друзья сайта
  • АНИМАЦИЯ
  • ALLlinks каталог сайтов - каталог ссылок рунета
  • Разработка сайтов
  • Каталог сайтов Всего.ру
  • Белый каталог сайтов

  • Статистика
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0







    ТЕГИ
    плагины к фотошопу Color Efex Pro 3.0 Анимация призрака ProDigital Software StarFilter Pro Alien Skin Blow Up плагины для фотошопа MULTILANG +RUS Vertus Fluid Mask 3 v3.2.3.8537 3.2 Анимация-капелька Magic Bullet PhotoLooks 1.5 Анимация по временной шкале в photo Анимация с текстом AKVIS Coloriage 7.5 Анимация по временной шкале в photo Фотошоп Анимация. HyperTyle v 1.05 Retail for Adobe P http://depositfiles.com/files/41912 Nik Software Sharpener Pro 3.0 анимация Nik Software Viveza 2.001 Puzzle Effect PhotoZoom Pro 4.0.4 Multilang (Rus) Christmas Lights Tutorial Tintii Photo Filter 2.6.0 for Adobe видео урок по временной шкале Alien Skin Exposure v 3.0.6 Animating A Ship On Sea Surface Topaz Detail 3.0.0 x86/x64 for Adob Плагины Alien Skin Eye Candy v7.0.0 Topaz ReMask 3.2 Rus (32-64) Curvemeister v3.4.1 retail for Adob Анимация полета вертолета Kolor Neutralhazer 1.0.2 for Adobe Анимированные песочные часы спецэффект Анимация плывущих облаков Анимация сканера УРОКИ АНИМАЦИИ уроки фотошопа non-destructive editing in Photosho Анимация Экранизации ehjrb ajnjijg Анимация волны Аваторка Выделяем волосы брызги духов Scrolling Background Text Анимированный Satin + видео как это было сделано волос глаз Vintage Analogue Photoshop и Image Ready Анимация полета Большая прогулка Винни Пуха (анимац Lomo Эффект в Photoshop Бегемотоящерица урок фотошоп Tone&colour Enhancement Half Wire Model Анджелина Джолли как Нави из фильма Блестяшки на тесте и объектах глиттеры анимация в фотошопе .....в рисунок карандашем!!! анимация для фона Color Ray Gradient фотообработка в стиле Jill Greenberg professional retouching 2 woman photo retouch близкая к профи! 10 самых распространённых ошибок ре Compass Tutorial Photo Strip Design and Print a 70s Style T-Shir Виртуальный тюнинг автомобиля в Фот 3D Recycling Bin Icon 3D текст и световые эффекты ajnjijgбНатягивание текстуры на раз гарда грандж текст 3D TEXT Акватекст уроки фотошоп Creating Funny Big Head Characters Воспоминания Dancer Авторский урок Can't sleep wallpaper В ожидании чуда взгляда через разбитое стекло Взрыв в фотошопе Выход в новый мир уроки в фотошопе 3D объекты в Photoshop Вода в фотошоп
    Поиск