Сделать стартовой Добавить в закладки Обратная связь Новости по RSS 2.0
ZEROlayer.ru » Уроки Photoshop » Креатив » Создание в Фотошопе узора в виде плетеной сетки

Создание в Фотошопе узора в виде плетеной сетки

Автор: sondar | Категория: Уроки Photoshop » Креатив | 8-12-2014, 19:51
Сложность урока: для начинающих
Продолжительность: короткая

Создание в Фотошопе узора в виде плетеной сетки

(то, что мы будем создавать)

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

1. Подготовка вспомогательной сети из направляющих линий

Шаг 1
В данном уроке точность значений очень важно. В моем случае я работал на документе размером 140x139 пикселей, с разрешением 72 пикселя на дюйм. Если вам нужен больший размер, как например, для полиграфии, либо – наоборот – более компактный, как, например, для веб-дизайна, то ширину и высоту исходного документа следует выбирать в соответствии со своими требованиями.

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

Создание в Фотошопе узора в виде плетеной сетки


Шаг 2
Через меню Просмотр (View) откройте окно настройки сетки направляющих, введите параметры, показанные на скриншоте ниже, и нажмите ОК. Теперь можно переходить к следующему шагу.

Создание в Фотошопе узора в виде плетеной сетки


Шаг 3
Следующий набор направляющих линий мы используем для обозначения отступа от границ холста. Введите величину 27 в каждое из полей, и нажмите ОК.

Создание в Фотошопе узора в виде плетеной сетки


Шаг 4
Последний набор направляющих. Задайте следующие величины отступов:

Сверху (Top): 60 px
Слева (Left): 42 px
Снизу (Bottom): 60 px
Справа (Right): 44 px

Создание в Фотошопе узора в виде плетеной сетки


Шаг 5
Ниже показано как должен выглядеть окончательный макет из направляющих. Он состоит из 7 вертикальных и 7 горизонтальных линий. Заблокируйте направляющие (Alt-Control-;), после чего, переключившись на инструмент Заливка (Paint Bucket Tool (G)) залайте фоновый слой документа серым цветом (#707070).

Создание в Фотошопе узора в виде плетеной сетки


2. Создание узора

Шаг 1
Переключитесь на инструмент Прямоугольник (Rectangle Tool (U)) и начертите полосу размером 262x13 пикселей. Задайте цвет заливки: #ffef42 (или любой другой на ваше усмотрение). Обратите внимание на панель опций в верхней части окна программы. Инструмент Прямоугольник должен находиться в режиме Фигура (Shape).

Создание в Фотошопе узора в виде плетеной сетки


Шаг 2
Выделите начерченный прямоугольник и пройдите в меню Редактирование > Трансформирование > Поворот (Edit > Transform > Rotate and Rotate), в введите значение 45 градусов. Далее, при помощи инструмента Перемещение (Move Tool (V)) совместите верхнюю грань прямоугольника с пересечением четвертой вертикальной и третьей горизонтальной направляющих линий.

Кликните на палитре слоев ПКМ по слою с прямоугольником, и выберите в открывшемся контекстном меню пункт Создать дубликат слоя (Duplicate). Теперь пройдите в меню Редактирование > Трансформирование > Отразить горизонтально (Edit > Transform > Flip Horizontal). Совместите верхнюю грань дубликата прямоугольника с тем же пересечением, что и ранее. В результате два прямоугольника образовали нечто похожее на букву “X”.

Создание в Фотошопе узора в виде плетеной сетки


Шаг 3
Еще раз продублировав желтые прямоугольники, совместите точки пересечения дубликатов там, где пересекаются четвертая вертикальная и пятая горизонтальная направляющие линии.

Создание в Фотошопе узора в виде плетеной сетки


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

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

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

Создание в Фотошопе узора в виде плетеной сетки


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

Создание в Фотошопе узора в виде плетеной сетки


Шаг 6
Скройте вспомогательные элементы воспользовавшись для этого сочетанием горячих клавиш Control-H. Затем пройдите в меню Редактирование > Определить узор (Edit > Define Pattern). Присвойте созданному узору какое-нибудь имя. Создайте новый документ размером 800x600 пикселей и при помощи инструмента Заливка (Paint Bucket Tool) попробуйте залить новый холст своим узором. Если узор получился не бесшовным, или его линии где-то проходят не так как нужно, снова включите отображение вспомогательных элементов (направляющих), и исправьте неточности.

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

Создание в Фотошопе узора в виде плетеной сетки


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


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

Другие новости по теме:


Просмотров: 3639 | Напечатать | Комментарии (0)

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация по сайту

Новые уроки

Легкое тонирование при помощи режимов наложения
Легкое тонирование при помощи режимов наложения


Хотите поближе познакомиться с магией тонирования? Методов и техник тонирования существует великое множество, но сегодня я познакомлю вас с такой техникой, которая, за счет использования режимов наложения слоев, максимально упрощает весь процесс.

Популярные статьи

Друзья
Семейный портал
Полезная информация о недвижимости
Реклама

Мы в соц сетях

Рейтинг блогов


Главная страница | Регистрация | Добавить новость | Новое на сайте |

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