Мастер-класс Adobe Illustator CS5: создаем календарь в векторе

24 Января 2011
Самый простой способ создать календарь - набрать его вручную в какой-нибудь программе, например текстовом процессоре или графическом редакторе. Для этого мы воспользуемся очень удобной программой для ПК Adobe Illustrator CS5

Известно, что есть ряд товаров, спрос на который ощутимо возрастает в конце каждого года. Например, в декабре принято запасаться такой важной и полезной вещью, как календарь на следующий год. Календарь - это универсальная информация, полезная для любого человека. Самый простой способ создать календарь – набрать его вручную в какой-нибудь программе, например текстовом процессоре или графическом редакторе. Для этого мы воспользуемся очень удобной программой Adobe Illustrator CS5, несомненным плюсом которой будет масштабирование созданных обьектов, что очень удобно использовать в потребности календарей разных размеров, не изменяя при этом источник.

Принято разделять календари на корпоративные, карманные, квартальные, настольные, настенные перекидные календари

Мы будем делать настольный перекидной календарь с отдельной страницей на каждый месяц. В настольном перекидном календаре, как правило, бывает 6 двусторонних листов + обложка, или 12 односторонних листов + обложка. Листов может быть и больше.

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

Создание календаря

Для начала нам нужно создать новый документ в Adobe Illustrator с такими параметрами: размер – 400 на 350 пикселей, цветовой режим RGB, растровые эффекты – 72 ppi.

Для удобства в расположении инструментов воспользуемся рабочей средой Оформление, чтобы все нужные инструменты и параметры объектов были на виду.

Используя инструмент "прямоугольник", создадим рамку размером 350 на 305 пикселей. Для рамки зададим градиентную заливку светло-серого цвета через панель Градиент, вызвать которую можно кликнув на иконку возле палитры цветов. Это будет так называемая «подложка», на которую мы поместим название месяца, дни, недели. Для помещения названия месяца снова воспользуемся инструментом Прямоугольник, предварительно задав рамку с размерами 350 на 50 пикселей и поместив ее наверху нашей «подложки».

Для создания фона можно воспользоваться Меню библиотек образцов, выбрав подходящий шаблон из множества вариантов, которые вам понравятся, среди которых такие как: Web, Градиенты, Текстиль, Творчество, Узоры и другие. Мы воспользовались библиотекой Яркость, задав для названия месяца фон оранжевого цвета. Также не забываем убрать обводку для нашей рамки, сделать это можно палитрой Обводка, задав размер 0.

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

Теперь нарисуем прямоугольник чернового цвета размером 45 на 35 пикселей, в который поместим число месяца или другую информацию, но об этом потом. Теперь нужно сделать семь копий прямоугольника на каждый день недели. Для этого воспользуемся командами Копировать и Вставить. Теперь нужно разместить их по горизонтали через одинаковое расстояние друг от друга. Для этого выделим копию, которая находится на переднем слое (копия объекта создается как бы на нем, но появляется новый слой и ее нужно просто переместить) и зажав Shift, курсором перемещаем в крайний правый угол. Остается еще пять копий-слоев. Чтобы разместить их ровно и на одинаковый промежуток, можно воспользоваться Распределением центов по горизонтали, выделив первый и последний объекты. Так как дней в неделе семь, то с прямоугольниками по горизонтали все понятно. А вот число недель в месяце нужно посчитать, если максимум тридцать один день в месяце, то разделив 30 на 7, будет четыре недели и три дня еще могут уйти на две недели (например, если первое число месяц начинается в воскресенье, а последнее во вторник). Итого, у нас будет шесть недель или шесть линий по вертикали. Чтобы не рисовать каждый прямоугольник снова, воспользуемся теперь Распределением центров по вертикали, но копировать теперь будем целую горизонтальную линию, которая отвечает за дни недели.

Теперь перейдем к оформлению самого календаря и его наполнению числами и днями. Необходимо в первую очередь выделить выходные дни: воскресенье и субботу. Для этого выделяем целый блок выходных и делаем его серого цвета, но темнее чем фон «подложки». Остальные дни недели – будни делаем белого цвета. Теперь переходим к наполнению дней числами, но перед этим заблокируем слои с прямоугольниками дней. По нашему мнению, неплохой результат можно получить, если применить шрифт для чисел как Arial Rounded MT Bold, размер 15 пунктов. Теперь сделаем копии чисел по аналогии с прямоугольниками для дней недели и снова воспользуемся инструментами Распределением центров по вертикали и Распределением центров по горизонтали.

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

После расстановки чисел стало выглядеть лучше, но нужно бы отсеять числа из прошлого и будущего месяцев и выделить числа выходных красным цветом, чтобы привлекали внимание, а числа других месяцев сделаем светло-серого цвета, чтобы они не бросались в глаза. Так-то картинка выглядит еще лучше.

Осталось добавить краткие названия дня недели над каждой вертикальной колонкой Пн, Вт, Ср, Чт, Пт, Сб, Вс. Для упрощения выравнивания на равные расстояния можно снова воспользоваться Распределением центров по горизонтали. Также сделаем названия дней немного светлее, но почти черными.

Осталось добавить название месяца, первым у нас будет Январь. Пусть он будет белого цвета, чтобы смотрелся на оранжевом фоне. И напоследок добавим возле месяца год тоже белого цвета.

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

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

Использование скриптов для создания календарей

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

Однако на практике скрипты используются не очень часто, так как для их написания нужно владеть одним из языков объектно-ориентированного программирования: JavaScript или Visual Basic. Все же JavaScript является кросс-платформенным, независящим от операционной системы, часто используется при создании веб-страниц, соответственно такие скрипты будут работать как в Windows, так и в MacOS и Linux.

В поставку Adobe Illustrator входит несколько готовых скриптов, ориентированных на решение наиболее часто повторяющихся задач, — в том числе скрипты для экспорта изображений в SVG-, PDF- и Flash-форматы. Входящие в поставку скрипты запускаются командой Файл-Сценарии, а хранятся в папке Presets\Scripts. Кроме того, в работе можно применять и демонстрационные скрипты, прилагающиеся к документации, — их можно выбрать из папки Scripting\Sample Scripts при помощи команды Файл-Сценарии-Другой сценарий.

Библиотеку встроенных скриптов можно неограниченно пополнять новыми скриптами, скачивая их из Интернета или создавая самостоятельно. В обоих случаях дополнительные скрипты просто копируют в эту же папку — после перезапуска программы они становятся доступными из меню Файл - Сценарии наряду со встроенными скриптами. В случае большого количества скриптов разумнее сохранять их не напрямую в папке Presets\Scripts, а в отдельных подпапках, число которых не ограниченно, причем все они будут представлены в виде отдельных подменю команды Файл – Сценарии.

В скриптах сохраняются практически все последовательности нужных действий и преобразований, которые в дальнейшем можно будет использовать при работе с другими изображениями. Однако есть и исключения: так, в скриптах не могут быть созданы такие объекты, как стили, кисти, графики, сеточные объекты и спирали, а кроме того, из скриптов не могут запускаться плагины.

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

Рассмотрим готовый скрипт для создания календарной сетки Calendar Premaker, который написан на JavaScript. Ключевые особенности скрипта:

· Многоязычность. Языковые версии выполнены в виде отдельных самостоятельных скриптов. Доступны варианты скрипта для России, Украины, Германии, Англии, США, в т.ч. с учетом праздничных и выходных дней этих стран.

· Выбор года для создания календаря.

· Возможность задания собственного варианта имен для месяцев и дней недели.

· Возможность добавления или удаления праздничных дат.

· Автоматическое создание текстовых и абзацных стилей, а также цветов (с опцией Global) для различных элементов календарной сетки, что значительно облегчает ее редактирование.

· Русский и украинский скрипты записаны в юникод-символах для совместимости с Mac. Протестировано в AI CS под MacOS X.

Через меню Файл – Сценарии – Другой сценарий открываем файл скрипта с расширением *.js.

Появится окно Запрос сценария с просьбой указать год, соответственно указываем 2011. Потом есть возможность задать ширину и высоту ячейки через запятую, задаем нужный нам размер. После этого вводим названия месяцев через запятую или оставляем поле «как есть» со стандартными названиями. Далее следуют названия дней недели и даты выходных.

Теперь осталось подождать пару секунд, и мы видим результат работы скрипта.

После этого можно приступить к оформлению интерфейса, добавлению графики, к творческой работе.

Желающие ознакомиться с JavaScript-скриптингом на более высоком уровне и с основами создания скриптов на Visual Basic и AppleScript могут обратиться к подробному руководству от компании Adobe (файлы документации вместе с примерами скриптов входят в поставку, и их можно найти в папке Scripting).

Adobe Illustator CS5 Adobe Illustator CS5 Adobe Illustator CS5 Adobe Illustator CS5 Adobe Illustator CS5 Adobe Illustator CS5 Adobe Illustator CS5 Adobe Illustator CS5 Adobe Illustator CS5 Adobe Illustator CS5 Adobe Illustator CS5 Adobe Illustator CS5 Adobe Illustator CS5

Заключение

Календарь можно купить в киоске, но гораздо приятнее иметь свой собственный, сделанный своими руками. Во-первых, вы сможете сделать наиболее удобную для вас сетку и цифры подходящего размера. Во-вторых, в таком календаре можно отметить семейные праздники. В-третьих, на него можно поместить фотографию близкого человека или просто картинку, на которую вам будет приятно смотреть весь год. И, наконец, собственноручно сделанный календарь – универсальный новогодний подарок для любого человека, будь то родственник, коллега по работе или однокурсник.

Приобрести AdobeIllustatorCS5 можно у партнеров 1Софт.

Все права защищены. По вопросам использования статьи обращайтесь к администраторам сайта 

Короткая ссылка на новость: http://un-ltd.ru/~Sme3p
П Предупреждение (2)
Ж Животные (2)
П Погода (3)
Р Реклама (1)
С Сайты (1)
З Здоровье (1)
М метро (1)
Р Россия (4)
З загадка (1)
Г города (1)
Н Новосибирск (19)
Д День Рождения (1)
И Инопланетяне (0)
Н НЛО (1)
К Космос (4)
П Происшествия (18), Полезное (11), Прочее (772)
Н Новинки (402)
С События (151)