Паттерны в Фотошопе с помощью смарт-объектов

На днях sunny Летта написала Как сделать растровый паттерн в Adobe Illustrator и признаюсь это суперское решение делающее все легко и изящно. Спасибо тебе Летточка что поделилась:) Вот только одно но, у меня Иллюстратор 5-тый, а посему паттерноделки у меня просто нету:(
Еще не найдя этой статьи от Летты я попробовала делать паттерны в Фотошопе с помощью смарт-объектов. Вот хочу поделится что у меня получилось, может кому ни будь будет полезно.
Итак по порядку:
1. Создаю файл размером скажем 5000х5000. Поцентру задаю фигуру квадрат на 4000х4000 это мой будущий паттерн. Дальше к краям квадрата ставлю направляющие (при включенной привязке к обектам). Фон выключаю — теперь фон у меня прозрачний. Это файл — заготовка который послужит основой для всех будущих моих паттернов. Называю файл скажем pattern_1 и сохраняю.
2. В меню файл выбираю — открыть как смарт-объект — открываю этот же файл и сохраняю, называя скажем pattern_1_3х3. Название условно, я назвала так, просто чтобы было понятно, что этот файл состоит как бы из 9 квадратов первоначального паттерна. В палитре слои будет находится смарт-объект файла pattern_1.
3. Теперь файл pattern_1_3х3 расширяю по размерам с помощью инструмента рамка (crop) до размера 12000х12000 (мне нужно уместить в него те 9 квадратов первоначального паттерна). Первый у меня уже есть, он по центру — остальные копирую и выравниваю для точного совпадения — это важно для того чтоб паттерн был бесшовным. Слой с первым смарт-объектом — первым белим квадратом — перемещаю поверх всех слоев.
4. На данном этапе у меня в Фотошопе открыты два файла pattern_1 и pattern_1_3х3 с которыми мне нужно работать одновременно. Для удобства я иду в панель окно — упорядочить- расположить две вертикально. Оба файла я открываю себе так, чтобы было видно белый квадрат, направляющие и чуть-чуть пространства вокруг.
5. Дальше первым делом в файле pattern_1 выключаю слой с белим квадратом — дальше мне он будет только мешать — и на прозрачное пространство между направляющими вставляю элементы будущего паттерна (они у меня все в PNG а в настройках Фотошопа стоит галка вставлять как смарт-объекты (это чтобы все элементы не теряли качества при роботе с ними) Теперь размещаю элементы как мне нравится и сохраняю файл pattern_1.
6. Дальше открытый рядом файл pattern_1_3х3 обновляется и мы получаем полностью составленный паттерн.

Пока что он с прозрачным фоном поэтому нужно в файле pattern_1_3х3 ниже всех слоев разместить квадрат 4000х4000 нужного цвета — наш фон.
Корректируйте ваш pattern_1 пока это нужно и каждий раз сохраняйте после коррекции, и не забывайте сохранять файл pattern_1_3х3 после каждого обновления(на всякий случай).
7. Когда паттерн готов в файле pattern_1_3х3 делаю обрезку по направляющим, и — сохранить как JPG указывая теперь уже финишное название паттерна, у меня это branches_1.Он помучится размером 4000х4000 как и планировалось.

8. После сохранения паттерна как JPG возвращаюсь в файл pattern_1_3х3 и отменяю действие обрезки. Сохраняю.
Итак файл pattern_1_3х3 я храню как шаблон для построения паттернов и чтобы сделать новый паттерн я просто открываю этот файл и нахожу среди слоев мой центральный смарт-объект. Двойной клик по нем открывает его как отдельный документ в котором проводиться вся работа с новым паттерном, а финишный результат сохраняется как JPG с файла pattern_1_3х3.
Прелесть работы со смарт-объектами в том, что все погрешности паттерна вы изменяете в файле pattern_1 и сохранив вы увидите как это выглядит в залитом паттерне в pattern_1_3х3 по сути в режиме реального времени.
Для меня этот способ оказался довольно удобным. Может и кому то из вас пригодится. :)

15 комментариев

Топот Котов
Предлагаю переместить пост в сообщество по растровой графике.
Ira Dvilyuk
Да, конечно. Но я не знаю как, это мой первый пост:)
Топот Котов
Нужно сперва подписаться, после чего в редактировании поста выбрать в выпадающем списке подходящий дневник.
Ira Dvilyuk
Сделала. Так?
Топот Котов
Ага, отлично blush
❄ Летта
Спасибо, Ира! Способ реально неплохой и я так не пробовала. Теперь буду знать!
Ira Dvilyuk
Очень рада smile!
Olga Otryvanova
Люблю смарт-объекты, спасибо за идею! А еще при помощи символов можно, способ тоже заслуживает внимания, вот ссылка на урок
Ira Dvilyuk
Спасибо. Интересный способ smile
apelsyn
  • apelsyn
смарты в ФШ вообще чудесная вещь, ускоряет работы в разы для дизайна наружки на огромных размерах, вектор из Люстры можно в Шоп закинуть тоже смартом
Ira Dvilyuk
Пишу еще тут так как еще не проверяла этот способ. Я думала вопросом про громадные размеры своего файла в опубликованной статье. И вот тут вопрос — поправьте меня кто знает точный ответ: если все элементы паттерна являются смарт-объектами, то можно для удобства делать файл маленьким, и так будет легче работать с ним, и только в самом конце перед сохранением в JPG увеличить до нужных 4000х4000. Будет ли это работать как должно? У кого какое мнение?
❄ Летта
В фотошопе можно как угодно растягивать смарт-объекты (если они изначально нормального качества а не 50*50 пкс) и качество не портится. То есть что можно делать маленький, а потом увеличивать.
Ira Dvilyuk
Вот и я думаю так же. Изначально элементы паттерна 2000х1000 или меньше значит надо сделать рабочий файл маленьким и лиш потом увеличить.
apelsyn
  • apelsyn
да, ресурсов смарты жрут не более чем отображение линков в верстальной программе, можно всё сделать в малом размере файла, а потом увеличить, так вся наружка и делается, бигборд на размере 1200х600 пикс, а в конце увеличивается до 8400 пикс и сливают в однослойный тиф
Ira Dvilyuk
Вот и супер, Ярослав спасибо за ответ. Наверное надо будет внести правки в статью.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.