Как создать календарь в adobe illustrator
Сегодня полезный урок про календари в Adobe Illustrator. Сразу уточню, если вы любите скрипты, то есть способ сгенерировать календарь с помощью Calendar Premaker и Magic Set Maker. Вот ссылка - нажми меня.
Если же дружба со скриптами не сложилась, то этот урок для вас. Про свой способ создания календарей в Иллюстраторе рассказывает Светлана Тиньгаева. Итак, поехали!
2. Копируем Ctrl+C месяц Январь с днями неделями и числами.
Вставляем в Иллюстраторе Ctrl+V.
Так копируем и вставляем все месяцы. Затем копируем отдельно названия месяцев.
3. Названия месяцев лучше перенести на другой слой.
Им можно отдельно подобрать шрифт и размер.
Я обычно ставлю замок на те слои, с которыми не работаю.
4. Выбираем все месяцы, меняем под свои задачи шрифт и его размер.
Ширина месяца не меняется, только высота.
5. Далее, если внутреннему перфикционисту что-то не нравится, можно всё разобрать - выделить месяц и преобразовать текст в кривые, разгруппировать и перекрасить даты, сгруппировать столбцы Ctrl+G, выровнять их по области). Не забудьте еще раз проверить все месяцы.
6. Подбираем подходящий дизайн и формируем календарь.
P.S: и ещё один способ создания календаря, на этот раз в Кореле - Как сделать векторный календарь в CorelDraw.
Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:
Сегодня у нас в гостях мастер полиграфии и вёрстки, успешный микростокер и талантливый дизайнер, ну и наконец она просто красавица. Встречайте, Сафронова Екатерина со своим уроком: как быстро и легко сделать календарную сетку в CorelDraw, причём так, чтобы её безболезненно съел Adobe Illustrator. Этот момент особенно важен, так как микростокеры используют в первую очередь Иллюстратор для работы. Можно, конечно же, рисовать картинки для продажи на стоках в CorelDraw, но намного проще и эффективнее переехать на Adobe Illustrator. Если вы вдруг не знаете, что такое микростоки, и как на них зарабатывать, то вот полезная статья: Что такое микростоки и как на них заработать.
Не за горами Новый год, и скоро все дизайнеры начнут работать над заказами всевозможных календарей на год наступающий. Да, без календарей в новогодней полиграфии никуда, и делаются они несложно, главное – собрать воедино привлекательную картинку и календарную сетку. Вот именно ей я и предлагаю заняться в этом уроке.
Делать сетку для календаря мы будем в программе CorelDraw. Да-да, именно с помощью CorelDraw мы справимся с поставленной задачей за пару минут. Получим сгенерированный программой текстовый календарь, в котором можно будет менять шрифт, размер, цвет и другие атрибуты, а затем сохранить его в том виде, в котором он нам понадобится – либо для печати, либо для дальнейшей работы с ним в Adobe Illustrator или Adobe Photoshop.
1. Открываем программу CorelDraw и создаем новый документ Файл > Создать (Ctrl+N).
2. Задаем размер страницы, равные размеру календаря. В панели задач выбираем ширину и высоту страницы. Если у вас стандартный размер, А3 или А4, например, то просто ищем такой размер в выпадающем окне. Далее настраиваем ориентацию страницы – горизонтальная или вертикальная. Наш календарь будет вписан в те рамки, которые мы сейчас задали.
3. Запускаем генератор календарей. Эта функция в CorelDraw встроенная, никаких дополнительных скриптов или плагинов устанавливать не надо. Идём Инструменты > Макросы > Запустить макрос.
В диалоговом окне выбираем CalendarWizard и жмем Run.
4. В открывшемся окне настраиваем параметры календаря.
- «Year» - выбираем год либо стрелочками вверх/вниз, либо написав вручную.
- Выбираем, какие месяца включить в календарь. Либо ставим галочки напротив нужных месяцев, либо жмем кнопку All, чтобы автоматически включились все месяцы.
- «language» - выбираем язык в выпадающем окне.
- «week starts on» - с какого дня начать неделю.
- «layout» - выбираем вид календаря. Нам предлагают 20 вариантов расположения календарной сетки, остается только выбрать подходящий: квартальный, карманный, вертикальный, горизонтальный, с картинкой или без. В окошке предпросмотра будет показан каждый вариант.
Вкладка «Page layout» настраивает расположение календарной сетки на листе. По умолчанию здесь уже стоит галочка «Create Calendar in Current Document», которая впишет календарь в размер документа. Так же здесь можно настроить отступы от края страницы.
Вкладка «Small: Header» настраивает цвет, размер, шрифт названий месяцев и дней недели. Выбрать расположение дней недели можно в окошке «Position», а стиль написания в окошке «Style». Если шрифт, размер и цвет можно в дальнейшем поменять не один раз, то расположение дней недели и их написание лучше подобрать сразу, т.к. потом менять их будет долго.
Вкладка «Small: Body» настраивает вид самого численника. Ориентация недель: горизонтальная или вертикальная, цвет, размер и шрифт цифр. Я обычно выбираю только ориентацию, а все остальное подбираю уже после создания сетки, так, мне кажется, нагляднее.
5. Теперь нажимаем кнопку «Generate» и ждем несколько секунд, нажимаем кнопку OK в появившемся окне. Закрываем окно с макросом. Наш календарь готов!
6. Теперь его можно усовершенствовать, исправлять, менять все то, что не устраивает, не забывая периодически сохраняться Ctrl+S.
7. Готовый календарь сохраняем в формат CDR – если будем с ним дальше работать в программе CorelDraw: Файл > сохранить как (Ctrl+Shift+S). Либо экспортируем в формат EPS для дальнейшей работы в Adobe Illustrator: Файл > Экспорт (Ctrl+E).
А полученный EPS можно открыть в Adobe Illustrator и подготовить для стоков. Подробнее об этом вы можете узнать из статьи: Как готовить векторные файлы к продаже на микростоках.
Надеюсь, мой урок оказался для вас полезным и вы теперь будете создавать календари разных видов и форматов за пару минут! Если у кого-то вдруг появится желание написать гостевой урок для блога, то вам сюда - Напиши свой урок, попади к нам на блог!
Сафронова Екатерина специально для блога Записки микростокового иллюстратора
Очень часто бывает, что для создания работы нахватает какой-то особенной детали. В магазинах, конечно, продают отрывные календари, но, как правило, они не походят по шрифту, по цвету, или они слишком простые, поэтому у меня возникла потребность в разработке собственных дизайнов календарей. Самым долгим и неприятным занятием может стать создание календарной сетки на каждый месяц. Для меня любимым инструментом стал Adobe Illustrator. В интернете есть описание многих вариантов на эту тему, но меня они не устраивали. Поэтому я хочу рассказать вам, как я это делаю.
Для того, чтобы сделать календарную сетку, потребуются только Adobe Illustrator (у меня стоит Adobe Illustrator СС 2017) и ваша фантазия.
1. Для начала необходимо в программе создать лист. Я беру обычно а4, мне так удобнее для печати.
(Файл -> Новый->Графика и иллюстрации->А4>Создать)
2. Далее приступаем к самой календарной сетке. С помощью инструмента Текст (горячая клавиша Т) рисуем текстовую область произвольного размера. Для это с зажатой левой кнопкой мыши рисуем прямоугольник.
3. Во вкладке Текст, выбираем пункт: Параметры текста в области:
4. Рассмотрим подробнее открывшееся окно. Для удобства в открытом окне можно поставить галочку Просмотр, и тогда все изменения будут сразу отображаться, а не после нажатия клавиши ОК.
Ширина — ширина всей календарной сетки, высота — высота всей календарной сетки. У меня обычно эти равны 60*50 мм (страничка отрывного календаря 80*80 мм).
Ряды и колонки.
Количество — того и того необходимо поставить по 7 шт.
Уже начинает прорисовываться подобие сетки. Размер — это высота ряда или ширина колонки. Средник — расстояние между рядами и колонками. Для меня идеально подходят следующие параметры:
Далее ниже идет пункт направление текста. Есть 2 варианта: по строкам и по столбцам. Первый вариант используется, если дни недели идут сверху:
Второй вариант, если дни недели идут сбоку:
Выбираем подходящий вариант и нажимаем ОК.
Получилась такая сеточка. Осталось только ее заполнить. Для этого необходимо два раза кликнуть на текстовой области, очистить то, что там сейчас имеется, и можно начинать заполнять.
Начиная с левого верхнего угла, проставлять Пн, Вт, Ср и т.д. Чтобы перейти в следующую «клеточку», необходимо нажать Enter, тогда каждый день недели или число будет в своей «ячейке». Если вы ошиблись или случайно перелетели «клетку», нажатие Backspace вернет вас в предыдущую.
Вот получилась прекрасная и удобная для редактирования календарная сеточка. Следующий месяц надо просто скопировать и быстро переставить числа. Дальше уже редактируете ее по своему вкусу: меняя шрифты, цвета, размеры выравнивание и так далее.
В этом уроке я покажу, как создать календарь на 12 месяцев в программе Adobe Illustrator. При помощи палитры "Artboard" (Монтажная область) мы создадим многостраничный документ в Illustrator, и сохраним его в формате PDF, для чтения или печати.
Итак, приступим.
Откройте программу Illustrator и нажмите Ctrl+N или "File" > "New" (Файл > Новый) для создания нового документа. В настройках выставьте размеры листа А5 формата: 210х105mm, и установите горизонтальную ориентацию.
Откроется рабочее поле с заданным размером. В левой панели инструментов выбираем инструмент Прямоугольник (Restangle Tool).
Нажмите сочетание клавиш Shift+F8 для вызова палитры "Transform" (Трансформирование). Начертите прямоугольник, и в палитре "Transform" укажите его размер: 210х105mm, т.е. размер нашего документа. Скопируйте его в буфер обмена (Ctrl+C) и вставьте (Ctrl+V) 11 экземпляров этого прямоугольника. Всего у нас будет 12 таких прямоугольников (учитывая созданную рабочую область).
Выделим все прямоугольники нажав Ctrl+A. Далее зайдем в меню: "Object" > "Artboards" > "Convert to Artboards" (Объект > Монтажные области > Конвертировать в монтажную область).
И наша рабочая область превратится вот в такой многостраничный документ состоящий из 12 монтажных областей (страниц):
Если открыть палитру "Artboards" (Монтажные области): "Window" > "Artboards" (Окно > Монтажные области), то увидите все эти 12 страничек:
Это будет нашей основой для календаря из 12 страниц.
Далее нарисуем календарную сетку на январь 2013 года. Вооружившись каким-нибудь календарем за 2013 год, выбираем инструмент "Техt" (Текст)
и, нажимая на клавишу Tab после каждой цифры, расставляем числа:
Переведем цифры в кривые, так нам будет их легче выравнивать - выберите меню "Type" > "Create Outlines" (Текст > Создать кривые) , или нажмите комбинацию клавиш Shift+Ctrl+O.
После того, как цифры превратятся в объекты, выделите их черной стрелкой и, нажав правую кнопку мыши, выберите "Ungroup" (Разгруппировать).
Цифры, состоящие из двух знаков, выделите и сгруппируйте нажав Ctrl+G,
иначе они "расползутся", когда начнете их выравнивать. Проделав всю работу над цифрами, откроем палитру "Align" (Выравнивание), или нажмите Shift+F7. Работая черной стрелкой выделите столбец с цифрами, и нажмите на иконку центрирования по горизонтали в палитре "Align":
Проделайте тоже самое с остальными столбцами. Также отцентрируйте все строки по вертикали. Проверьте, чтобы в настройке палитры у вас стояла галочка "Align to Selection" (Выравнивание по выделению).
Далее напечатайте дни недели, переведите их в кривые, и отцентрируйте относительно столбцов:
Совет: выделите столбец и день недели, далее нажмите один раз по столбцу, это будет указание программе на то, что вы хотите выровнять по отношению к самому столбцу, а потом уже в палитре Align нажимайте на иконку горизонтального выравнивания по центру (или другого, по желанию).
Далее добавляем название месяца, и оформляем текст с помощью палитры "Character" (Символ (Ctrl+T).
С помощью палитры "Glyphs" (Глифы): меню "Type" > "Glyphs" (Текст > Глифы) я использовала различные изображения, чтобы оформить календарь в детской тематике.
Добавила обводку к макету, нарисовала прямоугольник и задала ему толщину в палитре "Stroke" (Обводка) (Shift+F10).
Цвет обводки задаем в палитре "Color" (Цвета) (F6). Здесь же в палитре нужно будет нажать на иконку рамки, чтобы переключиться на режим редактирования обводки.
Переведя картинку в кривые, я изменила цвет в палитре Color (F6).
После того, как с мы закончили с дизайном для первого месяца календаря - выделяем макет, группируем (Ctrl+G), копируем в буфер обмена и вставляем копии во все остальные монтажные области:
Меняем в остальных месяцах календарную сетку (я ее не меняла, но главное, чтобы был вам понятен сам принцип), изменяем картинки, названия месяцев, цвета, etc..
Не забудьте сохранить в формате ai для дальнейшего редактирования календаря, "File" > "Save As" (Файл > Сохранить как) и выбираем тип файла «ai» (родной формат Иллюстратора).
Для вывода на печать сохраняем наш календарь в формате PDF (или в другом подходящем формате, если нужно), "File" > "Save As" (Файл > Сохранить как), тип файла выбираем Pdf.
В поле "Adobe PDF Preset" (Стиль Adobe PDF) выберите "High Quality Print".
Открыв сохраненный файл, мы видим, что календарь сохранился в виде многостраничного документа.
Добрый день, дорогие подписчики нашего сообщества! С момента выхода последнего гайда по графическому редактору по работе с векторной графикой Inkscape прошло немного-немало целых три года и с тех пор обучающий контент практически отсутствовал в стенах группы. Сегодня мы представляем вам обучающий гайд по работе с альтернативой inkscape,а именно по работе в Adobe Illustrator
Прежде чем приступить к работе, стоит задать настройки в приветственном окне. Я выберу формат A4, позднее этот форм-фактор можно изменить с помощью инструмента “Монтажная область”.
Знакомство с программой
Для начала предлагаю ознакомиться с основным меню программы, так как именно от знания основных функцией будет зависеть качество проделанной в дальнейшем работы.
Стоит сказать, что мое рабочее меню несколько отличается от того, что предлагает программа изначально, поэтому некоторую часть времени вы можете потратить на то, чтобы сделать ваше окно аналогичным моему. Или же вы можете остаться работать на стандартном.
- Основная панель инструментов, которой мы будем пользоваться при создании макета нашей карты. Особенно пристальное внимание следует обратить на инструменты “Карандаш”, “Текст”, “Создание фигур”, тк. именно эти инструменты будут использоваться нами особенно часто.
2. Дополнительная панель по работе с цветом, на которой мы будет переключаться между заливкой целой области или же заливкой обводки.
3. Панель, которую мы обозначили цифрой 3, отвечает за общее управление инструментами, на которой в случае работы с карандашом можно выбрать размер пунктирной линии.
Или при работе с текстом поменять размер шрифта и т.д.
4. Панель 4 отвечает за общее управление документом. К ней мы вернемся позже.
5. Эта панель отвечает за цветовые решения в работе. Здесь можно выбрать нужный оттенок цвета, стиль графики, градиент и др.
6. Данная панель отвечает за работу с контурами объекта. Здесь можно настроить размер, пунктир и многое другое.
7. Последняя панель позволяет создавать или удалять слои, а также работой с каждым объектом по отдельности.
Это максимально быстрое и короткое описание рабочего меню данной программы, целью которого прежде всего является дать общее представление о ней. Более подробно с каждым инструментом вы познакомитесь в процессе работы над картой или другим объектом.
Часть 1. Отрисовка контуров.
Для создания работы нам потребуется референс, с которого мы и будем наносить объекты на нашу будущую карту.
Мной была выбрана карта Крымской А.С.С.Р. 1921 года.
- Создаем новый слой в панели со слоями. 2. Озаглавливаем его “Фон”. 3. Оставляем видимым - значок “глаза” на панели.
4. Добавляем эту карту с помощью простой команды CTRL+C + CTRL+V.
Чтобы карта помещалась в рабочую область, нам стоит использовать инструмент “Монтажная область” в панели инструментов
И взять в “рамку” область вокруг карты
Таким образом при печати или же при сохранении файла в формате PDF ваша карта будет видна целиком.
В панеле слоев создаем новый слой “Контуры”, а старый заблокируем с помощью “замочка”
Для того, чтобы выбрать инструмент карандаш нужно продольно нажать на инструмент “кисть” в меню инструментов, после чего появится список других возможных инструментов для использования
Подобная функция доступна на всех инструментах, где в правом нижнем углу есть небольшой треугольник.
Теперь начинаем довольно продолжительный процесс отрисовки морских контуров для карты. Красный цвет я использую для удобства, чтобы лучше был виден контраст между контурами и референсом. В последствии цвет можно изменить.
Для наиболее удобного процесса масштабирования в процессе отрисовки можно пользоваться сочетанием клавиш ALT + Колесико мыши. Это позволит существенно быстрее и проще приближаться или отдаляться при работе с картой.
При работе с “карандашом” и нажатием клавиши ALT можно проводить прямые линии, при этом не прерывая связь с линией контуров. Это очень удобно при работе с пограничными областями документа
Важное примечание: Поскольку мы имеем дело с векторной графикой, то обязательно стоит замкнуть рисуемый нами “объект”, так в противном случае последующая его заливка может быть произведена некорректно.
По прошествии некоторого времени у вас должно получиться следующее:
Теперь нам нужно выделить внутренние озера, их мы будем отрисовывать отдельно. Отрисовав озера, выделите их с помощью клавиши SHIFT, так мы возьмем нужные нам объекты.
Теперь нам нужен инструмент “обработка контуров”, который находится в 6 окне. В нём нам нужно выбрать функцию “соединение”, которое позволит соединить выбранные нами озера в единый объект.
Полученный объект, а также ранее отрисованные контуры моря, мы выделяем, также с помощью клавиши SHIFT и используем функцию “Исключения”
С помощью этих манипуляций мы сохраним единый объект, но при этом “выделим” из его состава те объекты, которые ранее отображали озера.
Такую же манипуляцию мы производим и с островами.
В дальнейшем можно выделить объекты и осуществить “корректную” заливку, исключая при этом области островов или озер.
Часть 2. Создание границ и выделение территорий
Закрасить территории можно при помощи двух способов. Первый — закрашивание объектов с помощью инструмента «Быстрая заливка», который можно вызвать с помощью горячей клавиши К. И второй при помощи инструмента «Создание фигур». От себя скажем, что удобнее всего производить заливку при помощи первого способа.
Способ 1. Заливка с помощью инструмента «Быстрая заливка»
Для этого предварительно выделяем контуры водных объектов и контуры границ, после чего с помощью клавиши К выделяем свободную область.
Способ 2. Заливка с помощью инструмента «Создание фигур»
Для отрисовки территорий нам потребуется создать дубликат слоя “Контуры” и “границы” . Это также можно сделать в панели со слоями. Полученные копии оставляем открытыми, а старые слои ставим на замок.
На новых слоям с помощью всё той же клавиши SHIFT выделяем объекты морских контуров и контуров границ.
Далее с помощью инструмента “Создание фигур” мы можем создать новую область в тех объектах, который были выделены нами ранее. Обязательно следите за тем, чтобы выделенная область была темной. Тк это является маркером того, что все условия были соблюдены (не должно быть никаких просветов между разделенными областями) и новую область можно создать.
Если же по какой-то причине условия не были соблюдены полностью, то попробуйте через инструмент “прямое выделение” “удлинить” линии узлов
После данной процедуры возможность создать фигуру должна появиться.
После того, как вы создадите новые объекты, слои с водой и озерами можно удалить. Но прежде, чем удалять, нужно разгруппировать старые объекты, чтобы они не удалились вместе с выделенными островами.
Таким образом, после проведения всех манипуляций, мы получаем новый слой с объектами территорий.
А при включении всех слоев получается следующее
Для лучшего вида слой “Контуры” нужно перетянуть в самый верх, чтобы он закрывал некоторые части других слоев.
Для создания пунктирной линии на границах нам следует вернуться в панель обводки и нажать на функцию “пунктирной линии”, предварительно выделив границы.
В этой же панели можно выбрать нужный вам размер пунктирной линии и многое другое.
На этом работа с границами и территорией заканчивается.
Часть 3. Расстановка условных обозначений.
Теперь мы можем начать расставлять города, обозначать названия провинций, стран, морей и много другого. Для удобства на время отключаем все слои, кроме слоя контуров.
Для создания иконок городов нам понадобится инструмент “эллипс”, находящийся в панели основных инструментов.
Также обратите внимание на комбинации горячих клавиш, обозначенных сбоку. В будущем для вызова данного инструмента удобнее будет прибегать именно к ним.
Для наиболее удобного “размножения” городов стоит использовать сочетание клавиш ALT+Правый щелчок мыши, что значительно ускорит процесс расстановки городов.
Для подписи городов берем инструмент текста. Также этот инструмент можно вызвать с помощью горячей клавиши T.
Важное примечание: Изменить текст можно только выделив его, в ином случае изменения не произойдут.
После проведений манипуляций с текстом мы получаем следующую картинку:
Теперь попробуем озаглавить наши районы
Чтобы текст шел дугообразным образом, нам следует прочертить кривую. Удобнее всего это будет сделать с помощью карандаша. Для этого нужно два раза нажать на инструмент и выполнить следующие настройки:
После чего нам не составить труда начертить дугу:
Далее нужно просто выбрать текст и нажать на данную линию. Программа сама предложит нанести текст:
После проведения всех манипуляций.
И вот как выглядит наша карта со включенными слоями.
Далее вы можете сохранить вашу работу как в векторном формате, выбрав удобный для вас тип файла:
Или же экспортировать в растровый формат:
Конечно, можно было бы добавить еще множество других элементов в виде крупных и малых рек, также малые размеры городов, водных глубин и много еще чего другого, но как мне кажется сам принцип работы в данной программе был продемонстрирован.
Читайте также: