Туториал по созданию скинов по фотографиям. Часть 1...

[zlata]

УРОК 2. Туториал по созданию скинов по фотографиям.

Инструменты и приспособления:
1. Бодишоп.
2. Графический редактор (Фотошоп - он у меня русский, версия CS3),но конечно вам не обязательно иметь именно эту версию фотошопа, любой сойдет.
3. Хорошую фотографию одежды.

4.Подходящий меш.

5.Ну и конечно фантазия.

Поехали.
Экспортируем в Бодишоп нужный нам меш. Я выбрала этот (см. рис. 1)

РИСУНОК. 1.
Зарегистрируйтесь!]
[/IMG]

Из Бодишопа экспорт происходит в папку Мои документы/EA Games/The Sims 2/Projects.
Открываем фотошоп, и что делать дальше, зависит от меша, который вы скачали. Ведь на одних сайтах предлагаются чистые меши, цвет у них может быть любой (белый, красный, зеленый, розовый). А на других сайтах можно скачать готовую симскую одежду, с прилагающимся к ней мешем, например на этом сайте. С цветными мешами работать легко, преступайте сразу к наложению текстуры или фотографий одежды. А с белыми (см. рис 2) или уже с наложенной текстурой, например такой (см. рис. 2А) прежде обработаем, что бы было накладывать удобно фотографии.

РИСУНОК. 2.

Зарегистрируйтесь!]
[/IMG]


РИСУНОК. 2А
Зарегистрируйтесь!]
[/IMG]

В фотошопе открываем первый файл (с текстурой) и второй файл (Альфа - черно, белый).
Второй файл выделяем весь, копируем и вставляем в первый файл. Волшебной палочкой выделяем все белые участки, нажимаем на глазок рядом со слоем. Видите, что получилось, платье обрело контур, (см. рис. 3).(Для тех, кто незнает как вставить Альфа-Слой в первый слой, подробней описано в 1 ТУТОРИАЛЕ-
).

РИСУНОК. 3.
Зарегистрируйтесь!]
[/IMG]

Теперь закрепим контур. В инструментах выберем цвет, я выбираю красный. Далее идем в меню (Изображение-Коррекция-Цветовой тон/Насыщенность). Ставим галочку на тонирование что бы закрепить цвет, регулируем насыщенность и яркость, (см. рис. 3А).

РИСУНОК. 3А.
Зарегистрируйтесь!]
[/IMG]

Видите результат, да, снимаем выделение. Аналогично поступаем с мешами с уже наложенной текстурой, (см. рис. 3Б).

РИСУНОК. 3Б.
Зарегистрируйтесь!]
[/IMG]




1. Открываем в фотошопе фотографию одежды, и думаем, как будем ее переносить. Если фото нормальное, как это (см. рис.1),
РИСУНОК. 1.



Зарегистрируйтесь!]
[/IMG]

и хорошо подходит под меш, копируем так.
Прямоугольным выделением выделяем, например переднею половинку (см. рис 2).


РИСУНОК. 2.
Зарегистрируйтесь!]
[/IMG]


Копируем, в меню создаем новый файл и вставляем в него скопированное. Видите теперь одна передняя половинка платья, больше ничего не мешает. 1. Возьмем инструмент волшебная палочка. 2. Кликнем им в углу изображения. 3. Не меняя инструмента, нажимаем правую кнопку мышки. В появившейся таблице жмем на (Инверсия выделенной области). 4. Идем в меню (Редактирование-Скопировать), (см. рис. 2А). Вставляем скопированное в 1 файл с текстурой- body~stdMatBaseTextureName.
РИСУНОК. 2А.



Зарегистрируйтесь!]
[/IMG]

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


2. Прямоугольным лассо вырезала чашечку (см. ри3), меню (Редактирование – Копировать). Вставила в файл с текстурой.
РИСУНОК. 3.


Зарегистрируйтесь!]
[/IMG]

Выбирала свободное трансформирование, слегка уменьшила, повернула и если нужно, деформируйте, исказите. Совместила срезы, указанные на рисунке, (см. рис. 4), (одним словом подгоняйте фотографию под меш).

РИСУНОК. 4.
Зарегистрируйтесь!]
[/IMG]

Убираем кайму вокруг изображения, меню (Слой-Обработка краев-Устранить кайму), цифры вписывайте свои, (см. рис. 4А). Смотрите что получилось, (см. рис. 4Б).

