IPB   poser.su 
ГЛАВНАЯ ФОРУМЫ ИЗБРАННОЕ ГАЛЕРЕЯ УРОКИ ССЫЛКИ ПОИСК ПОЛЬЗОВАТЕЛИ   НАГРАДЫ ПРАВИЛА  
2 страниц V  1 2 >   Ответить в эту темуОткрыть новую тему
> Полосатое белье 2, Создание карт
« Предыдущая тема | Следующая тема » Подписка на тему | Сообщить другу | Версия для печати
   
Joke
Пользователь в офлайне сообщение 30.3.2012, 1:51 Сообщение #1 Данные пользователяОтправить личное сообщениеОтветить с цитированием данного сообщения



Group Icon

Старейшина
Сообщений: 3 489
Репутация:
  72  
Награды: 25


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


Для примера возьмем фрагмент раскладки, соответствующий правой чашке корсета.
Уменьшенное изображение 97% Прикрепленное изображение

Рис.1

Вот так он выглядит в натуральную величину.
Начать попробуем "от печки". smile.gif А печка наша заключается в наличии у нас куска ткани нужного цвета и кусков золотистого кружева на прозрачном фоне.
Все карты для одного материала я обычно создаю послойно в одном PSD-файле.
Поехали.

Карта 1. ТЕКСТУРА

1.1 Для начала выделим всю часть нашей раскладки, где будет располагаться непосредственно текстура. Предпочитаю делать это так:
инструментом Magic Wand
Прикрепленное изображение

тыкаю в "пустую" часть карты, затем в верхнем меню выбираю Select-->Inverse (или Ctrl+Shift+I)
Прикрепленное изображение

Рис.2

для того,
чтобы инвертировать выделение и получить выделенной нужную нам зону.
Теперь полученное выделение надо расширить хотя бы на пару пикселей, чтобы гарантированно не получить белых полос на границах
текстурируемого объекта. Для этого снова в верхнем меню выбираем Select-->Modify-->Expand (Рис.3 (1)) и в появившемся окошке выставляем 2 пиксела (Рис.3 (2)).
Прикрепленное изображение

Рис.3

Сейчас выделено то, что станет нашей рабочей областью. Произодим стандартную операцию копирования-вставки (Ctrl+C; Сtrl+V).
Теперь нужная нам область существует на новом слое отдельно от фона. Назовем этот слой base.

1.2 Теперь создадим тканевую основу нашей текстуры. Копируем имеющийся у нас кусок ткани на слой над полученной нами областью текстурирования.
Если наш кусок достаточного размера, то получаем полностью заполненный тканью слой, назовем его cloth. Для удобства работы нам нужно оставить только ту его часть, которая соответствует созданной нами области слоя base. Существует несколько способов это сделать, но в данном случае наибольшее удобство
и свободу действий оставляет следующий способ: зажимаем ALt и подводим курсор к линии, разделяющий слои base и cloth в окне Layers (Рис.4 (1)) и кликаем левую кнопку мыши.
Прикрепленное изображение

Рис.4

Если все проделано как надо, то в окне Layers появится Г-образная стрелка от cloth к base (Рис.4 (2)), а в самом файле видимой останется только та часть слоя cloth которой соответствует наша рабочая форма со слоя base. Этот способ хорош тем, что мы ничего не обрезали на слое ткани и при желании можем свободно его подвигать, или трансформировать, при этом нужная нам форма, задаваемая слоем base останется неизменной.

1.3 Займемся созданием полосок. Для начала, решим, какой ширины в пикселах они должны быть. Я выбрала значение в 10px. Создадим новый пустой файл шириной равный
двум нашим полоскам и высотой в 1px, то есть 20х1px При создании фон выберем прозрачный.
Прикрепленное изображение

Рис.5

Левую половину файла (10px) заполним каким-нибудь цветом. Я беру или белый, или цвет близкий к тому, какого цвета полоски мне хотелось бы сделать.
Теперь по Ctrl+A выделяем всю область нашего файла. В верхнем меню выбираем Edit-->Define Pattern (Рис.6 (1)) и вводим понятное нам обозначение для этого паттерна.
Например poloski (Рис.6 (2)).
Прикрепленное изображение

Рис.6

Возвращаемся к нашему основному файлу. Выбираем инструмент заливки.
Прикрепленное изображение

В панели параметров заливки выбираем тип заливки Pattern (Рис.7 (1)).
В раскрывшейся таблице паттернов выбираем наш паттерн poloski (Рис.7 (2)).
Прикрепленное изображение

Рис.7

Создаем в основном файле новый слой над слоем cloth. Называем, например lines и тыкаем в него инструментом заливки. ПОлучаем слой из чередующихся цветных
и прозрачных полос по 10px шириной. Повторяем действия из пункта 1.2, но теперь наводимся на полосу между cloth и lines в окне Layers, результат на (Рис.8 (1)).
Слою lines в свойствах наложения слоев назначаем Overlay (Рис.8 (2)).
Прикрепленное изображение

Рис.8

Можно с использованием различных способов коррекции цвета вывести наши полоски в нужный нам оттенок, поскольку, наложенные оверлеем на фоновую ткань они,
само собой цвет изменили.
Уменьшенное изображение 97% Прикрепленное изображение

Рис.9
У меня получился вот такой результат.

1.4 Поскольку ткань, как правило все же как-то сшивают (или подшивают) нужно сделать текстуру шва. Посмотрим, какие части нашей текстуры должны его содержать.
Прикрепленное изображение

Рис. 10

Красным на Рис. 10 отмечены линии каркаса нашей чашки (сам каркас находится в другой части карты, его в этом уроке мы не рассматриваем). Розовая область -
область плотной ткани, по которой и пойдет наш шов. Белая часть - кружевная часть чашки, там шов не нужен. Для создания швов я предпочитаю пользоваться связкой
Фотошоп+Иллюстратор.

Выбираем слой base и выделяем его полностью с помощью Ctrl+A. Копируем выделение в буфер (Ctrl+C). Создаем новый файл с белым фоном и туда вставляем из буфера
скопированную основу (Ctrl+V). Выбираем для заливки черный цвет,
Прикрепленное изображение

нажимаем Alt+Shift+Backspace и получаем форму нашей чашки залитую черным цветом, расположенную на белом фоне.
Результат сохраняем как JPG файл (лучше максимального качества). Называем, например form.jpg.

ВНИМАНИЕ! ВРЕМЕННО ПЕРЕМЕЩАЕМСЯ В ADOBE ILLUSTRATOR!

В Иллюстраторе создаем новый пустой файл. В меню File выбираем Place и берем наш form.jpg
Прикрепленное изображение

Рис.11

По умолчанию вставленный объект выделен. Пока это растровый объект, а нам для дальнийших манипуляций нужно перевести его в векторную форму.
Для этого Выбираем в верхнем меню Object-->Live Trace--> Make and Expand
Прикрепленное изображение

Рис.12

После этого там же в меню Object выбираем Ungroup (или Shift+Ctrl+G). Теперь у нас есть наша черная форма в векторном виде (что нам и надо),
но она окружена отделенными от нее и тоже теперь векторными кусками белого фона (которые нам не нужны). Последовательно выделяем их и удаляем стандартной клавишей Del.
Теперь приступаем, собственно к тому, ради чего и затевался прыжок между программами. Если наша форма не выделена, то выделяем ее.
Изначально наша форма залита черным и не имеет контура (Рис.13(1)). Переводим ее в братное состояние - контур без заливки (Рис.13 (2)).
Прикрепленное изображение

Рис.13

Открываем панель Stroke и выбираем нужную нам толщину линии (для данного примера это 2 pt) (Рис.14 (1)), включаем галочку Dashed line (Рис.14 (2)),
И выбираем параметры полученного пунктира (первое число задает "длину стежка", второе "расстояние между стежками", в нашем случае я выбрала 8 и 2 соответственно) (Рис.14 (3)).
Прикрепленное изображение

Рис.14

На данном этапе можно уже вернуться к фотошопу и поработать в нем ластиком, но меня это не сильно радует, предпочитаю взять в Иллюстраторе Direct Selectiom Tool,
Прикрепленное изображение

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

Рис.15


Выделяем результат наших трудов с помощью Selection Tool,
Прикрепленное изображение

копируем в буфер Ctrl+C, и...

ВНИМАНИЕ! ВОЗВРАЩАЕМСЯ В ADOBE PHOTOSHOP!

Где и нажимаем вставку по Ctrl+V, или в меню Edit-->Paste.
Подгоняем наш пунктир по месту, красим его в нужный цвет и навешиваем дополнительные эффекты слоя. Я предпочитаю и красить тоже с помощью эффекта слоя Color Overlay.
Называем этот слой stich. На Рис. 16 можно видеть, какие эффекты добавлены слою stich и рядом развернуты параметры эффектов Drop Shadow и Bevel and Emboss.
Color Overlay выбирается в зависимости от нужного цвета нити. В левом нижнем углу фрагмент текстуры со швом, полученным в результате.
Уменьшенное изображение 99% Прикрепленное изображение

