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

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

Веселушки
Любой женатый мужчина должен забыть о своих ошибках - нет необходимости двоим людям помнить одно и то же.

Популярные новости
Tattoo flash (Part#3)
Tattoo flash (Part#3)

Tattoo flash (Part#3)2788 jpg | differen ...
Фотоклипарт - Books Packsge
Фотоклипарт - Books Packsge

Книги10 JPG | ~2662x2134 | 6.07 Mb
Golf High Res - 300 dpi
Golf High Res - 300 dpi

Golf High Res - 300 dpi / Гольф
Денежные знаки
Денежные знаки

Денежные знаки, монеты, купюры, доллары. ...
TweetDeck Replacement Icons by tylerstic ...
TweetDeck Replacement Icons by tylersticka - иконки фотошоп

TweetDeck Replacement Icons by tylerstic ...
Истина где-то рядом...
Истина где-то рядом...

The truth is somewhere near272 pictures ...
Women at Home
Women at Home

105 | 5581x3707 | JPEG | 155 Mb
Как придать фотографии movie-эффект испо ...
Как придать фотографии movie-эффект используя Adobe Photoshop?

В этом уроке Вы научитесь, используя сло ...
Hairdresses2
Hairdresses2

Hairdresses - прически. Часть 2100 JPG | ...
Briliants
Briliants

Фотоклипарт, бриллианты 29 JPEG | 2300x3 ...

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)

Информация

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