Создание бесшовной текстуры в фотошопе: Пользовательские текстуры в фотошоп. Создаем бесшовную текстуру в Adobe Photoshop

Содержание

Как сделать бесшовную текстуру в Фотошопе

Должно быть, каждый сталкивался с подобной ситуацией в Photoshop: решили сделать заливку из исходного изображения – получили некачественный результат (то картинки повторяются, то слишком контрастно переходят друг в друга). Конечно, выглядит это по меньшей мере некрасиво, но нет проблем, которые бы не имели решения. С помощью программы Photoshop CS6 и данного руководства вы сможете не просто избавиться от всех этих недостатков, но и реализовать красивый бесшовный фон.

Создание бесшовной текстуры в Photoshop

Нам предстоит избавиться от резких перепадов тона на имеющейся картинке, чтобы при совмещении не было резких границ.

Сначала мы должны выделить на картинке участок при помощи инструмента Photoshop «Рамка».
Возьмем, к примеру, центр полотна. Заметьте, что выбор должен падать на фрагмент с более ярким и в тот же момент равномерным освещением (обязательно, чтобы на нем не было темных участков).
Но как бы вы не старались, края картинки будут различаться, поэтому придется их осветлять. Для этого переходим к инструменту «Осветлитель» и выбираем мягкую кисть большого размера.
Обрабатываем темные края, делая участки более осветленными, чем прежде.
Однако, как вы могли увидеть, в левом верхнем углу присутствует лист, который может дублироваться. Чтобы избавиться от этой незадачи, зальем его текстурой. Для этого выбираем инструмент «Заплатка» и обводим участок вокруг листа.
Выделение переносим на любой понравившейся вам участок травы.
Теперь поработаем со стыковками и краями. Делаем копию слоя с травой и переносим его налево. Для этого используем инструмент «Перемещение».
Получаем 2 фрагмента, которые в месте состыковки осветлены. Теперь нам нужно соединить их таким образом, чтобы от светлых участков не осталось и следа. Сливаем их в единое целое (
CTRL+E).
Здесь мы опять применяем инструмент «Заплатка». Выделяем нужный нам участок (область, в которой будет состыковка двух слоев) и перемещаем выделенный фрагмент на соседний.
С инструментом «Заплатка» наша задача становится значительно проще. Особенно данным инструментом удобно пользоваться с травой – фоном из разряда далеко не самых лёгких.
Теперь перейдем к вертикальной линии. Все делаем точно так же: дублируем слой и перетаскиваем его наверх, другую копию располагаем снизу; состыкуем два слоя таким образом, чтобы между ними не оставалось белых участков. Сливаем слой и с помощью инструмента «Заплатка» действуем таким же образом, как делали это ранее.

Вот мы и сделали нашу текстуру.

Убедитесь, что на вашей картинке нет затемненных участков. При данной проблеме используйте инструмент
«Штамп».

Остается сохранить наше отредактированное изображение. Для этого выделяем все изображение (CTRL+A), далее идем в меню «Редактирование/Определить узор».

Присваиваем имя этому творению и сохраняем его. Теперь его можно использовать в качестве приятного фона в ваших последующих работах.

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

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

Поделиться статьей в социальных сетях:

Создание бесшовной текстуры в Photoshop Как сделать бесшовную текстуру | Soohar

В этом коротком уроке вы узнаете, как можно создать бесшовную текстуру буквально за несколько минут. Для чего вообще это нужно? Применений множество, начиная от заливки абстрактного фона, надписи, в web дизайне, а так же использование в 3D пакетах.

Посмотрите также Создание бесшовной текстуры | Видео урок

Создайте новый документ с любым разрешением.

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

Затем следует создать новый слой (сочетание клавиш CTR+SHIFT +ALT+N).

Точно по центру расположите нужный рисунок.

Продублируйте слой (сочетание клавиш CTRL+J). И расположите рисунок в любом верхнем углу. (рис ниже) Для этого выберите инструмент Move Tool (V)

Теперь расположите рисунок на остальные три угла:

Соедините все созданные слои в один. Перейдите на панель инструментов в меню Edit — Define Pattern… и дайте текстуре название. (рис ниже)

Ну вот и все подготовительная часть окончена, теперь перейдем к самому интересному.

Для проверки создайте новый слой (старый можете удалить он нам не понадобится) и в палитре Layers кликайте по пиктограмме Add a layer style в выпадающем меню выберите Pattern Overlay. .. (рис ниже.)

Откроется окно Layer Style в котором и следует указать настройки текстуры:

в строке Pattern выберите созданную текстуру

а в строке Scale ее размер. и нажмите OK.

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

Если вам интересно и хотите своевременно узнавать о новых уроках , то подписывайтесь на рассылку RSS новостей.

Создаем бесшовную текстуру

Текстура, которую мы будем создавать:

Сегодня мы поближе рассмотрим создание бесшовной текстуры с помощью Adobe Photoshop и Adobe Illustrator. Это можно сделать гораздо проще, чем кажется на первый взгляд. Все, что нужно, — это выполнить последовательно все шаги. Итак, начнем!

Шаг 1

Мы создадим бесшовную текстуру на основе растрового изображения. Поэтому первые шаги этого урока будут проделаны в Adobe Photoshop. Для создания текстуры мы используем фотографию текстуры бумаги. Откройте ее в программе Photoshop.

Шаг 2

Создать бесшовную текстуру в программе Photoshop можно несколькими способами. Но мы рассмотрим подробнее тот, который лучше всего подходит для нашей текстуры. Преобразуйте фон в обычный слой: дважды щелкните его в палитре Слои и в открывшемся окне нажмите ОК.

Дублируйте этот слой, выбрав в меню соответствующую команду.

Сделайте верхний слой «невидимым».

Шаг 3

Выделите нижний слой, откройте меню Фильтр > Другие > Сдвиг и для вертикального и горизонтального смещения задайте такое число, чтобы точка соединения изображений была бы где-то в центре монтажной области.

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

Шаг 4

Включите инструмент Кисть (B) и откройте палитру Кисти (F5). Выберите кисть с зазубренными краями, а для фона задайте белый цвет.

Примечание:

Если хотите изменить размер кисти, нажимайте клавиши «Открывающая» и «Закрывающая» квадратная скобка.

А теперь сделайте кистью несколько штрихов на стыках, чтобы сделать переход равномерным. В палитре Слои должна быть выбрана черная маска верхнего слоя.

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

А теперь сливаем слои.

Шаг 5

Запустите программу Adobe Illustrator, создайте новый документ и перетащите в него текстуру из фотошопа.

Преобразуйте растровое изображение в векторные объекты. Не снимая выделение с текстуры, откройте меню Объект > Интерактивная трассировка > Настройки трассировки и задайте параметры, как показано ниже.

Шаг 6

А теперь откройте меню Объект > Преобразовать и залейте элементы текстуры нейтральным серым цветом.

А теперь проверим, действительно ли мы создали бесшовную текстуру. Откройте меню Редактирование > Определить элемент заливки.

Этим действием мы создали новый образец в палитре Образцы.

Шаг 7

Нарисуем прямоугольник по размерам больше, чем текстура; и применим к нему образец, созданный в предыдущем шаге.

Как видите, текстура бесшовная.

Шаг 8

Посмотрим, как можно использовать созданную текстуру. Нарисуйте прямоугольник с помощью соответствующего инструмента (M) и залейте его цветом.

В палитре Внешний облик добавьте новую заливку и примените к ней текстуру.

Шаг 9

Режим наложения установите Осветление или Умножение в зависимости от того, что хотите получить.

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

Шаг 10

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

Заключение

В заключение — небольшая подсказка. Трансформировать образцы можно с помощью инструментов Прямое Выделение (A), Вращение (R) и других инструментов трансформации. Если удерживать при этом клавишу ~ , трансформирован будет только образец, а объект, к которому он применен, останется неизменным.

Источник: sheko

Сборник программ для создания текстур. Создание бесшовной текстуры с помощью Texture Maker Программа для создания бесшовных текстур

Немного о программе для создания бесшовных текстур – Texture Maker.

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

Возможности программы

Texture Maker позволяет создавать бесшовные текстуры как из исходных изображений, так и генерировать новые. Вы можете создать самые разнообразные текстуры – неба, кирпичные, облака, абстрактные, камни и многие другие. Программа оснащена скриптами, инструментами, плагинами, облегчающую процесс генерации бесшовных текстур. Вы можете создать форму из существующего фона:

перевести изображение в контур, :

или получить псевдофрактальное изображение:

создать текстуру бесшовного текста:

А также базовые инструменты для редактирования фотографий, такие как обрезка (crop), отредактировать цветовой тон текстуры (Color Adjustments), настроить освещение, или угол падения света (Shader), инструмент клонирование области, подобный инструменту Штамп в фотошопе (clone), рисование кистью (brushes), как обычной, так и текстурной.

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

А также в программе вы найдете арсенал масок, градиентов, стикеров и др.

Интерфейс программы Texture Maker – англоязычный. Однако не смотря на это в ней не сложно разобраться.

Интерфейс состоит из рабочей зоны, панели команд и панели инструментов.

Перевод основных команд Texture Maker:

File – файл,
Edit – редактирование,
Image – изображение,
Tool – инструменты,
Functions – функции,
Scripts – скрипты,
Configurations – конфигурации,
Windows – окна,
Help – справка.

Готовые текстуры программы вы найдете через команды меню –> Scriptes –> Textures.

Создание бесшовных текстур из изображений

Вы можете создать текстуру из готового изображения следующим образом. Откройте изображение в программе File –> Open…

Затем примените команды Tools –> Kaleidoscope. Перемещайте многоугольник в левом окне, в правом окне следите за полученным результатов бесшовной текстуры. Изменяйте настройки по своему усмотрению. Когда вам понравится результат, нажмите на кнопку “render”.

В новом окне снова нажмите “Render”

Сохраните результат на компьютере после рендеринга (обработки изображения), нажав кнопку “save” или произведите изменения исходного изображения в программе, одобрив кнопкой “accept”.

Такие бесшовные текстуры получились у нас при помощи инструмента Калейдоскоп.

Вы можете также смешивать текстуры между собой при помощи инструмента Multitexture mixer, создавать матрицы из нескольких текстур или цветов с помощью инструмента Neighbor Texture Transitions, проводить дискретиризацию (составление текстур, состоящих из мелких отрезков исходного изображения) – команда Tool Resamples и много других инструментов для создания бесшовных текстур.

Недостаток программы Texture Maker

– программа условно-бесплатная. Вы можете свободно пользоваться ею в течении 30 дней после установки.

Информация о файле TextureMaker31Setup.exe:

Операционная система – Windows Vista, XP, 7
размер файла 13 Mb,
shareware,
скачать с

Знаменитые 3D-художники дают советы по текстурированию начинающим специалистам и делятся секретами с профессионалами.

Если концепт-художники могут позволить себе мечтать и летать в облаках, то текстуровщики должны быть собраны и внимательны к деталям. И этим ребятам нужно не только расставить все точки над i, но и «вылизать» каждую травинку, а также оставить пару ржавых пятен на самом новом и чистом в мире танке. Если в этих строках вы видите себя, то вам прямая дорога в гильдию текстуровщиков. Если нет, то возможно вы почерпнете для себя что-то новое и вдохновляющее.

«Необязательно детализировать объект в той же программе, в которой вы его скалптите. Очень часто, особенно для детализации одежды и всевозможных мелких деталей, я использую Photoshop» José Alves da Silva

Совет №1: Сегодня волосы, завтра деньги

«Я прорабатываю меши волос персонажей как можно тщательней, в топологии стараюсь придерживаться естественной формы волос. Таким образом, я могу легко развернуть свою модель, а затем, сузив волосы у кончиков, для которых я затем воспользуюсь текстурой шума (или фильтром Motion blur в Photoshop), создать видимость стильной прически», — говорит Andrew Hickinbottom .

Каждый волосок стоит проработки

Совет №2: Дела органические

«В Mudbox есть очень полезная кисть, Dry brush (и подобные ей кисти в других программах), которая позволяет быстро придать органической или не органической поверхности эффект пошарпанности. И, поскольку, эта кисть работает только с выступающими или впадающими участками геометрии, вы можете рисовать только по тем областям, которые наиболее подвержены воздействию окружающей среды. Вместе с картой Cavity вы можете нарисовать грязь, ржавчину или пыль на органике», — говорит Carlos Ortega Elizalde .

Игра называется «Добавить объекту грязи, ржавчины и несовершенства»

Для создания текстур Carlos Ortega Elizalde любит использовать Dry brush в Mudbox

Совет №3: PolyPaint в ZBrush

«Я раскрашиваю свои модели по простой схеме: 1 — основной цвет; 2 — второй основной цвет; 3 — светлые или темные оттенки основных цветов; 4 — теплые оттенки основного цвета, смешанные с цветом крови; 5 цвета со скрученной насыщенностью; 6 растеризованные цвета”, — говорит Luca Nemolato .

Создайте свою собственную схему работы, но всегда сохраняйте цвета и текстуры «чистыми»

Совет №4: Детализируйте с помощью Normal-карт

«Необязательно детализировать объект в той же программе, в которой вы его скалптите. Очень часто, особенно для детализации одежды и всевозможных мелких деталей, я использую Photoshop. С таким бесплатный софтом, как, например, xNormal (который устанавливает в Photoshop ряд удобных фильтров), можно легко сконвертировать Bump в Normal-карту (Height2Normals). Затем добавить эту карту новым слоем поверх существующего слоя с картой Normal, режим смешивания установить Overlay. Детализацию можно отрегулировать с помощью значения Fill», — говорит José Alves da Silva .

Детали должны быть видны на модели или на финальном ренедере?

Металлический материал очень сложно настроить, но, судя по работе José Alves da Silva, оно того стоит

Совет №5: Экспорт волос из ZBrush в 3Ds Max

«Волосы, созданные в ZBrush с помощью FiberMesh, можно воссоздать в 3Ds Max. Для этого нужно экспортировать кривые из ZBrush в 3Ds Max, чтобы использовать их как направляющие кривые. Выберите Export Curves из меню FiberMesh в ZBrush и сохраните волосы в формате OBJ. Выберите Import из меню File в 3ds Max и выберите OBJ-файл. В настройках импорта OBJ включите опцию Shapes/Lines, чтобы импортировать сплайны, также включите опцию Import as a single mesh, чтобы кривые импортировались одним файлом. Нажмите Import.

«Измените режим выделения объекта и выберите все сплайны. Общее количество сплайнов будет показано в меню модификатора (внизу Selection menu). Запомните это число. Примените модификатор Hair and Fur (WSM) к сплайнам. Значением Hair count будет число сплайнов. Выключите опцию Interpolate. Включите Rand. Отмасштабируйте до 0, а в настройках Frizz установите Frizz Root и Frizz Tip 0, чтобы исключить любую рандомность. Готово!”, — говорит José Alves da Silva.

Работать с волосами сложно, но возможно

Совет №6: Идеальные текстуры

«Текстуры я создаю в BodyPaint 3D, импортируя в программу геометрию из 3Ds Max с помощью специального плагина. В BodyPaint 3D я могу разрисовывать модель в режиме реального времени, а также легко получать такие карты как Diffuse, Reflection, Bump и Normal. Таким образом, я могу быстро детализировать 3D-модели и добавить им различных эффектов», — говорит Sérgio Merêces .

С помощью плагинов удобно получать различные текстуры

Совет №7: Все внимание на камеру

«Сложные сцены иногда состоят из сотен объектов, на то, чтобы создать для них UV-развертку и затекстурить, может уйти вечность. Поэтому я хорошо прорабатываю только те объекты, которые видны из камеры. Если объект попадает в фокус, его прекрасно видно, я создаю идеальную UV-развертку, детально раскрашиваю текстуры и создаю детальные материалы. В противном случае я использую сочетание из тайловых текстур, процедурных шумов и пары разных текстур для различных объектов. BerconMaps помогают отлично разнообразить текстуры объектов. Рисование по вертексам в 3Ds Max также дает неплохой результат для создания грязи или ржавчины. При этом наличие хороших UV-разверток необязательно», — Toni Bratincevic .

Неплохой подход — различная степень детализации объектов в сцене, в зависимости от их близости к камере

По-настоящему хорошие текстуры могут перевернуть мир. Toni Bratincevic

Toni Bratincevic — настоящий про во всем, что касается Dirt-карт. Toni Bratincevic

VertexPaint — еще один способ детализировать картинку и добавить ей реалистичности. Toni Bratincevic

Совет №8: Не мешайте свету «работать»

«Без корректно настроенных материалов очень тяжело «вытянуть» картинку. В таком случае даже хорошо поставленный свет не спасет ситуацию. Корректно настроенный материал и тщательно подобранные текстуры добавят шоту визуального разнообразия, а правильно поставленный свет завершит начатое», — говорит Francesco Giroldini .

Хорошие текстуры — самое важное в любой работе

Совет №9: Добавьте блеска

«Отражения — одна из важнейших и незаменимых составляющих реалистичной картинки. Их отсутствие может испортить весь шот», — говорит Francesco Giroldini.

Отражения — одна из самых сложнейших штуковин

Совет №10: Балансирование на грани

«При настройке шейдеров очень важно всегда найти золотую середину между тем, должен ли материал быть скорее диффузным или отражающим. Материалы с накрученной диффузностью дают более темные и размытые отражения, в то время, как сильно отражающие материалы, скорее всего, не будут отражать рассеянный свет или отразят его многократно», — говорит Francesco Giroldini.

При работе с текстурами берите за образец реальный мир

Не торопитесь

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

«Без корректно настроенных материалов очень тяжело «вытянуть» картинку. В таком случае даже хорошо поставленный свет не спасет ситуацию», — говорит Francesco Giroldini.

Это незаменимый инструмент по созданию текстур, в котором можно за считанные секунды создать от карты нормалей до бесшовных текстур, а также Displacement , Specular .

Программа распространяется в двух вариантах: один в виде плогина для Photoshop , а другой — отдельная программа с своим оригинальным интерфейсом. Далее обзор пойдет о втором варианте.

Интерфейс программы простой и интуитивно понятный: разобраться во всех менюшках и ползунках несложно. Буквально минут за пять можно освоиться в этой программе, но есть и пару хитрых особенностей, о которых я хотел бы рассказать.

И так приступим.

Интерфейс программы делится на две основные рабочие части:

Texture 3D Material

Texture – это генератор и основная область работы с текстуроми.

3D material – на этой вкладке создаются карты Displacement, Normals map, Specular. По порядку как работает генератор текстур.

Кликаем по вкладке New Texture

Указываем разрешение текстуры! (Для новичков напоминаю, что текстуры должны быть кратны двойке 128… 256… 512… 1024… 2048)!

Жмем Add Seed from file

И добавляем текстуры для генерации. Они будут отображаться горизонтально и участвовать в формировании новой текстуры. (Можно загрузить одну или две картинки для генерации). И если необходимо, то можно выделять те области, которые вы не хотите, чтоб участвовали в генерации.

Жмем на кнопку

И должно получится смесь из двух наших текстур.

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

Вот результат наших манипуляций.

Blufftitler DX9 — программа для создания ярких, оригинальных титров и слайд-шоу, в своей работе требует наличия текстур. Текстуры создают фон слайда, окрашивают шрифты и сами являются частью композиции слайд-шоу. В то же время сама программа является только режиссером и исполнителем сценария, все компоненты должны делать внешние утилиты и сторонние программы. В этом сборнике предлагаются программы, которые проверены в работе с Blufftitler и достаточны просты в освоении. Хотя простота в освоении и управлении не говорит о простоте их возможностей — текстуры получаются оригинальные, яркие и эксклюзивные.

Название Программы: Blufftitler: Сборник программ для создания текстур
Язык интерфейса: eng
Лечение: в комплекте
Тип лекарства: кейген
Системные требования:
Windows XP, Vista, 7 (с ограничениями для программ ХР)
Размер: 260 Мб

1. Bixorama:

Программа для конвертирования панорамных фотоизображений. Поддерживает 11 панорамных форматов: QuickTime VR .MOV, DirectX .DDS, Latitiude Longitude, Horizontal Cross, Vertical Cross, Strip, Strip XYZ, Sphere Map, Mirror Ball, Heart Shaped. Bixorama – программа для тех, кто увлекается фотографией, для тех, кто хочет мастерить панорамные снимки. С помощью утилиты Bixorama, эти панорамы можно «оживить». Например, неподвижный панорамный кадр 360 градусов, сохраненный в TIFF или JPG, можно сжать в яркую панораму формата QuickTime VR .MOV или DirectX .DDS. Также Bixorama может разобрать динамичные кадры, обратив их в приятные для глаз широкоформатные картинки..

2. Crazy Bump:

Программа для создания и работы с текстурами. Применима не только для создания текстур TES4 «Oblivion», но так же для других игр, использующих карты Normals, Displacement, Specular или Occlusion. Позволяет на основании одного цифрового изображения автоматически генерировать несколько цветовых карт, с возможностью их последующего редактирования. Вот некоторые ее возможности:
1. Генерация карт нормалей (Normals), карт смещений (Displacement), карт блеска (Specular), карт отражений (Occlusion), карт рассеиваний (Diffuse) + редактирование
2. Возможность как одиночной герерации, так и массовой — для всех текстур, находящихся в выбранной директории.
3. Возможность смешивания цветовых карт для создания дополнительных визуальных эффектов.
4. Отображение тестур, для наглядности, на простом 3d-каркасе, а так же возможность подгрузки моделей из игр (поддерживаются форматы OBJ, DAE, ASE, ASK, X). Регулируемый/перемещаемый источник освещения.
5. Программа поддерживает 92 формата цифрового изображения, сохраняет в 31, в том числе и в Direct Draw Surfase (.dds – для Blufftitler).

3. Pixplant:

программа и плагин для Adobe Photoshop, служащие для создания высококачественных бесшовных текстур из фотографий -это мощный и удобный инструмент для создания высококачественных бесшовных текстур любого размера из любых изображений и фотографий. При создании текстуры можно указывать, должна ли она быть бесшовной по горизонтали и/или по вертикали, исключать из процесса генерации некоторые части исходного изображения, задавать повторяемость и прочее. Вы можете сохранить множество времени благодаря использовании технологии применяемой в программе, которая за четыре клика создаст бесшовную текстуру.

Особенности программы:
Быстрое создание уникальных бесшовных текстур
Исходя из реальных фотографий, программа создает реалистичные текстуры без каких-либо искажений
Позволяет генерировать неповторяющиеся текстуры
Создание текстур в высоком разрешении и качестве из исходного изображения
Создание текстуры практически из любой фотографии, благодаря продвинутой технологии выпрямления
Высокая автоматизация задач
Большинство текстур создается за 1-4 клика
Тщательно продуманный и простой в использовании интерфейс с интерактивной справкой и полноэкранным предпросмотром.

4. Genetica 3.5:

Genetica — программа для создания бесшовных и анимированных текстур,
практически любого разрешения и качества, также и HDRI карты окружения.
При этом вся созданная конструкционная сетка может быть сохранена в файле
очень небольшого размера и отредактирована в любой момент. В программе
можно работать с несколькими модулями, один из которых позволяет создавать
текстуры, второй – добавлять к ним различные эффекты и многое другое.
В программе автоматизирован процесс создания текстур разных типов – дерева,
плетения, пола и т.д. В программу включены более 1000 готовых пресетов для
создания бесшовных текстур. Карты, созданные в Genetica, автоматически
создаются бесшовными и могут быть визуализированы в любом разрешении.

Возможности программы:

Режим создания текстур Color Only Render, где они создаются без учета теней и засветов
автоматизация повторяющихся заданий
новые типы шума с настройками для изменения их внешнего вида.
возможность включения информации об авторе в готовую текстуру.

В последней версии представлена новая технология для создания бесшовных текстур на основе фотографий, добавлена новая библиотека текстур, включающая более тысячи элементов, добавлены новые средства для удаления искажений с текстур, улучшена работа с многопроцессорными системами.

Процедура лечения:
В состав каждой программы входит кейген.
Единственная просьба — для чистоты процесса, при инсталляции, отключитесь от интернета. И запретите обновления.
Потом можно включить интернет, программы простые и не заморочены сложной системой защиты авторских прав.

Баннер, билборд или что-либо еще, фон используется везде. Фон — это не только обои, но еще и красочная основа для развития других дизайнов. Фон бывает в различных стилях и цветах, а также используется дизайнерами повсеместно. Существует несколько типов фоновых узоров, например, точечные, клетчатые, полосатые и т.д.

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

Stripe Generator

Stripe Generator представляет собой веб-инструмент для создания цельного полосатого узора . Инструмент предлагает множество функций для создания пользовательских полосатых узоров на плитки, используя различные размеры, цвета и ориентации. Сервис позволяет использовать до 5 цветов, а также настраивать фона, стиль фона, отступы и тени. Полосатые плитки легко редактируются, к тому же можно проверить обширную коллекцию дизайнов, созданную другими участниками.

BG Patterns

BG Patterns представляет собой современный инструмент для создания красочных узоров , используя различные встроенные фигуры или пользовательские . Инструмент предлагает для различных тем, такие как цветы, вечеринки, животные и геометрические фигуры. Вы можете выбрать множество цветов для фона и фигур.

Он также подразумевает вращение и масштабирование пользовательских изображений, настройку перекрытия для использования нескольких фигур. BG Patterns позволяет использовать картинки с разрешением, выше чем 300 × 300 точек в формате PNG и SVG.

Noise Texture Generator

Noise Texture Generator позволяет создать простую текстуру фона с использованием различных цветов и оттенков. Сервис позволяет устанавливать размеры текстуры, а также непрозрачность и плотность. Есть предпросмотр плитки и возможность загрузить её мгновенно.

Repper Patterns

Repper Patterns является мощным инструментом создания узоров для работ по вебу, печати и графике. Сервис позволяет создавать узоры с пользовательских картинок , которые могут быть использованы для книжных обложек, кружек, газет, флаеров и для работ с веб-дизайном, таких как баннеры, логотипы, фоны для сайтов. Repper Patterns полезен для новичков, поскольку он предлагает 14 встроенных уникальных и красивых стилей.

Colour Lovers

Colour Lovers — современное приложение, которое позволяет создавать различные узоры , используя пользовательские палитры, изображения и встроенные стили.

Сервис также предлагает Seamless Lite — инструмент на Flash для дизайна новых узоров, используя различные настройки для создания и редактирования, например, добавление фигур и текста, поворот и трансформирование фигур и многое другое.

Patternizer

Patternizer — продвинутое онлайн приложение для генерирования узоров . Вы можете легко подобрать дизайн из нескольких встроенных ярких стилей, вроде клетчатой одежды и ромбовидных узоров, редактировать их положение и цвета. Patternizer позволяет создать пользовательские стили, используя множество полосок, устанавливая ширину, поворот, прозрачность и цвет фона.

Texture Generator

Texture Generator является инструментом для быстрой генерации текстур , используя различные цветовые оттенки и встроенные стили текстур. Инструмент позволяет использовать различные стили текстур, вроде земли, облаков, дерева и клеточек. В нем вы можете редактировать стили текстур, используя настройки, генерировать картинки в формате JPG и PNG.

Trianglify Generator

Бесплатныйгенератор low poly фонов . Есть возможность настройки цвета и градиентов . После настройки можно скачать изображение в векторном формате SVG или растровый вариант в формате PNG.

Trianglify Background Generator

Еще один low poly генератор фонов , но в отличие от предыдущего, этот имеет другую текстуру и более интересные вариации переходов цветов.

Background Image Generator

Отличный сервис для генерации фонов для сайта . Имеет множество вариантов текстур, которые раскрашиваются в нужный нам цвет.

Plaid Maker

Plaid Maker – современный сервис для генерирования клетчатых узоров в различном стиле. Вы можете выбрать комбинацию цветов для создания узора или просто отредактировать встроенный узор. Клетчатые узоры могут быть использованы в блоге , для фона веб-сайта, либо как фон приложения для или Android.

Как в фотошопе за несколько шагов сделать бесшовную текстуру. Как сделать бесшовный фон

На беоне заметно распространены так называемые бесшовные дизайны.
В интернете можно найти множество бесшовных фонов, а вот как сделать бесшовный фон из собственной картинки?
Это я предложу Вам сделать первым уроком.

1. открываем изображение в фотошопе. Пусть оно называется слой 1
Я выбрала вот это:
—
—
2. Нажимаем J+ctrl (создаем дубликат слоя). называем его слой 2
3. Идем: фильтр-другие-сдвиг.
Ставим свои настройки.
Для каждого изображения настройки индивидуальны, для своего я выбрала такие:
—
—
4. Находясь на слое два идем: фильтр-размытие-размытие по Гауссу.
Я поставила такие настройки:
—
—
5. Далее берем ластик (большой, ок. 300 пикс). Стираем немного по бокам слоя 2
Примерно так:
—
— .
6. Создаем копию слоя 1(слой 3). Перетаскиваем его так, чтобы он находился над слоем 2. Идем: редактирование-свободное трансформирование. Немного уменьшаем слой 3:
—
— .
7. Ластиком немного подтираем края слоя 3, что они слились с фоном.
Можно дублировать слой и добавить немного размытия в движении.
Итог:
—
—

II способ.

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

—
—

Открываем фильтр. Выглядит он так:

—
—

Я поставила такие настройки.
Итог:
—
—
На этом все.
Буду рада увидеть ваши работы.

скачать фильтр здесь.

Непременно, что фон ваших WEB страничек в значимой мере определяет стиль и привлекательность всего WEB сайта. Фон в виде рисунка, узора либо текстуры воскрешает WEB страничку. При помощи текстур вы сможете имитировать создание изображений на разных поверхностях, таких как мрамор, брезент либо кирпичная кладка. Совместно с тем следует смотреть, чтобы фон не затруднял чтение основного текста.

Изображение для фона можно взять в одной из бессчетных бесплатных библиотек в WWW. Но можно сделать набросок и без помощи других. Поглядим, как это сделать на примере сотворения обычный фоновой текстуры. Начнем с сотворения нового документа размером 100х 100 пикселов с черным цветом фона и белоснежным цветом фронтального плана.

Щелкните мышью на значке Default Foreground and Background Colors (D)

(Цвета фронтального плана и фона по умолчанию) на панели инструментов (Tools) программки Adobe Photoshop, чтобы установить цвета по умолчанию.

Поменяйте местами цвета фронтального плана и фона, щелкнув мышью на значке Switch Foreground and Background Colors (X) (Переключатель цветов фронтального плана и фона) на панели инструментов (Tools). Цвет фона на образчике станет черным.

Изберите команду меню File — New (Файл — Новый). На дисплее появится диалог New (Новый).

В полях ввода Width (Ширина) и Might (Высота) введите значения ширины и высоты документа — 100 пикселов.

В открывающемся перечне Color mode (Цветовой режим) изберите RGB Color (Цвет RGB).

В открывающемся перечне Background Contents (Содержимое фона) изберите Background Color (Цвет фона).

Нажав кнопку ОК, закройте диалог New (Новый). В рабочем окне программки Adobe Photoshop появится окно нового документа с размерами 100х100 пикселов и черным цветом фона.

При помощи фильтров Clouds (Облака) и Difference Clouds (Облака с наложением) сделаем мягенький узор в виде «облаков». Эти фильтры генерируют узор при помощи случайных величин, которые меняются в спектре от основного цвета к фоновому, в нашем случае от белоснежного к черному.

Изберите команду меню Filter — Render — Clouds (Фильтр — Рендеринг — Облака). Фильтр будет использован, и на изображении появится узор в виде «облаков».

Сейчас применим к изображению фильтр Difference Clouds (Облака с наложением).

Изберите команду меню Filter — Render — Difference Clouds (Фильтр — Рендеринг — Облака с наложением). Узор на изображении поменяется.

Повторное неоднократное применение этого фильтра делает эффект «прожилок», который припоминает текстуру мрамора. Для повторного внедрения последнего использовавшегося фильтра довольно надавить комбинацию кнопок Ctrl+F.

Нажмите пару раз комбинацию кнопок Ctrl+F. При каждом нажатии этой композиции кнопок фильтр будет применяться повторно, а изображение в окне документа — изменяться.

Дальше применим к изображению фильтр Glowing Edges (Свечение краев) из группы фильтров Stylize (Стилизация). Все фильтры этой группы делают ярко выраженные эффекты очерчивания за счет смещения пикселов и увеличения контрастности изображения и в особенности полезны при обработке черно-белых изображений. Фильтр Glowing Edges (Свечение краев) ищет границы цветовых областей и добавляет свечение, схожее неоновому.

Изберите команду меню Filter — Stylize — Glowing Edges (Фильтр — Стилизация — Свечение краев). На дисплее появится диалог Glowing Edges (Свечение краев), в каком следует найти характеристики эффекта.

Переместите ползунковый регулятор Edge Width (Ширина границ) налево так, чтобы в поле ввода над ним появилось значение 1.

Ползунковый регулятор Edge Brightness (Яркость границ) переместите к правому краю так, чтобы значение этого параметра стало равно 20.

Для параметра Smoothness (Сглаженность) установите значение 1.

Закройте диалог Glowing Edges (Свечение краев), нажав кнопку ОК.

После внедрения этого фильтра изображение будет затемнено. Потому воспользуемся

командой Brightness/Contrast (Яркость/Контраст) для роста яркости и контраста.

Изберите команду меню Image — Adjustments — Brightness/Contrast (Изображение — Корректировки — Яркость/Контраст). На дисплее появится диалог Brightness/Contrast (Яркость/Контраст).

Переместите ползунковый регулятор Brightness (Яркость) на право так, чтобы в поле ввода над ним отобразилось значение +50.

Переместив ползунковый регулятор Contrast (Контраст) на право, установите значение этого параметра +30.

Нажав кнопку ОК, закройте диалог Brightness/Contrast (Яркость/Конграст).

Сейчас наше изображение, состоящее пока из цветов сероватого, нужно тонировать либо окрасить.

Изберите команду меню Image — Adjustments — Hue/Saturation (Изображение — Корректировки — Цветовой тон/Насыщенность). На дисплее появится диалог Hue/Saturation (Цветовой тон/Насыщенность).

При помощи этого диалога вы сможете настраивать в изображении цветовой тон, насыщенность и яркость отдельных цветовых компонент.

Удостоверьтесь, что установлен флаг Preview (Подготовительный просмотр), чтобы иметь возможность следить в окне документа результаты конфигурации характеристик.

Установите флаг Colorize (Тонирование). В диалоге поменяется положение ползунковых регуляторов, а в окне документа изображение будет тонировано — приобретет красноватый колер.

Чтобы лучше осознать закономерности опции цветовых компонент, следует представить для себя, что все видимые человечьим глазом цвета диапазона, размещаются на цветовом круге. Каждый цвет на этом круге характеризуется тремя базисными параметрами: цветовым тоном (Hue), насыщенностью (Saturation) и яркостью (Lightness). Такое представление соответствует уже рассмотренной нами ранее цветовой модели HSB.

Для описания цветового тона обычно употребляется заглавие цвета: красноватый, оранжевый, желтоватый, зеленоватый и так дальше Каждый цветовой тон занимает определенное положение на цветовом круге и характеризуется величиной угла от 0° до 360°.

Насыщенность — это степень чистоты цвета, которая определяется соотношением сероватого цвета и данного цветового тона. Насыщенность выражается в процентах от 0% — сероватый — до 100% — стопроцентно насыщенный. На цветовом круге насыщенность возрастает от центра к краю.

