Форум »

Уроки Adobe Photoshop. — Создание моделей и текстур

Shestenko S.V.
Shestenko S.V.
11.02.2005 12:27
Итак начнем потихоньку развивать тягу к искусству. :D
Оговорюсь сразу, все расматривается на примере Adobe Photoshop CS, НЕ гарантируется что эти советы помогут вам в более ранних версиях.

Ответов: 39

Shestenko S.V.
Shestenko S.V.
11.02.2005 в 12:31
1. Как сделать альфа-канал?

Открываем нужный нам лист в программе. Имеется ввиду что вы уже умеете это делать.
Имеем приблизетельно такую картинку.

Прикрепленные изображения

  • 1.jpg

Shestenko S.V.
Shestenko S.V.
11.02.2005 в 12:35
Теперь для удобства нам нужно открыть два окна. Это Layers (Слои) и Channels (Каналы). Идем в меню Window->Layers и Window->Channels.
Появятся вот такие два окошка:

Прикрепленные изображения

  • 2.jpg

Shestenko S.V.
Shestenko S.V.
11.02.2005 в 12:42
Теперь выделяем необходимую область для альфа-канала. Например если вы хотите сделать ВЕСЬ фюзеляж самолета блестящим, то выделяем всю область. Ежели нам надо захромировать определенную деталь, или сделать просто квадратик с альфа-каналом, то в случае с деталью просто обводим ее инструментом Polygonal Lasso Tool (его можно включить кнопкой L), а в случае с простым квадратом выделяем нужную нам область инструментом Rectangular Marquee Tool (M). Вот что у нас получилось:

Прикрепленные изображения

  • 3.jpg

Shestenko S.V.
Shestenko S.V.
11.02.2005 в 12:46
Теперь переходим к окошку Channel и ищем кнопку Create New Channel, она 3-я слева, в самом низу нашего окна.
Вот пример:

Прикрепленные изображения

  • 4.jpg

Shestenko S.V.
Shestenko S.V.
11.02.2005 в 12:48
Жмем на нее. У нас в окошке выскакивает канал Alfa1 и экран заливается белым.

Прикрепленные изображения

  • 5.jpg

Shestenko S.V.
Shestenko S.V.
11.02.2005 в 12:55
Теперь нам необходимо залить выделенную область.
Чем темнее будет цвет, тем «хромированнее» у нас будет деталь.
Т.е. если мы зальем область полностью черным цветом, то наша деталь будет абсолютно хромированной и чем ближе цвет будет к белому, тем прозрачнее будет хром. В цвете серый (50% белого, 50% черного) деталь будет приобретать блеск и отражения на ней видны не будут, цем ближе цвет будет к белому, тем меньше будет и блеск.

Прикрепленные изображения

  • 6.jpg

Shestenko S.V.
Shestenko S.V.
11.02.2005 в 12:57
Все…Альфа-канал готов. Теперь сохраняем наш лист текстуры и переводим его в формат BMP, а далее уже переносим в папку в текстурами самолета.

Shestenko S.V.
Shestenko S.V.
11.02.2005 в 13:07
Как мне перевести файл PSD в формат BMP, чтобы его понял симулятор?

Итак мы сделали наши наброски в Фотошопе. Теперь для того, чтобы мы увидели наши деяния нам необходимо перевести из PSD в BMP.
Для этого нам понадобится программа ImadgeTool.
Теперь открываем нашу папку с файлами PSD. И ищем нужный нам файл. В нашем случае это f2_t.psd. Кликаем на него правой кнопкой мыши и выбираем пункт «Открыть с помощью», там ищем нужную нам программу. Если вы ее не нашли то идем в пункт «Выбрать программу», далее указываем путь к Imadgetool. В последствии нам уже не потребуется указывать к ней путь.

Прикрепленные изображения

  • 7.jpg

Shestenko S.V.
Shestenko S.V.
11.02.2005 в 13:15
Итак наш файл открылся в Imadgetool.
Теперь можно его перевести в DTX1, DTX3 (для того чтобы текстура грузилась побыстрее и не сильно кушала нам ресурсы, качество правда уже будет не тем) или просто оставтить его в формате 32bit. Я лично всегда оставляю в 32bit, во-первых для меня не актуальна экономия ресурсов, а во-вторых, скачав нашу текстуру человек запросто сможет ее сам перевести в DTX. Однако если текстура изначально в DTX, то смысла в 32bit ее переводить уже нет, ибо качества не прибавиться ни на грамм.
Поэкспериментировать с форматами BMP вы можете в меню Image->Format.

Прикрепленные изображения

  • 8.jpg

