Короткий урок по созданию плетеного векторного паттерна
27 марта 2014 | Опубликовано в Уроки | 6 Комментариев »
В этом коротком уроке мы создадим векторный плетеный паттерн в Adobe Illustrator. Автор этого урока постоянно фотографирует узоры, встречающиеся ему в жизни. Некоторые из них он превращает в элементы дизайна. Также произошло и с фотографией пола ванной комнаты, который и стал основой для сегодняшнего урока.
Финальный результат
Шаг 1
В качестве основы для создания паттерна была использована фотография, которую вы видите ниже. Импортируйте ее в Illustrator.
Шаг 2
Используя инструмент Rectangle/Прямоугольник, создаем основу паттерна.
Шаг 3
После того, как основные фигуры для паттерна готовы, начинаем экспериментировать с цветом и тенями. Для подбора цвета в примере был использован Adobe Kuler. В этом шаге мы все еще работаем с базовыми элементами для паттерна. Составление же самого паттерна ждет нас ниже.
Шаг 4
Теперь нам нужно сделать так, чтобы при размножении наш узор выглядел бесшовным. Ниже вы видите как нужно расположить фигуры в паттерне, чтобы добиться необходимого результата.
Шаг 5
Выделите фигуры, составляющие узор, и в меню откройте Object>Pattern>Make/Объект>Узор>Создать. Используйте настройки по умолчанию. Ваш паттерн появится в палитре Swatch/Образцы. Вы всегда можете отредактировать его, кликнув по нему дважды.
Финальный результат
Вот как выглядит паттерн в применении. Тени придают узору особенный вид. Снимайте узоры, которые встречаете в жизни, возможно когда-нибудь они вам пригодятся.
Автор урока Abduzeedo
Перевод — Дежурка
Смотрите также:
Комментарии
Оставить ответ
Похожие статьи
-
Сайты, посвященные индустрии красоты
-
Микровзаимодействия: секрет крутых приложений
-
Графический дизайн в стиле гранж
-
15 бесплатных экшенов для ретуширования кожи
-
Крутая абстракция в веб-дизайне
-
Использование множественных фоновых изображений CSS: основы
-
Красивые примеры рисунков спиртовыми чернилами
-
Рисуем иконку мышки в Adobe Illustrator
-
Бесплатная типографика в ботаническом стиле
-
Простая фотоманипуляция рыцаря в огне в Adobe Photoshop
-
Новые примеры страниц О нас
-
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
-
Концептуальная аэрофотосъемка Тома Хегена
-
Бесплатные текстуры для эффекта состаривания
Самые комментируемые
- Текст из крови в Adobe Photoshop
549
- Насколько важно сегодня использовать Web Safe цвета?
538
- 20 наборов кистей для Фотошопа, которые вам пригодятся
530
- Текст из воды в Adobe Photoshop
518
- 45 новых удивительных наборов кистей для творчества
423
- Более 40 фотореалистичных рисунков
205
- Ретро и винтажная типографика в веб-дизайне
194
- 30 примеров фрактального искусства
191
1 апреля 2014 в 19:53
А как в 4 шаге сделать чтобы линии не выступали за границу, я сделал обводку фигуры но обрезать же нереально, или нужно по другому делать?
Ответить
апреля 2, 2014 at 9:52 дп
Наверное лучше обрезать. Превратите обводку в заливку обязательно (Object>Expand). Тогда с масштабированием не будет проблем.
Еще если вам там прямо очень много обрезать, растяните прямоугольник вокруг всех фигур (как бы кадрируя изображение), выделите всё и в Pathfinder нажмите на Divide. Все лишнее просто выделите и удалите.
Ответить
апреля 2, 2014 at 7:36 пп
Большое спасибо за помощь! =)
Ответить
20 ноября 2014 в 14:42
Ответить