Яркость охарактеризовывает относительную освещенность либо затемненность цвета и измеряется в процентах в спектре от 0% — темный — до 100% — белоснежный.

На цветовом круге главные цвета моделей RGB и CMYK находятся в определенной зависимости: каждый цвет размещен против дополняющего его цвета и находится между цветами, из которых он получен. К примеру, сложение зеленоватого и красноватого дает желтоватый. Чтобы усилить какой-нибудь цвет, необходимо ослабить дополняющий его — расположенный напротив него на цветовом круге. Так, чтобы поменять общее цветовое решение в пользу голубых тонов, следует понизить содержание красноватого. По краю цветового круга размещаются так именуемые спектральные цвета, либо цветовые тона. Эти цвета характеризуются наибольшей насыщенностью.

Создадим насыщенность красноватого колера изображения в окне документа наибольшей.

Перемещайте ползунковый регулятор Saturation (Насыщенность) на право и наблюдайте в окне документа, как при всем этом увеличивается насыщенность красноватого цвета. Напомним, что на цветовом круге это соответствует движению от центра к краю. Установите значение этого параметра -100%.

Изменим цветовой тон изображения на голубой.

Перемещайте ползунковый регулятор Hue (Цветовой тон) на право и наблюдайте, как меняется цветовой тон изображения в окне документа. Изменяющееся при всем этом числовое значение в поле ввода над ползунковым регулятором отражает угол поворота на цветовом круге относительно начального красноватого цвета.

Установите значение параметра Hue (Цветовой тон) — 210. Такое значение отражает тот факт, что на цветовом круге голубой цвет, которым тонировано изображение, сдвинут относительно красноватого на 210°.

Нажав кнопку ОК, закройте диалог Hue/Saturation (Цветовой тон/Насыщенность). Установленные цветовые характеристики будут закреплены.

Сохраните документ в папке WEB, в файле Fon.psd в формате Adobe Photoshop.

На этом создание фоновой текстуры можно считать законченным. Но, потому что набросок

будет повторен на WEB страничке много раз, между кусками фона будут видны швы.

В Adobe ImageReady имеется особый фильтр — Tile Maker (Конструктор повторений), который позволяет удалить швы, создавая таким способом бесшовный фон.

Нажмите кнопку Edit In ImageReady (Shift+Ctrl+M) (Редактировать в ImageReady (Shift+Ctrl+M)) в нижней части панели инструментов (Tools). Будет запущена программа Adobe ImageReady, и в ее рабочем окне раскроется документ Fon.psd.

Изберите команду меню Adobe ImageReady Filter — Other — Tile Maker (Фильтр — Другие — Конструктор повторений). На дисплее появится диалог Tile Maker (Конструктор повторений).

Данный фильтр смешивает пикселы на краях изображения для сотворения бесшовного фона. При установленном переключателе Blend Edges (Размытие краев) будет производиться размытие краев рисунка для исключения швов между плитками при повторении изображения на WEB страничке.

В поле ввода Width (Ширина) следует указать ширину полосы у края изображения, в границах которой должен происходить плавный переход. Обычно употребляются значения от 5% до 15%, максимум до 20%. Воспользуемся значением этого параметра, предлагаемым по умолчанию, — 10 процентов.

При установленном флаге Resize Tile to Fill Image (Поменять размер плитки для наполнения изображения), размер плиток подгоняется под размер изображения. Если данный флаг скинуть, то плитки будут меньше размера изображения на величину, определенную параметром Width (Ширина), и на WEB страничке они не будут впритирку прилегать друг к другу.

Установка переключателя Kaleidoscope Tile (Калейдоскоп) создаст фон в виде калейдоскопа, в каком изображение отражается по горизонтали и вертикали, создавая таким способом уникальный узор.

Установите флаг Resize Tile to Fill Image (Поменять размер плитки для наполнения изображения).

Закройте диалог Tile Maker (Конструктор повторений) нажатием кнопки ОК. Установленные характеристики будут использованы.

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

Изберите команду меню File — Output Settings — Background (Файл — Характеристики вывода — Фон). На дисплее появится диалог Output Settings (Характеристики вывода).

Установите переключатель Background (Фон), чтобы использовать активное изображение в качестве фона WEB странички.

Закройте диалог Output Settings (Характеристики вывода), нажав кнопку ОК.

Сейчас можно просмотреть фон в .

Изберите команду меню File — Preview in (Файл — Подготовительный просмотр в) и в показавшемся подменю — программку просмотра WEB страничек. Будет запущен избранный браузер, и в его окне вы увидите сделанный бесшовный фон.

Для пуска браузера, установленного по умолчанию, вы сможете надавить кнопку Preview In Default Browser (Ctrl+Alt+P) (Подготовительный просмотр в браузере по умолчанию (Ctrl+Alt+P)) на панели инструментов (Tools).

Не считая фонового рисунка в окне программки просмотра выводится информация о формате изображения (Format), его размерах (Dimensions), размере файла (Size) и параметрах оптимизации (Settings), а ниже — HTML код автоматом сгенерированного файла.

Закройте окно браузера, нажав кнопку в правом верхнем его углу.

Чтобы сделанное изображение можно было использовать как фон WEB странички, его нужно улучшить и сохранить в WEB формате.

Щелкните мышью на ярлычке 2-Up (2 варианта) в высшей части окна документа. Будет выполнена оптимизация с последними установленными параметрами, и вы увидите оригинальное и оптимизированное изображения.

Подберите лучшие, с вашей точки зрения, характеристики оптимизации в формате GIF.

Сохраните оптимизированный документ в папке WEB под именованием Fon. gif, выбрав команду меню File — Save Optimized (Файл — Сохранить оптимизированный документ).

Закройте программку Adobe ImageReady без сохранения документа Fon.psd, нажав кнопку в правом верхнем углу ее окна.

Поглядим сейчас, как будет смотреться сделанный фон на WEB страничке other.html.

Откройте файл other.html из папки WEB в программке Блокнот (Notepad) и воткните в открывающий тег

атрибут background=Fon.gif.

Откройте в браузере файл other.html.

Видите ли, WEB страничка с сделанным фоном смотрится существенно увлекательнее, чем с однородным. Направьте внимание также, что швы между плитками фактически неприметны.

Закройте программку просмотра WEB страничек.

Удалите из HTML кода файла other.html вставленный атрибут background=Fon.gif.

Закройте программку Блокнот (Notepad).

Мы познакомились со методом сотворения бесшовного фона на базе фоновой текстуры, приобретенной при помощи фильтров Clouds (Облака) и Difference Clouds (Облака с наложением). Применяя разные эффекты к одноцветным либо полутоновым изображениям, вы сможете создавать самые различные текстуры. Ниже коротко описаны еще некие методы производства фоновых текстур. При этом обозначенные характеристики фильтров не являются строго неуклонными. Вы сможете разнообразить их в широких границах, получая всякий раз новый эффект.

Шероховатость

В программке Adobe Photoshop сделайте новый документ размером 100 x 100 пикселов с белоснежным цветом фона и черным цветом фронтального плана.

Залейте изображение черным цветом.