Shestenko S.V.
Shestenko S.V.
11.02.2005 в 13:22
После выбора нужного нам формата идем в меню File->Save As и указываем путь к папке самолета с текстурами.
Например X:GamesFlight Simulator9AircraftIL-76TDTexture.AtlantSoyz
Теперь находим файл который нам потребуется заменить, т.е. саму текстуру.
В моем случает это f2_t.bmp.
Два раза кликаем на него и сохраняем.
Все. Теперь смело запускаем FS и любуемся нашей работой.

Прикрепленные изображения

  • 9.jpg

Shestenko S.V.
Shestenko S.V.
11.02.2005 в 13:23
Программа ImageTool

Прикрепленные файлы

  • Прикрепленный файл
     imagetool.zip   72,34К
      2700 Количество загрузок:

Shestenko S.V.
Shestenko S.V.
14.02.2005 в 06:10
Как рисовать ровные линии (полоски)?

Очень просто. Опишу два способа.

1. Создаем новый слой (Layer->New->Layer)
Инструментом Rectangular Marquee Tool (M) выделяем нужную область в виде полосы и заливаем ее нужным нам цветом Paint Bucket Tool (G).

2. Инструметом Line Tool (U) просто рисуем нашу линию, причем мы может подбирать толщину линии. Сразу под системным меню, при выборе инструмента Line Tool появятся его настройки. Параметр Weight отвечает за толщину линии.

Shestenko S.V.
Shestenko S.V.
14.02.2005 в 06:25
А каким образом добавлять грязь в фотошопе?