РИСУНОК. 4А.
Зарегистрируйтесь!]
[/IMG]

РИСУНОК. 4Б.

Зарегистрируйтесь!]
[/IMG]


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

РИСУНОК. 5.

Зарегистрируйтесь!]
[/IMG]

4. Выделяю, копирую (см. рис 6) и вставляю среднюю вставку 1 раз. Смотря, какая вставка, у вас может и 2, и 3 раза, ведь одежду, возможно, придется вырезать с человека. А человек стоит на фотографии боком. Отразить по горизонтали (скопировала я ее с лева, а ведь обрабатываю я правую сторону платья). Подгоняю фотографию как мне надо (см. рис. 6А).


РИСУНОК. 6.
Зарегистрируйтесь!]
[/IMG]

РИСУНОК. 6А.
Зарегистрируйтесь!]
[/IMG]

[zlata]

Аналогично поступаем с нижней половинкой платья, (см. рис. 7-7А).


РИСУНОК. 7.
Зарегистрируйтесь!]
[/IMG]

РИСУНОК. 7А.
Зарегистрируйтесь!]
[/IMG]

5. Объединяем все слои, сохраняем, и смотрим в Бодишопе, что получилось. Мне не нравится что чашечки очень большие (длинные), (см. рис. 8).


РИСУНОК. 8.
Зарегистрируйтесь!]
[/IMG]


6. Поэтому я вырезаю среднюю часть с фотографии еще раз. Удлиняю ее вверх, чтоб закрыть излишки чашечек,и подкорачиваю ее низ, (см. рис. 8А).

РИСУНОК. 8А.
Зарегистрируйтесь!]
[/IMG]

Остался немножко виден нижний срез средней вставки. (2. Поэтому я подгоняю верхний срез низа платья вверх). (1. И слегка подтягиваю чашечки, ( См. рис. 8Б)).


РИСУНОК. 8Б.
Зарегистрируйтесь!]
[/IMG]

Сохраняем, экспортируем в Бодишоп, обновляем проект. Смотрим, если все устраивает, продолжаем дальнейшую обработку в фотошопе.
7. Инструментом (Прямолинейное лассо), выделила всю правую половинку платья которую обрабатывала, (см. рис. 9)


РИСУНОК. 9.
Зарегистрируйтесь!]
[/IMG]

В меню (Редактирование – Скопировать – Вклеить – Трансформирование - Отразить по Горизонтали). Появился клон правой половинки, (См. Рис.10). Состыковываем две половинки, (См. Рис.10А).


РИСУНОК. 10.
Зарегистрируйтесь!]
[/IMG]


РИСУНОК. 10А.
Зарегистрируйтесь!]
[/IMG]

8. Объединяем слои, сохраняем и смотрим в бодишопе?(См. Рис.10Б). Меня все устраивает, поэтому я продолжаю дальнейшую обработку в фотошопе.

РИСУНОК. 10Б.
Зарегистрируйтесь!]
[/IMG]


9. На фотографии обвожу вставку, украшающую платье (См. рис.11), копирую ее и вставляю на текстуру. Правда, вставка большая (См. рис.11А), уменьшаю ее, после уменьшения картинка не четкая, что делать? Фильтр - прибавить Резкость; Изображение-Коррекция-Света/Тени (См. Рис11Б).

РИСУНОК. 11.
Зарегистрируйтесь!]
[/IMG]

РИСУНОК. 11А.
Зарегистрируйтесь!]
[/IMG]

РИСУНОК. 11Б.
Зарегистрируйтесь!]
[/IMG]

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

10. Открываю. Второй файл (Альфа), выделяю его полностью, копирую и вставляю в первый файл (Файл с текстурой). Выделяю волшебной палочкой переднюю и заднюю половинки платья, туфли пока не трогаю (См. рис. 12).


РИСУНОК. 12.
Зарегистрируйтесь!]
[/IMG]

11. В меню найдем линейки, они пригодятся, у меня они находятся (Просмотр-Линейки) (См. Рис.12А).

РИСУНОК. 12А.
Зарегистрируйтесь!]
[/IMG]

Ставим курсор на линейку и тянем вниз (например, до самого низа платья, или же верхнего среза платья) (См. Рис. 13). Я не буду переднюю половинку платья копировать полностью. Поэтому, вспомогательные линейки, поставлю на нижний срез платья и на ту часть платья, которую захвачу для передней половинки (См. Рис. 13А).
Я хорошенько увеличила эти участки платья, чтобы более точно направить (линейку) на них линейки.

