Фотошоп бесшовные текстуры – . ()

Содержание

Бесшовные текстуры в фотошопе — Arttopia.Уникальные уроки рисования и дизайна в Adobe Photoshop

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

Часто бесшовные текстуры применяются для заливки фона в так называемых «резиновых сайтах».

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

Сегодня один из заказчиков захотел по-новогоднему украсить свой сайт, добавив на задний фон снежинки, при этом прислал картинку, которую пожелал увидеть на своем сайте.

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

Я решила сделать бесшовную текстуру, чтобы в дальнейшем заполнить ей задний фон.

Итак, делаем бесшовные текстуры в фотошопе.

Приступаем к работе

Открываем картинку Ctrl+O. Вызываем панель слоев – F7. Разблокируем первоначальный слой, дважды щелкнув по нему в панели слоев.

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

Идем в меню «Image» – «Image Size» («Изображение» – «Размер изображения»)(Alt+Ctrl+I).

Смотрим ширину и длину изображения, делим пополам. Запишите значения на листочке, чтобы не забыть.

Заходим в меню «Filter» – «Other» — «Offset» («Фильтр» — «Другое» — «Сдвиг»).

Вводим значения, равные половине от 100% ширины и высоты изображения.

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

При помощи инструмента «Восстанавливающая кисть» маскируем стыки изображений.

На всякий случай еще раз применяем фильтр «Ctrl+F»(повторяет предыдущий фильтр).

Смотрим, чтобы стыки уже не были видны.

Далее создаем паттерн. Заходим в меню:

«Edit» – «Define pattern»(Редактирование» – «Определить узор»).

Создаем новый документ, например 1920х1080px.

Выбираем инструмент Paint Bucket (G) (Заливка), меняем в настройках заливки Foreground (Цвет переднего плана) на «Pattern»(Регулярный).

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

Итак, в этом уроке мы посмотрели как можно сделать бесшовные текстуры в фотошопе. Надеюсь, урок оказался для вас полезен.

До встречи!

arttopia.ru

Как за пару минут сделать бесшовную текстуру в Фотошоп?Просто )

11.08.10

Способ который я покажу,самый простой,поэтому и дал ему соответствующее название,всё просто,и в действительности время отнимает всего пару минут.
Получаем вот что:

И так,уложусь в три скрина.
Находим текстуру,с которой надо “чудо”сотворить,вырезаем понравившийся(ну и слово )кусок 300*300 пикселей(инструмент Кадрирование).
Если надо доводим его до ума(как в моём случае,за чем то самый некачественный кусок взял).Идём в Фильтр-Другие-Сдвиг,ставим значения +150/+150,галочка на Вставить отсечённые фрагменты.

Получаем почти готовую текстуру.Теперь надо убрать(замазать) “линии сгиба”

Так как мне лень было заморачиваться,то я просто тупо исправил это Уровнями Ctrl+L.

Но вы так не делайте,для таких целей подойдут Штамп например,Лечащая кисть,Заплатка ets.
Ну вот получилась готовая текстура,теперь сохраняем:Редактирование-Определить узор,обзываем как надо,сохраняем,а потом когда понадобится какой-нибудь фон залить,опять Редактирование-Выполнить заливку.
Вот такая инструкция уставшего от солнца лентяя.

ПыСы:если у вас CS5 и текстура не такая хитрая как эта,то сгладить грани вообще проще простого,берёте Лассо,выделяете этот “сгиб”,жмёте Delete и Использовать с учётом содержимого.




Post by ANT
Просмотров: 2 490

Рубрики: Как ..? , Уроки Photoshop , фотошоп
Теги: Уроки Photoshop

swaego.ru

Плагин для создания бесшовных текстур

Бесплатный плагин Seamless Textures Generator является достаточно простым, но позволяет экономить большое количество времени при создании бесшовных текстур.

Для работы Seamless Textures Generator использует алгоритмы смешивания, при которых чёткость, цветность и контрастность остаются неизменными.

Бесплатно скачать плагин Вы можете по ссылкам внизу этой страницы.

Назначение: плагин генерирует только с одним щелчком мыши бесшовные текстуры из Вашего образца.

Seamless Textures Generator доступен как плагин для Photoshop CC-2014.
Для Photoshop CS3+ доступен как действие (action).

Открыть плагин в Photoshop можно через Окно —> Расширения —> Seamless Textures-Generator (Window —> Extensions —> Seamless Textures-Generator).

Вот как выглядит панель плагина:

Интерфейс

Интерфейс довольно простой и интуитивно понятный, состоит всего из нескольких кнопок.

Document — нажатие на кнопку OK создаёт новый квадратный документ Photoshop — основу для будущей текстуры. Цифры в окне ввода слева задают размер стороны создаваемого квадрата в пикселях. Конечно же, для создания текстуры Вы можете использовать любой другой документ.

Define Pattern — после создания текстура будет автоматически определена как узор (Pattern) Photoshop и будет доступна в палитре «Управление наборами» в разделе «Узоры» (Preset Manager —> Patterns), подробнее об узорах Photoshop здесь. Вы можете использовать полученный шаблон для узорной заливки, инструмента «Узорный штамп», стиля слоя «Наложение узора».

Tile — текстура будет создана на основе плиток с помощью маски

Mirror — создаёт шаблон на основе зеркального отражения

rugraphics.ru

Как создать бесшовную текстуру в Photoshop

В сегодняшнем уроке Photoshop для начинающих я расскажу, как использовать функцию обводки контура (Stroke Path), которая позволяет создавать…

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

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

Начиная с версии CS6, в Photoshop появилась возможность создавать обводку контуров, фигур, а также линии, нарисованной инструментом «Перо» (Pen Tool…