Как создать бесшовный фон при помощи Photoshop?

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

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

На рисунке изображены крупные предметы. Чем больше предмет, тем сложнее будет с ним работать!

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

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

Открываем картинку в Photoshop’е (у меня версия CS4). Внимание! Далее я буду давать инструкции на английском и русском языке (для оригинальной и русифицированной версий), однако перевод может не совпадать с тем, что есть у вас — это зависит от версии русификатора! Щелкаем меню Image/Mode (Изображение/Режим) и убеждаемся, что у нас стоит галочка напротив RGB color (RGB цвет). Если нет, ставим ее.

Для своих работ я выбрала вот такую картинку (рис. 1, вверху). Как мы видим, она довольно абстрактна и — слава богу! — равномерно освещена. Однако на ней изображены крупные предметы, имеющие очень четкие линии. А как выглядит ваша картинка? Если у нее один край темнее противоположного, то начать нужно с освещения. Освещение можно подкорректировать несколькими способами.

Первый способ. Выбираем Filter/Render/Lights Effects (Фильтр/Освещение/Эффекты освещения) (рис. 2). Дальше настройки индивидуальны и зависят только от вашего рисунка. Покрутите овальчик слева, подергайте ползунки. Совет: если края картинки получаются темными (не хватает света), а при растягивании овала центр получается слишком ярким, увеличьте значение параметра Focus (Фокус). Смотрим на мой пример (рис. 3).

Второй способ. Если светлых (темных) мест совсем немного или же изменение незначительно, то можем воспользоваться кисточками с панели инструментов — Dodge или Burn (Осветление или Затемнение). Совет: кисточка для таких работ должна быть достаточно мягкой: уменьшаем параметр Жесткость (Hardness). Параметр Exposure (Экспозиция) отвечает за интенсивность, им вы можете регулировать для плавных переходов света.

Теперь, когда изображение равномерно освещено, идем Filter/Other/Offset (Фильтр/Другие/Сдвиг) и выбираем опцию Wrap around (Вращать вокруг, в некоторых версиях — Обернуть).

Ставим значения обоих ползунков примерно (точность несущественна) вполовину изображения (например, у меня исходная картинка разрешением 400×300 пикселей, значит, я выставляю значения 200 по горизонтали и 150 по вертикали). Итак, теперь наши швы аккурат посередине (рис. 1, внизу). Наша задача — сделать их как можно менее заметными.

Масштабируем изображение и берем инструмент Clone Stamp (Штамп клонирования). Теперь работа творческая. Зажимаем клавишу ALT и мышкой щелкаем по тому кусочку, который мы хотим клонировать. Отпускаем клавишу и начинаем ретушировать нужную нам область. Обратите внимание, что область штампа (ту, которую вы обозначили с помощью клавиши ALT) будет двигаться за курсором, пока вы не отпустите кнопку мыши.

Кстати, если ваша картинка не содержит никаких геометрических фигур и вообще достаточно однородна, можно попробовать другой способ. Открываем исходное изображение (до сдвига швов) и добавляем в текстуры Edit/Define Pattern (Редактирование/Задать текстуру). Теперь вновь сдвигаем швы (Offset) и берем инструмент Pattern Stamp (Текстурный штамп). Не перепутайте с другим штампом! В верхней панельке выбираем только что сделанную нами текстуру. Теперь молниеобразными движениями закрашиваем наши стыки. Если получается плохо и неаккуратно, то этот способ вам не подходит!

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

Когда наш бесшовный фон будет готов, добавляем его в текстуры (как я описывала ранее). Создаем новый документ в Photoshop, ставим ему размер намного больше нашей картинки, далее идем Layer/New fill layer/Pattern (Слой/Новое заполнение слоя/Текстура) и выбираем нашу новую текстуру. Смотрим, что получилось!

Если вы попытались сделать так, как я рекомендовала, но у вас что-то не получилось — не расстраивайтесь! Существует плагин для Photoshop под названием Tiler, который можно легко найти и скачать в Сети. С его помощью за один клик мыши можно сделать все, что мы с вами пытались сделать!

Только не надо сейчас произносить все слова, которые пришли вам на ум! Плагин этот не идеален, поэтому подойдет лишь для картинок туманов, облаков, шерсти и прочих подобных вещей. Посмотрите что получится, если применить его к моему рисунку (рис. 5)! Правда, у меня красивей?


00:16 25.03.2017



Отзывы и комментарии
Ваше имя (псевдоним):
Проверка на спам:

Введите символы с картинки:



Вкусные рецепты: Ябра-долма с виноградными листьями, Вышибала(завтрак голландца), Острые гренки

Вкусные рецепты: Ябра-долма с ви...

Ябра-долма с виноградными листьямиВ первую очередь помытые листья отвариваем 2-3 минуты в кипящей воде.Дать стечь воде. Для фарша рис промыть,слить воду добавить мясной фарш,посолить,поперчить душисты...
Замена задних колодок ВАЗ

Замена задних колодок ВАЗ

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

Паркетные полы

Паркетные полы настилают из штучных паркетных клепок шириной 35-90 мм, толщиной 12-20 мм, длиной 150-500 мм; наборного или мозаичного паркета; паркетных досок и щитов. Штучный паркет (клепки) изготовл...
Какой выбрать бюджетный фотоаппарат? Часть 2

Какой выбрать бюджетный фотоаппа...

Начиная собирать фотографии для своего первого фотоальбома, нужно первым делом купить фотоаппарат. В первой части я уже рассказал про камеры фирмы Canon А-серии, теперь же плавно перехожу к техни...
Поисковая оптимизация

Поисковая оптимизация

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

Вкусные рецепты: Пирог "Дес...

Пирог "Десерт"- яйца, сахар и масло взбить добела - соду добавить в сметану, перемешать и влить в тесто - орехи мелко порубить - в тесто добавить орехи, варенье, муку - взбить, выложить в форму, смаза...
Авто-мотоОбразованиеМода и стильБизнес и финансыДом, семья, детиМедицина и здоровьеКомпьютеры и СвязьКультура, искусство, историяСтроительство и ремонтЕда, рецептыИнтимная жизнь
Стоит прочесть:

Новости развития информационнного портала:

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

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