РИСУНОК. 13.
Зарегистрируйтесь!]
[/IMG]

РИСУНОК. 13А.
Зарегистрируйтесь!]
[/IMG]

Альфа-слой я скопировала и вставила сюда, затем чтобы лучше видеть срезы платья. И правильно поставить направляющие линейки на них. У вас это могут быть срезы кофты, топика и т. д.

12. Обвожу, копирую, вклеиваю и отражаю по горизонтали нижний кусок платья. Перетаскиваю его на заднюю половинку платья.Дотягиваем, растягиваем, если требуется. (См. Рис. 14)

РИСУНОК. 14.
Зарегистрируйтесь!]
[/IMG]




ПРОДОЛЖЕНИЕ СЛЕДУЕТ...

[zlata]

13. Аналогично поступаю и с боковыми (средними) вставочками (См. Рис.14А). Растягиваю их, потому-то на спинке я не буду вставлять отделку как с переде.

РИСУНОК. 14А.
Зарегистрируйтесь!]
[/IMG]

14. При состыковании этих половинок могут возникнуть огрехи, исправим с помощью штампа (См. Рис.14Б), или дотягиваем инструментом (Палец), (См. Рис. 14В).

РИСУНОК. 14Б.
Зарегистрируйтесь!]
[/IMG]

РИСУНОК. 14В.
Зарегистрируйтесь!]
[/IMG]

15. На фотографии, со спинки платья скопировала небольшой отрезок, (См. Рис. 15.) и вставила в свою текстуру. Вставила 2 раза, во второй раз отразила по горизонтали. Перед тем как объединить слои, устранила кайму с краев, впрочем, как и всегда когда вставляю вставки (образуя новый слой).

РИСУНОК. 15.
Зарегистрируйтесь!]
[/IMG]

16. 1.Копирую и застежку молнию с фотографии (См. Рис. 15А). 2. И вставляю ее на середину задней половинке платья (на текстуру). Меню (Изображение – Яркость/Контрастность) делаю немножко темнее, чтобы было видно, что это застежка. Совмещаю видимые слои, сохраняю и смотрю в бодишопе, (См. Рис. 15Б).


РИСУНОК. 15А.
Зарегистрируйтесь!]
[/IMG]

РИСУНОК. 15Б.

Зарегистрируйтесь!]
[/IMG]

Меня не устраивает что на спинке средняя вставка длинней, чем передняя. Исправлю это потом.

17. Возвращаюсь в фотошоп, открываю первый файл с текстурой. 1. На задней половинки платья, с боку, обвожу маленький квадратик, копирую, вставляю.
2. Перетаскиваю его на переднюю половинку платья. Трансформирую его, искажаю (подгоняю по размеру). На чашечке есть маленькая складка, и так получилось, что на задней половинке платья есть тоже складка (правда она побольше). Вообще я подгоняю этот вставленный кусочек,(с его складкой), к уже имеющейся складке на чашечке.(Ой, так запуталась, что сама не поняла что написала). Легкие недостатки я замазала (инструментом- палец), и штампом(См. Рис. 16.).


РИСУНОК. 16.
Зарегистрируйтесь!]
[/IMG]

Делаю то же самое и с другим боком верхней половинки платья, и вот что получилось, (См. Рис.16А).

РИСУНОК. 16А.
Зарегистрируйтесь!]
[/IMG]

18. На спинке надо слегка подправить среднюю вставку. Обвожу лассо самую верхнюю часть платья, (см. рис.17).

РИСУНОК. 17.
Зарегистрируйтесь!]
[/IMG]

Копирую, вставляю, но ни куда ее не перемещаю, (ни вправо, ни влево, не вверх, вниз). Она остается лежать на своем месте. Я просто нажимаю правую кнопку мышки, в появившейся таблице выбираю пункт (Свободное Трансформирование). И немножко, буквально 1 миллиметр, удленняю (вниз) эту верхнюю часть, (См. Рис. 17А).


РИСУНОК. 17А.
Зарегистрируйтесь!]
[/IMG]

Потом выбираю пункт (Деформация), чтобы более точно дотянуть нужные мне участки, (это участи по бокам), (См. Рис. 17Б).

РИСУНОК. 17Б.
Зарегистрируйтесь!]
[/IMG]


