Создание бесшовной текстуры - заготовки с помощью фильтра "Сдвиг".

Четверг, 04 Июля 2013 г. 11:32 + в цитатник

Создание бесшовной текстуры - заготовки
с помощью фильтра "Сдвиг".

1. Создаём новый документ 500х500 пикселей,
фон прозрачный.

2. Открываем две направляющие в 50%
по вертикали и горизонтали
(меню-просмотр-новая направляющая).

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

Рассмотрим простой вариант с клипартом - ромашка.

1) Переносим клипарт на наш документ,
свободной трансформацией уменьшаем
и располагаем по центру документа

2) Дублируем слой с ромашкой.
Топаем в меню-фильтр-другое-сдвиг.

Наш документ имеет размер 500х500пикселей.
500 делим по полам и получаем 250
Значит, нам нужно сделать сдвиг на 250 пикселей
по горизонтали и вертикали.

Получаем

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

3) На пустом слое, который в самом низу в панели слоёв,
сделайте заливку цветом.

4) Определяем полученную текстуру в заливки -
меню-редактирование-определить узор.
Объединять слои не нужно.
Узор сохранится из всех видимых слоёв.

Текстура отобразится в конце списка заливок
(меню-редактирование-выполнить заливку-использовать:
регулярный или узор -варианты перевода)

Заливайте документ любого размера, но помните,
что созданная в этом уроке текстура для файлов больших размеров.
Пример заливки размера 3600х2700 - ссылка

Как уменьшить размер созданной текстуры, читайте ниже.

Также вы можете сохранить файл в формате jpg
для заливки фона вашей веб странички.
Советую сохранять через оптимизацию
(меню-файл-сохранить для Web и устройств).
В настройках выбрать формат jpg,
качество 30-40 процентов, чтобы фон не был очень тяжёлым
и страничка с таким фоном загружалась быстро,
и в тоже время качество не очень пострадало.

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

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

Вариант с произвольными фигурами.

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

1)С помощью 4 фигур из набора Floristic shapes я создала такой элемент орнамента

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

Объединила все слои в один.

2) Далее, вы можете применить эффекты слоя:
цвет, узор, тиснение - всё, что нужно по вашему замыслу.

Я применила градиент, глянец и тиснение.
Мои настройки на скринах.

3) Закрепляем полученный стиль слоя
(как закрепить стиль читайте ЗДЕСЬ),
дублируем полученный слой,
применяем сдвиг.

4)Создаём новый слой и заливаем цветом.

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

5) Определяем узор в заливку или сохраняем в формате jpg.

Создание бесшовной текстуры - заготовки закончено.

В заключении хочу добавить, что из текстуры, созданной в этом уроке,
можно сделать бесшовные фоны-текстуры любого размера.
Главное, чтобы размер создаваемых фонов был кратен текстуре-заготовке.
Например, мы создали текстуру-заготовку с размером 500х500пикселей.
Значит, размер бесшовного фона-текстуры должен быть кратен 500 - это
1000, 1500, 2000, 2500 пикселей и т.д.

В начале урока опубликована бесшовная текстура, созданная
из текстуры-заготовки 100х100пикселей.
Скачайте её, определите в заливку, создайте любой размер документа
и залейте этой текстурой. Швов вы не найдёте.

С теплом, Ольга Бор.

Скачать урок в формате docx - ссылка

Уроки и материалы от Ольги Бор.

Рубрики:

УРОКИ ФОТОШОПА

Метки: фш уроки

Процитировано 3 раз
Понравилось: 6 пользователям

<a href="https://www.liveinternet.ru/users/i_lesya/post282283636/"> РЎРѕР·РґР°РЅРёРµ Р±РµСЃС€РѕРІРЅРѕР№ С‚РµРєСЃС‚СѓСЂС‹ - Р·Р°РіРѕС‚РѕРІРєРё СЃ РїРѕРјРѕС‰СЊСЋ С„РёР»СЊС‚СЂР° &quot;РЎРґРІРёРі&quot;.</a><br/>
	РЎРѕР·РґР°РЅРёРµ Р±РµСЃС€РѕРІРЅРѕР№ С‚РµРєСЃС‚СѓСЂС‹ - Р·Р°РіРѕС‚РѕРІРєРё
	СЃ РїРѕРјРѕС‰СЊСЋ С„РёР»СЊС‚СЂР° &quot;РЎРґРІРёРі&quot;.
	
	  
	
	1. РЎРѕР·РґР°С‘Рј РЅРѕРІС‹Р№ РґРѕРєСѓРјРµРЅС‚ 500С…500 РїРёРєСЃРµР»РµР№,
	С„РѕРЅ РїСЂРѕР·СЂР°С‡РЅС‹Р№.
	
	2. РћС‚РєСЂС‹РІР°РµРј РґРІРµ РЅР°РїСЂР°РІР»СЏСЋС‰РёРµ РІ 50%
	РїРѕ РІРµСЂС‚РёРєР°Р»Рё Рё РіРѕСЂРёР·РѕРЅС‚Р°Р»Рё
	(РјРµРЅСЋ-РїСЂРѕСЃРјРѕС‚СЂ-РЅРѕРІР°СЏ РЅР°РїСЂР°РІР»СЏСЋС‰Р°СЏ).
	
	  
	
	3. РџРѕ С†РµРЅС‚СЂСѓ РґРѕРєСѓРјРµРЅС‚Р° СЃРѕР·РґР°С‘Рј СЌР»РµРјРµРЅС‚ СЂРёСЃСѓРЅРєР°.
	РС‚Рѕ РјРѕР¶РµС‚ Р±С‹С‚СЊ РІСЃС‘, С‡С‚Рѕ СѓРіРѕРґРЅРѕ:
	РєР»РёРїР°СЂС‚, РїСЂРѕРёР·РІРѕР»СЊРЅР°СЏ С„РёРіСѓСЂР°,
	СЌР»РµРјРµРЅС‚ СЃРѕР·РґР°РЅРЅС‹Р№ РёР· РЅРµСЃРєРѕР»СЊРєРёС… С„РёРіСѓСЂ.
	
	Р Р°СЃСЃРјРѕС‚СЂРёРј РїСЂРѕСЃС‚РѕР№ РІР°СЂРёР°РЅС‚ СЃ РєР»РёРїР°СЂС‚РѕРј - СЂРѕРјР°С€РєР°.
	
	1) РџРµСЂРµРЅРѕСЃРёРј РєР»РёРїР°СЂС‚ РЅР° РЅР°С€ РґРѕРєСѓРјРµРЅС‚,
	СЃРІРѕР±РѕРґРЅРѕР№ С‚СЂР°РЅСЃС„РѕСЂРјР°С†РёРµР№ СѓРјРµРЅСЊС€Р°РµРј
	Рё СЂР°СЃРїРѕР»Р°РіР°РµРј РїРѕ С†РµРЅС‚СЂСѓ РґРѕРєСѓРјРµ... <a href="https://www.liveinternet.ru/users/i_lesya/post282283636/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Акинина_Валентина обратиться по имени Вторник, 25 Декабря 2018 г. 13:44 (ссылка)

Благодарю!

Ответить С цитатой В цитатник

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Метки

-Рубрики

-Цитатник

-Ссылки

-Музыка

-Поиск по дневнику

-Подписка по e-mail

-Интересы

-Друзья

-Постоянные читатели

-Сообщества

-Статистика

Создание бесшовной текстуры - заготовки с помощью фильтра "Сдвиг".