Калейдоскоп. Делаем красивый узор в Photoshop

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

дополнительные материалы к урокам демо версия урока

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

Давайте сразу приступим к делу.

Создаем красивый узор в Photoshop

1. Для начала откроем редактор Adobe Photoshop и создадим в нем новый документ. Я создам документ размером 600 px на 600 px с разрешением 72 и с белым фоном.

создаем новый документ в программе Фотошоп

2. Теперь нужно нарисовать на белом фоне несколько различных форм. Вы можете использовать для этого инструмент «Custom Shape Tool» инструмент Custom Shape Tool , выбирая разные формы.

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

Каждую форму нужно рисовать на новом слое.

После того как создадите несколько форм, выделите все слои с формами (не включая слой с фоном) при помощи зажатой клавиши Shift и поместите все выделенные слои в одну папку, перетянув их к иконке папки (внизу, под слоями).

создание форм в Фотошоп

3. Теперь скройте слой с фоном, щелкнув на иконку глаза слева от слоя.

Создайте новый слой в самом верху, сделайте его активным и нажмите сочетание клавиш Ctrl + Shift + Alt + E. Это объединит все видимые слои на новом слое.

Теперь нажмите сочетание клавиш Ctrl + T (Свободная Трансформация), щелкните правой кнопкой мыши по выделившейся фигуре и выберите из открывшегося списка «Flip Horizontal» (Отразить по горизонтали). После этого нажмите клавишу Enter.

Режим наложения поставьте на «Multiply».

отражаем по горизонтали

4. Создайте новый слой на самом верху. Сделайте его активным и снова нажмите сочетание клавиш Ctrl + Shift + Alt + E.

Теперь нажмите сочетание клавиш Ctrl + T, щелкните по фигуре правой кнопкой мыши, но на этот раз выберите «Flip Vertical» (Отразить по вертикали). После нажмите Enter, чтобы принять трансформацию.

Режим наложения поставьте на «Multiply».

отражаем по вертикали

5. Снова создаем новый слой вверху. Снова нажимаем Ctrl + Shift + Alt + E. После нажимаем Ctrl + T и теперь фигуру нужно повернуть на 45 градусов. Для этого в соответствующее поле вверху нужно вписать значение угла поворота: 45 (смотрите скриншот).

После нажимаем Enter и режим смешивания также устанавливаем на «Multiply».

меняем угол наклона фигуры в Фотошоп

результат после наклона фигуры в Фотошоп

6. Всю процедуру из шага номер 5 повторите еще 2 раза.

У Вас должен получиться круг с симметричным узором.

После этого создайте новый слой вверху. Объедините в него уже полученный результат при помощи нажатия Ctrl + Shift + Alt + E.

Все остальные слои скройте, а этому новому слою дайте имя, например, «Фигура 1».

круг с симметричным узором

7. Наша первая фигура готова.

Теперь нам нужно создать еще одну фигуру, а для этого нужно скрыть слой с уже имеющимся узором и проделать все шаги от 2-го до 7-го снова.

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

Не забывайте выставлять режим наложения «Multiply» везде, где это необходимо.

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

формы для создания узора в Фотошоп

отражение форм по горизонтали

отражение форм по вертикали

разворот форм в фотошоп на 45 градусов

полученный узор в фотошоп

В конце не забудьте объединить форму на новом слое, скрыть все остальные и дать имя новому слою, например, «Фигура 2».

8. Теперь сделайте видимыми только 3 слоя: слой с фоном, слой «Фигура 1» и слой «Фигура 2».

Объединение двух узоров

9. А теперь сделайте активным слой «Фигура 2» и начните менять режимы наложения слоев и смотреть на результат.

Выберите тот, который больше понравится Вам. В моем примере я выбрала режим наложения «Darker Color», но Вы можете выбрать любой другой.

Меняя режимы наложения Вы увидите какие разнообразные результаты Вы можете получить.

выбор режима смешивания слоев в Фотошоп

10. Теперь, когда Вы подобрали режим наложения, который больше всего Вас устраивает, можно и отрегулировать Баланс Цветов (Color Balance). Для этого нужно нажать на вот такую иконку (она находится под слоями в самом низу) баланс цветов и выбрать из списка «Color Balance».

А теперь можете передвигать ползунки пока не получите наилучший результат.

регулировка баланса цветов

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

Чтобы объединить его воедино, нужно выключить видимость фона;
Создать новый слой вверху;
Объединить имеющиеся фигуры при помощи Ctrl + Shift + Alt + E;
Отключить видимость всех слоев, оставив видимым только последний объединенный слой;
Сделать его активным, нажать Ctrl+A (чтобы сделать выделение), Ctrl+C (чтобы скопировать);
Далее при помощи сочетания клавиш Ctrl+V вставить там, где нужно.

узоры в группе (вариант 1)

А вот вам еще один вариант узора из калейдоскопа:

узор в группе (вариант 2)

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

Пишите Ваши комментарии, пожелания и замечания. Буду очень Вам благодарна.

А также подписывайтесь на обновление блога и делитесь уроком с друзьями с помощью кнопок социальных сетей.


Успехов Вам, друзья, и до новых встреч!

Спасибо за внимание!

Очень красивый эффект динамики изображения в Photoshop

Веб верстка в стиле «Газетная страница»

Привлеки внимание к форме подписки на твоем сайте!

Понравилась статья? Поделись с друзьями!


Не нашли того, что искали? Воспользуйтесь расширенным поиском!

Будьте в курсе новых публикаций на Блоге!

rss podpiska

Введите Ваш E-mail:


Комментарии к этой статье:

Комментарий добавил(а): Даша
Дата: 2015-09-03

А ещё можно сделать не плохой эффект калейдоскопа автоматически на сайте http://www.imgonline.com.ua/kaleidoscope-effect.php (бесплатно и на русском языке)

Добавить Комментарий:


Введите сумму чисел с картинки:

Почему стоит подписаться на обновления блога

Будьте в курсе новых публикаций на Блоге!

rss podpiska

Введите Ваш E-mail: