Как быстро размножить текстуру в фотошопе
Бесшовные текстуры достаточно востребованный материал любого дизайнера, их применяют при работе над коллажами, в веб-дизайне для фоновых изображений сайта, а так же в 3D моделировании для наложения на создаваемые объекты. Бесшовная текстура представляет собой изображение какой-либо текстуры, которое при сопоставлении со своей копией образует единый монолитный фон, без каких либо швов. Собственно говоря, поэтому её и называют бесшовной. В данном уроке мы будем делать из обычного изображения текстуры - бесшовную.
Для работы я взял фото ягоды, если сейчас сделать копии этого изображения и попробовать их сопоставить вместе, то будут явно видны швы.
Наша задача сделать из этого фона бесшовную текстуру, чтобы при сопоставлении копий получался монолитный фон с ягодой.
1. Создание нового документа
И так, давайте создадим новый документ, в котором будем делать текстуру. Выбираем в верхнем меню "Файл" - Создать". Бесшовную текстуру я буду делать квадратной, т.е. с равными сторонами, поэтому в настройках документа установим одинаковую ширину и высоту, чтобы получился квадрат. Можно сделать и прямоугольную текстуру, каких либо отличий в её создании не будет. Задаем размер холста, в зависимости от размера вашего изображения, в данном случае картинка с ягодами имеет размер 1600 на 900 пикселей, я сделаю холст немного меньше 600 на 600 пикселей.
Холст я специально сделал поменьше, чтобы была возможность настроить положение текстуры, ну дальше вы поймете о чем идет речь. Теперь просто перетаскиваем наше изображение на созданный холст, удерживая левую кнопку мыши.
2. Кадрируем изображение по размеру холста
Для начала необходимо определиться с областью изображения, которая будет той самой текстурой. Т.е. мы подгоняем изображение на холсте таким образом, чтобы небыло каких-то теней с боку или наоборот засвеченных участков, изображение должно иметь одинаковый тон и освещение со всех сторон. Так же можно его изменить в размере. Выбираем в верхнем меню "Редактирование" - "Свободное трансформирование" и настраиваем размер.
Далее, необходимо обрезать лишние части изображения, чтобы у нас остался только этот самый квадрат. Для этого выбираем в панели инструментов инструмент "Рамка", нажимаем "Enter" и теперь мы можем видеть те самые лишние края изображения, которые выступают за холст.
Нажимаем еще раз "Enter" и кадрируем изображение, тем самым удаляем все его части, выступающие за холст. Если подвигать изображение, то можно увидеть, что у нас получился квадрат, точно под размер холста.
3. Создаём бесшовную текстуру
Теперь в верхнем меню выбираем "Фильтр" - "Другое" - "Сдвиг". Так как у нас изображение размером 600 на 600 пикселей здесь в настройках фильтра необходимо выставить сдвиг по горизонтали на половину размера изображения и по вертикали тоже, т.е. получается по горизонтали и по вертикали нужно установить значения сдвига "+300" пикселей.
Данный фильтр разбил изображение на четыре равных части и перевернул эти части внутренней стороной наружу. Если мы сейчас попробуем сделать копию изображения и приложим к оригиналу с любой стороны, то увидим, что они будут идеально состыковываться, т.е. у нас получилась бесшовная текстура с подготовленными краями, но с дефектом внутри в виде швов, от которых нужно избавиться.
4. Избавляемся от швов на текстуре
Чтобы избавиться от этих швов и сделать фон в центре текстуры однородным можно воспользоваться двумя способами. Первый, самый простой способ - это взять инструмент "Точечная восстанавливающая кисть" и пройтись ею по этим швам.
В данном случае этот способ не подходит, от швов мы избавились, но ягода имеет не естественные формы, она выглядит какой-то помятой и обрубленной. Данный способ подойдет, если ваша текстура имеет мелкие детали, которые не так сильно заметны. Например, если вы будите делать текстуру песка или асфальта, то таким способом вы получите отличный результат, но на текстурах с крупными объектами, такое не сработает.
Вместо "Точечной восстанавливающей кисти" можно еще использовать и инструмент "Заплатка". Выделяем проблемную область и перемещаем на её место другую часть изображения.
Такми образом можно добиться более лучшего результата, чем с восстанавливающей кистью, ну или обработать фон обоими инструментами, но опять-таки это сработает только на текстурах с мелкими объектами.
Второй способ - это копирование объектов и подгонка их под фон. Способ более трудоёмкий, но именно он подходит для текстуры с крупными объектами. Берем инструмент выделения "Лассо", выделяем им какую-нибудь целую ягоду и вырезаем её на новый слой. Для этого кликаем по выделенной области правой кнопкой мыши и выбираем "Скопировать на новый слой".
Теперь выбираем инструмент "Перемещение" и перетаскиваем ягоду на шов, чтобы его скрыть. Ягоду можно как-нибудь развернуть, отразить по горизонтали или вертикали, вообщем немного изменить, чтобы она отличалась от той с которой мы сняли копию. Выберем в верхнем меню "Редактирование" - "Свободное трансформирование" и повернем немного её, а так же приплющим и немного уменьшим.
Теперь удалим лишний фон с краев ягоды инструментом "Ластик".
Если есть необходимость, можно и тень наложить, для этого создаём новый слой, кликнув на соответствующий значок под панелью слоёв и накладываем его на слой с ягодой. Для этого установим новый слой над слоем с ягодой и удерживая "Alt" на клавиатуре наводим курсор мыши между слоями до появления значка, стрелочки. При появлении данного значка кликаем левой клавишей мыши и верхний слой накладывается на нижний.
Теперь задаем верхнему слою параметр наложения "Мягкий свет", берем простую мягкую кисть, устанавливаем черный цвет и рисуем на ягоде тень, максимально вписывая объект в фон.
Можно и свет наложить, но это думаю будет лишним. На сайте имеется урок, в котором я показывал, как вписать любой объект в фон в фотошопе, подобным образом можно и сделать в данной ситуации.
Таким образом копируем несколько ягод и вписываем их в фон, скрывая тем самым все швы и неудавшиеся погрешности. Так же важно заметить, что при всех этих манипуляциях ни в коем случае не залезайте за края холста, иначе нарушите текстуру. Можно делать прямо в притык к холсту, но не не залезать за край.
В результате десяти минутной работы получается текстура с ягодой. Теперь можно все слои объединить в один. Для этого выделяем верхний слой, кликнув по нему левой кнопкой мыши и удерживая "Shift" кликаем левой кнопкой мыши по самому нижнему слою. Далее кликаем правой кнопкой мыши и в открывшемся меню выбираем "Преобразовать в смарт-объект".
Получаем один слой с готовой бесшовной текстурой ягоды. Чтобы проверить текстуру в действии, можно увеличить холст, сделать копии слоя и сопоставить их друг с другом. Если при этом вы наблюдаете какие-то слишком заметные повторяющиеся элементы, можете снова подкорректировать текстуру, до необходимого результата.
Таким вот образом в фотошопе можно сделать бесшовную текстуру практически из любого изображения.
Знаете ли вы, как в Фотошопе залить выделенный участок изображения не ровным цветом, а текстурной заливкой?
Очень просто. Создаем выделение и выбираем в меню Edit – Fill… – Pattern (Редактирование - Заливка - Узор), и там в появившейся табличке выбираем подходящий образец заливки. Можно подгрузить и другие наборы образцов, если открыть меню, спрятанное на табличке за кнопкой со стрелкой. Образцов – множество.
Но можно использовать для заливки и любую другую текстуру, которая нравится вам, или которую вы создаёте сами. Для этого на подходящем изображении выбираем кусочек, который хотим принять за образец, выделяем его прямоугольным выделяющим инструментом, и в меню Edit (Редактирование) выбираем Define Pattern…(Определить узор. ) После этого в табличке, появляющейся по команде Edit – Fill… (Редактирование - Заливка) появляется (самым последним среди остальных) выбранный нами прямоугольный кусочек текстуры для заполнения.
Правда, на заполненном нашим образцом участке будут видны границы повторяющихся прямоугольников образца. Потому что рисунок на одном прямоугольнике образца не находит продолжения на другом прямоугольнике. Это будет выглядеть примерно так:
Как же сделать так, чтобы границы стыкующихся участков не были заметны? Чтобы заливка была однородной?
(Это один из нескольких возможных способов создать бесшовную текстуру. О других, наверное, расскажу позже.)
В отдельной картинке (Default Photoshop Size) создаем абстрактный рисунок, подходящий к нашему настроению и цели будущей текстурной заливки. Для нашего опытного образца просто поупражняемся с рисующими инструментами и эффектами, насколько хватит фантазии.
Прямоугольным выделительным инструментом определяем тот участок изображения, который станет основой будущей текстурной заливки. Копируем этот участок и вставляем из буфера в новый файл размером раза в три больше, чем наш вырезанный кусочек. Он окажется на новом слое.
Дублируем слой с участком изображения и отображаем содержимое новой копии слоя по горизонтали: Edit – Transform – Flip Horisontal (Редактирование - Преобразование - Отразить по горизонтали) . Получились симметричные картинки. Очень точно подгоняем их друг к другу (можно для этого использовать стрелочки на клавиатуре).
Затем склеиваем слои между собой. После этого ещё раз дублируем слой, отображаем на этот раз по вертикали и ещё раз подгоняем изображение с точностью до пиксела. Склеиваем слои с изображениями между собой.
Получилась картинка, в большей или меньшей степени (в зависимости от рисунка) напоминающая кусочек орнамента, который при подстыковке будет продолжаться в любую сторону.
При активном слое с рисунком идем в меню Select – Load Selection…(Выделение - загрузить выделение) - ОК – и получаем выделенный прямоугольный участок нашего орнаментального модуля.
Жмём ОК и получаем в наборе текстур наш модуль. Попробуйте выполнить заливку новым образцом. Результат заливки иногда удивительно красив.
А ещё один способ создания бесконечной бесшовной текстуры смотрите в этой статье .
Подскажите, пожалуйста, как взять кусочек текстуры и заполнить этим
кусочком чистый слой ?
Точнее, нужно продублировать этот кусочек столько раз, чтобы заполнился весь слой )))
И еще - как создать кисть из текстуры ?
Выравнить два текстовых слоя относительно другого слоя
Здравствуйте! Есть два текстовых слоя и 1 слой - картинка. Если выравниваю каждый слой.
Заполнение элемента Image текстурой (не растягивая изображение)
Есть картинка 128x128, как заполнить этой картинкой элемент Image 600x600, не растягивая.
Сверточная Нейронная Сеть, Слой C3 (от слоя субдискретизации до слоя сверкти)
Здравствуйте! Построение слоев C1, S2,S4 идет в итерративном режиме. Сначала строим слой C1.
Сделать куб с текстурой
Здравствуйте, изучаю OpenGL. Хотелось бы сделать куб с текстуркой, но ничего не получается. Ничего.
При добавлении текстуры на слой, можно Масштабировать (Ctrl + T) и растянуть по слою. А если вы не хотите масштабировать, то нажимаете CTRL + J(Дублировать слой), нажимаете несколько раз, потом можно этими кусками заполнить слой.
Если у меня холст размером 1920х1080, а текстура 16х16 - то это сколько же слоев мне
прийдется сделать ?
Что по-другому никак ?
Вообщем объясню еще раз, что мне нужно. Я беру текстуру размером 16х16, ставлю
ее в левый верхний угол холста и теперь мне нужно продублировать ее
на весть холст.
Еще неплохо было бы создать кисть из этой текстуры.
Я беру текстуру размером 16х16, ставлю
ее в левый верхний угол холста и теперь мне нужно продублировать ее
на весть холст.
Правый клик по слою на который нужно наложить текстуру, далее Blending Options. -> Pattern Overlay и в окне Pattern выбрать нужную текстуру.
Чтобы своя текстура там появилась, нужно сначала открыть картинку с тектурой и добавить её: Edit -> Define Pattern.
Соответственно также можно добавить текстуру и в палитру кистей: Edit -> Define Brush Preset.
Чтобы своя текстура там появилась, нужно сначала открыть картинку с тектурой и добавить её: Edit -> Define Pattern.
Она должна появится не стилях а в текстурах, вот например, последняя тёмная текстура самопальная, давно ещё туда вставлял
Перед тем как добавить текстуру в палитру (Edit -> Define Pattern. ), посмотри какой режим у твоей текстуры: Image -> Mode должна стоять галка напротив RGB Color (это по умолчанию), у тебя возможно стоит режим Grayscale. На картинке добавил две текстуры для наглядности в разных режимах.
И обрати внимание на режим отображения Blend Mode, должен стоять самый верхний Normal, на картинке подчеркнул красным.
Зеленый фон с текстурой
Здравствуйте. Как создать такой фон сайта.
Залить объект текстурой
Здравствуйте! Хочу замостить текстуру на объекте, но не получается (см. вложение). сама картинка.
Заполнить многоугольник текстурой
Привет всем как мне заполнить многоугольник текстурой надо сам код , может у кого то есть готов.
OpenGL C++ Куб с текстурой
Всем привет. Только начал изучать OpenGL. И сделал вращающийся куб. При помощи вот такого.
Многие занимающиеся художественной съемкой фотографы используют в своих работах технику «размножения» одного и того же предмета, а порой и человека, собирая множество комментариев типа «фотошоп!» под выложенными в сеть работами. Сегодня в данной статье поговорим о размножении конкретно предметов. Так как в сети лежат тонны информации на специализированных фотосайтах, рассмотрим лишь основные наработки, без составления пошаговой инструкции для новичка.
Подготовка к работе
Нам понадобятся несколько вещей, это:
- Идея для фото
- Штатив для камеры
- Реквизит. О нем стоит поговорить подробнее. Это именно то, чем предполагается заполнить кадр. И тут есть некоторые нюансы: если для пейзажа подойдет любой реквизит на Ваш вкус, то для ростового портретного фото лучше отказаться от использования предметов менее 15 см. это продиктовано, во-первых, тем, что мелкие предметы будут теряться и провалят задумку, а, во вторых, придется делать гораздо больше кадров, чтоб заполнить пустоты на снимке.
- Тросик, или любое другое устройство дистанционного управления камерой.
- Ассистент, или два, хотя при наличии трудолюбивой модели вполне иногда обойтись и без них. При пейзажной съемке помощь не понадобится.
- Подходящая оптика, в случае с портретом – светосильная. она позволит добиться нужной размытости заднего плана, выделив главное.
Инструкция к съемке
Итак, у нас есть модель, фон и пара предметов реквизита. Начинаем.
Ставим камеру на штатив. настраиваем, сохраняем настройки до окончания съемки. Компонуем кадр, располагаем модель. Делаем необходимое, на Ваш взгляд, количество кадров модели.
Выключаем автофокус и начинаем съемку отдельно реквизита уже без модели. Небольшой совет: лучше избегать пересечений объектов в кадре, хотя для вящей реалистичности и можно оставить пару подобных снимков.
Ретушь
Дома конвертируем всю серию фото из РАВ-формата с одинаковыми настройками. Открываем все снимки в редакторе. Выбираем основной снимок с моделью, который послужит фоном.
Снимки с реквизитом поочередно накладываем на главный, создавая маску слоя и вырисовывая собственно реквизит с небольшим окружением.
Важно помнить о тенях, отражениях и т.д., это послужит на пользу большей реалистичности. Вставляя реквизит в зону резкости, используйте резкую кисть, в зонах размытого фона и кисть должна быть мягкой. Включаем основное фото, обрабатываем жесткой кистью места перекрытия реквизитом модели 9если таковые имеются), а далее обрабатываем фото так, как считаем нужным, т.е. используем тон, цветокоррекцию и т.п. Готово.
Ниже разберем несколько уже готовых примеров.
В первом снимке немного хромает задумка, однако качество исполнения на высоте. Это достигнуто благодаря длительной выдержке, которая впоследствии позволила наложить предметы на фото без видимости монтажа.
Второе фото по технике полностью повторяет предыдущее, разве что идея интереснее.
Последнее фото потребовало более детальной подготовке, а именно, создания из подручных приспособлений инвентаря, а также попадания в кадр руки фотографа, которую позже пришлось вырезать жесткой кистью. Этой же кистью работали в местах наложения силуэтов двух фигурок.
Данное фото потребовало участия двух ассистентов. перебрасывающихся инвентарем. Техника ретуши описана выше.
Это как раз пример не совсем удачного выбора реквизита. который в силу своего небольшого размера теряется на основном фоне.
Это фото наиболее интересно. т.к. потребовало немалого таланта инженера для закрепления реквизита в необходимом положении. Удалось правильно задействовать отраженный от стен дневной свет вместе со светом настольных ламп, что позволило избежать работы с балансом белого.
Этот урок принесёт определённую пользу тем, кто только начал изучать Photoshop. Замечу, что текстура являет собой довольно неоднозначную деталь цифрового фото, так как, неосторожное ее использование может запросто испортить, «перенасытить» фото. Тем не менее, бывают случаи, когда снимок приобретает незавершённый вид, как будто ему чего-то не хватает… Именно в таком случае стоит поколдовать с его текстурами.
Тем, кто не знаком с особенностями функции текстуры и прежде всего способом добавления её в фотографию, описание этой процедуры по меньшей мере покажется забавным. Итак, вам нужно взять одну фотографию с изображением какой-нибудь текстуры (допустим — потресканная краска, царапины на поверхности, узор ткани и т.д.) и применить её, как наложение на оригинальное фото. Желаемый эффект получаем путём изменения режима смешивания текстуры в Photoshop. Таким образом, полупрозрачная текстура становится частью реального изображения.
Это необработанная фотография снятая на пляже в Калифорнии на соревнованиях по серфингу и текстура, что будет применяться.
Тем кто первый раз установил на ПК Photoshop рекомендую ознакомиться со слоями и масками, так как они являются фундаментальными функциями этой программы. Сразу запомните первое: верхний слой, всегда имеет преимущество над нижними, и это значит, что если мы хотим применить желаемую текстуру — нам необходимо переместить её как верхний слой над серферами.
На фото мы видим просто текстуру, которую только что разместили верхним слоем над изображением с серферами. Но где же сами серферы? Их не видно по простой причине: текстура сейчас находится в состоянии 100% непрозрачности, а режим смешивания обозначен как «нормальный».
Режим смешивания будет сильно меняться в зависимости от выбранного вами варианта. Если вы желаете чтобы текстура преобладала над фото, рекомендую режим “Overlay” (Наложение), а если наоборот есть желание ослабить текстуру - “Soft Light” (Мягкий свет).
Еще одним способом влияния на исходный вид текстуры является коррекция положения слайдера непрозрачности. При 100% непрозрачности она может выглядеть слишком ярко, броско, а при мягком свете наоборот невыразительно и блекло, поэтому просто напросто установите режим смешивания “Overlay” и настройте непрозрачность слоя до достижения им удовлетворительной концентрации.
Настройка прозрачности текстуры в Photoshop
Итак, для данной картинки наиболее оптимальным уровнем непрозрачности оказались 68%. Вроде как все, но это не так. Текстура наложена поверх кожи и одежды серферов (может на картинке это не очень хорошо видно), а это не всегда допустимо (например, если добавлять текстуру в портрет). Для исправления подобного недостатка используем ещё один довольно распространённый инструмент Photoshop - маски.
Существует только два вида масок: чёрная и белая. Главное правило их использования можно сформулировать так: «чёрный скрывает, белый показывает». Если поместить белую маску на слой текстуры, ничего не изменится так как белая показывает все слои, но если её заменить на чёрную – текстура исчезнет, потому что чёрный слой все скрывает.
Добавление маски в Photoshop
Чтоб добавить нужную маску, выделяем желаемый слой изображения и кликаем по маленькой иконке маски в правом нижнем углу экрана. Для нашего случая будет использоваться белая маска. Для добавления чёрной существует несколько вариантов:
- удерживая Alt на клавиатуре, кликнуть на добавление маски,
- добавить белую маску и кликнуть “Invert” (Инвертировать) на меню справа (круглом),
- добавить белую маску и нажать “Ctrl I” для инвертации в черную маску.
Все способы приведут к желаемому результату.
Как уже было сказано, - мы задействуем белую маску для подопытного образца фото, однако нам надо скрыть некоторые части верхнего слоя (текстуры), чтобы её не было видно на телах серферов.
Итак, с этим фото мы завершили и теперь подытожим проделанный объем работ:
Во-первых: мной была использована белая маска на слое с текстурой. Если бы использовалась чёрная маска, мы бы не видели все, что находится под ней. Вы видите что на слое маски я обрисовал каждого серфера.
Во вторых: С выбранным слоем маски (проверьте, не выбрали ли вы вместо маски текстуру!), выберете из левого меню кисть, которой и нужно обрабатывать спортсменов на маске (В).
В третьих: при использовании белой маски рисуйте чёрным, при использовании чёрной – белым. Если у вас включены разные цвета, убедитесь, что выбрана маска, а не текстура (если выбрана маска то палитра по умолчанию будет переключаться на чёрный и белый). Цвет, указанный сверху, будет цветом, которым вы рисуете, так что убедитесь, что это чёрный (в отличие от скриншота). Для того переключения чёрного и белого используйте клавишу Х на клавиатуре.
В четвертых: рисовать лучше мягкой кистью, она позволяет делать более мягкие и незаметные штрихи (для выбора этого инструмента кликните по круглой иконке и примените кисть с мягким наконечником).
В пятых: не мешало бы отрегулировать непрозрачность при использовании этого инструмента. Мазки при 100% непрозрачности будут очень заметны и это далеко не улучшит вид фото. Настройте непрозрачность с помощью ползунка или при помощи клавиш на клавиатуре («1» равноценно 10% непрозрачности, «2» - 20% и т.д.) Чаще всего я использую для кисти 50%, но все зависит от особенностей обрабатываемого изображения. В этот раз, например, я применял кисть с непрозрачностью 70%.
Читайте также: