Архив метки: паттерн

Как убрать белые полосы в паттернах (seamless pattern)

На днях столкнулась с тем, что нужно было быстро подготовить много seamless pattern  на спунфловер (spoonflower), так как была акция по бесплатной доставке. Готовый jpeg для стоков не годится, так как разрешение нужно делать минимум 150 dpi  и в процессе подготовки джипегов появилась странная белая полоса на стыке паттернов. Оказалось, что белая полоса в растровых паттернах приготовленных из иллюстратора — это глюк Адоба.  Причем в векторе все отлично, никаких полос.

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

  1. Что бы ее не было нужно в векторном файле делать размеры паттерна в пикселях в целых числах, например, 1000 * 1000 px
  2. Координаты паттерна тоже должны быть целые, например, X – 0, Y – 0

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

Так как я работаю с артбордами и в одном файле их обычно много, то предстояло очень много работы по доработке каждого файла. А время акции по бесплатной доставке ограничено. Как же еще можно решить проблему?

Можно воспользоваться фотошопом:

  1. Записать экшены растеризации eps и через батч или дроплет их запускать.
  2. А можно Photoshop > File > Scripts > Image Processor
    Имейдж процессором мне понравилось больше всего. Главное не забыть, что на spoonflower минимальное разрешение файла 150 dpi

Где продавать паттерны?

Список сайтов, кроме микростоков, где можно продавать паттерны (seamless pattern):
1. Принтшопы (редбабл, зазл, социти 6 и другие) Продают вещи с вашими принтами.
2. Patterndesign Продает svg формат.
3. Patternbank Ему нужны только эксклюзивные паттерны, но отчисления там радуют.
4. Spoonflower (печатает и продает ткани с вашими паттернами и на сайте Rooster продает из тканей скатерти итд). На спунфловере что б выставить паттерн на продажу, необходимо заказать образцы ваших орнаментов и это платно.

Руководство по рисованию бесшовных паттернов (Seamless pattern)

На примере простых элементов покажу разнообразие способов рисования бесшовных орнаментов.

Начинаю обычно  я с эскиза. Нарисовала, отсканировала, перетащила в иллюстратор.

Эскиз пейсли Читать далее

Изучение бесшовных орнаментов (seamless pattern)

Не так давно я решила, что пора прокачивать рисование паттернов и орнаментов и позвала народ, учится вместе со мной. Вместе веселее. Сделала группу вконтакте и мы успешно отзанимались почти два  месяца. Задания надо было делать обязательно или человеку приходилось покидать группу. Такой мотивационный пинок. Почти все дошли до конца, что меня очень радует. Хочу поделиться, что же мы там изучали.

Начали  с самого простого – геометрических фигур, простых сеток и работы с символами. Вот пример урока от Романа Волкова на эту тему. Символы очень облегчают работу.  А сетки можно делать разными способами: скриптами, встроенным инструментом иллюстратора Параметры узора, расставлять руками. Каждый выбирает способ по душе. Читать далее

Книжный обзор

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

Первая книга  Декоративная композиция, К. Даглидян

декоративная композиция

Тем, кто изучает композицию — рекомендую. Подробно, с иллюстрациями, по всем аспектам. Читать далее

Рисуем бесшовный паттерн в иллюстраторе.

Есть несколько способов делать симлесы в иллюстраторе.

  • Полностью руками собирать.
  • С помощью инструмента Параметры узора. Эта функция появилась с CS6 иллюстратора и она сильно упростила создание паттернов. Но всегда ведь есть минусы и плюсы:). Создается готовый паттерн, который нужно экспандить для микростоков.
  • Скрипт Magic Pattern Light, который позволяет создавать очень быстро простые симлесы.

бесшовные паттерны в иллюстраторе урок Читать далее

Как паттерн с клиппинг маск добавить в палитру образцов цвета?

Когда мы рисуем бесшовный паттерн (текстуру, seamless), то есть несколько вариантов как убрать выступающие элементы:

  1. Обрезать с помощью палитры Обработка контуров (Pathfinder)
  2. Спрятать с помощью Обтравочной маски (clipping mask)
  3. Скриптом Magic Eraser (сама не пользовалась, комментировать не буду)

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

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

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

палитра трансформации в иллюстраторе

Делаем квадрат БЕЗ ЗАЛИВКИ И ОБВОДКИ. Внимание!

Отправляем его в самый низ. Смотрите палитру Слои.

палитра слои иллюстратор

Выделяем ГРУППУ ОБТРАВКИ и КОНТУР НИЖЕ. Можно сгруппировать. Я группирую, что бы покупателям было удобно.

Перетаскиваем то что выделено в палитру Образцы цвета и получаем паттерн.

То что получилось у меня:)

паттерн иллюстратор

 

Горячие клавиши  для иллюстратор из урока:

  1. ctrl+G группировка выделенных объектов
  2. ctrl+7 создать Обтравочную маску (клиппинг маск)
  3. ctrl+[ отправить объект на 1 подслой ниже (ctrl+] вверх на 1 объект, подслой)
  4. ctrl+shift+[ отправить объект на самый низ (ctrl+shift+] тоже самое, только на самый верх)

Создание растрового паттерна

паттерн в фотошопе

Экспериментировала с созданием растрового паттерна. Решила написать урок. Читать далее