Как сделать календарь в иллюстраторе
Обновлено: 07.07.2024
Я не сторонник Иллюстратора, но справедливости для, приведу здесь информацию о двух вариантах генератора календарной сетки. Распространяются они, как я понял - бесплатно, поэтому авторских прав я не нарушу, если их здесь выложу для скачивания.
1. Генератор календарной сетки в виде пост-скрипт файла .eps
- Открыть файл в текстовом редакторе (подойдет Блокнот).
- Заменить в тексте год:
- Закрыть файл с сохранением.
- Открыть в Иллюстраторе готовый файл calendar-generator.eps. И вам будет счастье!
Особо интересующимся можно покопаться в этом файле и найти, где переименовывать названия дней недели, месяцев, а также корректировать праздничные дни и т.д.
2. Генератор календарной сетки в виде скрипта .js (для AI Windows/Mac)
Calendar Premaker v0.3.2
- Поместить скрипт в папку C:\Program Files\Adobe\Adobe Illustrator CS. \Presets\Scripts.
- Перезапустить Иллюстратор.
- Запустить скрипт через меню File → Scripts → Calendar Premaker и заняться дальнейшим оформлением.
Особенности этого скрипта:
• Есть выбор страны (праздничных дней) по языку: русский, украинский, немецкий, английский.
• Можно ввести свои собственные названия месяцев и дней.
• Можно редактировать праздники.
• Автоматически создаются стили текста, абзацев, образцы цветов.
А далее - список праздников тех стран, что я смог найти. Заранее прошу прощения, если информация окажется неточна.
УКРАИНА
официальные праздники в 2013 году (нерабочие дни):
1 января – Новый Год.
7 января – Рождество Христово.
22 января – День Соборности Украины.
8 марта – Международный женский День.
1, 2 мая – День Труда.
9 мая – День Победы.
28 июня – День Конституции.
24 августа – День Независимости.
РОССИЯ
официальные праздники в 2013 году (нерабочие дни):
1, 2, 3, 4, 5, 6 и 8 января — Новогодние каникулы;
7 января — Рождество Христово;
23 февраля — День защитника Отечества;
8 марта — Международный женский день;
1,2,3 мая — Праздник Весны и Труда;
9,10 мая — День Победы;
12 июня — День России;
4 ноября — День народного единства.
БЕЛАРУСЬ
официальные праздники в 2013 году (нерабочие дни):
1 января - Новый год
7 января - Рождество Христово (православное)
8 марта - День женщин
1 мая - Праздник труда
9 мая - День Победы
14 мая - Радуница (по календарю православной конфессии)
3 июля - День Независимости Республики Беларусь (День Республики)
7 ноября - День Октябрьской революции
5 декабря - Рождество Христово (католическое)
КАЗАХСТАН
официальные праздники в 2013 году (нерабочие дни):
1,2 января – Новый Год
7 января – Рождество
8 марта – День женщин
21,22,23 марта – Наурыз мейрамы
1 мая – Праздник единства народа Казахстана
9 мая – День Победы
6 июля – День столицы
30 августа – День Конституции
1 декабря – День Первого президента
16,17 декабря – День независимости Казахстана
? - Курбан айт
АРМЕНИЯ
Внимание! Информация может быть устаревшей:
праздники (нерабочие дни):
1,2 января – Новый Год
3,4,5,6 января – Рождество
7 января – День поминовения усопших
28 января – День армии
14 февраля – Терендез
8 марта – День женщин
24 апреля – День памяти жертв Геноцида
1 мая – День труда
9 мая – Праздник Победы и Мира
28 мая – День Первой Республики
5 июля – День Конституции
21 сентября – Праздник Независимости
31 декабря – Новый Год
АЗЕРБАЙДЖАН
праздничные (нерабочие) дни
Внимание! Информация может быть устаревшей:
1 января – Новый год
20 января – День всенародной скорби
8 марта – Международный женский день
20-24 марта – Новруз Байрамы
9 мая – День Победы
28 мая – День Республики
15 июня – День национального спасения азербайджанского народа
26 июня – День вооруженных сил Азербайджана
31 декабря – День солидарности азербайджанцев всего мира
? - Гурбан Байрамы
? - Рамазан Байрамы
МОЛДОВА
праздничные нерабочие дни:
1 января – Новый год
1 марта – Мэрцишор
8 марта – Международный женский день
9 мая – День Победы
27 августа – День Независимости
31 августа – Limba Noastra
ЛАТВИЯ
праздничные нерабочие дни:
1 января – День Нового года
1 мая – Праздник труда, День созыва Учредительного собрания
4 мая – День восстановления Независимости Республики Латвии
23 июня – День Лиго
24 июня – Янов день (летний солнцеворот)
18 ноября – День провозглашения Латвийской Республики
24,25,26 декабря – Рождество (зимний солнцеворот)
31 декабря – День Старого года
УЗБЕКИСТАН
праздничные нерабочие дни:
1 января Новый год
14 января – День защитника Отечества
8 марта – Международный женский день
21 марта – Наврўз байрами
9 мая – День Памяти и Почестей
1 сентября – День Независимости
1 октября – День учителей и наставников
8 декабря – День Конституции
Большая просьба ко всем! Если имеете свежую информацию об официальных праздниках (нерабочих днях) какой-либо страны или желаете внести исправления, напишите, пожалуйста, в комментах.
В этом уроке мы научимся создавать векторную иконку календаря, используя простые геометрические формы, градиентные заливки, маски прозрачности и режимы смешивания в Adobe Illustrator.
Шаг 1
Берем инструмент иллюстратора Rounded Rectangle Tool и создаем прямоугольник. Заливаем его линейным градиентом от светло-синего к синему цвету.
Направление градиента указывает нам на положение источника света. Он расположен справа от иконки. Не забывайте об этом, когда раскрашиваете элементы ваших векторных иконок. При явной очевидности, новички часто игнорируют положение источника света, из-за этого иконка выглядит неестественно и непрофессионально.
Шаг 2
Выделяем прямоугольник, затем переходим Object > Path > Offset Path… и устанавливаем величину смещения.
Заливаем новый объект линейным градиентом от белого к светло-серому цвету.
Шаг 3
Создаем прямоугольник при помощи Rectangle Tool (M), который также заливаем линейным градиентом, который состоит из двух оттенков синего цвета, не забывая о положении источника света.
Этот прямоугольник должен иметь разные радиусы округления углов. Для этих целей я использую Dynamic Corners Tool (плагин VectorScribe)
Вы можете применять разные радиусы скругления углов, используя стандартные средства Adobe Illustrator. О том, как это делается, вы сможете узнать, прочитав этот урок.
Шаг 4
Создаем прямоугольник, размеры которого на несколько пикселей меньше предыдущего. Округляем у этого прямоугольника только верхние углы.
Создаем прямоугольник с высотой 2px, затем округляем его правый нижний угол и заливаем линейным градиентом из двух оттенков синего и черного цвета (R=0; G=0; B=0).
Прошу заметить, что мы создаем иконку в цветовом режиме RGB (File > Document Color Mode > RGB color). Применяем к этому прямоугольнику режим смешивания Screen в панели Transparency.
Я всегда использую этот режим смешивания для создания бликов. Как вы, наверное, заметили, черный цвет стал прозрачным.
Шаг 5
Копируем прямоугольник со скругленными верхними углами, затем вставляем его вперед (Cmd /Ctrl + C; Cmd / Ctrl + F). Заливаем его вертикальным линейным градиентом от ярко-голубого к черному цвету. Применим к этому объекту режим смешивания Screen. Таким образом, мы создали блик на верхней части календаря.
Однако интенсивность этого блика должна убывать в направлении справа налево, в соответствии с положением источника света. Добиться этого эффекта нам поможет маска непрозрачности.
Шаг 6
Копируем прямоугольник и вставляем его вперед. Теперь заливаем новый объект горизонтальным линейным градиентом от белого к серому цвету и установим режим смешивания Normal в панели Transparency.
Выделяем два верхних объекта (это удобно сделать в панели Layers), затем выбираем Make Opacity Mask в сплывающем меню Transparency.
Шаг 7
Создадим тень от верхней части календаря. Рисуем новый прямоугольник, который заливаем вертикальным линейным градиентом от черного к белому цвету. Помещаем этот объект ниже элементов верхней части календаря, затем устанавливаем режим Multiply.
В этом случае белый цвет становится прозрачным.
Шаг 8
Создаем окружность при помощи Ellipse Tool (L), затем заливаем ее радиальным градиентом от черного к синему цвету так, как это показано на рисунке ниже.
Рисуем вертикальную линию при помощи Pen Tool (P), устанавливаем подходящую толщину и кликаем на опцию Round Cap в панели Stroke.
Шаг 9
Теперь переходим Object > Path > Outline Stroke, затем заливаем объект линейным градиентом, который состоит из чередующихся светлых и темных оттенков серого цвета.
Копируем форму и вставляем ее вперед. Заливаем новый объект радиальным градиентом от белого к черному цвету, затем устанавливаем режим Multiply. Таким образом, мы затемнили края металлического объекта.
Шаг 10
При помощи Pen Tool (P) рисуем форму тени, показанную на рисунке ниже. Заливаем форму синим цветом и устанавливаем режим смешивания Multiply.
Рисуем эллипс, который заливаем эллиптическим градиентом от белого к черному цвету, затем устанавливаем режим Screen. Таким образом, мы создали блик на металлической поверхности.
Шаг 11
Шаг 12
Создадим два эллипса и поместим их ниже всех созданных объектов. Верхний эллипс меньшего размера залит темно-серым цветом, больший эллипс залит белым цветом. Выделяем оба эллипса, затем используем комбинацию горячих клавиш иллюстратора Cmd / Ctrl + Option / Alt + B для создания бленд объекта. Для установки необходимого числа Specified Steps два раза кликните по иконке Blend Tool (W) в панели Tool.
Для того чтобы тень выглядела хорошо на фоне любого цвета, а не только на белом, установим для бленд объекта режим Multiply.
Шаг 13
При помощи Type Tool (T) создадим надписи на календаре. Выделяем цифры, затем переходим Type > Create Outlines. Теперь мы можем залить цифры линейным градиентом, в соответствии с общим освещением иконки.
Сегодня полезный урок про календари в Adobe Illustrator. Сразу уточню, если вы любите скрипты, то есть способ сгенерировать календарь с помощью Calendar Premaker и Magic Set Maker.
Если же дружба со скриптами не сложилась, то этот урок для вас. Про свой способ создания календарей в Иллюстраторе рассказывает Светлана Тиньгаева. Итак, поехали!
Шаг 1
Шаг 2
Копируем Ctrl+C месяц Январь с днями неделями и числами.
Вставляем в Иллюстраторе Ctrl+V.
Так копируем и вставляем все месяцы. Затем копируем отдельно названия месяцев.
Шаг 3
Названия месяцев лучше перенести на другой слой.
Им можно отдельно подобрать шрифт и размер.
Я обычно ставлю замок на те слои, с которыми не работаю.
Шаг 4
Выбираем все месяцы, меняем под свои задачи шрифт и его размер.
Ширина месяца не меняется, только высота.
Шаг 5
Далее, если внутреннему перфикционисту что-то не нравится, можно всё разобрать – выделить месяц и преобразовать текст в кривые, разгруппировать и перекрасить даты, сгруппировать столбцы Ctrl+G, выровнять их по области). Не забудьте еще раз проверить все месяцы.
Шаг 6
Подбираем подходящий дизайн и формируем календарь.
Подписывайтесь на канал Иллюстратор , чтоб не пропускать новые интересные уроки.
Привет! В нашей сегодняшней статье мы будем разбирать процесс разработки классической календарной иконки. Эта статья очень краткая и простая. Вам лишь нужно знать основы работы с Illustrator и умение пользоваться различными эффектами, типа внутреннего свечения (Inner Glow), тени (Drop Shadow), трансформациях объекта, создании эффекта закруглённых углов и деформации объектов.
Сложность: Начальный/Средний
Время на выполнение: 20 минут
Этапов: 8
Вот то, что мы будем разрабатывать:
Возьмите инструмент создания окружностей (Ellipse Tool – L) и нарисуйте ровную окружность, как отображено на изображении ниже. И добавьте новую заливку. Для начала залейте её цветом R=242 G=242 B=242, а второй раз залейте градациями так, как показано ниже. Далее добавьте ещё две заливки и передвиньте их под остальные. Залейте нижнюю часть цветом R=199 G=27 B=31, а затем кликните по ней (на панели Вида) и перейдите в меню Effect > Distort&Transform > Transform. Произведите некоторые отдельные модификации в секции Движения (Move) так, как показано на изображении ниже. Выберите другую заливку, залейте её цветом R=99 G=9 B=10, и опять перейдите в меню Effect > Distort&Transform > Transform, и повторите то, что отображено на изображении ниже.
Давайте продолжим работу над окружностями. Выберите инструмент создания многоугольника и создайте фигуру, которая отображена на изображении №1, а затем залейте её цветом R=230 G=230 B=230. Выровняйте её по окружности, которую мы создали в прошлом этапе разработки (выберите обе фигуры, переключитесь на инструмент создания выделения (Selection Tool – V)), кликните по границе окружности, а затем кликните по кнопке выравнивания по центру в горизонтальном направлении (Horizontal Align Center) на панели Вида. Теперь, когда мы всё выстроили так как надо, мы можем продолжить работу над кольцами. Выберите многоугольник, в значение закругления углов внести цифру 5, а затем перейдите в меню Object > Expand Appearance. Выберите заливку этой фигуры (на панели Вида), а затем добавьте внутреннее свечение (Inner Glow) так, как отображено на изображении №3. Далее, добавьте три новых заливки и используйте градации, как отображено на изображениях №4, 5 и 6. Не забудьте изменить режим смешивания последней заливки на наложение (Overlay).
Выберите фигуры, созданные в этапах №3 и 4, и сгруппируйте их (Ctrl+G). Выберите эту группу и перейдите в меню Effect > Distort&Transform > Transform и воссоздайте то, что отображено на изображении ниже.
И, наконец, добавьте немного текста. Выберите инструмент создания текста (Type Tool – Т), кликните по холсту и напишите любое число, которое захотите (на изображении ниже вы можете видеть название, размер и характеристики шрифта). Выберите текст и перейдите в меню Object > Expand. Это должно создать новую группу. Выберите её и кликните по кнопке создания новой заливки (Add New Fill) из выпадающего меню на панели Вида. Залейте её градацией, как отображено на изображении №3. Повторите эти этапы с текстом – названием месяца. Просто ориентируйтесь на информацию из изображений №4, 5 и 6.
Теперь ваша иконка календаря готова. Вот так она должна выглядеть:
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:
Читайте также: