Previous Entry Share
Урок-обзор. Создание набора визиток с Magic Set Maker
oksanatelesheva
Всем привет!
Хочу рассказать о том, как сделать набор визиток.
Если задать поиск на Шаттаре по запросу Business card, очевидно, что там очень много качественного материала. Для начала рекомендую отобрать более узкую тему. Во многих профессиях визитка очень нужная вещь.
Для урока я отбирала тему на сайте: http://research.picworkflow.com/
Просто подбираете профессию и задаете запрос. Чем выше рейтинг, тем больше шансов на успех, но если рейтинг слишком высокий, как на картинке, обольщаться не стоит, скорее всего ключевое слово «Oscar» нельзя использовать на Шаттере, либо можно, но ограничено.



Я остановилась на теме кино.
Подумаем, какие ассоциации со словом кино?
Поп-корн, билеты, кинокамера, хлопушка, кинолента, пленка, 3д очки, кинозал, кресло, экран, кинофестиваль, кинопремия, напитки, темнота)
Глядя на список и референсы я сделала несколько примитивных скетчей этих элементов, и немного подумала как этим элементы можно будет разместить на визитке.



Теперь немного о визитках. Часто возникает вопросах о размерах.
Размер визитки в разных странах отличается, но пропорции не сильно разняться, поэтому мы можем взять любой размер. Например, в России стандарт 90х50мм, в Европе 85х55мм.
Есть еще один нюанс, который учитывать на стоках совсем не обязательно, но возможно, кому-то окажется полезным.
По краям визитки необходимо делать поля, для того что бы после печати, в процессе их обрезки важная информация и фон не срезались
Делаем артборд 85х55мм, выставляем направляющие для ориентации, по 3 мм внутрь, и по 3мм наружу:



Белое поле – это зона размещения информации. В поле отмеченным красным не должен попадать текст, логотип, важная информация, иначе их могут обрезать, но фон должен распространятся до самого края визитки. Получается фактический размер визитки с припусками – 91х61мм.
Для начала я выбрала черно-белую гамму. Работая с черным, серым и белым, проще сбалансировать композицию. Затем можно и с цветом поиграть.
Отрисовываем наши элементы, я их еще упростила, отрисовала при помощи простых геометрических фигур, скругляя края Effect – Round corners



Пока выглядит не очень симпатично, но это ничего страшного, мы в поиске)
Идем дальше.
Немного о строении визитки, содержании и композиции.
Визитки могут быть одно и двусторонними.
На двусторонних визитках обычно одна сторона содержит основную текстовую информацию (имя, должность, контакты), обратная сторона – графическую информацию (логотип, рисунок, фон, фотографию и т.п. ). На односторонних визитках умещают и то, и другое.
Главное в визитке - это информация, текст должен быть хорошо виден, а это значит не следует ее размещать на пестром фоне. Не следует загромождать все пространство визитки информацией и изображениями плотно, для легкого восприятия информации нужно оставить пространство вокруг нее.
Сделаем и односторонние варианты и двусторонние.
Двусторонний вариант:
Сторона 1. Заливаем нашу визитку фоном, градиент в серых тонах от 3F3F3F к 1E1E1E.



Размещаем название в центре визитки, слева дополняем «логотипом», сверху и снизу добавляем элементы от кадра. Обрезаем лишнее, группируем, убираем в сторону.



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



Фамилия, имя, должность – крупнее, контакты помельче в столбик. Можно добавить иконки слева, у меня они уже были заготовлены, но можно их заменить на слова: phone: 123-456-789, e-mail: , address: , web: и т.д.



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





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




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



Сверху добавляем прямоугольник без заливки и обводки, выделяем все объекты, кликаем правой кнопкой мыши, выбираем в выпадающем списке Make clipping mask. Все лишнее спряталось под маской.
Вот такие варианты получились



Теперь у нас есть 10 сгруппированных визиток



Направляющие можно удалить и подготовить артборд для сета, я задала размер 400х300mm. И удалила одну лишнюю визитку.
Для быстро создания сета я использовала новый чудесный плагин от mai-tools Magic set maker, там же найдете информацию об установке
Выделяем все визитки



Идем File – Scripts – madic set maker



Появляется окно скрипта
В колонках rows и columns я оставила значения 3 и 3. Это количество строк и столбцов в которые визитки выровняются.
Значение width – это размер каждого элемента, их можно изменять, но я решила оставить визитки в таком же размере 85х55мм, поэтому оставляю тут значение 0 – т.е размер не будет изменен.



Если вы сделали большой набор из 40 визиток например, вероятно, что такой файл будет весить больше положенных на стоках 15 мб, тогда функция width вам очень пригодится, вы можете уменьшить линейно размер визиток, не изменяя их пропорции, и не корректирую размер каждой отдельно!
Pначение offset - отступ от края артборда до нашего сета, т.е это поля. Я поставила 100. Жмем GO и затем жмем EXIT для закрытия окна скрипта.


И визитки аккуратно выстраиваются в сет. Отлично! Я еще немного подрезала артборд, уменьшив поле вокруг визиток, вот что получилось.


Но мне не нравится их расположение относительно друг друга. Что бы его исправить, я произвольно меняю местами некоторые макеты:


Да, получается не ровно, но тут тоже поможет скрипт, выделяем все объекты, запускаем скрипт, в окне скрипта значение offset я заменила на 50, т.к артборд я уменьшала, и поля мне нужны меньшего размера, и в этот раз я жму ALIGN
У скрипта еще много интересных возможностей, можно собирать сеты даже из разных файлов!! Скрипт сам загружает все файлы в один. А так же может сделать несколько сетов из большого количества объектов.



Визитки выравниваются.
Жмем EXIT для закрытия окна скрипта
Теперь делаем фон в размер артборда, можно оставить белым, я сделала градиент из светлых серых цветов.



Затем сделаем тень под визитки
Создаем два прямоугольника в размер визитки 85х55мм. Один - серый, другой – белый. Два веселых гуся прямоугольника.
Располагаем их как показано на скриншоте ниже и выбрав инструмент Blend tool кликаем поочередно на серый и белый



У нас получается перетекание цвета. Во вкладке Transparency вместо значения normal выбираем multiply



Для визиток со скругленными краями создаем такую же пару прямоугольников, но со скругленными краями:



Теперь эти заготовки копируем под каждую визитку.
Осталось чуть-чуть. Проверяем наш файл на соответствие требованиям стока. Я делаю это с помощью Free stock master.

! Не забудьте сохранить перед этим свой файл, желательно сделать копию файла.



Скрипт разбирает шрифты



И линии



Готово! Сохраняем и грузим на сток! Теперь можно сделать еще много вариантов с цветом и развивать идею кино дальше.



Спасибо за внимание!

  • 1
Какой серьёзный подход к делу. Клёвые визитки получились :)

Спасибо большое!)

Полезная статья. И визитки очень классные получились. Спасибо!

объем данных не тот, вот смотрите визитки которые от меня в печать уходили в последние два года, там намного больше текста - https://yadi.sk/d/qFAZdsmOrpSKN

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

Спасибо! Очень интересно)

Как подробно написали, спасибо!! Замечательные визитки :)

Замечательный, подробный урок! Спасибо большое.
У меня возник маленький вопрос по поводу фактического размера визитки.
Вы пишите: „Делаем артборд 85х55мм, выставляем направляющие для ориентации, по 3 мм внутрь, и по 3мм наружу…Получается фактический размер визитки с припусками – 91х61мм.“
У меня же получается фактический размер визитки 88х58мм, учитывая 3мм , отпущенные для припусков наружу. Или я что-то неправильно уловила?

Спасибо!) По 3мм добавляется с каждой стороны по периметру, то есть визитка увеличивается в общем размере на 6мм

Спасибо, Оксана! Теперь всё понятно.

  • 1
?

Log in

No account? Create an account