Рис.16

1.5 Собственно осталось добавить вышивку и кружево. Вышивку располагаем в розовой области (Рис.10), кружево располагаем в белой области, обрезая по ее границе.
Поскольку в начале мы договорились, что у нас уже есть эти элементы отделки с прозрачным фоном, то наша задача просто разместить их как нам нравится.
Лучше для каждого из них тоже оставить отдельный слой.
Уменьшенное изображение 97% Прикрепленное изображение

Рис.17

Текстурная карта готова. Для удобства работы по созданию остальных карт хорошо бы выделить все полученные слои текстурного файла и сгруппировать их по Ctrl+G,
а полученную папку в окне Layers назвать texture.

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


На сегодня все. Продолжение следует...


--------------------
Всё бы ничего, если б не конечно, а то не приведи чего зря - вот тебе и пожалуйста...
Joke
Пользователь в офлайне сообщение 30.3.2012, 23:59 Сообщение #2 Данные пользователяОтправить личное сообщениеОтветить с цитированием данного сообщения



Group Icon

Старейшина
Сообщений: 3 489
Репутация:
  72  
Награды: 25


Карта 2. ПРОЗРАЧНОСТЬ

Небольшое вступление, на предмет, наверное, всем известный, просто на всякий случай.
Карта прозрачности представляет собой карту в градациях серого. Изначально эту карту лучше делать в цветовом режиме RGB.
В этом режиме черному цвету, отвечающему за полную прозрачность участка карты, соответствует нулевое значение всех составляющих цвета (R=0; G=0; B=0).
Белому цвету, отвечающему за абсолютно непрозрачные участки карты соответствует максимальное значение всех составляющих, равное 255 (R=255; G=255; B=255).
Соответственно есть еще одна цветовая веха - половинная прозрачность где все составляющие имеют среднее значение между 0 и 255, равное 128 (R=128; G=128; B=128).
Соответственно все, что имеет бОльшее значение параметров, чем у срединного цвета, оказывается менее прозрачным, меньшее - более прозрачным.
Этими соображениями руководствуемся при выборе оттенков для областей с частичной прозрачностью.

2.1 Создадим копию полученной в конце создания текстурной карты папку texture в окне Layers. Переименуем эту копию в transparency.
Создаем новый слой в этой папке, размещаем его ниже всех остальных слоев и заливаем черным цветом. Назовем, например, black.
Слои lines и cloth, а также слой с вышивкой на плотной части ткани и слой со швом нам для этой карты не нужны. Поэтому их смело удаляем.

2.2 Выбираем наш слой base copy в папке transparency это копия слоя base из папки texture. Выделяем его белую согласно Рис.10 область любым удобным способом, например?
с помощью инструмента Лассо (Lasso Tool) или Полигонального Лассо (Polygonal Lasso Tool)
Прикрепленное изображение

или любым другим удобным/привычным способом.
Создаем новый слой над слоем base copy и заливаем полученное выделение черным цветом. Допустим, этоn слой будет называться trans.
Уменьшенное изображение 97% Прикрепленное изображение

Рис.18

Теперь красим слой base copy в белый цвет. Поскольку нам еще может понадобиться рисунок сетки или ещу что-нибудь, предпочитаю красить с помощью эффекта слоя Color Overlay, выбрав там белый цвет.

2.3Выбираем копию слоя кружев (у меня это lace copy), берем белый цвет заливки и нажимаем Alt+Shift+Backspace. Теперь наше кружево стало однородно белым, то есть непрозрачным на черном фоне слоя
trans. Для получения более естественного нитяного плетения кружев подвергнем этот слой дополнительной обработке. Зажимаем Ctrl и левой кнопкой мыши кликаем на иконке слоя с кружевом.
Получили выделение всех заполненны пикселей этого слоя. Теперь в верхнем меню выбираем Select-->Modify-->Contract и в полученном окне выставляем значение 1px (аналогичные действия только с использованием функции Expand и со значением 2px
мы уже использовали при создании текстуры (Рис.3)). Теперь жмем Delete и получаем более редкое плетение.
Выбираем в верхнем меню Filter-->Sharpen-->Sharpen. Узор стал резче.Но теперь он у нас слишком тонкий для хорошего отображения нитей.
Продублируем этот слой и выставим новому слою прозрачность 50%. Теперь склеим новый слой со слоем lace copy, выбрав новый слой и нажав Ctrl+E.
Далее ставим цветом заливки белый цвет, создаем над слоем кружева новый слой stroke. Зажимаем Ctrl и левой кнопкой мыши кликаем на иконке слоя с кружевом.
Переходим на слой stroke.
В верхнем меню выбираем Edit-->Stroke и в появившейся панели выствляем следующие настройки:
Прикрепленное изображение

Рис.19

Выставляем слою stroke прозрачность равную 20%.

Получаем узор следующего вида:
Уменьшенное изображение 97% Прикрепленное изображение

Рис.20

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

2.4 Выберем цвет для полупрозрачной ткани. В данном случае вполне подойдет среднее значение (R=128; G=128; B=128).
Над слоем trans но ниже слоев lace copy и stroke создаем слой trans1.
Прикрепленное изображение

Рис.21

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

Рис.22

Вот такой результат получился в моем комплекте. Теперь можно сохранить наш рабочий PSD файл, а затем перевести его в черно-белое изображение (Рис.23(1)), выбрав при этом склейку слоев (Рис.23(2)).
Прикрепленное изображение

Рис.23

Полученное черно-белое изображение сохраняем под новым именем через меню File-->Save As... выбрав для сохранения формат JPG. Для сохраняемой карты достаточно выставить уровень качества 8.
Хотя при желании и отсутствии ограничений по размеру можно выставить и максимум = 12.

По карте прозрачности тоже все. Продолжение следует...


--------------------
Всё бы ничего, если б не конечно, а то не приведи чего зря - вот тебе и пожалуйста...
Joke
Пользователь в офлайне сообщение 31.3.2012, 0:06 Сообщение #3 Данные пользователяОтправить личное сообщениеОтветить с цитированием данного сообщения



Group Icon

Старейшина
Сообщений: 3 489
Репутация:
  72  
Награды: 25


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


--------------------
Всё бы ничего, если б не конечно, а то не приведи чего зря - вот тебе и пожалуйста...
yudined
Пользователь в офлайне сообщение 31.3.2012, 0:12 Сообщение #4 Данные пользователяОтправить личное сообщениеОтветить с цитированием данного сообщения



Group Icon

Кукушковед
Сообщений: 8 035
Репутация:
  105  
Награды: 1


По мне так все прекрасно. Спасибо Joke pri.gif


--------------------
Изображение Я ни в ангелов, ни в дьявола
не верю, поэтому всё своими ручками, умом и потом...
Vadora
Пользователь в офлайне сообщение 31.3.2012, 0:43 Сообщение #5 Данные пользователяОтправить личное сообщениеОтветить с цитированием данного сообщения



Group Icon

Ситх, просто ситх
Сообщений: 4 581
Репутация:
  37  


А возможно ли, в случае - нужно ли, на рисунке 17 или даже еще 9, пользуясь Edit - Transform - Warp сузить верхний край полосатой ткани? Чтобы следовала линии сетки.
И вопрос Б. В самом ФШ есть векторный инструмент. Можно ли очертить нужную линию им или другой варант - создать селекцию\выделение и обранинь его в путь\дорожку\векторную линию. Создаем кисть рачмером какой нужен для шва и даем Path - Stroke path.

Сообщение отредактировал Vadora - 31.3.2012, 0:49
Joke
Пользователь в офлайне сообщение 31.3.2012, 1:12 Сообщение #6 Данные пользователяОтправить личное сообщениеОтветить с цитированием данного сообщения



Group Icon

Старейшина
Сообщений: 3 489
Репутация:
  72  
Награды: 25


yudined, ок, будем продолжать. smile.gif

Vadora, по первому вопросу - в принципе можно. Но в данном случае, исходя из расположения полос по готовой чашке, не нужно.

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


--------------------
Всё бы ничего, если б не конечно, а то не приведи чего зря - вот тебе и пожалуйста...
Joke
Пользователь в офлайне сообщение 31.3.2012, 1:21 Сообщение #7 Данные пользователяОтправить личное сообщениеОтветить с цитированием данного сообщения



Group Icon

Старейшина
Сообщений: 3 489
Репутация:
  72  
Награды: 25


Карта 3. РЕЛЬЕФ (БАМП)

Бамп-карта представляет собой черно-белое изображение, используемое для придания материалу в нужных местах шероховатости или небольших изменений рельефа (например, стежки или вышивка).
окраска бамп-карты задает уровень высот элементов материала. Чем ближе цвет элемента к белому (R=255; G=255; B=255) по RGB, тем он более выпуклый, чем ближе к черному (R=0; G=0; B=0), тем глубже он расположен.

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

3.1 Снова делаем копию папки texture в окне Layers нашего рабочего PSD-файла. Называем полученную копию папки bump. Создадим в этой папке слой black как это описано в пункте 2.1.
Слои с вышивкой и кружевами в данном случае можно склеить. Проверяем, находятся ли эти два слоя непосредственно друг под другом, выбираем верхний их них и жмем Ctrl+E. Получили слой lace copy 2, содержащий кружево и вышивку.
Поочередно применим к слоям base copy 2, cloth copy, lines copy и lace copy 2 функцию Image-->Adjustments-->Desaturate (или Shift+Ctrl+U).
Прикрепленное изображение

Рис. 24

Для слоя stich copy, содержащего шов, достаточно выбрать в эффекте слоя Color Overlay оттенок серого немного более светлый, чем светлые полосы нашей ткани. В моем примере выбран цвет (R=109; G=109; B=109).
Можно и остальные эффекты слоя stich copy перевести в градации серого, но в данном случае в этом нет нужды - все равно в итоге файл будет переведен в режим Grayscale. А вот оценить яркость самого стежка, не придав ему серого оттенка довольно сложно, и при переходе к черно белому изображению он может оказаться либо слишком светлым, либо слишком темным.
Кстати, что касается светлых полос, включать ли их в бамп-карту - дело вкуса. если мы предполагаем, что полосы у нас заданы только цветом и блеском ткани, а разницы высот между ними нет ни малейшей,
смело удаляем слой lines copy. Но на мой взгляд небольшой перепад высот от полоски к полоске усиливает эффектность ткани.

Вот такое изображение мы получили.
Уменьшенное изображение 97% Прикрепленное изображение

Рис.25

Все бы хорошо, но от вышивки золотом хотелось бы большей фактурности на финальном материала.

3.2 Переходим на слой lace copy 2 и осветляем нашу отделку (кружево и вышивку), используя функцию Image-->Adjustments-->Brightness/Contrast... (Рис.26(1)).
В данном случае, на мой взгляд достаточно поднять яркость на 60 (Рис.26(2)).
Прикрепленное изображение

Рис.26

Вот как выглядит итоговый вариант нашей бамп-карты.
Уменьшенное изображение 97% Прикрепленное изображение

Рис.27

3.3 полностью повторяет пункт 2.5.

Может возникнуть вполне оправданный вопрос, почему нам было сразу не воспользоваться переводом файла в режим Grayscale, как описано в пункте
2.4, (Рис.23(1)), только выбрать при этом Don't Flatten, чтобы сохранить послойное разделение, а уж потом просто подкорректировать яркость и контрастность полученных слоев?
Для этого есть две причины. Первая та, что управление цветами в режиме RGB (даже в случае работы с ч/б картинкой) остается более гибким. И даже не все карты, являющиеся по сути черно-белыми терпят преход от RGB к Grayscale сохраняя требумое качество. Более подробно об этом речь пойдет ниже.
Вторая причина в том, что в режим Grayscale нам пришлось бы перевести весь наш рабочий PSD-файл, который помимо прочего содержит и послойную версию нашей цветной текстуры.
Переведя файл в режим Grayscale исходник текстуры мы теряем.

Так ли уж важно все карты делать в одном PSD-файле?
Не особо, но удобно. Посокльку новые карты мы получаем копированием папки с исходной текстурой и последующей обработкой, все элементы у нас находятся строго на своих местах для всех карт.
Если нам придет в голову подвинуть какой-то из элементов или как-нибудь его деформировать, можно будет применить эти измениения сразу на все слои, содержащие отображения этого элемента, что избавит от многих лишних телодвижений и возможных неточностей.
А уж если приходится делать текстурный пак на некоторый комплект одежды, состоящий из нескольких предметов, куда удобнее, если все карты, относящиеся к одному материалу лежат в одном файле.
Впрочем, это дело вкуса и привычки. smile.gif

На сегодня опять все, а то оно уже очень завтра... smile.gif Продолжение следует...


--------------------
Всё бы ничего, если б не конечно, а то не приведи чего зря - вот тебе и пожалуйста...
Vadora
Пользователь в офлайне сообщение 31.3.2012, 8:40 Сообщение #8 Данные пользователяОтправить личное сообщениеОтветить с цитированием данного сообщения



Group Icon

Ситх, просто ситх
Сообщений: 4 581
Репутация:
  37  


Joke, Спасибо. Вот, например для трюка с швом, я вообще не задумывался, а оно может нервов сэкономить blink.gif
Жду дисплейсмент и спекуляр, а то эта влажносту грязь... мозги задымились.
Joke
Пользователь в офлайне сообщение 31.3.2012, 11:27 Сообщение #9 Данные пользователяОтправить личное сообщениеОтветить с цитированием данного сообщения



