Разработка бланков с защитными элементами для использования в деятельности организации

Разработка бланков с защитными элементами для использования в деятельности организации Версия для печати электронного курса EduArea Этот документ является автоматически сгенерированной печатной версией электронного курса EduArea. В связи с неизбежными ограничениями печатных носителей некоторые элементы этого курса не могут быть воспроизведены корректно. Для полноценной работы с Вам необходимо обратиться к электронной версии курса, доступной по следующему адресу: http://ru.eduarea.com/course/edu1a0cz Получив данную печатную версию, Вы со своей стороны обязуетесь: использовать предоставленные Вам ресурсы только лично; не обращаться к помощи третьих лиц или технических средств для улучшения результатов взаимодействий; использовать ресурсы системы исключительно в образовательных целях; соблюдать требования действующего законодательства Вашей страны, в частности, в области защиты авторского права. Авторы и редакторы Документ автоматически сгенерирован Сб, 1 сен 2018 17:11:01 +0400 Подготовлено для двусторонней печати на бумаге формата A4. © EduArea s.?.r.l. & Circumflex 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 2 Разработка бланков с защитными элементами для использования в деятельности организации 3 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Оглавление ВВЕДЕНИЕ Введение 6 7 О ПРОГРАММЕ Inkscape Для чего можно использовать программу? 8 9 9 РАЗДЕЛ 1. СКАЧИВАНИЕ И УСТАНОВКА ПРОГРАММЫ INKSCAPE Шаг 1. Скачиваем программу Шаг 2. Установка Inkscape 11 12 18 РАЗДЕЛ 2. СОЗДАНИЕ БЛАНКА «СЕРТИФИКАТ» Шаг 1. Создание документа Создание и сохранение документа Шаг 2. Учимся работать с линией Основы работы с кривыми Безье Эффект интерполяции Шаг 3. Учимся работать с узлами Редактирование узлов Типы узлов Манипуляторы кривых Шаг 4. Создаем бордюр для документа Шаг 4. Создаем бордюр для документа Шаг 5. Создаем фон Защитная сетка для фона документа Шаг 6. Добавляем текст Работа с текстом 25 26 26 30 30 35 39 39 41 43 47 47 50 50 53 53 РАЗДЕЛ 3. СОЗДАНИЕ БЛАНКА «СВИДЕТЕЛЬСТВО» Шаг 1. Создаем бордюр для документа Способ создания бордюра Шаг 2. Создаем фон Создание фона для бланка документа Шаг 3. Добавляем текст Работа с текстом 56 57 57 59 59 62 62 РАЗДЕЛ 4. СОЗДАНИЕ БЛАНКА «ГАРАНТИЙНЫЙ ТАЛОН» 64 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 4 Шаг 1. Создаем логотип 65 Использование графических примитивов «Прямоугольник», «Эллипс» и «Звезда». 65 Шаг 2. Создаем бордюр 69 Создание рамки для бланка документа 69 Шаг 3. Добавляем текст 78 Работа с текстом 78 5 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Введение Введение 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 6 Введение Введение Этот учебный курс посвящен созданию защитных элементов на документах, выполняющих функции сертификатов, дипломов, пропусков и др. Выполняя инструкции, описанные здесь, у вас появляется возможность научиться использовать возможности программы Inkscape в этой сфере. Эта программа легко справляется с созданием таких, казалось бы, специфических задач, как изготовление защитных сеток, виньеток, гильошей и др. Но обо всем по порядку. Любой начинающий пользователь может бесплатно скачать программу Inkscape в интернете и довольно быстро создать документ, сходный с ценной бумагой. Не беспокойтесь, речь пойдет не о подделке документов. Изготовление ценной бумаги — сложный процесс, требующий не только профессионализма дизайнера, но и применения специальных полиграфических технологий, не говоря уже об особой бумаге, красках и разнообразных технических средствах защиты. Ваш документ будет презентабельно выглядеть, качественно печататься даже на обычном лазерном или струйном принтере, но плохо воспроизводиться при ксерокопировании или сканировании. Этого вполне достаточно, чтобы использовать самостоятельно созданный документ в личных целях или в целях вашей организации. В качестве примера в этом курсе будет рассмотрено создание бланков для сертификатов, гарантийного талона и свидетельства. 7 2011 © eduarea.com // Подготовлено для пользователя «reg177471» О программе Inkscape Для чего можно использовать программу? 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 8 О программе Inkscape Inkscape — это векторный графический редактор. На данный момент является самым популярным свободным редактором в своей области. Программа распространяется бесплатно на условиях GNU General Public License для платформ Windows, Mac и Linux. Скачать: www.inkscape.org Минимальные системные требования: · операционная система Windows /XP/Vista/7; · процессор с частотой не ниже 1.3 ГГц; · ОЗУ 256 Мб и более; · 185,8 Мб места на жестком диске. Для чего можно использовать программу? Программа Inkscape используется для реализации технических и художественных задач и обладает большим разнообразием возможностей. С ее помощью легко создавать схемы, диаграммы, логотипы, визитки, плакаты, Web-дизайн и другие графические работы. Ниже перечислим основные преимущества данной программы: Открытый исходный код и бесплатная лицензия. Наряду со сходным интерфейсом и функциональными возможностями известных графических редакторов, таких как Illustrator, FreeHand, CorelDraw, Xara X. Наглядный интерфейс, приятный в работе и интуитивно понятный. Все объекты имеют всплывающие подсказки, что позволяет легко ориентироваться в программе. В качестве формата хранения используется SVG (Scalable Vector Graphics), развиваемый консорциумом W3C (World Wide Web Consortium). Это дает возможность поиска объектов по форме, заливке и др. Также SVG поддерживает анимацию. Ряд достоинств векторной графики: важнейшее из них масштабируемость. Если плакат сделан на формат А4, а печатать надо на формат А0, то увеличение изображения произойдет без потери качества Широкий выбор стилей и макетов. Возможность их редактирования и создания из готовых шаблонов. Расширенная возможность работы с контурами. Не имеет аналогов среди бесплатных программ. Позволяет создавать динамические контурные эффекты, производить втяжку контурного узла, легко создавать сложные композиционные контуры. Встроенный учебник. Прямо из меню «Справка» загружаются уроки на русском языке, в которых описываются советы и принципы работы в программе, подкрепленные примерами. С помощью Inkscape вы можете: 1. Создавать яркие рекламные щиты, красивые обложки журналов и книг, разнообразные буклеты, визитки, а также рисовать картинки от руки. Инструменты для работы с фигурами в Inkscape обладают 9 2011 © eduarea.com // Подготовлено для пользователя «reg177471» О программе огромным потенциалом. В программе, кроме набора фигур, контуров, текста, клонирования, трансформаций, градиентов, текстур и группировки, имеются удобные функции правки узлов, работа со слоями, сложные операции с контурами и многое другое. 2. Разрабатывать баннеры и макеты сайтов, пиктограммы для приложений и кнопки сайтов, а также графику для игр. Используемый формат SVG является разновидностью XML, поэтому его можно легко интегрировать в интернет-сайты и при необходимости читать и редактировать в обычном текстовом редакторе. Потребность в использовании подобных операций может возникнуть при временной недоступности графических объектов. 3. Создавать технические иллюстрации — схемы, графики, чертежи и даже архитектурные планы. Для этой цели используйте в работе возможность интегрировать текст в любой участок изображения, а также функцию, позволяющую вдоль одной кривой «цеплять» несколько текстовых строк параллельно. 4. Импортировать документы в целый ряд форматов векторных и растровых изображений. Векторные: EPS, SVG, SVGZ, PostScript, EMF, Sketch, AI, Dia, XPM, RAS, PCX и др., растровые изображения: PNG, JPEG, TIFF, GIF, ICO. Созданные файлы могут быть экспортированы во внешние источники: DXF, PostScript, SVG, PDF, Dia, POV-Ray, ODD, DXF, LaTeX, EMF, GPL, POV. 5. Создавать рельефные рисунки и узоры. В программе поддерживается возможность работы с клонами графических компонентов (доступны 17 симметричных клонов). 3. Превратить растровое изображение в векторное, используя трассировку. Подбирая параметры трассирования, можно получить очень похожий на оригинал векторизированный рисунок. 7. Создать письмо с естественным каллиграфическим текстом. Для наилучшего результата удобнее всего использовать планшет и перо, но и при помощи мышки можно получить неплохой результат. Программа умеет интерпретировать силу нажатия и угол наклона пера относительно плоскости планшета, также перо может быть чувствительно к скорости написания. 8. Сформировать архив GZIP. Графические файлы Inkscape можно сохранять и открывать в сжатом виде, тем самым значительно экономить дисковое пространство компьютера. Проект Inkscape с каждой новой версией развивается. Разработчики проекта постоянно работают над расширением возможностей программы. Основной его целью является создание мощного и удобного инструмента для рисования. Inkscape — программа, которая стоит потраченных на ее изучение усилий. Рисуйте и получайте удовольствие! 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 10 Раздел 1. Скачивание и установка программы Inkscape Шаг 1. Скачиваем программу Шаг 2. Установка Inkscape 11 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 1. Скачивание и установка программы Inkscape 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 12 Раздел 1. Скачивание и установка программы Inkscape Шаг 1. Скачиваем программу Для того чтобы вы смогли работать с программой, нужно выполнить 2 шага: Шаг 1. Скачать программу. Шаг 2. Установить программу на ваш компьютер. В приведенной ниже инструкции вы найдете подробные рекомендации, как это сделать. Шаг 1. Скачиваем программу Приступаем к скачиванию программы. 13 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 1. Скачивание и установка программы Inkscape Заходим на официальный сайт разработчика: http://inkscape.org. Разработчик предлагает скачать «Свежую стабильную версию» программы, для скачивания необходимо выбрать раздел DOWNLOAD - Windows installer. 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 14 Раздел 1. Скачивание и установка программы Inkscape 15 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 1. Скачивание и установка программы Inkscape После нажатия на установочный пакет откроется окно с непосредственной ссылкой для скачивая на котором будет написано: «Последняя стабильная версия (0.48.4)». Для продолжения загрузки нажмите на «установщик, портативный, 7zip». Если на момент изучения данного курса на сайте inkscape.org. появилась новая версия программы - нужно скачивать новую. Разница между ближайшими версиями обычно бывает незначительная и изучение данного курса с обновленными версиями программного продукта не должно вызвать у вас затруднений. 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 16 Раздел 1. Скачивание и установка программы Inkscape 17 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 1. Скачивание и установка программы Inkscape Необходимо будет подождать некоторое время, пока программа будет готова к з а г р у з к е . Далее будет предложено сохранить файлы программы на компьютере. Обозначьте путь для сохранения файла на вашем компьютере (например, на Диск D), нажмите «Сохранить файл». Подождите некоторое время, пока завершится загрузка программы. 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 18 Раздел 1. Скачивание и установка программы Inkscape Шаг 2. Установка Inkscape В зависимости от настроек вашего браузера, вы можете найти скачанный файл либо в той определенной папке на диске компьютера, которую вы указали при ручном выборе места для скачивания, либо при автоматической загрузке в папке, указанной по умолчанию. Откройте папку, в которую вы сохранили установочный файл - inkscape - 0.48.4.-1-win32. Запустите установку программы дважды кликнув на установочном файле левой кнопкой мыши. И в появившемся окне Открыть файл - предупреждение системы безопасности нажать Запустить. Программа установки предложит выбрать язык интерфейса. Выберите язык Russian (русский) и нажмите на кнопку ОК. 19 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 1. Скачивание и установка программы Inkscape Появится окно приветствия. Следуем инструкциям «Мастера установки» вплоть до окна «Компоненты устанавливаемой программы». В окне «Компоненты устанавливаемой программы» предлагается выбрать те компоненты программы, которые мы хотим установить. Это можно сделать, поставив/убрав флажки в ячейках, расположенных напротив названий необходимых компонентов. Компоненты, отмеченные флажком, будут установлены, неотмеченные — нет. В компоненте «Дополнительные файлы» содержатся примеры и уроки, необходимые для освоения программы. Сделаем все установки, как показано на рисунке. Нажимаем кнопку «Далее» и следуем инструкциям «Мастера установки» вплоть до окна «Завершение установки» . Ознакомление с лицензионным соглашением - обязательный момент в процессе установки программы. Владеющих английским языком и просто очень любопытных мы не будем отговаривать прочесть лицензионное соглашение. Всех остальных просим поверить, что ничего страшного для вас там нет, поэтому смело «Далее». 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 20 Раздел 1. Скачивание и установка программы Inkscape Далее будет предложено выбрать конфигурацию установки. Оставьте вариант, предложенный по умолчанию, из раскрывающегося списка типов установки. В этом окне также можно посмотреть, сколько Мбайт требуется на диске для успешной установки программы. После того, как выбран тип установки и наличие в нем компонентов, нажимаем «Далее». 21 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 1. Скачивание и установка программы Inkscape Укажите папку, в которую будет установлена программа, с помощью кнопки «Обзор» или оставьте путь, указанный по умолчанию, - на диск С. Продолжаем установку кнопкой «Далее». 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 22 Раздел 1. Скачивание и установка программы Inkscape Теперь требуется немного подождать, пока завершится процесс копирования файлов. В диалоговом окне «Завершение установки» предлагается указать, следует ли 23 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 1. Скачивание и установка программы Inkscape запустить программу Inkscape сразу после завершения процесса установки. Если вы не собираетесь немедленно запускать программу, то необходимо убрать соответствующий флажок с помощью однократного нажатия левой кнопкой. 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 24 Раздел 2. Создание бланка «Сертификат» Шаг 1. Создание документа Шаг 2. Учимся работать с линией Шаг 3. Учимся работать с узлами Шаг 4. Создаем бордюр для документа Шаг 5. Создаем фон Шаг 6. Добавляем текст 25 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 2. Создание бланка «Сертификат» Шаг 1. Создание документа Создание и сохранение документа Создание и сохранение документа Если вы впервые начали работу в программе Inkscape, вам нужно познакомиться с процедурой создания файла документа. Откройте программу, дважды кликнув мышью на изображении ее ярлыка, который после установки программы должен находиться на Рабочем столе вашего компьютера. Если вы не устанавливали ярлык, найдите меню Пуск в левом нижнем углу Рабочего стола и в разделе «Все программы» выберите название программы Inkscape, как показано на рисунке ниже. После открытия программы по умолчанию создается страница А4. Обычно размер бланка сертификата выглядит как стандартный альбомный лист формата А4, поэтому вам только нужно определиться, как будет выглядеть сертификат (вертикально или горизонтально), и сделать соответствующие изменения в параметрах страницы. Для этого нужно пройти путь: - меню Файл — Свойства документа (Shift+Ctrl+D). В раскрывшемся окне Свойства документа укажите во вкладке Размер страницы — Ориентация: Портрет (вертикальная) или Альбом (горизонтальная). В нашем примере будем создавать 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 26 Раздел 2. Создание бланка «Сертификат» вертикальный документ, поэтому выбираем Альбом. Чтобы удобнее было ориентироваться в размере документа, измените во вкладке Другой размер — Единицы на привычные mm. Итак, теперь видно, что Ширина документа — 297 mm, а Высота — 210 mm. Использовать Подогнать размер страницы под содержимое не нужно, т. к. содержимое документа в этом примере привязывается к размеру страницы. Если при запуске программы создается страница другого размера, то нужно для ее создания проделать путь, показанный на рисунке ниже.: меню Файл — Создать — А4… (Ctrl+N) Правило 1. Не забывайте сохранять созданный документ, дав ему имя, удобное для быстрого поиска. 27 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 2. Создание бланка «Сертификат» Правило, есть правило, поэтому будем его соблюдать. Пренебрегать этим правилом не стоит — очень часто, создав документ, пользователь увлеченно начинает делать в нем свой очередной шедевр, забыв сохранить его под определенным именем в определенном месте. Вам будет обидно, если что-то нужное в один миг исчезнет безвозвратно, например, при сбое компьютера, отключении энергии и др. Мораль этого правила такова — документ, которому не присвоено имя, не будет сохранен в памяти компьютера. Правило 2. Порядок — полезная привычка. Это простое правило очень полезно для тех, кто тратит много времени на поиск нужного документа из множества информации разного рода, сброшенной в одну кучу. Те, кто это правило соблюдают, могут пропустить этот абзац, те же, у кого нет такой привычки, советуем ее приобрести - она действительно упрощает жизнь. А тем, кто не знает, как сохранить документ, предлагаем ознакомиться с этой информацией. Маленький инструктаж по наведению порядка в своем компьютере. Во-первых, как определить, что документ не сохранен, в том случае, если вы не помните этого факта. Конечно, по имени, вернее, по его отсутствию, т.е. имя файла будет, например, «Новый документ 1». На рисунке ниже показано, как это будет выглядеть. Бывает, что пользователь не утруждает себя придумать имя для файла и сохраняет его под именем, которое ставится по умолчанию, т. е. «Новый документ 1», но это совсем недопустимо - имя файла по возможности должно быть уникальным. Будьте внимательны! В одной папке не может быть два файла с одинаковым именем, автоматически новый файл заменяет старый с тем же именем. Итак, сохранить файл можно несколькими способами: Способ 1. Этот способ используется для сохранения файла впервые или текущего сохранения. Проделайте путь с помощью мыши: меню Файл — Сохранить… (Ctrl+S). Появится окно «Сохранить как» , где логически понятно - файл 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 28 Раздел 2. Создание бланка «Сертификат» предложено «сохранить», а «как» вы должны определить: Папка: выбираем папку (место куда сохраняем), Имя файла: Сертификат, Тип файла: Inkscape SVG (.svg). Далее выбираем Сохранить. Таким образом, файл сохранен под именем «Сертификат». Способ 2. Применяется, когда требуется сохранение файла под другим именем или с другим расширением. Проделайте путь с помощью мыши: - меню Файл — Сохранить как… (Sift+Ctrl+S) Способ 3. Просто найдите на стандартной Панели инструментов кнопку Сохранить и нажмите на нее. Когда документ сохранен, эта кнопка становится неактивна. Способ 4. Применяется, когда требуется сохранение файла и последующее его закрытие. Проделайте путь с помощью мыши: - меню Файл — Закрыть… Чтобы открыть существующий документ, используйте Файл — Открыть (Ctrl+O). Рекомендации. В процессе работы каждый пользователь выбирает удобный для себя способ сохранения файла. 29 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 2. Создание бланка «Сертификат» Inkscape имеет свой собственный формат сохранения — svg (Scalable Vector Graphics — Масштабируемая Векторная Графика). Svg является открытым стандартом, используемым в графических пакетах. Формат Svg использует язык разметки XML, поэтому файлы в этом формате могут редактироваться любым текстовым или XML-редактором вне программы Inkscape. И хотя есть возможность работать с другими форматами, например, AI, EPS, PNG, а также сохранять иллюстрации в ряде популярных и широко используемых форматов, таких как ai, pdf , odg, открывать для просмотра изображение, сохраненное в формате svg, лучше всего самим редактором Inkscape. После того как наш документ сохранен, можно приступать к выполнению задания. Шаг 2. Учимся работать с линией Основы работы с кривыми Безье Эффект интерполяции Основы работы с кривыми Безье Для начала проанализируем задачу: как сделать защиту документа. Это должны быть элементы достаточно простые, не портящие внешний вид документа, но в то же время достаточно сложные, чтобы их трудно было подделать. Для этой цели используются защитные сетки, виньетки, гильош. Для справки. Гильош (от фр. giilloche — узор из волнистых линий) — орнамент в виде густой сети волнистых фигурных линий, переплетающихся между собой. Способ гильошировки заключается в нанесении на поверхность тонкого каллиграфического узора из волнообразных, параллельных либо пересекающихся штрихов в правильной геометрической последовательности. Настоящий гильош вы сможете увидеть на любой банкноте, сделан он, разумеется, с помощью специального программного обеспечения. В этом курсе мы попытаемся лишь имитировать создание таких элементов. Вначале нарисуем основную линию. Для этой цели воспользуемся инструментами Рисовать произвольные контуры прямые линии или Рисовать кривые Безье и , которые находятся на Панели инструментов. Способ 1. Для того чтобы основная линия получилась прямой, выберите инструмент Рисовать произвольные контуры , установите курсор мыши и 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 30 Раздел 2. Создание бланка «Сертификат» щелкните в начальной точке; далее, удерживая клавишу Ctrl, установите курсор мыши и щелкните в конечной точке. Способ 2. Вверху рабочего пространства программы, как бы из-под изображенной линейки, «вытащите» мышью горизонтальную направляющую. Она послужит ориентиром для прямой линии. Для справки. Впервые кривые были представлены широкой публике в 1962 году французким инженером Пьером Безье, который использовал их для компьютерного проектирования автомобильных кузовов. Выберите инструмент Рисовать произвольные контуры , установите курсор мыши и щелкните в начальной точке, далее на прямой установите курсор мыши и щелкните в конечной точке. Для того чтобы прямая линия «легла» на прямой, в начальной и конечной точках должна появляться надпись «Рычаг к направляющей», как показано на рисунке ниже. Поэтому сделайте активным инструмент Прилипать к направляющим на Панели инструментов, которая находится справа от рабочего пространства. Удалить направляющие можно, выделив их и нажав клавишу Delete. С помощью основной линии мы будем создавать защитные сетки и гильоши, поэтому размер (длина) линии имеет важное значение. Чтобы увидеть размер линии, нужно выделить ее мышью и посмотреть на верхнюю панель рабочего пространства, показанную на рисунке далее. Кроме ширины на ней показаны координаты созданного отрезка. Изменить размер можно, либо растянув линию за рычаги, либо указав точный размер на верхней панели. Для создания из линии рамки для документа нужно указывать размер ширины или высоты, соответствующей документу. Далее будет рассмотрено преобразование линии в учебных целях, поэтому ограничимся размером 100 mm. Установите параметры, как показано на рисунке. Хотя созданная вами линия совершенно прямая, во всех графических редакторах, в том числе в Inkscape, она называется «кривая». Посмотрите внимательно: в 31 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 2. Создание бланка «Сертификат» названии инструмента, с помощью которого создаются линии, присутствуют слова «кривые Безье». «Кривая Безье» — линия, позволяющая создавать объекты из точек и соединяющих их прямых или кривых отрезков. Важнейшими элементами кривых являются узлы и сегменты (траектории). Узлы становятся видимыми, если выбрать инструмент Редактировать узлы контура и рычаги узлов щелкнуть мышью на кривой. Именно в узле кривая меняет свое направление. и Сегмент (траектория) — линия, которая соединяет два узла. В любой момент можно изменить местоположение узла и форму траектории. Прежде чем начать редактирование кривой, вы должны точно представлять себе, каким хотите видеть конечный результат после преобразований: изменить размер кривой, добавить на ней узлы, удалить узлы или изменить их форму. Для начала поставьте себе задачу: преобразовать уже созданную кривую таким образом, чтобы стало возможным использовать ее как основу для создания рамки (бордюра) документа. Для этого необходимо выбрать инструмент Редактировать узлы контура и рычаги узлов и щелкнуть мышью на кривой. После этого появится верхняя Панель инструментов, предназначенная для редактирования кривой. На рисунке «Узлы», который приведен ниже, представлена основная часть этой панели. Если подвести курсор мыши к каждому инструменту панели, вы увидите их название, по которому интуитивно можно определить их назначение. Благодаря этому можно легко ориентироваться в процессе редактирования кривой. Поэтому никогда не старайтесь запоминать названия кнопок и инструментов в программе, потому как с изменением версии программы могут меняться и названия инструментов и даже их внешний вид. А точные знания назначения инструментов приходят с опытом практической работы. Первый практический навык вы получите после создания простого бордюра из кривой, где познакомитесь с инструментами, которые на рисунке выделены в группы. Для начала потренируйтесь добавлять и удалять узлы на кривой. Щелкните мышью на кривой и выберите инструмент . В редакторе Inkscape пока нет инструмента автоматического выделения всех узлов, поэтому сделайте это с помощью мыши — обведите курсором область вокруг кривой. На данный момент нарисованная нами кривая состоит из двух узлов, и после выделения они должны окраситься в синий цвет. Далее, не снимая выделения, щелкните на инструменте 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 32 Раздел 2. Создание бланка «Сертификат» из группы 1 Вставить новые узлы в выделенные сегменты , новый узел автоматически появится в середине кривой. Теперь сбросьте общее выделение и выделите появившийся новый узел, а затем нажмите на инструмент Удалить выделенные узлы - узел исчез. Добавлять узлы можно и в произвольном порядке. Для этого нужно указать мышью на кривой место, где вы хотите добавить узел, затем выбрать инструмент Вставить новые узлы в выделенные сегменты либо два раза щелкнуть мышью в указанном месте на кривой, как показано на рисунке ниже. Только что добавленный узел будет отображаться красным цветом. Потренируйтесь самостоятельно добавлять и удалять узлы. Приступим к созданию простого бордюра. Выделите кривую, автоматически вставьте узел в середину сегмента, как было описано выше, затем еще 2 раза щелкните на инструменте . В результате у вас должно получиться 9 узлов на кривой. При таком способе узлы будут добавляться равномерно в центр выделенных сегментов. Сбросьте общее выделение. Теперь поочередно выделите с помощью мыши каждый второй узел на кривой, удерживая клавишу Shift. После того как узлы будут выделены, отпустите Shift, перейдите на клавишу Ctrl и мышью поднимите выделенные узлы вверх, как показано на рисунке ниже. Получить такой же результат помогут клавиши перехода на клавиатуре, в данном примере воспользуйтесь клавишей перехода «Вверх ?». Результат, представленный на рисунке далее, зависит от применения инструментов группы 2 и 3, обозначенных на рисунке «Узлы». Выберите инструмент Преобразовать выбранный объект в контур - это будет означать, что выделенные узлы готовы к редактированию. Их можно сделать прямыми, выбрав инструмент Сделать выделенные сегменты прямыми, или готовыми к сглаживанию (отдельно редактируя в дальнейшем выделенный 33 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 2. Создание бланка «Сертификат» узел), выбрав Сделать выделенные сегменты кривыми . Более подробно о работе с узлами вы узнаете в следующем шаге этого урока, а пока ваша задача - получить сглаженную кривую, используя инструменты редактирования узлов при общем выделении узлов на кривой. Потренируйтесь на собственном примере, используя инструменты . Для продолжения работы вам потребуется создать копию полученной кривой. Выберите для этого наиболее подходящий способ: Способ 1. На верхней панели под Главным меню кнопкой Копировать . Способ 2. Меню Правка - Копировать (Ctrl+C). Способ 3. С помощью ПК мыши — Копировать. Способ 4. Выделить объект и нажать клавиши Ctrl+D. Теперь копия находится на исходном объекте. При копировании данные заносятся в буфер обмена, и, чтобы их оттуда достать, нужно применить команду Вставить . Первые три способа копирования подразумевают в результате дальнейшую вставку объекта его смещение относительно оригинала. При четвертом способе копия будет находится на исходном объекте. Рекомендации. Действия Копировать объект — Вставить на место хорошо заменяются действием Продублировать объект. Для данного примера удобнее всего будет использовать способ дублирования объекта. Выделите кривую, перейдите в меню Правка — Продублировать, затем полученную копию сместите немного вниз с помощью клавиш перехода на клавиатуре, как показано на рисунке. 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 34 Раздел 2. Создание бланка «Сертификат» Эффект интерполяции Теперь пришло время познакомиться с эффектом интерполяции. Суть интерполяции заключается в использовании имеющихся данных (например, кривых) для получения ожидаемого результата значений в неизвестных точках. Этот эффект предназначен для создания плавного перехода между двумя контурами (в нашем случае кривыми). Выделите обе линии и пройдите путь: меню Расширения — Создание из контура — Интерполяция… Давайте рассмотрим появившееся окно Интерполяция после проделанных действий. В диалоговом окне можно установить количество Шагов интерполяции и Экспоненту — число, определяющее равномерность интервалов между установленными шагами. Заполните окно так, как показано на рисунке, и нажмите кнопку Применить, а затем Закрыть. 35 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 2. Создание бланка «Сертификат» Посмотрите на свой результат и сравните с рисунком далее. Аналогичный эффект можно получить, используя всего одну кривую и применяя метод клонирования к объекту. Выделите кривую и проделайте путь: - меню Правка — Клоны — Создать узор из клонов… В раскрывшемся окне Создать узор из клонов перейдите на вкладку Симметрия, выберите Простое смещение. Отношение Строк и столбцов внизу окна установите 10х1. Вкладку Смещение заполните, как показано на рисунке ниже. В остальных вкладках для данного примера показатели должны быть равны нулю. Щелкните на кнопке Создать и посмотрите на результат, не закрывая окно Создать узор из клонов. На своем примере вы должны увидеть, что линии неравномерно расположились между выбранными кривыми. Поэтому щелкайте на кнопку Разровнять в раскрытом окне до тех пор, пока объекты не распределятся равномерно и результат станет похожим на рисунок далее. Закройте окно. 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 36 Раздел 2. Создание бланка «Сертификат» Фрагмент бордюра, который у вас получился, вполне может подойти для бланка документа. Но давайте его немного усложним. Для этого сгруппируйте результат, сделайте его копию, которую зеркально отразите по вертикали. Далее подробно познакомимся с группировкой. Группировка используется для того, чтобы объединить несколько объектов в группу. При перемещении и трансформации группа ведет себя как обычный объект, т. е. при перетаскивании или повороте все объекты группы переместятся или повернутся в зависимости от указанного направления. Для создания группы нужно выделить два и более объектов и затем: - меню Объект — Сгруппировать или нажать Ctrl+G. Разгруппировать их можно: меню Объект — Разгруппировать или Ctrl+U. 37 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 2. Создание бланка «Сертификат» При группировании объекты не зависят друг от друга, но удерживаются вместе. Можно выделить сразу несколько объектов, обведя мышью все объекты, которые нужно выбрать. Если это сделать затруднительно (для захвата мешают другие объекты) — последовательно выделяйте объекты, удерживая Shift+щелчок на каждом. Каждый выделенный объект показывает небольшой инверсный маркер в левом углу. Маркеры помогают видеть, какой объект выбран, а какой нет. Группировку можно производить поэтапно — последовательно группируя сгруппированные объекты. Подобная группировка может быть сколь угодно сложной. Но при разгруппировке следует помнить, что Ctrl+U разгруппирует только последнюю группировку. Чтобы полностью разгруппировать объекты, нужно нажать Ctrl+U несколько раз, но удобнее это будет сделать через меню Объект — Разгруппировать, когда в раскрытом меню пункт Разгруппировать перестанет быть активным, значит все объекты разгруппированы. Внимание! Для редактирования отдельных объектов в группе не нужно разбивать группу. Выполнив Ctrl+щелчок по нужному объекту, его можно редактировать. Таким же образом можно редактировать несколько объектов независимо от группы, щелкнув Shift+Ctrl+щелчок. Для того чтобы зеркально отразить объект, проделайте путь: - меню Объект — Отразить вертикально (V). Такой же значок можно увидеть на верхней панели рабочего пространства. Ознакомьтесь с ней на рисунке ниже, найдите и примените в своей работе. Можно сдвигать два объекта относительно друг друга, подбирая более удачный результат. Вот что должно получиться в результате. 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 38 Раздел 2. Создание бланка «Сертификат» Используя и немного изменив полученную кривую в качестве основы, можно добиться более интересных результатов. Самостоятельно создайте образцы, представленные на рисунке ниже, применяя уже полученные навыки. Чтобы бордюр выглядел более презентабельно, необходимо изобразить его, взяв за основу более сложную фигурную линию. Создать фигурную линию на основе прямой линии весьма затруднительно, т. к. преобразить несколько узлов на кривой с одинаковой точностью будет очень трудно или займет много времени. Посмотрите на пример фигурной линии (рисунок далее), она состоит в основном из одинаковых фрагментов, соединенных между собой. Следовательно, ваша задача состоит в том, чтобы изобразить такой фрагмент. Шаг 3. Учимся работать с узлами Редактирование узлов Типы узлов Манипуляторы кривых 39 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 2. Создание бланка «Сертификат» Редактирование узлов Навыки редактирования узлов приобретаются только практическим путем. Далее будет представлен материал, который поможет вам приобрести эти практические навыки. Нарисуйте любой произвольный объект инструментом Рисовать произвольные контуры , похожий на фрагмент, из которого вы собираетесь построить фигурную линию. В первозданном виде ваш объект будет далеко не похож на то, что вы представляли, когда его рисовали. Но для этого и существует мастерство редактирования узлов. Если объект создается инструментом Рисовать произвольные контуры, на кривой появляется большое количество узлов. Такую кривую достаточно сложно редактировать: расстояние между узлами может быть слишком мало, что затрудняет редактирование узлов для изменения формы кривой. Кроме того, важно помнить, что «лишние» узлы добавляют «вес» файлу, что крайне нежелательно. Есть несколько способов, чтобы минимизировать количество узлов на объекте: Способ 1. При создании объекта использовать инструмент Рисовать кривые Безье и прямые линии . Таким образом, объект будет представлять собой ломаную линию, что позволит избежать «лишних» узлов. В дальнейшем ломаная линия должна быть отредактирована с помощью манипуляций с узлами. Способ 2. Увеличить параметр сглаживания при создании кривых инструментом Рисовать произвольные контуры. Это позволит получить достаточно простые контуры. Рекомендации. Создавая объект, старайтесь, чтобы он содержал минимальное количество узлов. Ползунком Сглаживание вы выставляете степень сглаживания кривой. При низком значении сглаживания точнее отображается ход мыши, но узлов на кривой будет излишек. При высоком — объект менее точно (в общих чертах) отражает ход мыши, но узлов содержится заметно (в несколько раз) меньше, отчего 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 40 Раздел 2. Создание бланка «Сертификат» изображение приобретает плавность и пластичность. Внимание! Чем медленнее вы водите том Рисовать произвольные контуры , тем больше узлов наполняет кривую. И, чем стремительнее вы рисуете, тем более гладкой и изящной будет ваша работа, потому что содержит почти оптимальное количество узлов. Способ 3. Упростить контур. Для этого нужно выделить объект и проделать путь: меню Контур — Упростить … (Ctrl+L) Внимание! Данный эффект в программе Inkscape не сильно будет заметен, т. к. количество узлов на линиях с параметрами сглаживания 10 и 100 отличается незначительно. Рекомендации. Последовательно выполняя команду Упростить, можно добиться существенного уменьшения узлов кривой, не меняя ее формы. Теперь переходим непосредственно к редактированию узлов. Посмотрите на ваш произвольно созданный объект после применения сглаживания и упрощения. Переключитесь на инструмент , узлы вашего контура будут выглядеть, как маленькие серенькие квадратики. Выбранные узлы отображаются синим цветом, немного большего размера и с показанными манипуляторами Безье. Простейшая открытая кривая линия содержит три обязательных элемента: два узла и один сегмент (прямолинейного или криволинейного характера), заключенный между ними. Узлы имеют ряд свойств, параметры которых влияют на форму конца кривой и характер сопряжения с другими объектами. Выделять узлы можно: - щелчком; - щелчком при нажатой клавише Shift; - обводя курсором и обводя с нажатой клавишей Shift; - нажатием Ctrl+A (выделяет все узлы). 41 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 2. Создание бланка «Сертификат» Типы узлов 1. Остроугольный. Узел с двумя манипуляторами может быть остроугольным (отображается ромбиком, манипуляторы независимы друг от друга). Схождение сегментов в таком типе узлов может быть не только острым, но и тупым. Острые узлы располагаются в тех точках, где направление кривой резко меняется. Этот тип узлов очень важен — любые манипуляции с одним сегментом не изменяют форму пограничного сегмента. Тип любого выделенного узла можно изменить на остроугольный щелчком мыши на нем и клавишами Shift+C. Остроугольный узел — это узел или излом на стыке разнотипных сегментов, который позволяет создавать острые углы между сегментами. Точки излома могут быть на стыке прямолинейных сегментов, прямолинейного и криволинейного сегментов, двух криволинейных сегментов. У остальных типов узлов переход между сегментами плавный. 2. Сглаженный (отображается квадратиком, манипуляторы лежат на одной прямой). Узел называется сглаженным, когда касательные, проведенные к двум прилегающим к нему сегментам, лежат на одной прямой. Управляющие манипуляторы сглаженных узлов находятся на одной прямой и могут быть разной длины, потому что оснащены независимыми регулировками. Тип любого выделенного узла можно изменить на сглаженный щелчком мыши на нем и клавишами Shift+S. 3. Симметричный (то же, что и сглаженный, но манипуляторы одинаковой длины). Узел называется симметричным, когда его направляющие манипуляторы равноудалены от него, а крутизна кривой одинаковая на входе и выходе узла. 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 42 Раздел 2. Создание бланка «Сертификат» Управляющие манипуляторы симметричных узлов находятся на одной прямой и имеют одинаковую длину. При редактировании симметричных узлов форма и наклон примыкающих к узлу сегментов остаются одинаковыми. Тип любого выделенного узла можно изменить на сглаженный щелчком мыши на нем и клавишами Shift+Y. Редактирование узлов возможно не только с помощью изменения типов узлов и их манипуляторов. Простейший способ редактирования — перетаскивание одного или нескольких выделенных узлов (выделяя несколько узлов, удерживайте клавишу Shift) мышью. На рисунке далее показан пример редактирования узлов на примитивном цветке клавишами со стрелками (А). При нажатой клавише Аlt стрелки сдвигаются на 1 экранный пиксель. Можно масштабировать (В) или вращать (С) группу выделенных узлов. Это удобно для правки участка кривой, если вы не хотите разбивать контур на отдельные объекты. 43 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 2. Создание бланка «Сертификат» Манипуляторы кривых Самое удобное в кривых Безье — это плавность и непринужденная естественность изменения их формы при помощи манипуляторов. На рисунке далее показано, как манипуляторы могут изменять кривые. Они могут быть почти ровными (А), загнутыми на концах (В), иметь постоянную кривизну (С), крутые изломы (D) и даже петли. Если у выделенного узла не видно манипуляторов (они «втянуты»), их всегда можно вытащить при нажатой клавише Shift, а чтобы «втянуть» манипулятор, щелкните на нем при нажатой клавише Ctrl. Разрыв и соединение Разорвать кривую на выделенном узле, т. е. разомкнуть контур, что означает разбить его на две части (два субконтура), можно инструментом Разорвать контур в выделенном узле или нажатием клавиш Shift+B. Если не снимать выделение, субконтуры остаются частями одного объекта, поэтому их 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 44 Раздел 2. Создание бланка «Сертификат» можно редактировать или сдвигать инструментом Редактировать узлы контура или рычаги узлов . Соединить их обратно можно, выделив концевые узлы и щелкнув по инструменту Соединить выделенные узлы или нажав клавиши Shift+J. Если нужно добавить сегмент между концевыми узлами, как показано на рисунке далее, соединение происходит с помощью инструмента Соединить контуры по выделенным оконечным узлам выделенным сегментом . Инструменты разрыва и соединения сходны внешне и находятся на верхней панели рабочего пространства, рядом с инструментами редактирования узлов. Если нужно объединить в одну кривую несколько объектов, сначала превратите их в субконтуры командой из меню Контур — Оконтурить объект (Shift+Ctrl+C), а затем «срастите» их инструментом . Потренируйтесь самостоятельно над разрывом и соединением узлов. А теперь пришло время применить полученные навыки для создания фигурной линии. Создайте фрагмент, затем упростите его до части фрагмента, как показано на рисунке далее. На рисунке видно, что фрагмент выполнен немного искаженно, но, если вы начнете наращивание кривой с части фрагмента, результат будет идеален. Выделите часть фрагмента, продублируйте, затем «схватите» мышью за левый бок 45 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 2. Создание бланка «Сертификат» и, удерживая клавиши Ctl и Alt , перетащите вправо. Получается вертикально-зеркальное отражение объекта со смещением. Причем заметьте, объект сместился ровно там, где нужно, примыкая к искомому объекту. Далее выделите оба объекта, перейдите на инструмент и соедините их уже знакомым инструментом , выделив концевые узлы. Продолжите наращивание фигурной линии до тех пор, пока ее размер не будет визуально пропорционален (не слишком крупная фигурная линия и не слишком мелкая) большей стороне документа. Придумайте свою фигурную линию и создайте ее самостоятельно. Правило 3. Создавайте копии объектов в процессе работы. Когда фигурная линия будет готова, не спешите использовать ее в работе. Создайте ее копию и отложите за пределы рабочего поля, она нам еще пригодится. В процессе работы старайтесь создавать копии объектов, пусть даже не доведенных до завершения. Часто приходится возвращаться к определенному этапу работы, и сохраненные копии выручают в этом. Чтобы превратить фигурную линию в бордюр, придется проявить немного фантазии и стиля. Прежде чем создавать интерполяцию между двумя кривыми, установите каждой из них разный цвет и толщину. Для этого откройте окно из меню — Объект — Заливка и обводка (Ctrl+Shift+F). В раскрывшемся окне, показанном на рисунке ниже, во вкладке Обводка выберите цвет (согласно вашему представлению о цветовой гамме документа), во вкладке Стиль обводки установите толщину линий. Допустим, толщина первой кривой — 0,2 mm, а второй - 0,1 mm. 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 46 Раздел 2. Создание бланка «Сертификат» На рисунке далее представлены примеры преобразований с фигурной линией. Используя полученные навыки дублирования объекта, расположения, зеркального отражения, интерполяции и различных ее параметров, создайте самостоятельно бордюр, опираясь на показанные примеры. Группируйте полученные результаты и не забывайте создавать копии образцов. Шаг 4. Создаем бордюр для документа Шаг 4. Создаем бордюр для документа 47 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 2. Создание бланка «Сертификат» Шаг 4. Создаем бордюр для документа Приступая к созданию готового бордюра, у вас должна быть готова основа — сгруппированный объект из преобразованной фигурной линии, созданной на основе примера или самостоятельно. Т. к. бордюр будет иметь вид прямоугольника и располагаться на всех четырех сторонах документа, достаточно создать только одну вертикальную и одну горизонтальную сторону бордюра. Стыковка горизонтальной и вертикальной сторон (т. е. угол) будет происходить на срезе под углом 45 градусов. Чтобы отрезать край бордюра под углом 45, нарисуйте квадрат инструментом Рисовать прямоугольники и квадраты (при зажатой клавише Ctrl), который находится на панели инструментов справа от рабочего пространства. Размер квадрата определите визуально, при дальнейшем наложении его на край бордюра никакие части бордюра не должны выходить за края квадрата. Теперь поверните квадрат на 45 градусов. Для этого проделайте путь: - меню Объект — Трансформировать (Shift+Ctrl+M). В раскрывшемся окне Трансформировать перейдите на вкладку Вращение и установите угол 45, далее нажмите кнопку Применить. Выбор места среза — очень важный момент. Здесь нужно постараться не нарушить композицию сложившегося узора бордюра. На рисунке далее видно место наложения квадрата на бордюр (прямая линия — это часть стороны квадрата). Бордюр при этом должен полностью поместиться в квадрате, вылезание каких-либо краев недопустимо. 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 48 Раздел 2. Создание бланка «Сертификат» Переходим к непосредственному созданию среза. Выделите квадрат и бордюр и проделайте путь: - меню Объект — Обтравочный контур — Установить, либо ПК мыши в конкретном месте выберите Применить обтравочный контур. Срез готов. Создать бордюр для документа можно несколькими способами: Способ 1. Заключается в том, что достаточно создать по одной вертикальной и горизонтальной стороне с одинаковыми срезами со всех сторон для стыковки углов. В дальнейшем обе стороны копируются, и уже копии отражаются по вертикали и горизонтали, образуя прямоугольную рамку. Способ 2. Заключается в том, что достаточно создать по половине вертикальной и горизонтальной сторон, затем из половины создать симметричную горизонтальную или вертикальную стороны. Далее нужно действовать, как описано в способе 1. В данном разделе давайте применим способ 2. Для этого нужно разделить основу бордюра со срезом примерно по середине, не нарушая композиции узора. Начните с большей стороны, т. е. в нашем примере с горизонтальной стороны. Чтобы разделить объект, нужно часть основы отрезать. Сделайте это, применив уже известный вам Обтравочный контур. Затем создайте копию половины основы и отразите ее с помощью клавиш Ctrl+Alt. Сгруппируйте обе части горизонтальной стороны. Вертикальную сторону создайте аналогичным способом, используя копию горизонтальной основы. Этот способ удобен тем, что срезы с обеих сторон будут гарантированно одинаковыми. При повторном применении к объекту обтравочного контура могут возникнуть проблемы — объект либо не будет обрезаться, либо исчезнет совсем. Чтобы такого не произошло, во-первых, следите за тем, чтобы обтравочный контур (в данном примере им является прямоугольник) был вверху обрезаемого объекта, во-вторых, 49 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 2. Создание бланка «Сертификат» после каждого применения обтравочного контура выделите объект и через ПК мыши выберите Создать ссылку. Чтобы изменить положение объекта (например, поместить вверх), используйте инструменты перемещения из меню Объект или на верхней панели рабочего пространства, их всего четыре. После того как будет готова горизонтальная и вертикальная основа бордюра, их необходимо состыковать. Это можно сделать вручную, пользуясь мышью или клавишами перехода на клавиатуре. На рисунке далее показано, как выглядит угол до стыковки (А) и после (В). Для завершения работы с бордюром сгруппируйте результат. Шаг 5. Создаем фон Защитная сетка для фона документа 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 50 Раздел 2. Создание бланка «Сертификат» Защитная сетка для фона документа Функцию фона для документа может выполнять защитная сетка. Защитная сетка — это фоновый узор из тонких линий, который не затрудняет чтение текста, написанного поверх него, но плохо воспроизводится при копировании. Эффектно смотрятся фоновые сетки, созданные из извилистых переплетающихся линий. При их пересечении образуется мелкий регулярный узор, что придает фону однородность. Такие сетки называются регулярными. Роль тонкой линии в нашем примере будет выполнять созданная вами фигурная линия. Выделите ее, продублируйте и далее пробуйте смещать копию на необходимый промежуток в разных направлениях (вверх, вниз, влево, вправо), подбирая наиболее красивый вариант. Создайте несколько удачных вариантов комбинаций из фигурной линии, применяя также вертикальное и горизонтальное отражение. Рекомендации. Не создавайте слишком сложных элементов на линии и не делайте ее слишком изогнутой или с большим количеством изгибов. Прежде чем выбрать рисунок, распечатайте созданную сетку на принтере и оцените результат. Сдвигать объекты относительно друг друга можно несколькими способами: Способ 1. С помощью кнопок перехода на клавиатуре. Чтобы сдвиг получался точнее, нужно изменить шаг сдвига, учитывая при этом единицу измерения. Для этого проделайте путь: - меню Файл — Настроить Inkscape (Shift+Ctrl+P). В левой стороне открывшегося окна выберите параметры Шаги, затем в правой стороне окна установите Стрелки сдвигают на 1 px. Закройте окно. 51 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 2. Создание бланка «Сертификат» Способ 2. С помощью положения объектов относительно разметки страницы. Выделите объект и на верхней панели рабочего пространства найдите его координаты по оси X и Y. Рядом с этими параметрами находятся размеры ширины и высоты объекта. Чтобы с точностью повторить удачную комбинацию линий, запишите поочередно координаты всех задействованных в узоре линий. Рассчитайте разность их координат по X и Y. Открыв окно Трансформировать через меню Объект — Трансформировать (Shift+Ctrl+M) , можно использовать полученную разность для точного смещения. Рекомендации. Операции вычисления можно производить на панели указания координат объекта, прибавляя , вычитая, умножая или деля видимый параметр на нужное число. Способ 3. С помощью поворота линий. Создайте фрагмент фона, продублируйте его, затем поверните копию относительно оригинала, например, на 90 градусов. Размер угла вращения или наклона указывайте в окне Трансформировать. Этот способ удобен для создания нерегулярных сеток. Несмотря на то, что нерегулярная сетка зачастую выглядит сложнее регулярной, она не должна быть хаотичной. В ней должен прослеживаться определенный, хорошо заметный рисунок. 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 52 Раздел 2. Создание бланка «Сертификат» Для создания фона необходимо многократное повторение перечисленных способов смещения, для заполнения пространства используйте уже знакомые вам способы интерполяции и клонирования. После того как фон будет готов, сгруппируйте его. Чтобы фон не выходил за границы бордюра, ему необходимо придать четкую прямоугольную форму. Используйте для этого навыки, полученные при работе с обтравочным контуром. Шаг 6. Добавляем текст Работа с текстом Работа с текстом Создание текста в программе Inkscape осуществляется с помощью инструмента Создавать и править текстовые объекты на Панели инструментов. Щелкните на рабочем пространстве и введите текст «СЕРТИФИКАТ». Для перехода на новую строку нажмите клавишу Enter. Чтобы отредактировать текст, нужно открыть окно Текст и шрифт (Shift+Ctrl+T) из меню Текст. Измените в раскрывшемся окне на вкладке Гарнитура название шрифта и Кегль шрифта, а также на вкладке Размещение: по центру. Название шрифта выберите из предложенного списка по вашему усмотрению. Затем необходимо нажать кнопки Применить и Закрыть. 53 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 2. Создание бланка «Сертификат» Для того чтобы изменить параметры отдельного слова или строки, воспользуйтесь автоматически раскрывающейся панелью, показанной на рисунке ниже, для редактирования текста вверху рабочего пространства. Панель становится активной при выделении текста инструментом Создавать и править текстовые объекты. Рекомендации. Чтобы шрифт, примененный к тексту, сохранился при экспорте в другие программы, его нужно преобразовать в кривые: меню Контур — Оконтурить объект. Изменить цвет текста можно в уже знакомом окне Заливка и обводка. Положите готовый текст на фон изображения. Сертификат готов. 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 54 Раздел 2. Создание бланка «Сертификат» 55 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 3. Создание бланка «Свидетельство» Шаг 1. Создаем бордюр для документа Шаг 2. Создаем фон Шаг 3. Добавляем текст 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 56 Раздел 3. Создание бланка «Свидетельство» Шаг 1. Создаем бордюр для документа Способ создания бордюра Способ создания бордюра В качестве основы для рамки бланка документа необходимо создать объект, который представлен на рисунке. Для этого нарисуйте любую фигуру произвольного размера — она будет служить только на начальном этапе создания основы для рамки. Выделите произвольную фигуру и перейдите в меню — Расширения — Отрисовка — Спирограф…. В раскрывшемся окне Спирограф выставите параметры согласно рисунку: Далее нажмите Применить. Процесс преобразования фигуры в спирограф может занять некоторое время. Подождите пока не появится фигура, которая представлена ниже. Теперь можно Закрыть окно Спирограф. Данную фигуру необходимо развернуть в положение, соответствующее рисунку и задать ей размер 30х30 mm. Чтобы развернуть объект, щелкните на нем 2 раза ПК мыши и с помощью углового маркера, выделенного на рисунке красным кружочком, поверните фигуру. 57 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 3. Создание бланка «Свидетельство» После того как фигура подготовлена, необходимо задать ее цвет. С помощью окна Заливка и обводка установите заливку в формате RGB (227, 219, 219), а обводку (145, 111, 111). Сделайте копию полученного результата. Данная фигура будет основой для создания рамки документа. Расположите ее в левом верхнем углу, продублируйте и сместите полученную копию в правый верхний угол. Выделите обе фигуры и перейдите в меню — Расширения — Создание из контура — Интерполяция… В раскрывшемся окне Интерполяция выставите параметры, как показано на рисунке. Шагов интерполяции может быть примерно 8-10. 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 58 Раздел 3. Создание бланка «Свидетельство» Из полученного фрагмента рамки соберите полную рамку для бланка. У вас должно получиться примерно так, как на рисунке. Шаг 2. Создаем фон Создание фона для бланка документа 59 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 3. Создание бланка «Свидетельство» Создание фона для бланка документа Создайте прямоугольник, задайте ему произвольный размер, соответствующий размеру фона для бланка. Этот прямоугольник должен находиться над рамкой и иметь параметры заливки (227, 228, 219) и обводки (145, 111, 111), стиль обводки: 0,3 mm. Сравните свой результат с рисунком. Далее продублируйте прямоугольный фон и, не снимая выделения с копии фона, перейдите в меню — Расширение — Создание из контура — Мозаика Вороного… В раскрывшемся окне Мозаика Вороного выставите параметры, как показано на рисунке, и нажмите Применить. 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 60 Раздел 3. Создание бланка «Свидетельство» Подождите, пока не появится эффект, который представлен на следующем рисунке. Теперь можно Закрыть окно Мозаика Вороного. Сделайте еще одну копию первоначального варианта фона и перенесите его на верх изображения. Задайте новой копии фона в окне Заливка и обводка на 61 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 3. Создание бланка «Свидетельство» вкладке Заливка Альфа-канал (непрозрачность): 198. Сгруппируйте рамку и фон. Шаг 3. Добавляем текст Работа с текстом 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 62 Раздел 3. Создание бланка «Свидетельство» Работа с текстом Для завершения работы над созданием бланка «Свидетельство» необходимо добавить текст, образец которого представлен в завершение этого раздела. 63 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 4. Создание бланка «Гарантийный талон» Шаг 1. Создаем логотип Шаг 2. Создаем бордюр Шаг 3. Добавляем текст 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 64 Раздел 4. Создание бланка «Гарантийный талон» Шаг 1. Создаем логотип Использование графических примитивов «Прямоугольник», «Эллипс» и «Звезда». Использование графических примитивов «Прямоугольник», «Эллипс» и «Звезда». Для создания следующего бланка «Гарантийный талон» будут использованы графические примитивы «Прямоугольник», «Эллипс» и «Звезда». Данный бланк требует создания логотипа для некой организации «Спектр». Переходим к созданию кругового спектра. Вам нужно создать две фигуры - первая фигура «Звезда» отображается с помощью инструмента Рисовать звезды и многоугольник . Выберите данный значок на Панели инструментов и нарисуйте произвольную фигуру «Звезда». Не снимая выделения с фигуры, определите ее параметры так, как показано на рисунке ниже. Данная панель находится вверху рабочего пространства программы Inkscape. Далее задайте размер фигуры. Для этого выделите фигуру инструментом Выделять и трансформировать объекты… и введите одинаковые параметры ширины и высоты равные 53mm, предварительно установив единицу измерения на mm. Данная панель также находится вверху рабочего пространства программы Inkscape. Для создания данной фигуры имеет значение толщина обводки. Перейдите в меню — Объект — Заливка и обводка и установите на вкладке Стиль обводки толщину равную 1 mm. 65 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 4. Создание бланка «Гарантийный талон» После всех преобразований у вас должна получиться вот такая фигура: Теперь с помощью инструмента Рисовать круги. Эллипсы и дуги нарисуйте произвольный эллипс. Цвет фигуры на данный момент не имеет значения. Аналогично созданной фигуре «Звезда» установите параметры ширины и высоты, равные 50mm. Для дальнейшей работы вам потребуется выровнять обе фигуры относительно друг друга. Выделите оба объекта независимо от их местоположения на странице, затем перейдите в меню — Выровнять и расставить и в открывшемся окне на вкладке Выровнять щелкните поэтапно на кнопки Центрировать на вертикальной оси и Центрировать на горизонтальной оси, предварительно установив Ориентир : Рисунок. 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 66 Раздел 4. Создание бланка «Гарантийный талон» После выполнения действий выравнивания убедитесь, что фигура «звезда» находится на переднем плане, а «круг» - на заднем. Если у вас получилось наоборот, выделите круг и проделайте путь: меню Объект — Опустить. Полученный результат сравните с рисунком ниже. Выделите оба объекта и перейдите в меню — Контур — Разделить. Данным действием вы разделили круг на 9 частей фигурой «Звезда», которую далее нужно удалить из работы над спектром. На рисунке ниже выделенный объект подлежит удалению. 67 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 4. Создание бланка «Гарантийный талон» Оставшуюся фигуру выделите и разгруппируйте через меню — Объект — Разгруппировать или другим способом. Собственно, задавая количество лучей фигуры «Звезда» равное 9, вы определились с количеством цветов в круговом спектре. Осталось только задать цвет каждой части спектра. Попеременно выделяя каждую часть, введите цвет в окне Заливка и обводка на вкладке Заливка «Сплошной цвет» в формате RGB. Список рекомендуемых цветов: 1) пурпурный (226,0,122); 2) фиолетовый (128,0,255); 3) синий (0,0,255); 4) красный (255,0,0); 5) голубой (0,191,255); 6) оранжевый (255,160,0); 7) зеленый (0,128,0); 8) желтый (255,255,0): 9) черный (0,0,0). Полученный результат сгруппируйте. Уменьшите его размер до параметров 30х30mm. Круговой спектр готов. 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 68 Раздел 4. Создание бланка «Гарантийный талон» Для завершения логотипа нужно создать надпись «СПЕКТР». Нарисуйте прямоугольник размером 40х10mm. Установите ему Заливку RGB (230, 230, 230), Обводку (0, 0, 255), Стиль обводки толщиной 1 mm и Соединение: Скругленное. К прямоугольнику добавьте надпись «СПЕКТР» произвольным шрифтом и цветом аналогичным обводке прямоугольника. Надпись и прямоугольник сгруппируйте. Добавьте надпись к спектральному кругу и сгруппируйте результат. Логотип готов. Шаг 2. Создаем бордюр Создание рамки для бланка документа 69 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 4. Создание бланка «Гарантийный талон» Создание рамки для бланка документа Чтобы создать бордюр для бланка «Гарантийный талон», воспользуемся функцией отрисовки объекта. Нарисуйте любую произвольную фигуру — это может быть прямоугольник или эллипс любого размера и цвета. Затем выделите созданную фигуру и проделайте путь: меню Расширения — Отрисовка — Матричный код…. Во всплывшем окне установите параметры, как показано на рисунке ниже, и нажмите кнопку Применить. 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 70 Раздел 4. Создание бланка «Гарантийный талон» Результат сравните с представленным рисунком. У вас должно получиться три квадрата с матричным штрих-кодом. Выделите все три фигуры и разгруппируйте их. Далее работайте с каждым квадратом отдельно. Один, с эффектом окантовки с двух сторон, оставьте без изменений и сгруппируйте. А на двух других удалите несколько маленьких черных квадратиков таким образом, чтобы оставить эффект окантовки только с одной стороны. Каждый такой квадратик сгруппируйте отдельно. На рисунке выделены квадратики с эффектом окантовки с одной стороны. Полученные квадратики будут заготовкой для создания бордюра. Установите им 71 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 4. Создание бланка «Гарантийный талон» одинаковый размер - 6х6mm. Теперь приступаем к непосредственному созданию бордюра, а для этого вам нужно размножить заготовки-квадратики. Угловой квадратик оставьте неизменным, а остальные скопируйте и несколько раз вставьте. Местоположение вставляемых квадратиков на данный момент не имеет значения, они должны примерно находиться на одной линии и следовать друг за другом. Общее их количество должно составлять примерно 15-17 шт. Выделите на вид хаотично разбросанные объекты и в окне Выровнять и расставить на вкладке Выровнять нажмите на кнопку Выровнять нижние края объектов, обозначив Ориентир: Выделение. На вкладке Расставить нажмите на кнопку Равноудаленно расставить центры объектов по горизонтали. Квадратики-заготовки, как по волшебству, выровнялись в одну линию с одинаковыми промежутками между объектами. Устранить зазоры между квадратиками очень просто. Для этого сдвиньте крайний правый или левый объект к центру конструкции, затем выделите все объекты и 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 72 Раздел 4. Создание бланка «Гарантийный талон» нажмите на кнопку Равноудаленно расставить центры объектов по горизонтали. Проделывайте эту операцию до тех пор, пока зазоры между объектами исчезнут. Полученный результат сгруппируйте. Для создания рамки необходимо выстроить 4 стороны бордюра. Выделите готовую сторону бордюра и продублируйте ее с помощью меню — Правка — Продублировать. Далее, не снимая выделения, перейдите в меню — Объект — Трансформировать и в открывшемся окне Трансформировать на вкладке Вращение выставите Угол: 90 deg. Далее Применить. Не снимая выделения с продублированной стороны бордюра, перейдите в меню — Объект — Отразить горизонтально. Полученный результат будет похож на крест. 73 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 4. Создание бланка «Гарантийный талон» Чтобы поставить вторую сторону рамки на свое место, выделите оба бордюра и в окне Выровнять и расставить на вкладке Выровнять выберите Выровнять левые края объектов и Выровнять нижние края объектов, при этом внимательно посмотрите, с какой стороны на продублированном бордюре окажется эффект окантовки. «Окантовка» должна быть с внешней стороны рамки. В рассмотренном примере «окантовка» оказалась с левой внешней стороны, поэтому выравнивание произведено по левому краю объектов. В результате этих операций оба бордюра правильно пристыкуются друг к другу, но на месте стыка получится «нахлест». 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 74 Раздел 4. Создание бланка «Гарантийный талон» Поэтому выделите боковой бордюр. Разгруппируйте его и удалите не только «лишний» квадрат на месте стыка, но и несколько квадратов с верхней стороны бордюра так, как показано на рисунке. По сути на данном этапе должна быть выполнена четвертая часть рамки для бланка документа. Для того чтобы из выполненного фрагмента создать целую рамку, выделите полученный результат, сгруппируйте его, далее продублируйте через меню Правка — Продублировать, затем, не снимая выделения, перейдите в окно Трансформировать на вкладку Смещение, введите параметры По горизонтали, соответствующие параметрам Ширина выделенного объекта. Эти параметры можно найти на верхней панели рабочего пространства программы Inkscape (см. рисунок ниже). Обратите внимание — единица измерения должна быть выставлена mm. Теперь осталось нажать на кнопку Применить. 75 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 4. Создание бланка «Гарантийный талон» Результат сравните с рисунком. Далее, также не снимая выделения, пройдите путь: меню — Объект — Отразить горизонтально. Половина рамки готова. Аналогичным образом наращиваем вторую часть рамки. Выделите предыдущий результат, сгруппируйте его, далее продублируйте через меню Правка — Продублировать , затем, не снимая выделения, перейдите в окно Трансформировать на вкладку Смещение, введите параметры По вертикали, соответствующие параметрам Высота выделенного объекта. 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 76 Раздел 4. Создание бланка «Гарантийный талон» Эти параметры можно найти на верхней панели рабочего пространства программы Inkscape. Результат сравните с рисунком: Далее, также не снимая выделения, пройдите путь: меню — Объект — Отразить вертикально. Полученный результат сгруппируйте и присвойте ему заливку RGB (0,91,146). Рамка полностью готова. 77 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 4. Создание бланка «Гарантийный талон» Создайте три рамки согласно образцу, который представлен в завершение этого раздела. Шаг 3. Добавляем текст Работа с текстом Работа с текстом Для завершения работы над созданием бланка «Гарантийного талона» необходимо добавить текст, образец которого представлен в завершение этого раздела. Чтобы тест возможно было в дальнейшем форматировать, необходимо создавать его в блоке. Для этого выберите инструмент Создавать и править текстовые объекты (F8) на Панели инструментов, затем перейдите в меню Текст — Заверстать в блок. 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 78 Раздел 4. Создание бланка «Гарантийный талон» После этого должен появиться вместо курсора мыши значок «А +». Далее движением ПК мыши нарисуйте произвольный прямоугольник. Сравните результат с рисунком. Выделенные области представляют собой «мигающий столбик» в левом верхнем углу, означающий готовность к вводу текста, а в правом нижнем углу - «прозрачный ромбик», означающий принадлежность данного прямоугольника к текстовому блоку. Также «прозрачный ромбик» в дальнейшем дает возможность изменять границы текстового блока — уменьшать и увеличивать его ширину и высоту. Вот так примерно должен выглядеть текст, введенный в текстовый блок. 79 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 4. Создание бланка «Гарантийный талон» Чтобы приступить к форматированию набранного текста, не снимая выделения с текстового блока, перейдите в меню Текст — Текст и шрифт. Аналогичный значок можно найти на верхней панели рабочего пространства программы Inkscape. На рисунке он выделен красным кружочком. Во всплывающем окне Текст и шрифт (Shift+Ctrl+T) установите параметры согласно рисунку, представленному ниже. На вкладке Гарнитура выберите шрифт (Гарнитура): Sans или любой другой на ваше усмотрение, Начертание: Normal, Размещение: Выключить строки по ширине, Кегль шрифта: 14. На вкладке Текст можно посмотреть и отредактировать непосредственно сам текст. Далее - Применить и Закрыть. 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 80 Раздел 4. Создание бланка «Гарантийный талон» Переходим к созданию текстового блока «Гарантийный талон». На рисунке ниже представлены его параметры. Обратите внимание на кнопки, выделенные красным прямоугольником: они обозначают начертание «полужирным» Переключить полужирность и «курсивом» Переключить наклонность/курсивность . Для данного текстового блока воспользуйтесь только начертанием «полужирность». Используйте полученные навыки форматирования текста для создания остальных текстовых блоков, представленных в образце бланка «Гарантийный талон» в конце этого раздела. 81 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Раздел 4. Создание бланка «Гарантийный талон» Используйте полученные навыки форматирования текста для создания остальных текстовых блоков, представленных в образце бланка «Гарантийный талон» в конце этого раздела. 2011 © eduarea.com // Подготовлено для пользователя «reg177471» 82 Раздел 4. Создание бланка «Гарантийный талон» 83 2011 © eduarea.com // Подготовлено для пользователя «reg177471» Для заметок Для заметок Для заметок Для заметок Для заметок