Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

207 785 чел. 399 346 работ 4 090 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Легкая

Создаём геометрический узор в Фотошоп

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

Финальное изображение:

Часть 1. Настройка

Шаг 1

Создайте новый документ (Файл - Новый) (File > New) любого размера. Я создал документ размером 1280 x 1024 пикселов, т.к., я буду работать с фигурами большого размера.

Шаг 2

Включите функцию Привязка (Просмотр - Привязка)(View > Snap).

Теперь включите линейки (Вид - Линейки) (View > Rulers).

Шаг 3

Откройте палитру Образцы (swatch) и установите в ней те цвета, которые показаны на скриншоте. Благодаря этому, Вы сможете быстро переключаться между нужными цветами.

Часть 2. Создаем и размещаем фигуры

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

Шаг 1

Выберите инструмент Многоугольник (Polygon Tool) (U) и кликните в правой части документа.

Создайте многоугольник размером 200 x 200 пикселов с 8-мью сторонами и нажмите ОК.

Шаг 2

Уменьшите непрозрачность слоя "Polygon 1" до 50%.

Измените заливку фигуры на слое "Polygon 1"  на #33cdc7.

Шаг 3

Удерживая клавиши Alt + Shift, переместите Polygon 1 немного левее первоначальной фигуры, пока она не станет ее перекрывать.

Таким же способом скопируйте фигуру еще 2 раза (Polygon 1 copy и Polygon 1 copy 2).

Шаг 4

Измените параметр Заливка (Fill) слоев "Polygon 1 copy" на #1d7471, "Polygon 1 copy 2" на #5ccdc9 и "Polygon 1 copy 3" на #009b95.

Шаг 5

Удерживая клавишу Shift, выделите слои с "Polygon 1 " по "Polygon 1 copy 3".

После того, как четыре фигуры выделены, удерживая Alt + Shift перетащите их влево, совместив их с предыдущими.

Шаг 6

Все 12 фигур поместите в группу "Blue Group" (Ctrl + G).

Разместите группу "Blue Group" так, чтобы фигуры располагались из одного края документа в другой.

Шаг 7

Удерживая клавишу Alt, копируйте группу с фигурами, перетащив ее вверх и немного влево :

Переименуйте группу "Blue Group copy" в "Orange Group".

Шаг 8

Внутри группы "Orange Group" измените цвет всех фигур на оранжевые оттенки, которые мы установили ранее в палитре Образцы: #ffb173,#ff7100,#ff9540 и #bf6f30.

Шаг 9

Зажмите клавишу Shift и поместите группу "Orange Group" над группой "Blue Group". Группа с оранжевыми фигурами должна немного перекрывать группу с синими фигурами.

Шаг 10

Выделите обе группы с фигурами и сдвиньте их в нижнюю часть документа:

Шаг 11

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

Шаг 12

Залейте фоновый слой цветом #d5f7fc, затем создайте новый слой (Shift + Ctrl + N) над всеми группами и залейте его цветом #152907. Этот слой назовите "Subtract".

Мы почти закончили:

После того, как узор создан, его нужно преобразовать в текстуру Фотошопа.

Шаг 1

Выберите инструмент Прямоугольная область выделения (Rectangular Marque Tool) (M):

Выделите часть узора, как показано на скриншоте:

Шаг 2

Создайте текстуру (Редактирование - Определить узор) (Edit > DefinePattern).

В диалоговом окне напишите название текстуры:

Шаг 3

Создайте новый документ (Файл - Новый) (File > New) любого размера. Я создал документ размером 2000х2000 пикселов.

Создайте новый слой (Shift + Ctrl + N) и залейте его любым цветом.

Шаг 4

К этому слою примените стиль Перекрытие узора (Pattern Overlay).

В диалоговом окне этого стиля слоя выберите узор, который мы создали и кликните ОК. Слой будет заполнен этим узором. Если Вы все сделали правильно при преобразовании узора в текстуру, то она должна получиться бесшовной. Если же это не так, вернитесь к документу с узором, внесите коррективы и снова преобразуйте часть узора в текстуру.

Финальное изображение:

Автор урока: Jeremiah Ragsdale

Перевод: Слуцкая Светлана

Комментарии 31

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Спасибо за урок.Понравился.

Спасибо, интересно.

Спасибо за урок и перевод.

Спасибо за перевод и урок

Спасибо за перевод!

Спасибо за перевод и урок. Пригодится.

Спасибо, по началу, думала запутаюсь, но всё получилось

Получилось в итоге попроще, чем в уроке. )) Спасибо за перевод. Интересно.

Спасибо за урок, очень обрадовалась, когда все получилось, поэксперементировала с цветом)

Можно и на обои поставить

Спасибо за урок, необычный рисунок получился.

спасибо) в этом уроке впервые пользовалась и создавала образцы цвета, спасибо)

Попробовала создать свой узор по памяти.

Спасибо большое за урок. Интересно! Можно создать очень много подобных узоров.

Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

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

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules