g
Пятница
19.04.2024
14:08
 
Все для редактирования и создания игр
 
Приветствую Вас Новичок | RSS|Главная | Каталог статей | Регистрация | Вход

Каталог статей

Главная » Статьи » Photoshop » Работа с Photoshop

Создание текстуры из фотографии

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

Текстура скачана с сайта: http://www.cgtextures.com/.

Для начала нужно затайлить нашу текстуру, для этого откроем Фотошоп (я использую CS3 версию, но эти, же действия можно выполнить и на более ранних версиях) и загрузим в него нашу фотографию. Есть много вариантов затайлить изображение, я остановлюсь на самом простом. Запустим фильтр "Сдвиг” Filter->Other->Offset:

Наcтройки фильтра сдвиг.

Кратко объясню настройки этого фильтра, первое поле (Horizontal) это сдвиг изображения по горизонтали, следовательно, второе поле (Vertical) – по вертикали. Wrap Around галочку нужно поставить, для того чтобы получить копию изображения на мести сдвига, число 400 я взял неспроста, это ровно половина размера изображения по горизонтали, таким образом шов будит находиться посередине. Теперь нужно замазать шов, делается это инструментом Clone Stamp Tool: . Нажимаем на этот инструмент, левой кнопкой мыши, теперь выбрав нужный размер и мягкость в меню Brush нужно указать место, с которого будем копировать текстуру, нажимаем Alt и левую кнопку мыши на мессе копирования. Место нужно выбирать так, чтобы цвет был такой же, как и там где расположен шов. Аккуратно нужно затереть шов, для получения такой текстуры

Изображение после замазывания шва.

Таким образом, мы получили затайленую текстуру по горизонтали. Теперь попробуем избавиться от цветного шума, который встречаешься на текстуре. Дублируем полученное изображение (правой кнопкой мыши нужно нажать на слой, который нужно дублировать и в появившемся меню выбрать Duplicate Layer). Теперь поменяйте тип смешивания верхнего слоя с Normal на Color:

и применить к этому же слою фильтр Filter->Blur->Gaussian Blur, я поставил значение 5, чем сильнее значение, тем размытее цвета. При подобном размытии цветов иногда теряется насыщенность, это можно поправить, нажав на результирующем слое сочетание клавиш Ctrl+U и в открывшемся меню повысить значение Saturation (Насыщенность). Далее можно придать некую объемность текстуре, это очень помогает в случае, когда к текстуре не применяется нормал мап. Для этого нужно слить все слои в один  Ctrl+Shift+E и дублировать этот слой.  Теперь поменяйте тип смешивания с  Normal на Overlay и примените к этому слою фильтр Filter->Stylize->Emboss , в появившемся меню я поставил такие настройки:

Настройки фильтра Emboss.

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

Настройки размера изображения.

Теперь придадим текстуре чёткость, для этого нужно соединить все слои в один и дублировать получившейся слой, поменять тип смешивания слоя с  Normal на Overlay, и применить к этому слою фильтр Filter->Other->High Pass с параметром 0,5. Это действие подчеркнёт детали текстуре.

Далее попробуем добавить металлические объекты на текстуру. Для этого, создайте новый слой (Alt+Ctrl+Shift+N), это будет слой металла, выберете 2а цвета, на первое место нужно выбрать R:60 G:65 B:65, а на  второе R:45 G:45 B:45.

Теперь нужно применить на новый слой фильтр Clouds, для этого запустите его Filter->Render->Clouds, и потом применить фильтр Sponge – Filter->Artistic->Sponge с параметрами:

Настройки фильтра Sponge.

Далее нужно понизить контрастность и яркость, для этого пройдите в меню Image->Adjustments->Brightness/Contrast я поставил такие параметры:

Настройки яркости и контраста.

Это будет основа для металла, теперь нужно выбрать инструмент выделения  и выделить те места, где будет находиться, метал, к примеру, это буду болты, для более точного выделения используйте линейку View->Rulers. У меня получилось 10 болтов, вот так:

Текстура с металлическими вставками.

Но сейчас всё выглядит как-то не так как в жизни, почему? потому что нет объема, тени и света, что мы сейчас и исправим. Возьмите инструмент Dodge Tool c параметрам:

Настройка инструмента Dodge Tool.

И осветлите левую верхнюю часть всех болтов.

Болты после осветления.

Теперь поменяйте поле Range на Shadows и проделайте то же самое, но с правой нижней частью, и не забудьте зажать Alt. Болты станут объемнее, но всё ровно они как бы не сходятся с текстурой, для этого мы будим использовать Layer Style, очень полезный инструмент. Для этого выделите наш слой с болтами и примените к нему Layer Style, делается это так Layer-> Layer Style->Blending Options, перед вами появиться меню, здесь можно очень многое настроить, нам нужно лишь сделать тень от болтов, установите такие параметры:

Настройки стиля смешивания слоёв.

Таким образом, болты уже не будут казаться чужеродными, но для чего они? нужно как-то обосновать их присутствие на текстуре, для этого добавим металлические пластины, которые будут держать эти болты. Вот моя текстура метала:

Текстура метала.

Теперь нужно поместить эту текстуру между болтами и стеной:

И вырезать нужную нам форму:

Придаём металлу форму.

Также я скопировал болты на края. Теперь нужно придать объемность, можно это сделать, так же как и с болтами, а можно Layer Style, сейчас я расскажу как.

Выделите слой с металлом и перейдите в Layer-> Layer Style->Blending Options, здесь нам поможет Bevel and Emboss, поэкспериментируйте с настройками, у меня они такие:

Настройки стиля смешивания слоёв.

У меня вышло так:

Придаём объём металлу.

Далее нужно применить к этому металлу коррозию, например царапины. Для этого нам понадобиться инструмент Dodge Tool, теперь поменяем его настройки так:

Настройки инструмента Dodge Tool.

Теперь можно рисовать царапины, а где появляются царапины чаще всего? На углах.

И ещё добавим ржавчины, для этого я взял такую текстуру:

Текстура ржавчины.

И поместим эту текстуру на самый верх. Ржавчина будет только на металле, поэтому обрежем этот слой, для этого воспользуемся быстрым выделением. Зажмите клавишу Ctrl и левой кнопкой нажмите на слой с металлом:

Создание выделения по контуру слоя.

Таким образом, мы выделили металл на нашей текстуре, переключитесь на самый верхний уровень и инвертируйте выделение Ctrl+Shift+I и нажмите Delete для удаления. Поменяем у ржавчины тип смешивания с Normal на Overlay. Получим такую текстуру:

Текстура с равномерно наложенной ржавчиной.

Но нам ненужно чтобы вся текстура была ржавой, поэтому воспользуемся маской Add Layer Mask:

Создания маски, для выделенного слоя.

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

Выделения маски, для редактирования.

Маска работает по принципу чёрное – изображения нет, белое – есть. У нас ржавчина будит располагаться в нижней части, поэтому, выберите маску для редактирования, потом выберите инструмент Gradient Tool . Выберете 2а цвета, чёрный и белый . Теперь проведём линию, по которой пройдёт заливка, зажав Shift для более точного расположения:

Заливка градиентом.

Получился ровный переход, в жизни такого  не бывает, для того чтобы это исправить нужно воспользоваться инструментом Burn Tool, с такими вот параметрами:

Настройки инструмента Burn Tool.

Теперь повысим контраст наше текстуре, для начала склеим все слои в один Ctrl+Shift+E,

и запустим фильтр Unsharp Mask, Filter->Sharpen-> Unsharp Mask, с такими параметрами:

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

Финальная текстура.

Автор: SashaRX почта: SashaRX@ya.ru icq: 434787849

Комендант Александр Николаевич . 2008



Источник: http://gameshaker.ucoz.ru
Категория: Работа с Photoshop | Добавил: gameshaker (29.11.2013) | Автор: rgs E
Просмотров: 2450 | Теги: графика.мод, игр, создание, моделинг, из, Текстуры, моддинг, игрострой, фотографии, для
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Последние файлы
UnWorld (Unreal Engine 1.5-2)(редактор уровней Harry Potter)
(Комментариев:0)
(Загрузок:2273)
Серия игр:Гарри Поттер " Harry Potter"
(Комментариев:0)
(Загрузок:1469)
Top 10 Flash Games(флеш игр) по версии GamesHaker.ucoz.ru pack10
(Комментариев:0)
(Загрузок:1563)
Top 10 Flash Games(флеш игр) по версии GamesHaker.ucoz.ru pack9
(Комментариев:0)
(Загрузок:1061)
Top 10 Flash Games(флеш игр) по версии GamesHaker.ucoz.ru pack8
(Комментариев:0)
(Загрузок:570)
Top 10 Flash Games(флеш игр) по версии GamesHaker.ucoz.ru pack5
(Комментариев:0)
(Загрузок:586)
Top 10 Flash Games(флеш игр) по версии GamesHaker.ucoz.ru pack6
(Комментариев:0)
(Загрузок:519)
Категории раздела
Для начинающих [15]
Работа с Photoshop [1]
Фильтры в Photoshop [0]
Фотомонтаж и спецэффекты [0]
Разное о фотографии [0]
Наш опрос
Ваш выбор игрового движка?
Всего ответов: 24
Статистика

