Веб-дизайн

Прогладить с изнанки


Оставив на время в стороне вопросы эстетики фоновых изображений, давайте обсудим одну сугубо техническую пробле­му: как сделать бесшовный фон, у которого были бы незаметны стыки между соседними копиями «изразца». Сколь бы долго и мучительно вы ни пере­крашивали расположенные у края картинки пикселы вручную, добиваясь их соответствия пикселам противоположного края, — в окне броузера линии стыка все равно будут бросаться в глаза. Человеческое восприятие натре­нировано вылавливать признаки порядка в кажущемся хаосе, и какими бы незначительными ни были дефекты «сварки», их повторение в регулярной прямоугольной сетке делает их издевательски заметными. Но представьте себе, что у вас вдруг появилась возможность редактировать фоновый изразец прямо на плоскости, где он находится в окружении своих копий, причем так, что любые вносимые изменения отображаются одновременно во всех копиях размноженного изображения. Если при этом вы сможете свободно пересекать границы изразцов и сразу же будете видеть конечный результат своих действий — залитую этим фоном плоскость, — то ручное сглаживание и шпаклевка стыков становятся вполне реальным делом даже без использования каких-то нестандартных инструментов. Чтобы добиться описанного эффекта, достаточно разделить прямоугольник вашего изображения на четыре четверти (рис. 58, а) и поменять их ме­стами (рис. 58, б). После этого измененное изображение будет, по сути, представлять собой фрагмент плоскости, заполненной исходным изображе­нием — причем фрагмент этот выбран так, что на нем видны углы четырех соседних копий изразца. Разумеется, повторение этого изображения в окне броузера даст совершенно тот же результат, что и повторение исходного (с точностью до сдвига на половину его горизонтального и вертикального размера). Однако теперь края изразца уже не требуют никакой доводки, так как они только что были созданы заново разрезанием «по живому», — а все стыки, которые нужно замазать, теперь, наоборот, находятся внутри. Из всех методов производства бесшовных фонов этот — самый гибкий и удобный, так как он позволяет пользоваться для уничтожения следов стыка любыми инструментами рисования, размывкой, растушевкой и т.
п. Единственное, о чем следует помнить, — это то, что вы должны рабо­тать очень аккуратно в тех областях, где обрабатываемые стыки подходят к новым (после перестановки четвертей) границам изображения (например, на левом конце границы между четвертями 4 и 2 или на верхнем конце границы между четвертями 4 и 3 на рис. 58, 6). Дело в том, что здесь вы можете по неосторожности ввести новые дефекты, которые, опять-таки, станут заметны только после размножения фона на плоскости. Существует и еще один подход к созданию бесшовных фонов — на сей раз с помощью несложной (и во многих программах автоматической) проце­дуры, сплавляющей вместе противоположные края готового изображения. Как и в других случаях, когда нечто можно сделать либо автоматически, либо вручную, автоматизация позволяет быстрее и с меньшими затратами труда получать более устойчивые, хотя в целом менее удовлетворительные (но во многих случаях все же вполне приемлемые) результаты. Чтобы сделать аккуратный шов, этому методу нужен «запас материала» по краям прямоугольной «заплаты». Представьте, что вдоль внешних сторон выделения, которое надлежит превратить в бесшовный фоновый изразец, вырезаны четыре полоски определенной ширины (рис. S9, а). Затем ка­ждая из этих полосок перенесена к внутреннему краю противоположной





Рис. 58

Создание бесшов­ного фона перестановкой чет­вертей. Обратите внимание, как заметны стали в (б) не­стыковки деталей фона между четвертями 4 и 2, 4 и 3

262







Рис. 59

Создание бесшов­ного фона «клапанами» с гради­ентами прозрачности. «Попе­речное сечение» фоновой плитки (в) показывает, как в получен­ном этим методом фоне сосед­ние изразцы частично накла­дываются друг на друга, так что на линии шва видимость каждого из них составляет по 50%

стороны и там наложена поверх старого изображения (рис. 59, б). При этом прозрачность перенесенной полоски равна 50% на самом краю и по­степенно увеличивается вплоть до полной невидимости по направлению к центру прямоугольника.Прозрачность же того фрагмента изображения, который оказался под полоской, наоборот, уменьшается на этом отрезке от 50% до нуля (рис. 59, в). Если вы мысленно покроете плоскость копиями такого изображения, то увидите, как соседние прямоугольники склеивают­ся друг с другом с помощью этих «клапанов».

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


Содержание раздела