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

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

Веселушки
Танковая часть купит Белый Дом под снос.

Популярные новости
Painted Textures
Painted Textures

Painted Textures1400х2004 | 13,91 Мб
Фотоклипарт - Objekts pack 17
Фотоклипарт - Objekts pack 17

Фотоклипарт - Objekts pack 1734 JPG | 15 ...
Vector - Retro Pattern
Vector - Retro Pattern

Vector - Retro PatternАрхив содержит . P ...
Клипарт - Архитектура (часть 9). Дворцы ...
Клипарт - Архитектура (часть 9). Дворцы Дата

Клипарт - Архитектура (часть 9). Дворцы. ...
Computers & Hi-Tech
Computers & Hi-Tech

Компьютер и технологии, фотоклипарт 60 J ...
Filters Unlimited 2.0.3 FULL
Filters Unlimited 2.0.3 FULL

"Filters Unlimited" можно ср ...
Industrial textures
Industrial textures

18 seamless tiled industrial textures480 ...
Andreoli Winter pack - psd
Andreoli Winter pack - psd

Ещё один Зимний набор - Andreoli Winter ...
Теннис
Теннис

Растровый клипарт, теннис24 Jpeg | 2050* ...
Vector Collection
Vector Collection

Vector CollectionАрхив содержит: 12 EPS ...

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)

Информация

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