Примените фильтр Add Noise (Добавить шум), выбрав команду меню Filter — Noise — Add Noise (Фильтр — Шум — Добавить шум) с установленным переключателем Uniform (Равномерное), флагом Monochromatic (Сохранить цвета) и параметром Amount (Эффект) равным 400.

Примените фильтр Emboss (Рельеф), воспользовавшись командой меню Filter — Stylize — Emboss (Фильтр — Стилизация — Рельеф), с параметрами: Angle (Угол)=45, Height (Высота)=2, Amount (Эффект)=30.

Тонируйте изображение, выбрав команду меню Image — Adjustments — Hue/Saturation (Изображение — Корректировки — Цветовой тон/Насыщенность).

Шлифованная плитка

Сделайте новый документ размером 100 x 100 пикселов и с белоснежным цветом фона.

Примените фильтр Add Noise (Добавить шум) с установленным переключателем Gaussian (По Гауссу), флагом Monochromatic (Сохранить цвета) и параметром Amount (Эффект) равным 125.

Примените фильтр Motion Blur (Размытие в движении), воспользовавшись командой меню Filter — Blur — Motion Blur (Фильтр — Размытие — Размытие в движении), с параметрами: Angle (Угол)=-45, Distance (Расстояние)=100. Последний параметр должен быть не меньше размера изображения.

Примените фильтр Emboss (Рельеф) с параметрами: Angle (Угол)=45, Height (Высота)=2, Amount (Эффект)=35. Направьте внимание, что параметр Angle (Угол) должен отличаться от такого же параметра фильтра Motion Blur (Размытие в движении).

Тонируйте изображение, воспользовавшись диалогом Hue/Saturation (Цветовой тон/Насыщенность), применив последующие характеристики: флаг Colorize (Тонирование) — установлен, Hue (Цветовой тон)=180, Saturation (Насыщенность)=10, Lightness (Яркость)=+20.

Облицовочная плитка

Сделайте новый документ размером 100х 100 пикселов и с белоснежным цветом фона.

Примените фильтр Add Noise (Добавить шум) с установленным переключателем Uniform (Равномерное), флагом Monochromatic (Сохранить цвета) и параметром Amount (Эффект) равным 120.

Примените фильтр Emboss (Рельеф) с параметрами: Angle (Угол)=45, Height (Высота)=1, Amount (Эффект)=30.

В гамме Channels (Каналы) сделайте новый канал Alpha 1, нажав кнопку Create new channel (Сделать новый канал).

Выделите изображение альфа-канала в окне документа командой Select — All (Выделение — Все) и сделайте рамку выделения шириной 3 пиксела командой Select — Modify — Border (Выделение — Модификация — Граница).

Инвертируйте выделение командой Select — Inverse (Выделение — Направить выделение) и залейте выделенную область белоснежным цветом. Отмените выделение.

Примените к альфа-каналу фильтр Gaussian Blur (Размытие по Гауссу), воспользовавшись командой меню Filter — Blur — Gaussian Blur (Фильтр — Размытие — Размытие по Гауссу) с параметром Radius (Радиус)=2. 0 пиксела, чтобы размыть границу.

В гамме Layers (Слои) выделите слой Background (Фон) и сделайте эффект трехмерности при помощи фильтра Lighting Effects (Эффекты освещения), воспользовавшись командой меню Filter — Render — Lighting Effects (Фильтр — Рендеринг — Эффекты освещения).

Тонируйте изображение, воспользовавшись диалогом Hue/Saturation (Цветовой тон/ Насыщенность).

Для сотворения фоновых текстур, не считая обрисованных фильтров, попытайтесь использовать фильтры Colored Pencil (Магический карандаш), Sponge (Губка), Grain (Зерно), Craquelure (Кракелюры), Chalk & Charcoal (Мел и уголь), Mezzotint (Меццотинто), Mosaic (Мозаика), Halftone Pattern (Полутоновой узор), Note Paper (Почтовая бумага), Polntillize (Пуантилизм), Reticulation (Ретикуляция), Glass (Стекло), Texturizer (Текстуризатор), Texture (Текстура), Ink Outlines (Тушь) и Mosaic Tile (Цветная плитка). Заметим, что применение неких фильтров, к примеру, Glass (Стекло), к сплошному цвету дает очень малозначительный либо нулевой эффект.

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

Возьмем для примера фото цветов.

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

Если фон нашего сайта просто замостить такой картинкой получится вот так:

Получилось некрасиво и видны швы

В Photoshop»е есть такая замечательная функция как Сдвиг (Фильтр / Другое / Сдвиг). Мы могли бы воспользоваться этой функцией для получения бесшовного фона, но рисунок достаточно непростой и не хотелось бы терять качество фотографии. Потому я делю картинку на 4 равные куска (для этого наверное лучше брать изначально картинку квадратной формы или обрезать ее до квадрата).

Получается вот так:

Далее мы разрезаем эту картинку на 4 части и каждую часть помещаю на отдельный слой. Это можно сделать при помощи Прямоугольного выделения (выделяем ровно четверть, в нашем случае картинка 580 на 580 пикселей, значит четверть равна 290 на 290 пикселей), далее выделенную область копируем Ctrl+C и вставляем тут же Ctrl+V. Также этого можно добиться при помощи инструмента Раскройка , но тогда наши 4 части сохранятся в отдельную папку и потом их надо будет перенести в один документ для создания 4х слоев.

И перемещаем наши 4 куска следующим образом:

Такого же эффекта можно достичь, как я говорила ранее, используя функцию Сдвиг (Фильтр / Другое / Сдвиг), сдвигая картинку на половину ее высоты и ширины, в данном случае на 290px и 290px. Конечно же это в разы проще, но чтобы сделать качественный бесшовный фон на сайте этого будет недостаточно. Так как если взглянуть на фото выше, мы видим что эффект Размытия сделает картинку банально некрасивой, а дорисовывать цветы очень трудоемкое занятие.

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

Убираем стыки на будущем бесшовном фоне

Сейчас наш холст занимает 580х580px. Мы будет сдвигать каждый слой (каждую четверть) в сторону центра на 40px по очереди. Таким образом у нас слои будут накладываться друг на друга. Это можно сделать простым перетаскивание на 40px, либо использовать тот же самый Сдвиг на 40px по вертикали и горизонтали. У нас получится такая картинка, уже с размером холста 500х500px.

Далее будет самый творческий процесс. Берем инструмент Ластик , самый обычный, можно взять с мягкими краями. Выставляем непрозрачность на 50%. Нам нужно будет пройтись по тем слоям, которые расположены сверху, т.е. нетронутым останется у нас только нижний слой. Нам нужно будет пройтись по краям, где у нас наложение слоев, убирая обрезки цветов, те что полностью не поместились. На их месте будут просвечиваться целые цветы нижних слоев. Процесс творческий, потому надо будет поэксперементировать).

У меня получилось вот так:

Швы вышли достаточно незаметными и картинка выглядит целостной. Зато я теперь точно знаю, что раз в центре все аккуратно, то по периметру стыковка будет идеальная.

Посмотрим что у нас получилось в итоге, если замостить фон на сайте:

Вот такой у нас получился бесшовный фон для нашего сайта.

Все это я покажу вам на примере фотографии джинсов.

Выбираем инструмент создания прямоугольной области выделения Rectangular Marquee Tool , зажимаем Shift и создаем квадратную область выделения как на рисунке:

Нажимаем Ctrl+C , чтобы скопировать часть изображения. Затем создайте новый документ File > New… При этом, если вы скопировали часть изображения, программа автоматически подставит размеры этого фрагмента для нового документа.

Вставьте скопированное изображение, нажав Ctrl+V .

Итак, это заготовка для создания паттерна. Если мы создадим его сейчас, то при заливке изображения большего размера, чем 331х331px, будут видны швы (места стыковки). Для тех, кто не понял, показываю на примере.

Обратите внимание на выделенные фрагменты. Такие швы возникают из-за того, что при заливке паттерны стыкуются друг с другом, начиная с левого верхнего угла, правый край к левому и низ к верху. А далеко не все края изображений совмещаются стык-в-стык. Решить это проблему поможет фильтр Filter > Other > Offset…

Как можно догадаться, первый параметр указывает на какое количество пикселей сместить изображение по горизонтали. Второй – по вертикале. Сместите изображение так, чтобы стыки получились ближе к центру изображения, здесь проще с ними работать. После этого, используя наборы инструментов из вкладки Healing или Stamp , уберите швы.

Я использовал инструмент Spot Healing Brush Tool . Просто выбрал его и провел два раза по швам: вверх и вниз. Вот, что получилось:

Теперь создадим Pattern . Для этого перейдите Edit > Devine Pattern… и укажите название паттерна.

Все! Теперь давайте проверим, что у нас получилось. Создайте новый документ любого размера. Выберите инструмент заливки Paint Bucket Tool , в настройках укажите, что заливать будем паттерном, а не цветом, и выберите ваш, только что созданный, паттерн.

Заливаем изображение и получаем

Если вы занимаетесь веб-дизайном, 3D моделированием или другим творчеством, связанным с 3D max или Photoshop, то вам периодически требуются качественные бесшовные текстуры и фоны. Найти нужную текстуру или фон в сети порой бывает очень не просто, поэтому решением данной проблемы может послужить вариант сделать бесшовную текстуру (фон) самостоятельно. При этом, вы сами сможете сделать текстуру нужного вам качества и оттенка.

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

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

Для начала работы нам потребуется сам фон или текстура который(ую) мы и будем “превращать” в бесшовный(ую). Естественно, что качество нашей будущей бесшовной текстуры или фона будет напрямую зависеть от качества исходного изображения или фото. Допустим, вам необходимо сделать бесшовную текстуру асфальта, в таком случае вам потребуется фото данного асфальта и чем качественнее данное фото будет, тем качественнее получится бесшовная текстура. Вы можете найти нужное вам изображение в интернете, либо сделать фото объекта самостоятельно, но фото должно быть качественным.

Возьмем, для примера фото асфальта, найденное в сети, фото специально подберем побольше размерами, чтобы текстура получилась высокого качества. В нашем случае размер фото составляет 1300 x 864px, чего будет достаточно.

Данная картинка (фото) не является бесшовным и это легко проверить состыковав данное изображение с копией. По итогу мы видим, что стыки (швы) на общей картине видны.

Принцип создания бесшовного изображения заключается в отражении краев (стыков), что в результате дает идеальное соединение изображения, тем самым создавая вид единой поверхности, а не разных кусков изображения. Для легкого и быстрого “превращения” фото (изображений) в бесшовные текстуры существует специальный плагин для фотошопа, который автоматически выполняет указанные выше функции (отражение и подгонка швов изображения).

Данный плагин разработан для фотошопа, начиная с CS3 и заканчивая последней на сегодняшний день версией CC. Плагин является бесплатным и скачать его можно с нашего сайта:

Скачайте плагин для вашей версии фотошоп и установите его. После установки плагина у вас в правой боковой панели программы фотошоп появится значок плагина:

Чтобы создать бесшовное изображение (текстуру) с помощью данного плагина необходимо открыть нужное изображение (фото) программой фотошоп и сделать данное изображение квадратным – это обязательное требование данного плагина. Т.е. открываете необходимое изображение фотошопом, выбираете инструмент “Прямоугольная область” в левой панели программы и с его помощью (удерживая левую клавишу мыши) выделяете квадратную область из любой части вашего изображения.

Для того, чтобы область выделялась правильным квадратом, а не прямоугольником, необходимо в ходе выделения нужной области, помимо левой кнопки мыши удерживать клавишу “Shift”.

После того, как нужная область выделена, выбираете в верхнем меню “Изображение” – “Кадрировать” и ваша выделенная область будет вырезана и обращена в квадратное изображение.

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

В данной панельке мы указываем размер нашего изображения в пикселях (в нашем случае получилось 864px) и ставим галочку напротив “Difine Pattern”, после чего просто выбираем способ создания бесшовного изображения нажатием на кнопку “Tile” или “Mirror”. Если вы выберите способ “Tile”, то ваше бесшовное изображение будет создано именно из вашей картинки в полном ее размере. Если же выберите способ “Mirror”, то бесшовное изображение будет создано из 4-х ваших картинок, зеркально отраженных и уменьшенных под размер вашего квадрата. Вообщем просто попробуйте и все поймете сами.

Мы выбрали способ “Tile” и в результате получили текстуру высокого качества, размером 864 x 864 пикселя:

Бесшовную текстуру (фон) высокого качества, которою можно использовать в 3D max или фотошопе мы сделали, но давайте еще придадим ей необходимый нам оттенок. Допустим нам нужна текстура потрескавшегося асфальта не светло-серого цвета, а темно-красного. Для начала мы объединим получившиеся слои в одну картинку, а первоначальное изображение просто удалим за ненадобностью. В правой панели слоев удаляем самый нижний слой с нашим исходным изображением, чтобы оно не мешалось и преобразуем все получившиеся слои из которых состоит бесшовная текстура в одно изображение.

Для этого правой кнопкой мыши кликаем по папке “tile pattern” и выбираем в появившемся меню “Преобразовать в смарт-объект”. После данных действий все содержимое папки будет преобразовано в один слой изображения, с которым мы в дальнейшем и будем работать (менять ему цветовой тон).

Выделяем наш слой с бесшовным фоном, кликнув в панели слоев по нему левой кнопкой мыши и в нижнем меню, под панелькой слоев кликаем на значок коррекции и в появившемся меню выбираем “Цветовой тон/насыщенность”. После этого над нашим слоем с текстурой появится новый корректирующий слой и откроется окошко с настройками цветового тона и насыщенности. В данном окошке вы уже на свое усмотрение регулируете “ползунки” настроек цвета и тона, после чего применяете данные настройки.

Таким образом у вас получится бесшовная текстура с необходимым цветовым тоном. Остается сохранить данное изображение в высоком качестве, для этого в верхнем меню выбираем “Файл” – “Экспортировать” – “Сохранить для web” и в появившемся окне, в настройках качества выставляем 100%, после чего жмем кнопку “Сохранить”.

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

бесшовная текстура серого кирпича — video klip mp4 mp3

Video Axtar Ara Yukle Indir

Video

бесшовная текстура серого кирпича — video klip mp4 mp3 yukle
Как сделать бесшовную текстуру в фотошопе

8:39

Создание бесшовной текстуры в Blender

17:39

Убираем таилинг.

Создание бесшовной текстуры в Photoshop