Group Icon

Старейшина
Сообщений: 3 489
Репутация:
  72  
Награды: 25


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


--------------------
Всё бы ничего, если б не конечно, а то не приведи чего зря - вот тебе и пожалуйста...
Vadora
Пользователь в офлайне сообщение 31.3.2012, 12:34 Сообщение #10 Данные пользователяОтправить личное сообщениеОтветить с цитированием данного сообщения



Group Icon

Ситх, просто ситх
Сообщений: 4 581
Репутация:
  37  


Цитата(Joke @ 31.3.2012, 12:27)

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


Про дисплейсмент меня всегда интересовало как именно делается, чтобы вышло прилично.
Например как выбирается заблюреность карты.
А про спекуляр и влажной грязи - жду с нетерпением.
Joke
Пользователь в офлайне сообщение 31.3.2012, 12:46 Сообщение #11 Данные пользователяОтправить личное сообщениеОтветить с цитированием данного сообщения



Group Icon

Старейшина
Сообщений: 3 489
Репутация:
  72  
Награды: 25


Vadora, дисплейсмент одна из самых (если не самая) капризная и требовательная карта. smile.gif
Хотя, если понять принцип, с ней тоже не так уж сложно работать. smile.gif


--------------------
Всё бы ничего, если б не конечно, а то не приведи чего зря - вот тебе и пожалуйста...
yudined
Пользователь в офлайне сообщение 31.3.2012, 15:17 Сообщение #12 Данные пользователяОтправить личное сообщениеОтветить с цитированием данного сообщения



Group Icon

Кукушковед
Сообщений: 8 035
Репутация:
  105  
Награды: 1


Обалдеть Joke ! thumbsup.gif И хватает у тебя терпения и силы всё расписывать. Очень многое для меня познавательно... Надо будет как-то вникнуть на досуге поближе, а то Позер подзабросил и многое уже забыл...smile.gif


--------------------
Изображение Я ни в ангелов, ни в дьявола
не верю, поэтому всё своими ручками, умом и потом...
Joke
Пользователь в офлайне сообщение 1.4.2012, 0:52 Сообщение #13 Данные пользователяОтправить личное сообщениеОтветить с цитированием данного сообщения



Group Icon

Старейшина
Сообщений: 3 489
Репутация:
  72  
Награды: 25


Карта 4. КАРТА СМЕШЕНИЯ (БЛЕНД)

Собственно, это последняя карта, которая нужна нам для создания этого материала.
Раз уж речь зашла о создании непосредственнок карт, немного повторюсь по поводу бленда, о котором уже шла речь в уроке "Полосатое белье".
Карта бленда представляет собой черно-белое изображение, которое используется для смешения различных материалов.
Применяется эта карта на те ноды, свойства которых должны различаться для смешиваемых материалов. В данном примере бленд используется для параметров Reflection.
Для данной карты граничные значения цветов (черный (R=0; G=0; B=0) или белый (R=255; G=255; B=255)) соответствуют стопроцентному соответствию одному из смешиваемых материалов.
То есть черный цвет карты дает нам первый материал, без примеси второго, белый - наоборот, второй без примеси первого.
Срединный серый цвет (R=128; G=128; B=128) дает смешение в равных долях свойств первого и второго материала по данному параметру. Соответственно, чем более темный оттенок серого используется в карте, тем ближе в этом месте материал по свойствам к первому из смешиваемых, чем светлее, - тем ближе ко второму.

Руководствуясь этими соображениями и будем создавать нашу карту смешения.

4.1 Еще раз делаем копию папки texture в окне Layers нашего рабочего PSD-файла. Называем полученную копию папки blend. Создадим в этой папке слой black, как это описано в пункте 2.1.
Копию слоя cloth можно удалить сразу, здесь она не нужна. То же можно сделать и с копией слоя stich.
Копия слоя base, как таковая, нам тоже не понадобится. Выделим содержимое слоя base copy 3, для этого зажимаем Ctrl и левой кнопкой мыши кликаем на изображении этого слоя в окне Layers.
Переходим на слой lines copy 2, применяем инструмент Add layer mask.
Прикрепленное изображение

Рис.28

Получаем маску, ограничивающую слой lines copy 2 содержимым слоя base copy 3, что прежде достигалось "подключением" слоя с полосками к слою с основной формой (см. пункт 1.2; Рис.4).
Удаляем слой base copy 3, больше для данной карты нам от него ничего не потребуется.