Онлайн всего: 2
Гостей: 2
Пользователей: 0
Зарег. на сайте
Всего: 3672
Новых за месяц: 1
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Админинистраторов:1
Модераторов:0
Проверенных:0
Обычных юзеров:3671
Из них
Парней:3192
Девушек:480
Статистика файлов
Новостей:178
Файлов:494
Статьи:198
Фото:450
Коментариев:162
Форма входа
Поиск



Социум
Друзья сайта
продвижение сайта в поисковых системах GanGstA Game's TOP-100 CounterRambler's Top100 TOP Яндекс.Метрика
продвижение самостоятельно самостоятельное продвижение сайтоврегистрация сайта в каталогах Все для редактирования и создания игр с нуля.Игрострой.Новости моддинга и игростроя.Уроки рисования. Рейтинг SIMPLETOP.NET раскрутка сайта

Бесплатная регистрация в поисковых системах

Locations of visitors to this page

Graffiti Decorations(R) Studio (TM) Site Promoter ТОП GTA-GAME
О сайте Новое в галерее

Здравствуйте уважаемые любители игростроя! Этот сайт создан специально для вас! Здесь есть всё что нужно для редактирования и созданию игр, в том числе и без программирования... На этом сайте вы найдёте очень много файлов статей для редактирования игор. Также на сайте есть очень много различных файлов к играм, программ, патчей, трейнеров и др., для таких известных игор как GTASA, NFS, CS1.6, Crysis и др. Также есть различные программы связаны с играми, для создания 3D-моделей, для извлечения ресурсов из разных игор. На сайте очень много картинок, скриншотов и обоев на рабочий стол из игор. Здесь вы найдёте всё необходимое для создания модификаций к вашим любимым играм, а так же создания собственных игр. Для игроделов на сайте можно скачать необходимые для этого инструменты (конструкторы игр, движки), изучить необходимую литературу (статьи, журналы, книги) и т.д. На нашем форуме вы всегда сможете спросить совет или поделиться своими наработками. Если у вас имеются интересные файлы, то вы так же можете разместить их на нашем сайте.Ващей фантизии нет границ? Тогда вперёд, покажите всем на, что вы способны! А наш сайт вам в этом поможет. Играйте, создавайте, модифицируйте, удивляйте людей! И может быть через какое то время весь мир узнает о Вас!
Подробно о сайте >>>

Ubisoft транспорт GTA IV 3d модели GTA SA Crytek nfs_shift моделирование Новый pc играть Как обзор правильно статьи Туториал Как создать журнала редактор photoshop игровые Моды новое Демо стиле красивый научиться TDU смотреть иностранный локацию pdf интернет персонаж Рисуем персонажа game программирования фон Фотошоп GTA flash ADOBE уроки спрайт графика мод игра FPS журнал 2013 игр GDC программы Выдиралки данных моддинг рисование конструктор версия игры для 3D моделей studio Tools создания скачать новости вышел Android на Nvidia демонстрация CryENGINE анонс Unity Игровая движка текстур выпуск игрового Видео игрострой движок 2D SDK игровой Нарисовать графику GameDev урок 3ds Max sa создание авто Grand Theft Auto из рисовать Флеш Top



Гостевая книга                   Последние комментарии
Администрация не несет ответственности за корректность и достоверность информации в статьях и надежность всех упоминаемых URL-адресов. Все названия и логотипы в файлах и статьях являются собственностью их законных владельцев и не используются в качестве рекламы продуктов или услуг. Материалы портала распространяются согласно условиям лицензии
CreativeCommons.
© 2024
Рейтинг@Mail.ru