Ну тут каждый для себя сам выбирает какими инструментами пользоваться для создания грязи. Лично я перепробовал массу вариантов…но когда набил руку то остановился на одном. Сразу оговорюсь, какого-либо автоматического инструмента для рисования грязи нет…все придется делать руками, причем долго и нудно.
Итак рассмотрим на одном примере. Нам надо сделать поддтек от окна Ту-154М, у нас уже есть паинт кит.
Создаем новый слой (Layer->New->Layer).
Выбираем инструмент Brush Tool (:D.
Теперь кликаем по листу правой кнопкой и выбираем нужную нам кисть.

Прикрепленные изображения

  • 1.jpg

Shestenko S.V.
Shestenko S.V.
14.02.2005 в 06:29
Там же подбираем нужный нам диаметр кисти.
Все, теперь сделаем штрих под окошком.

Прикрепленные изображения

  • 2.jpg

Shestenko S.V.
Shestenko S.V.
14.02.2005 в 06:34
Вот теперь выбираем инструмент Smudge Tool ®, в его параметре Strenght поставим скажем 10%. Это параметр отвечаем за силу «размазывания», т.е. чем больше значение, тем более мажет инструмент.
Теперь начинаем размазывать нашу черточку…
Вот что приблизительно у нас получиться…

Прикрепленные изображения

  • 3.jpg

Shestenko S.V.
Shestenko S.V.
14.02.2005 в 10:31
Теперь немного замажем нашу грязь.
Выбираем инструмент Eraser Tool (E), по правой кнопке выбираем кисть, а в параметре Opacity (прозрачность) в нашем случае поставим 8%.
Далее по нашему слою работаем кистью…
Вот что у нас вышло на скорую руку…

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

Прикрепленные изображения

  • 6.jpg

Shestenko S.V.
Shestenko S.V.
21.02.2005 в 07:50
А как лучше всего сделать расшивку самолета ?

Во-первых, неплохо бы иметь чертежи под рукой.
Если таковых нет, тогда ой…вам придется по фотографиям «выцеплять» элементы расшивки…а это соответственно подразумевает под собой наличие качественного фотоматериала.

Инструментом Line Tool (L) рисуем линии, подбираем требуемый цвет, параметром Weight подбираем толщину линии и согласно чертежам/фотографиям наносим элементы расшивки. После можно склеить все слои с линиями и подобрать прозрачность (Opacity).

Shestenko S.V.
Shestenko S.V.
21.02.2005 в 07:56
Как нарисовать кривые линии в текстурах,типа извивающихся лент,стилизованных животных,птиц,деревьев или арабскую вязь?

По порядку.
Попробуем нарисовать «извивающийся» на ветру Российский флаг.
Нам для этого понадобиться всего один интрумент — Pen Tool (P). Выбираем его на панели инструментов.
Им рисуем вот такой прямоугольник.

Прикрепленные изображения

  • 1.jpg

Shestenko S.V.
Shestenko S.V.
21.02.2005 в 08:02
Теперь на нижней и верхней гранях нашего прямоугольника добавим по паре точек. Для этого подведем инструмент к грани, у нас рядом с ним появится знак «+», это значит что точка будет создана непосредственно на объекте.

Прикрепленные изображения

  • 2.jpg

Shestenko S.V.
Shestenko S.V.
21.02.2005 в 08:07
От каждой добавленной точки у нас отходят «лепестки», по одному в каждую сторону. С их помощью мы будем делать изгибы. Теперь удерживая Ctrl выделяем правую нижнюю точку и двигаем ее левее, потом таким же образом делаем и с левой верхней точкой.
Вот что получилось.

Прикрепленные изображения

  • Прикрепленное изображение: 3.jpg

Shestenko S.V.
Shestenko S.V.
21.02.2005 в 08:17
Теперь удерживая Ctrl начинаем двигать добаленные точки. Встроив их как нам нужно начинаем двигать эти «лепестки» подгоняя изгиб.
Вот что приблизительно вышло.

Прикрепленные изображения

  • Прикрепленное изображение: 4.jpg

Shestenko S.V.
Shestenko S.V.
21.02.2005 в 08:20
Теперь копируем слой и сдвигаем его вверх, меняем цвет с красного на синий. С белой полоской поступаем аналогично.
Вот и готов наш флаг.
Кстати этим иеструментом можно добиваться каких угодно изогнутых линий.

Прикрепленные изображения

  • Прикрепленное изображение: 5.jpg

Shestenko S.V.
Shestenko S.V.
21.02.2005 в 08:23
По стилизованным животным, птицам, деревьям или арабской вязи могу сказать одно, я фактически никогда их не рисую. Все берется либо с фотографий, либо с векторных логотипов и рихтуется по «месту проживания».

Shestenko S.V.
Shestenko S.V.
02.03.2005 в 07:10
Делаю серию скринов . Наделал тьму картинок, отобрал лучшие. В Фотошопе пакетно их обработал — то есть отрезал линию менюшек виндовых сверху, сжал до нужного размера, добавил резкости. С этим проблем нет.
После этого надо добавить к каждому скрину копирайт и подпись. Для этого есть PSD, в котором в качестве образца хранятся все эти слои. Так вот, пакетно сделать копию слоев с копирайтом и подписью и вставить их в скрины не получается.
Что я делаю не так? И как правильно прописать автоматическое действие для этих целей?

Есть такая вещь как скрипты, они позволяют выполнять последовательность определенных действий автоматически, но с ними я еще толком не разобрался, поэтому пока по ним просвещать не буду, но так все разберу, обязательно напишу как сделать скрипт.
Пока рассмотрим как все ручками сделать.
Итак, на имеющийся скрин нам нужно нанести наш копирайт, причем нам лениво набирать его каждый раз. Значит делаем так.
Создаем новый документ File->New (Ctrl+N). В выскочившем окошке задем размер изображения. Теперь печатаем текст инструментом Horizontal Type Tool (T).

Прикрепленные изображения

  • Прикрепленное изображение: 1.jpg

Shestenko S.V.
Shestenko S.V.
02.03.2005 в 07:16
Создаем нужные эффекты на нашем тексте, ими можно «поиграться» в разделе Blending Options, для этого в окне Layers правой кнопкой мыши кликаем на слой и выбираем Blending Options. Можно сохранить получившийся файл, для дальнейшего использования.
Итак, мы наложили нужные нам эффекты.
Теперь открываем наш скрин, выбираем активное окошко с нашим текстом.

Прикрепленные изображения

  • Прикрепленное изображение: 2.jpg

Shestenko S.V.
Shestenko S.V.
02.03.2005 в 07:20
Дальнейшие действия до боли просты.
При активном окне с текстом, в окне Layers удерживая левую кнопку мыши хватаем наш слой с текстом и переносим на окошко с нашим скрином.

Прикрепленные изображения

  • Прикрепленное изображение: 3.jpg

Shestenko S.V.
Shestenko S.V.
02.03.2005 в 07:23
Итак на нашем скрине мы видим текст
Теперь удерживая Ctrl, левой кнопкой мыши двигаем наш слой с текстом на нужное нам место. Все, копирайт готов. :rolleyes:

Прикрепленные изображения

  • Прикрепленное изображение: 4.jpg

Stranger
Stranger
02.03.2005 в 14:46
Как сделать заливку фона, чтобы он был виден через основной цвет. Например есть белый фон и расшивка на нем, а нам нужно добавить лого а/к или основной цвет фюзеляжа.

Даже если расшивка не выделена в отдельный слой, наложить текстуру сохранив ее можно описанным ниже способом. Ради эксперимента можете наложить вторую картинку на первую и выполнить указанную операцию.

Прикрепленные изображения

  • Прикрепленное изображение: Layers.jpg

Stranger
Stranger
02.03.2005 в 15:19
Имея готовые текстуры для дня как их сделать для ночи? Эти текстуры обычно идут с индексом _lm.
Я их встречал в двух вариантах:на темном фоне просто светящиеся окошки и текстура,например,хвоста залитая прозрачным темным цветом.
Интересует методика изготовления этой заливки (метод ее нанесения и ее интенсивность).

Метод аналогичен вышеописанному.

Прикрепленные изображения

  • Прикрепленное изображение: Image4.jpg

Stranger
Stranger
02.03.2005 в 16:11
Как нарисовать на коке пропеллера спираль?

Например так:

Прикрепленные изображения

  • Прикрепленное изображение: Spiral.jpg

Stranger
Stranger
02.03.2005 в 21:35
Но для меня это только половина дела.Вторая как Это наести правильно на кок. Делаю самолёт в МАХе , не для игры, модель хай поли.И по моему на ту развёртку , что я получил ,это наложить будет сложно.

Я не большой спец в Максе, но вот что получилось, когда я попробовал использовать вышеупомянутое изображение в качестве reflection map:

Прикрепленные изображения

  • Прикрепленное изображение: Texture.jpg

Shestenko S.V.
Shestenko S.V.
03.03.2005 в 07:13
Создал слой(1). Вот перенес логотип с фотографии на Паинткит (2).Только с размерами не получается Обьясните плиз!

Прикрепленные изображения

  • Прикрепленное изображение: post_5_1109787214.jpg

Shestenko S.V.
Shestenko S.V.
03.03.2005 в 07:19
Все правильно. Размер совпадать не будет. Причина проста, размер фотографии откуда мы вырезали логотип например 512*512, а размер текстуры 1024*1024, при переносе слоя он сохраняет свой исходный размер, посему на нашей текстуре он и будет выглядеть меньше. Чтобы подогнать его под нужный НАМ размер делаем так: выделяем слой в окне Layes и нажимаем Ctrl+T, а далее уже подгоняем размер. НО! При увеличении слоя критически ухидшится его качество и врядли он после этого подойдет нам для текстуры, поэтому если другого выхода у нас нету, то просто рисуем вручную логотип по нашему шаблону.

Shestenko S.V.
Shestenko S.V.
03.03.2005 в 07:22
При создании слоя высвечивается окошечко в котором можно выставить параметры слоя. Какие к чему и как лучше?

По порядку.
1. Name — Имя которые мы зададим слою.
2. Use previous layer to create clipping mask — Использовать предыдущий слой, чтобы создать маску.
3. Color — Цвет которым будет обозначен слой в окне Layers
4. Mode — Режим слоя.
5. Opacity — Прозрачность слоя.

Я обычно все оставляю «по умолчанию», но уже потом меняю нужные мне параметры.

Прикрепленные изображения

  • Прикрепленное изображение: post_5_1109787627.jpg

Shestenko S.V.
Shestenko S.V.
06.05.2005 в 04:56
Напишите технологию нанесения номеров на борта и крылья..

Она очень проста. :unsure:
Инструментом Text(T) наносим нужный нам номер и погоняем его на место. :)

Shestenko S.V.
Shestenko S.V.
06.05.2005 в 04:44
Как нарисовать клёпки на расшивке?
Есть ли способ расставлять их не по одной?
Клёпки бывают разные, тоесть в потай и грибком, так на рашиве это хочется тоже иметь.

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

Shestenko S.V.
Shestenko S.V.
06.05.2005 в 04:52
При попытке создать блеск. Следуя всеми пунктами инструкции получается прозрачность. Что делаю не так?

Похоже дело в модели, она понимает альфа-канал именно как прозрачность, а не как отражения.

Shestenko S.V.
Shestenko S.V.
25.05.2005 в 04:03
Как делать илюминаторы и двери?

Лично я окошки всегда с фоток рисую. Благо сейчас крупную фото с окнами достать не проблема, тот же http://www.airliners.net поможет в 90% случаев.
Рассмотрим нюансы.
Итак поехали…
Возьмем вот такой вариант:

Прикрепленные изображения

  • Прикрепленное изображение: 1.jpg

Shestenko S.V.
Shestenko S.V.
25.05.2005 в 04:09
Теперь копируем нужное окошко в наш Paint-Kit и стираем все не нужное инструментом Eraser Tool (E), оставляем вобщем-то само окошко.

Прикрепленные изображения

  • Прикрепленное изображение: 2.jpg