4.2 Поскольку кружево и вышивка по свойствам у нас одинаковы, лучше снова слепить их в общий слой lace copy 3, как описано в пункте 3.1.
Теперь помимо слоя black в папке blend у нас осталось два слоя - lines copy 2 и lace copy 3. Переведем их в градации серого при помощи функции Desaturate (см. пункт 3.1).
Уменьшенное изображение 97% Прикрепленное изображение

Рис.29

Вот, что должно было получиться.
Наша задача состоит в том, чтобы кружево и вышивка имели металлический блеск, темные полосы ткани - обычный тканевый, а светлые полосы ткани смешанный в нужной нам пропорции.
Исходя из изложенных принципов работы с картой бленда, несложно заметить, что для нужного нам результата кружево имеет слишком темный цвет, а полосы, напротив, очень яркие.
Значит, будем редактировать. Для полосок в данном случае оптимален серый цвет с параметрами (R=96; G=96; B=96). Выбираем этот цвет в качестве цвета заливки, переходим на слой lines copy 2 и нажимаем Alt+Shift+Backspace. Получаем наши полосы, выкрашенные в выбранный цвет.

4.3 Теперь разберемся с нашей отделкой (слой lace copy 3). Самое первое, что приходит в голову это залить кружева и вышивку белым цветом, ведь они должны быть материалом №2, имеющим золотой блеск.
Можно сделать и так, но лучше поступить чуть хитрее. Используя функцию Brightness/Contrast... (см. пункт 3.2), поднимаем яркость на 55, а контрастность на 30.
Прикрепленное изображение

Рис.30

Получим следующий результат:
Уменьшенное изображение 97% Прикрепленное изображение

Рис.31

Теперь наша отделка в самых светлых местах действительно имеет белый цвет, в прочих оттенки светло-серого.
Что нам это дает на практике, при использовании карты в позерском материале?
И почему было не сделать отделку полностью белой, а стало быть на материале полностью золотой?

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

4.4 Все бы ничего, но сейчас полоски у нас расположены по всей области чашки, в то время, как под кружевом у нас должен быть полупрозрачный капрон, который хоть и имеет право быть чуть полосатым, благодаря текстурной карте, все же не должен блестеть золотыми полосами, "споря" с нашитыми на него кружевами.
Настало время воспользоваться плюсами от создания всех карт материала в одном PSD-файле. Как мы помним (а если не помним, смотрим пункт 2.2), при создании карты прозрачности был создан слой trans.
Переходим в папку transparency окна Layers, выбираем там слой trans, создаем его копию, и полученный слой trans copy переносим в папку blend и размещаем между слоями lines copy 2 (поверх него) и lace copy 3.
Прикрепленное изображение

Рис.32

Вот так выглядит наша блендовая карта в итоге.
Уменьшенное изображение 97% Прикрепленное изображение

Рис.33

4.5 (опционально) Этот результат меня вполне устроил, хотя можно было бы проявить педантизм и не удалять слой stich. Но ведь у нас все исходники карт в одном файле, значит, мы имеем возможность передумать и реабилитировать нужный слой.
Идем в папку texture и делаем копию слоя stich. Полученный слой stich copy 2 переносим в папку blend и размещаем поверх всех слоев.
Удаляем все эффекты со слоя stich copy 2. Остается решить, будет ли у нас шов сделан золотистой нитью или напротив, нитью, блестящей не сильнее, чем основная ткань, и в зависимоти от этого решения, быть ему белым или черным?
Я склоняюсь ко второму варианту, потому как у нас хватает ярких декоративных элементов и делать еще один из утилитарного шва резона нет. Поэтому я предлагаю выкрасить шов в черный цвет. Выбираем этот цвет цветом заливки и нажимаем Alt+Shift+Backspace.
Уменьшенное изображение 97% Прикрепленное изображение

Рис.34

Снова сохраняем наш PSD-файл, сделав из него последний JPG можем упаковать его и сохранить до тех вероятных времен, когда захотим посмотреть, как он был устроен, изменить что-то в готовых картах, или создать на базе него еще что-нибудь. smile.gif

4.6 полностью повторяет пункт 2.5.

По картам для материала чашки корсета ВСЁ, и на сегодня, пожалуй, тоже всё. На будущее у нас пример с камеей, так что продолжение следует...


--------------------
Всё бы ничего, если б не конечно, а то не приведи чего зря - вот тебе и пожалуйста...
pitipet
Пользователь в офлайне сообщение 1.4.2012, 9:47 Сообщение #14 Данные пользователяОтправить личное сообщениеОтветить с цитированием данного сообщения



Group Icon

Старейшина
Сообщений: 2 097
Репутация:
  32  


Отличный урок, много полезного узнал!


