Мисс Веснушка Ки Ки Мора (elka_palka) wrote,
Мисс Веснушка Ки Ки Мора
elka_palka

Category:

Создание бесшовного узора в фотошопе

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

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


Не смотря, на то что я работаю на маке, я буду давать сочетание клавиш для писи, как чаще встречающихся, для мака просто заменить контрол на комманд.
Начнем с создания в фотошопе файла размером 200 на 200. Выбор размера дело вкуса, но желательно выбирать такой размер, который легко будет разделить напопалам направляющими.
Заливаем его каким-нибудь фоновым цветом, в моем случае светло-серый, почти белый.


Я решила сделать фон из "огурцов". По ссылке вы можете скачать бесплатные кисти для фотошопа:
http://www.antarasdiary.com/22-free-decorative-paisley-photoshop-brush-sets/
(Как устанавливать кисти, я объяснять не буду, это можно легко найти в гугле при желании)

Выбрав инструмент кисть (B), нажимаем на кнопку "Toggle the brush panel" (крайняя правая на скриншоте).


Появится панель кистей:

Эта панель поможет менять угол изображения, уменьшать/увеличивать размер (также можно использовать клавиши "[","]")

Выбрав кисть, мы рисуем в центре рисунка, не заходя за границы квадратика.


А теперь, собственно, сам трюк. Он заключается в том, что мы разрежем наш рисунок на четыре части и поменяем части местами по диагонали, чтобы то чтобы было центром разошлось по углам и при повторении плитки, собиралось назад.
Как его делать:

Убедитесь, что у вас видны пиксельные линейки вверху: View->Rulers. С помощью Guides разделите квадрат на четыре части. (В данном случае, на 4 квадрата по 100 пикселей)


А теперь "меняем" все квадратики местами по диагонали.
Выделяем четверть.

Копируем ее (Ctrl+C).
Вставляем ее (Ctrl+V)
Если мы посмотрим на панель слоев Layers, то увидим, что мы создали новый слой с четвертинкой.


Возвращаемся на первый слой, кликнув на него и повторяем процедуру для следущей четвертинки.
И так пока не создадим 4 слоя с четвертинками (надо было фоновый цвет выбирать поярче, было бы виднее :)).


Уберем видимость самого первого слоя, нажав на глаз на этом слое в панели Layers. По сути этот слой нам уже не нужен.

А теперь выбрав инструмент Move(V) двигаем четвертины, меняя их места по диагонали. Не забудьте переходить на те слои, где находятся четвертины, чтобы подвинуть. Если четвертину не видно под другой, то используйте режим невидимости слоя (глаз).
Должно в итоге получиться так:


Убираем показ Guides, убрав галку в Show->Guides.
Заполняем пустое пространство, не вылезая за края.


Собственно, наш узор готов! Теперь мы проверим, "работает" ли он, да и вообще как выглядит, когда повторяется (иногда приходится начинать все заново :)))
Для этого идем в Edit-> Define Pattern.
Вам предложат назвать узор.


После того как мы назвали наш узор, создаем новый файл с большими размерами, например, 800 на 800.
Выбираем инструмент ведро (K)
Вверху, в меню инструмента выбираем опцию "Pattern" вместо "Foreground" и выбираем наш узор.

Заливаем наш файл, кликнув на него ведром.
Как видите, все работает :)


Дальше все зависит от вашего желания/терпения/креативности :))
Tags: очумелые ручки
Subscribe
  • Post a new comment

    Error

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 10 comments