19. Справилась с крупными деталями, приступаю к мелкой обработке.
Нужно дотянуть платье по бокам, снизу, верх.
1.Испольльзуя инструмент штамп.
2.Инструмент палец. (См. Рис. 18).

РИСУНОК. 18.

Зарегистрируйтесь!]
[/IMG]

3.Обводим небольшой кусок (я обвела снизу), (См. Рис.18А)
копируем и вставляем.

РИСУНОК. 18А.

Зарегистрируйтесь!]
[/IMG]

Не куда не перемещаем, оставляем на месте. ( Я скопировала, вставила его, и никуда не переместила, такое ощущение, что его там нет. Но, на самом деле, он там образовался, новый слой) (См. Рис.18Б).


РИСУНОК. 18Б.
Зарегистрируйтесь!]
[/IMG]

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

РИСУНОК. 18В.

Зарегистрируйтесь!]
[/IMG]


20. Обработка лямок платья.
Прямоугольным выделением я выделила на платье длинный прямоугольник (См. Рис. 19).

РИСУНОК. 19.
Зарегистрируйтесь!]
[/IMG]

Скопировала и вставила, затем закрыла ей лямку. В меню (Изображение – Яркость/Контрастность), осветлила этот кусочек, поскольку он был темный. Аналогично поступила и с другими лямками платья, (См. Рис. 19А).


РИСУНОК. 19А.
Зарегистрируйтесь!]
[/IMG]

21.Обработка туфель.
1).Туфли можно просто закрасить цветом, (Инструмент – Пипетка), поднести к платью. На моем платье можно выбрать различные оттенки красного. Выбираю темно- красный, вот результат, (См. Рис. 20).

РИСУНОК. 20.
Зарегистрируйтесь!]
[/IMG]

2).Вырезать с фотографии прямоугольник, и наложить его как текстуру на туфли, (См. Рис. 20А, Б).

РИСУНОК. 20А.
Зарегистрируйтесь!]
[/IMG]


РИСУНОК. 20Б.



Зарегистрируйтесь!]
[/IMG]

3. Если у вас имеются различные текстуры, (См. Рис. 20В) можно наложить, их как описано во 2 пункте. Или сделать из этой текстуры новый шаблон, и залить им туфли. (См. Рис. 20Г).
РИСУНОК. 20В.
Зарегистрируйтесь!]
[/IMG]


РИСУНОК. 20Г.
Зарегистрируйтесь!]
[/IMG]

22. Объединяю видимые слои, в меню (Фильтр - добавила резкость (См. Рис. 21)). (Изображение – Яркость/Контрастность (См. Рис. 21А)), сохранила как BMP(См. Рис.21Б). Обновила проект в бодишопе, меня все устроило, экспортировала в игру.


РИСУНОК. 21.

Зарегистрируйтесь!]
[/IMG]

РИСУНОК. 21А.

Зарегистрируйтесь!]
[/IMG]

РИСУНОК. 21Б.

Зарегистрируйтесь!]
[/IMG]

23.На этих фотографиях вид платья в игре, (См. Рис. 21В). Наверно заметили, что я не использовала (3 файл, отвечающий за рельеф),


РИСУНОК. 21В.
Зарегистрируйтесь!]
[/IMG]

Если кто-то хочет в своем наряде использовать 3 (Серый Файл), то сделать нужно так.
24. В фотошопе открыла 2 файла, 1 с текстурой, 3 серый (отвечающий за рельеф).
Выделила весь 1 файл(текстура). Скопировала, и вставила его в 3 файл (серый).
В меню (Изображение – Режим) ставим галочку у (Градации серого), (См. Рис.22). Затем снова туда же и ставим галочку у RGB, (См. Рис. 22А)

РИСУНОК. 22.
Зарегистрируйтесь!]
[/IMG]

РИСУНОК. 22А.

Зарегистрируйтесь!]
[/IMG]


25. Теперь регулирую яркость-контраст, регулирую выпуклость и вогнутость. Что самое светлое – самое выпуклое и наоборот. Можно прибавить (Свето – Тени). Сохраняю и, вот что получилось, (См. рис.23).
П.С.
Когда, вы будите делать симам одежду по фотографиям, или используя текстуру с оригинальным рисунком. Хорошенько подумайте стоит делать скин с использованием рельефа или без него. Это платье, которое делала я мне нравится без использования рельефа.


РИСУНОК. 23.

Зарегистрируйтесь!]
[/IMG]

Конец 1 части. Позже выложу 2 часть создания скинов по фотографиям...