--------------------
pitiPet
Joke
Пользователь в офлайне сообщение 1.4.2012, 10:49 Сообщение #15 Данные пользователяОтправить личное сообщениеОтветить с цитированием данного сообщения



Group Icon

Старейшина
Сообщений: 3 489
Репутация:
  72  
Награды: 25


Значит, не зря старалась. smile.gif
И спасибо за плюсики, приятно, что настолько оценили! Не ожидала. blush.gif
Если честно, опасалась, что урок окажется для большинства набором прописных истин, а значит и напрасной тратой времени или просто будет "не про то".

Буду дописывать обещанный хвост.


--------------------
Всё бы ничего, если б не конечно, а то не приведи чего зря - вот тебе и пожалуйста...
SerjL
Пользователь в офлайне сообщение 1.4.2012, 11:49 Сообщение #16 Данные пользователяОтправить личное сообщениеОтветить с цитированием данного сообщения



Group Icon

Ветеран
Сообщений: 683
Репутация:
  19  



Ещё как не зря!! Отличный урок,просто супер, вчера целый день экспериментов и главное всё получается!!
Raduga
Пользователь в офлайне сообщение 1.4.2012, 11:51 Сообщение #17 Данные пользователяОтправить личное сообщениеОтветить с цитированием данного сообщения



Group Icon

Ветеран
Сообщений: 588
Репутация:
  10  



Цитата(Joke @ 1.4.2012, 10:49)

Значит, не зря старалась. smile.gif
.....................................................
Буду дописывать обещанный хвост.


Обязательно!
Смотрю молча на пОзеровские наряды и понимаю, что ничегошеньки не понимаю,
как и чем достигается реалистичность тканей. Что-то почитаю в инете, пожму плечами,
а вопросов не задаю, т.к. все непонятное
Цитата
окажется для большинства набором прописных истин

Сижу в зарослях и прилежно конспектирую.

Спасибо! (хоть здезь за ручку поводят smile.gif )



--------------------
Там.....За облаками.....
Joke
Пользователь в офлайне сообщение 1.4.2012, 11:53 Сообщение #18 Данные пользователяОтправить личное сообщениеОтветить с цитированием данного сообщения



Group Icon

Старейшина
Сообщений: 3 489
Репутация:
  72  
Награды: 25


SerjL, так чего ему не получаться-то? smile.gif
Я ж сама заново эти карты по шагам переделываю и описываю действия, чтобы не упустить чего. smile.gif


--------------------
Всё бы ничего, если б не конечно, а то не приведи чего зря - вот тебе и пожалуйста...
SerjL
Пользователь в офлайне сообщение 1.4.2012, 15:20 Сообщение #19 Данные пользователяОтправить личное сообщениеОтветить с цитированием данного сообщения



Group Icon

Ветеран
Сообщений: 683
Репутация:
  19  


Joke,
Всё равно у кого-то не будет что-то получаться,а может и ничего.... это как в анекдоте...божечки ну нихрена у меня нет,ну вот петя с 5 квартиры,вот три месяца покрутился и квартира в подарок,вот вася с 11 квартиры полгода побегал и машина есть,а я уже 10 лет прошу тебя и никак....ГОЛОС СВЕРХУ.. так ты бы хоть билетик лотереи купил...

так будет всегда,кто хочет разобраться,хватает пинка в направлении,кто не желает- хоть метель ногами..толку нет.. как говорит мой напарник на работе-читаем и вникаем в матчасть...
SerjL
Пользователь в офлайне сообщение 1.4.2012, 15:33 Сообщение #20 Данные пользователяОтправить личное сообщениеОтветить с цитированием данного сообщения



Group Icon

Ветеран
Сообщений: 683
Репутация:
  19  


Raduga, да ничего невозможного нет ,в сети сейчас безвозмездно раздаётся несметное колличество текстур и порой даже очень качественных. Подтвердить могу своими действиями,я за 3 дня целенаправленных поисков зарегистрировался на десятке фотошоповских сайтах с фришными текстутами и паттернами (то же) и накачалпорядка 2 гиг прекрасных материалов и текстур,а попутно черпанул знаний как оформить швы , карманы,клёпки и молнии на работах...всё пошагово и досупно , было бы желание.Но повторюсь,урок JOKE - это верх всего,что я встречал в сети!! всё в одном месте и всё доходчиво с примерами!! СПАСИБО НАДЯ!!!
 Назад в Уроки Подписка на тему | Сообщить другу | Версия для печати
2 страниц V  1 2 >   Ответить в эту темуОткрыть новую тему
 

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


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