что такое текстура в фотошопе
Что такое текстура в фотошопе
Блок использует технологию Flash.
Для полноценного просмотра
требуется более новая версия
Adobe Flash Player.
Текстуры : Что такое Текстура, как установить и использовать в Adobe Photoshop
Текстуры бывают разных типов и форматов: RGB или RGBA (с альфаканалом) CMYK, монохромные и множество других. Новшеств в сфере текстуринга также не мало, как и в других областях компьютерной сферы. Текстура в фотошопе это то же самое, что фон. Обычно это файл с расширением JPEG, PNG или PAT.
С помощью текстур добиваются совершенно разных эффектов от рифлености бумаги до лунного свечения, от дуновения холодного ветра до волнения теплых пустынных песков. Также текстуры используют для нанесения на части тела человека, например для придания некой «узорчатости» лицу. Для текстур не сделано отдельных меню, как допустим, для кистей или узоров. Если текстура в формате pat, то загрузка происходит вот таким образом: входим в меню редактирование, далее переходим в управление библиотеками, идем в узоры и, наконец, загрузить (Edit – Preset Manager – Patterns – Load). Ну а если текстуры созданы в формате jpg, gif, png или в каком либо другом графическом расширении, то такие текстуры просто открываются как обычный графический файл (File – Open).
Мастерами было придумано множество способов по нанесению текстур на объекты: это и осветление основы, просто осветление, умножение, прижатие текструр, масштабирование текстур, проецирование текстур, текстуры окружения (Environment mapping). Назначение текстур (фонов) в фотошопе это не только простая раскраска объекта, но и придание ему ярко выраженной шероховатости, ведь иногда нужно, допустим, покрасив дерево не только придать ему цвет, но и сделать, чтобы кора дерева была реалистичной, в этом также помогут текстуры.
Сейчас мы кратко разберем, как наложить текстуру на часть тела.
1.Берем две картинки – изображение человека и саму текстуру в любом из вышеперечисленных форматов.
2. Накладываем текстуру сверху на картинку и делаем прозрачность примерно 40-50%, таким образом, чтобы мы могли подогнать масштаб и оценить, насколько текстура совпала с лицом.
3. Задаем маску для слоя, на котором располагается текстура и применяем низкую прозрачность, для того чтобы видеть лицо. Удаляем часть текстуры, находящуюся за пределами лица.
4. Между лицом и текстурой (поверх лица) добавляем пустой новый слой, заливаем черным цветом и ставим режим наложения цвета (Color). Сделав все это, увидим, что лицо стало черно-белым, сохранив свои цвета, у нас будет доступ к настоящим цветам самих картинок.
5. Дублируем слой-текстуру. Устанавливаем ему режим смешивания (умножение) и прозрачность 100%. А дублированному режим смешивания (осветление основы) и прозрачность 85% (можно и более прозрачный) но результат будет менее насыщенным.
6. Возвращаемся к нашему слою, чтобы проверить, все ли нас устраивает с цветом, играем прозрачностью. Сливаем все слои. Копируем полученный слой, чтобы продолжить обработку.
7. Смешав плоские текстуры, мы сразу же теряем объем, его необходимо вернуть, для этого используем два инструмента в фотошопе – осветлитель и затемнитель, создаем при их помощи блики и тени.
8. Для придания плотности текстуре, берем инструмент фотошопа «резкость», ставим ему прозрачность 25% и крупной кистью проходимся по всему изображению, главное не переборщить.
9. Ну и в заключение можно поиграть с яркостью и насыщенностью на свой вкус.
Текстуры предоставляют огромный простор для творчества, и придадут вашим 3d изображениям поистине настоящую реалистичность, выделят ваши фото из общей серой массы.
Учимся использовать текстуры в Photoshop
Этот урок принесёт определённую пользу тем, кто только начал изучать Photoshop. Замечу, что текстура являет собой довольно неоднозначную деталь цифрового фото, так как, неосторожное ее использование может запросто испортить, «перенасытить» фото. Тем не менее, бывают случаи, когда снимок приобретает незавершённый вид, как будто ему чего-то не хватает… Именно в таком случае стоит поколдовать с его текстурами.
Тем, кто не знаком с особенностями функции текстуры и прежде всего способом добавления её в фотографию, описание этой процедуры по меньшей мере покажется забавным. Итак, вам нужно взять одну фотографию с изображением какой-нибудь текстуры (допустим — потресканная краска, царапины на поверхности, узор ткани и т.д.) и применить её, как наложение на оригинальное фото. Желаемый эффект получаем путём изменения режима смешивания текстуры в Photoshop. Таким образом, полупрозрачная текстура становится частью реального изображения.
Это необработанная фотография снятая на пляже в Калифорнии на соревнованиях по серфингу и текстура, что будет применяться.
Тем кто первый раз установил на ПК Photoshop рекомендую ознакомиться со слоями и масками, так как они являются фундаментальными функциями этой программы. Сразу запомните первое: верхний слой, всегда имеет преимущество над нижними, и это значит, что если мы хотим применить желаемую текстуру — нам необходимо переместить её как верхний слой над серферами.
На фото мы видим просто текстуру, которую только что разместили верхним слоем над изображением с серферами. Но где же сами серферы? Их не видно по простой причине: текстура сейчас находится в состоянии 100% непрозрачности, а режим смешивания обозначен как «нормальный».
Еще одним способом влияния на исходный вид текстуры является коррекция положения слайдера непрозрачности. При 100% непрозрачности она может выглядеть слишком ярко, броско, а при мягком свете наоборот невыразительно и блекло, поэтому просто напросто установите режим смешивания “Overlay” и настройте непрозрачность слоя до достижения им удовлетворительной концентрации.
Настройка прозрачности текстуры в Photoshop
Существует только два вида масок: чёрная и белая. Главное правило их использования можно сформулировать так: «чёрный скрывает, белый показывает». Если поместить белую маску на слой текстуры, ничего не изменится так как белая показывает все слои, но если её заменить на чёрную – текстура исчезнет, потому что чёрный слой все скрывает.
Добавление маски в Photoshop
Чтоб добавить нужную маску, выделяем желаемый слой изображения и кликаем по маленькой иконке маски в правом нижнем углу экрана. Для нашего случая будет использоваться белая маска. Для добавления чёрной существует несколько вариантов:
— удерживая Alt на клавиатуре, кликнуть на добавление маски,
— добавить белую маску и кликнуть “Invert” (Инвертировать) на меню справа (круглом),
— добавить белую маску и нажать “Ctrl I” для инвертации в черную маску.
Все способы приведут к желаемому результату.
Итак, с этим фото мы завершили и теперь подытожим проделанный объем работ:
Во-первых: мной была использована белая маска на слое с текстурой. Если бы использовалась чёрная маска, мы бы не видели все, что находится под ней. Вы видите что на слое маски я обрисовал каждого серфера.
Во вторых: С выбранным слоем маски (проверьте, не выбрали ли вы вместо маски текстуру!), выберете из левого меню кисть, которой и нужно обрабатывать спортсменов на маске (В).
В третьих: при использовании белой маски рисуйте чёрным, при использовании чёрной – белым. Если у вас включены разные цвета, убедитесь, что выбрана маска, а не текстура (если выбрана маска то палитра по умолчанию будет переключаться на чёрный и белый). Цвет, указанный сверху, будет цветом, которым вы рисуете, так что убедитесь, что это чёрный (в отличие от скриншота). Для того переключения чёрного и белого используйте клавишу Х на клавиатуре.
В четвертых: рисовать лучше мягкой кистью, она позволяет делать более мягкие и незаметные штрихи (для выбора этого инструмента кликните по круглой иконке и примените кисть с мягким наконечником).
И вот такой результат моих рудов в Photoshop с использованием маски!
Как устанавливать текстуры в фотошоп
Всем привет, дорогие читатели! Снова я, и снова с вагоном познавательной информации. Если вы начинающий пользователь программы, и не знаете как устанавливать текстуры в фотошоп, то вы на правильном пути. Сегодня мы это исправим, и вы станете настоящим специалистом. Ну что, приступим?
Что такое текстура
В начале немного общей информации, чтобы было понятно с чем сегодня будем работать. Текстура — это растровое изображение, которое накладывается на поверхность объекта либо под него, чтобы придать ей свойства краски, иллюзии рельефа или цвета.
Иными словами — это фон. Текстурой может выступать иллюстрация царапин, стекол, имитация различных строительных материалов, узоры и тд. Основной их функцией является доработка фотографий. Сегодня мы научимся не только добавлять новые текстуры, но ещё и создавать собственные.
Установка
Для начала нам необходимо скачать эти узоры. Их можно найти на просторах интернета, обычно они скачиваются в раре — архивном файле. После скачивания находим его в папке и кликаем ПКМ (правой кнопкой мыши) по нему и выбираем действие «извлечь в текущую папку» («Extract here»).
У нас появилась папка с файлами.
Жмём по ней ПКМ, далее команда «вырезать».
После этого необходимо проделать следующий путь:
Этот компьютер (мой компьютер) → локальный диск (С:) → Program Files → Photoshop CS6 (Adobe Photoshop) → папка Presets (наборы) → папка Patterns. Мы попадаем в папку с текстурами. Добавляем сюда наши узоры путём нажатия ПКМ → вставить.
Если у вас появилось окно «Нет доступа к целевой папке», то в таком случае нужно нажать команду «продолжить».
Всё, файл теперь вставлен.
Создаем документ с текстурой
Переходим в программу фотошоп и создаём новый документ («Файл» → «Создать» → Ок).
Теперь в верхней панели выбираем Редактирование→Наборы→Управление наборами.
Перед нами возникает контекстное меню, в котором есть раздел «Тип набора», в нём необходимо выбрать «Узоры».
Затем кликаем по команде «Загрузить».
Программа Фотошоп сразу же открывает папку с текстурами, осталось выбрать подходящую.
Жмём по ней, находим файл в формате «RAT» и выбираем «загрузить».
Как только загрузка произошла, можно заметить, что узоров стало больше, а это значит, что обработка прошла успешно. Нажимаем «Готово».
Теперь применим одну из структур к обычному белому файлу. Во вкладке «Слои» находим слой с фоном, кликаем ЛКМ по нему два раза и всплывает окошко, в котором необходимо нажать «Ок».
У нас появляется слой. Нажимаете ПКМ по нему и найдем функцию «параметры наложения».
Перед нами появляется меню, где мы выбираем пункт «текстура». Далее в элементах найдём нужный нам узор, кликаем по нему → затем «ОК».
Мои поздравления, наш фон готов.
Текстура из картинки
Иногда бывает так, что подходящая структурка уже имеется, но она не в архивном формате, а является обычной картинкой в формате png или jpeg. Если выход из подобной ситуации? Определенно, да! Давайте вместе справимся с этой задачей.
1) Откроем картинку в обычном формате («Файл» → «Открыть» → Ок).
2) Пройдём в «Редактирование» →Определить узор
Мы видим, что всплыло окошко, в котором структуре необходимо задать имя и следом «ОК».
Вот и всё, так легко мы добавили текстуру в наборы.
Удостоверится в этом можно перейдя в «менеджер наборов». В самом конце будет находиться крайний добавленный узор.
Создаем сами
А что делать, если нет подходящей структуры, хотя вы уже перерыли весь интернет? Можно создать свою собственную! Сегодня мы разберём один из наиболее простых способов.
Он заключается в использовании разных фильтров, путем их наложения друг на друга. Применяя различные фильтры, можно добиться необычных результатов. Попробуем создать текстуру «мокрый бетон».
Работаем по алгоритму:
1) Создаём новый документ с белым холстом.
2) «Фильтр»→«Шум»→«Добавить Шум».
В появившемся меню регулируем эффект и клик «ОК».
Мы получили качественную основу для последующего фильтра.
В появившемся меню отрегулируем значения в колонках «высота» и «эффект». Кликаем на кнопку «ОК».
Вот и всё, мы образовали собственную текстуру путем комбинации фильтров.
Наложение на изображение
А теперь давайте улучшим фотографию с помощью этих волшебных инструментов. Для этого процесса нам понадобится сама иллюстрация и подходящая к ней текстура. Допустим, возьмём фото девушки и имитацию мыльных пузырей.
Сперва нам необходимо загрузить фото, для этого выполняем следующие действия: Файл → Открыть→Находим нужный документ→Открыть.
Затем преобразуем наш фон в слой. ЛКМ два раза по фону →»ок»
Далее мы накладываем текстуру. ПКМ по слою → Параметры наложения.
Перед нами всплывает меню со стилями слоя. Слева перечислены параметры наложения, а справа элементы. Мы работаем таким образом:
Текстура → Выбираем нужный узор → «ОК».
Наблюдая результат, заметим, что фотография заиграла новыми красками.
В итоге
Давайте сделаем выводы сегодняшнего урока: мы научились применять, добавлять, а также создавать текстурки. И теперь, я с уверенностью могу сказать, что сейчас Вы уже не новичок, а начинающий специалист.
Ладно, друзья, шутки в сторону, делитесь своими навыками и нашими уроками, а также пишите в комментариях получилось ли у вас? Если есть вопросы — задавайте, с радостью отвечу. До скорых встреч!
Текстурирование. Первые шаги в Adobe Photoshop
Введение
Здравствуйте, меня зовут Евгений Булатов, я работаю художником в студии Extreme Developers.
Я расскажу вам о том, как просто и качественно делать сходящиеся (т.е. повторяющиеся без швов) текстуры. Зачастую, необходимо, что бы текстура повторялась, образовывая сплошное покрытие, это удобно к тому же сильно экономит память. Особенно интенсивно такие текстуры используются в геймдеве. Там где нужно экономить каждый байт, художники должны отлично владеть методами создания красивых но экономичных текстур.
Сходящиеся текстуры еще называют Тайловыми от английского слова Tile – плитка. Создание текстуры начинается с фотографии. Вы можете сфотографировать поверхность сами, или воспользоваться готовыми коллекциями. Есть замечательный банк фототекстур в высоком разрешении по адресу http://cgtextures.com/ До 15 mb в день бесплатно, плюс, он постоянно обновляется.
Интересно так же фотографировать текстуры самому. Вот несколько рекомендаций. Поверхность должна быть равномерно освещена рассеянным светом. Для этого подойдет пасмурная погода, или тень. Желательно что бы поверхность занимала всю площадь кадра и была под прямым углом к объективу. Переключите баланс белого фотоаппарата на облачно или пасмурно, в зависимости от ваших условий. Ну и конечно тщательно сортируйте фотографии, иначе спустя год вы ничего не найдете в своей коллекции.
Итак, фотография найдена…
Часть I
Ниже, я покажу один из способов создания сходящейся текстуры. Но сначала, сделайте простую вещь. Запустите Photoshop и нажмите Ctrl+K
В окне настроек на вкладке Performans в поле History States поставьте 100. Photoshop будет запоминать последние 100 операций которые вы сможете отменить в палитре истории. Вот теперь можно работать.
Для примера я выбрал фотографию кирпичной стены. Создадим из нее квадратную текстуру в разрешении 512 x 512.
Открываем снимок в Photoshop. И инструментом Crop (Обрезка
Если вы создаете текстуру с регулярным узором (кирпичи, доски, кафельная плитка), вам понадобится выправить перспективные искажения, иначе текстура не сойдется (с текстурой штукатурки, песка или травы все проще ).
Для этого, дважды щелкните по слою Background и в появившемся окне нажмите ОК (вы разблокировали слой). Затем, с помощью свободной трансформации
Transform – Warp (Редактирование – Трансформация – Деформация)
При использовании свободной трансформации нажмите Ctrl так вы будете двигать каждый узелок независимо. Отпустите Ctrl и вы будете перемещать всю сторону.
Вот что у вас должно получиться:
(обратите внимание как ряды кирпичей примыкают к нижней и верхней кромкам)
После того, как вы выровняли картинку, вновь обрежьте ее что бы удалить пиксели зашедшие за края. Иначе, при следующем шаге вы рискуете получить странный результат. (при трансформации пиксели могут попасть за границы документа).
Затем воспользуйтесь фильтром Offset.
Filter – Other – Offset (Фильтр – Другие – Смещение)
Этот фильтр сдвигает изображение по горизонтали и вертикали. Сначала, сдвиньте текстуру по вертикали на половину.
(Если у вас текстура 512, смещайте на +256) Можете сдвигать и приблизительно, на глаз. После применения фильтра, вы сразу увидите, как стыкуются ряды кирпичей. Если что то вам не нравится вернитесь назад и вновь подправьте изображение.
После того как с вертикальной сходимостью закончено, сдвиньте текстуру влево (фильтром Offset). Здесь придется поработать штампом (инструмент Clone Stamp ). В зависимости от текстуры, я выбираю штамп или лечащую кисть (Healing Brush).
Штамп, как и лечащая кисть, копирует участки изображения с одного места на другое. Что бы указать редактору откуда брать фрагмент нажмите Alt и кликните мышкой. Затем рисуйте штампом там, где вы хотите убрать шов. (отличие лечащей кисти заключается в том что она подбирает яркость на исправленном участке. Пользуйтесь тем или иным инструментом в зависимости от ситуации). Кирпич за кирпичом аккуратно «заклонируйте» шов.
После того как швы убраны, осталось только подогнать текстуру под нужный размер. Примените команду Image – Image Size и поставьте нужное значение высоты и ширины в пикселях (в этом примере 512 х 512). Текстура готова!
Часть II
Но зачастую, после наложения такой текстуры заметно, что она повторяется. Небольшие перепады яркости, какие-то пятна, и мы сразу улавливаем ритм.
Можно проверить, как повторяется текстура, не выходя из редактора. В меню Edit, выберете Define Pattern. Появится окно для добавления текстуры в коллекцию пресетов. Нажмите ОК. Затем создайте новый документ в несколько раз больший чем ваша текстура, например в 5 раз. И нажмите Shist+F5, что равносильно команде заливка
Если повторения слишком заметны, текстуру можно доработать. Убрать какие-то неоднородные детали, или перепады по яркости. Долгое время я исправлял текстуры вручную, пока не догадался, что перепад по яркости можно выровнять автоматически.
Рядом с фильтром Offset, в Photoshop, есть фильтр High Pass (высокий проход).
Если углубиться в теорию то выясниться, что это фильтр низкой частоты. Что это значит на практике? На практике это означает, что он сглаживает большие по площади колебания яркости, оставляя не тронутыми колебания которые имеют мелкую фактуру.
Поясню с другой стороны. Всем известный фильтр Gaussian Blur (Размытие по Гауссу), можно рассматривать как фильтр высокой частоты. Он сглаживает высокочастотные колебания, оставляя нетронутыми плавные изменения яркости. Таким образом, можно например, избавить фотографию от мелкого, случайного, цифрового шума. Конечно, при этом фотография потеряет в четкости, но большинство контуров останется. Фильтр High Pass действует противоположным образом, оставляя мелкую фактуру, он убирает общие пятна. А это именно то, что нужно для выравнивания текстур!
Вот небольшая иллюстрация действия этих фильтров на изображение:
Посмотрите, как меняется текстура в первом и втором случае. Радиус действия фильтров одинаков, и все становиться очевидно!
После применения фильтра High Pass фактура кирпичей, швы, трещины остались, а большие темные пятна внизу исчезли.
После фильтра Gaussian Blur, исчезли все мелкие детали, и проявились те пятна которые убрал High Pass! Примечательно что если объединить эти два слоя в в режиме Overlay, мы получим исходное изображение.
Из за того, что High Pass действует сразу во всех каналах, цвета искажаются. Но это не страшно. Этим фильтром очень удобно выравнивать яркостную составляющую текстуры, и в большинстве случаев это работает, делая повторения текстуры не такими заметным.
На этом с теорией закончим, на практике все очень просто:
1. Скопируйте слой с текстурой
3. Смените режим смешивания этого слоя на Luminosity (Яркость)
4. Примените фильтр Hight Pass (Высокий проход) с подходящим радиусом.
Для текстуры из урока подойдет радиус в пределах 15-30 пкс.
Если текстура кажется вам слишком плоской, увеличьте радиус в настройках фильтра, так же можно уменьшить степень непрозрачности слоя.
Когда, результат вам понравится, можете откинутся на спинку кресла и насладится плодами своих трудов. Вы сделали качественную текстуру. А главное узнали способ создавать их в неограниченном количестве. Для этого, вам всего лишь, потребуется побродить с фотоаппаратом)
Когда вы освоите Photoshop и запомните горячие клавиши, создание такой текстуры будет занимать у вас минут пятнадцать. И главным вопросом будет где найти или как сфотографировать ту текстуру, которая нужна в вашей работе. Особенно если на дворе лето, а вам нужен снег!
В заключении хочу поблагодарить Яшу известного как Snork, Елену aka Porcelana и Евгения ksi2 за помощь в создании урока. Конечно, это были самые начала в создании текстур. Надеюсь, с вашей помощью, я продолжу этот рассказ.