IxStep.ru Все о дизайне и его хистростях!

Поиск по сайту
Навигация
Наш опрос
Нужен ли нам форум?
Да, конечно!
Нет. не надо.
Без понятия.
Хм... А что это?

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

Популярные новости
Celebrity and Paparazzi High Res - 300 d ...
Celebrity and Paparazzi High Res - 300 dpi

Растровый клипарт, знаменитости, фотогра ...
Коллекционная новогодняя игрушка
Коллекционная  новогодняя  игрушка

Коллекционная новогодняя игрушка в на ...
Клипарт Wired Communications
Клипарт Wired Communications

Клипарт Wired Communications120 JPG файл ...
Новогодняя рамочка - открытка
Новогодняя рамочка - открытка

PNG | 3510х2480 | 300 dpi | 9,8 MBавтор: ...
Видеоуроки от журнала Digital Photograph ...
Видеоуроки от журнала Digital Photographer: №46, 47

Видеоуроки от журнала Digital Photogra ...
Дворцы и замки
Дворцы и замки

Дворцы и замки80 jpg | 3214x4851px | 169 ...
Качественный растровый клипарт - Вино
Качественный растровый клипарт - Вино

Коллекция качественного растрового клипа ...
Клипарт - "Отношения животных"
Клипарт - \

Клипарт - "Отношения животных" ...
Клипарт - любопытные дети
Клипарт - любопытные дети

Клипарт - любопытные дети (Children)15 H ...
Разноцветная бумага
Разноцветная бумага

HQ Images - Color Paper TextureРазноцвет ...

PhotoshopКак создать бесшовную текстуру для фона - уроки фотошоп

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

Почему вы не можете просто применить заливку текстурой из исходного изображения?



И так в этом уроке мы создаем плиточный фон из текстуры травы. Будем использовать эту замечательную фотографию травы:
Внимание! У вас нет прав для просмотра скрытого текста.
[963,27 Kb] (cкачиваний: 116)


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

Шаг 1



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

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



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

Шаг 3
Теперь трава имеет почти однородную окраску (без ярких теней или бликов). Но на изображении есть маленький листик вверху слева, и при заливке такой текстурой этот лист будет появляться снова и снова, так что мы должны от него избавиться. Чтобы сделать это выбираем инструмент Patch Tool (J) (Заплатка) и очерчиваем контур вокруг листа, после чего полученное выделение перетягиваем с помощью мыши (курсор на выделение и удерживая левую клавишу мыши, перетягиваем в любую сторону) на соседнюю область травы. (Замечу, что в инструменте Patch Tool нужно установить Source (Источник), а не Destination (Назначение), иначе техника будет слегка иной).



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



Шаг 5
Здесь вы видите два слоя, которые почти касаются друг друга. Сведите их вместе так, чтобы не было белого промежутка между ними, и слейте два слоя в один.



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



Шаг 7
Инструментом patch tool выполнять подобные действия действительно легко, даже на таком трудном фоне, как трава.



Шаг 8
Сейчас повторяем процесс по vertically (вертикали) (NS: хотя я всегда думала, что это называется горизонталь! )))). Дублируем слой, и перемещаем один вниз, а другой вверх, пока края не состыкуются. Сливаем слои вместе, и используем инструмент patch tool, чтобы избавить стык.



Шаг 9
И теперь наша бесшовная текстура готова!



Шаг 10
Теперь нажимаем Ctrl+A, чтобы выделить все, и идем Edit > Define Pattern (Редактировать > Определить Узор).



Шаг 11
Мы сохраним созданную текстуру, pattern «Трава».



Шаг 12
Теперь на любом слое, если применяете стиль слоя Pattern Overlay (Перекрытие Узором), вы можете выбрать из списка этот образец. В изображении ниже можете видеть пример бесшовной текстуры травы для фона вебсайта.



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

Finito!



Дополнение – можно использовать Filter > Other > Offset (Фильтры > Другие > Смещение), чтобы выбрать интересное положение текстуры, перемещая изображение по горизонтали и вертикали, а уже затем обработать стыки.



-В военное время правда столь драгоценна, что ее должны охранять караулы лжи. (Уинстон Черчилль)

Опубликовал gadio, 27 октября 2009 | Комментировать (0) | Печать
 (голосов: 0)

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.