Для создания нового документа выполните следующие действия.

1. Откройте экран Места.
2. Выберите папку, в которой требуется сохранить файл.
3. На панели инструментов в верхней части экрана нажмите кнопку .
4. Выберите шаблон из восьми готовых шаблонов, из группы уже созданных вами шаблонов или добавленных в OmniGraffle. В целях соответствия с приведенными ниже описаниями выберите третий шаблон в первой строке, Авторазмер - пиксели.

Когда шаблон будет выбран, в OmniGraffle откроется новый документ (с именем Моя диаграмма, которое, впрочем, можно будет потом изменить).

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

• Нажмите кнопку , чтобы скрыть/отобразить боковую панель Полотна слева. Эта панель позволяет управлять полотнами и слоями в документе, а также создавать и удалять их.

  

  Можно также переключаться между представлениями Список и Стили, что особенно удобно при необходимости изменения группы объектов с похожими стилями. Например, вам нужно изменить цвет заливки объектов с баклажанового (#3d0734) на фисташковый (#c1f80a).

• Нажмите кнопку , чтобы просмотреть сведения о текущем рабочем полотне. Если на полотне выделен объект, также станут доступны Инспекторы.

  

• Нажмите кнопку , чтобы открыть библиотеку Образцы. Библиотека «Образцы» позволяет найти нужные объекты и перетащить их на полотно, а также выполнить поиск новых образцов в онлайн-хранилище Stenciltown.

  

Теперь, когда вы изучили все кнопки панели инструментов, пора немного поэкспериментировать с инструментами для рисования.

Добавление фигур

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

1. Для выбора инструмента «Фигуры» нажмите кнопку .

2. Нажмите пальцем полотно и нарисуйте им фигуру.

   

   При рисовании на полотне в OmniGraffle отображаются размеры рисуемой фигуры, а также координаты x/y ее положения на полотне.

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

Можно также нажать и удерживать образец, а затем перетащить его на полотно.

При перетаскивании образца на полотно меню «Образцы» скрывается, и появляются синие линии выравнивания, помогающие точно расположить объект на полотне. Розовые линии выравнивания помогают расположить объект по горизонтальному и вертикальному центру.

Можно также создавать собственные формы.

1. Нажмите кнопку , чтобы активировать инструмент для рисования «От руки». Не забудьте, что можно также дважды нажать инструмент, чтобы сделать его постоянно активным. Например .

2. Для рисования на полотне воспользуйтесь пальцем (или любимым стилусом).

   

Фигуры можно выделять и настраивать с помощью инспекторов, нажав кнопку на верхней панели. Вот так мы выделили «голову» улыбающейся фигурки и добавили желтую радиальную заливку.

Добавить на полотно изображение можно также с помощью меню «Образцы».

1. Нажмите кнопку , чтобы открыть меню «Образцы».

2. Нажмите значок в верхней части меню «Образцы».

   

   Если вы еще не предоставили доступ программе OmniGraffle к данным программы «Фото», то появится следующее предупреждение.

   

   Для предоставления доступа программе OmniGraffle дважды нажмите на iPad кнопку главного экрана, найдите и откройте программу Настройки, нажмите слева пункт Конфиденциальность и измените положение переключателя для программы OmniGraffle.

   

   Еще раз дважды нажмите кнопку главного экрана и вернитесь в программу OmniGraffle.

3. После нажатия кнопки в нижней части меню «Образцы» появится ряд дополнительных пунктов.

   • Нажмите пункт Сделать фото, чтобы воспользоваться камерой iPad.
   • Нажмите пункт Выбрать имеющееся, чтобы выбрать изображение из библиотеки фотографий.
   • Нажмите пункт Использовать последнее, чтобы вставить в OmniGraffle последнее добавленное в библиотеку фотографий изображение.

   

4. При нажатии пункта Выбрать имеющееся панель Фотографии примет вид меню. В нем можно выбрать вариант Все фотографии на iPad или Недавно добавленные.

   

5. Для завершения прокрутите список и нажмите изображение, которое требуется добавить на полотно.

   

   Меню «Образцы» будет закрыто, а изображение — добавлено на полотно.

   

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

Соединение объектов линиями

Соединения — это линии, связывающие объекты, помогающие наглядно представить взаимосвязь объектов. Для создания соединений между объектами выполните следующие действия.

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

   

   Обратите внимание на светло-синие линии изменения размера около объектов. Они отображаются при рисовании на полотне похожих друг на друга объектов для настройки соотношения их размеров. (Разумеется, можно нарисовать один объект, а потом просто скопировать и вставить его несколько раз с помощью жеста нажатия и удержания.)

2. Нажмите кнопку , чтобы сделать активным инструмент Линия.

3. Чтобы нарисовать линию между фигурами, проведите пальцем от одной из них к другой.

   

4. Чтобы нарисовать отдельную линию, проведите пальцем по полотну.

   

Для настройки конечных точек линии выполните следующие действия.

1. Нажмите конечную точку линии и удерживайте ее…

   

   …чтобы перетащить в нужное место.

   

   Обратите внимание на то, как конечная точка «притягивается» к находящейся рядом начальной точке другой линии.

Добавление подписей

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

Можно также добавлять на полотно отдельные текстовые блоки с помощью инструмента Текст (). Такие текстовые блоки не привязаны к другим объектам на полотне. Но их можно привязать к ним.

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

По завершении ввода текста нажмите кнопку Скрыть клавиатуру в правом нижнем углу клавиатуры на экране iPad. Если используется Bluetooth-клавиатура, то для подтверждения введенного текста нажмите клавишу Esc.

Если текст подписи потребуется изменить, просто дважды нажмите подпись, чтобы выделить ее, и внесите нужные изменения. Чтобы вставить или удалить какой-либо символ, можно нажать и удерживать текстовый объект, а затем пальцем переместить выбранное место в тексте.

Чтобы добавить подпись к линии, выполните следующие действия.

1. Дважды нажмите линию. Появится текст «Подпись».

   

2. Введите текст с описанием линии.

   

3. Для настройки положения относительно линии нажмите кнопку , чтобы открыть окно инспектора.

   

   Можно выполнить следующие действия.

   • Использовать инспектор Заливка, чтобы задать цвет фона подписи.
   • Использовать инспектор Положение текста, чтобы настроить положение подписи и выравнивание текста.
   • Использовать инспектор Шрифт, чтобы изменить размер, стиль и цвет шрифта.
   • Использовать инспектор Геометрия, чтобы при необходимости повернуть подпись.
   • Использовать инспектор Примечания, чтобы добавить сведения о подписи и связанных с ней объектах.

Добавление контрольных точек и кривых к линии

Рисование любого объекта начинается с основной линии. Инструмент Линия позволяет легко нарисовать прямую линию. Но иногда впоследствии требуется наклонить или изогнуть ее. Для этого нужны контрольные точки. В соответствии с названием, контрольная точка позволяет контролировать внешний вид и стиль линии.

Чтобы добавить контрольную точку к линии, выполните следующие действия.

1. Нажмите значок и выберите линию.

   

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

   

3. Нажмите кнопку , чтобы выбрать инструмент добавления точек, а затем нажмите линию, к которой требуется добавить контрольную точку. В месте нажатия линии появляется маленькая синяя звездочка.

   

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

   

К линии можно добавить любое необходимое количество контрольных точек (разумеется, пока они не перестанут на ней умещаться). После добавления контрольных точек можно дополнительно изменить внешний вид линии с помощью инспектора Линия.

Например, можно создать изогнутую линию, изменив ее тип с Прямая на Кривая, или с Прямая на Безье, чтобы легко создавать линии с элегантными изгибами.

Дополнительные сведения о линиях Безье см. в разделе Работа с кривыми Безье далее в этой главе.

Выделение объектов, изменение их размеров и перемещение

После добавления ряда объектов на полотно для получения нужного результата может потребоваться переместить их. Для этого сначала потребуется инструмент Выбор.

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

• Для выбора объекта просто нажмите его.

• Для выбора всех объектов на полотне нажмите и удерживайте палец на полотне в течение одной-двух секунд. В месте нажатия откроется контекстное меню. Нажмите в нем пункт Выбрать все.

  

• Чтобы выделить несколько объектов на полотне, нажмите и удерживайте палец на полотне (не отпуская его слишком рано). Когда появится индикатор выделения, перетащите его на объекты, которые требуется выделить.

  

  Для добавления объектов по одному можно также нажать и удерживать один объект одним пальцем, а вторым — другой объект.

  

• Для изменения размеров объекта (или группы объектов) выполните следующие действия.

  • Выделите нужные объекты.
  • Нажмите и удерживайте одну из отметок, а затем перетащите ее для изменения размера (увеличения или уменьшения). Если объект является формой или подписью, на полотне появится всплывающее окно с размерами выделенной области.

• Чтобы указать размер без перетаскивания, нажмите объект и воспользуйтесь инспектором Геометрия, чтобы ввести значения высоты и ширины. Можно также включить параметры Сохранять пропорции и Масштаб содержимого в нижней части окна инспектора «Геометрия», чтобы сохранить неизменным внешний вид объектов.

  

• Чтобы переместить объект, выполните следующие действия. Нажмите и удерживайте объект, а затем перетащите в нужное место на полотне. Если у объекта имеются соединения, линии соединений переместятся вместе с ним.

Эффективное использование контекстного меню

При нажатии и удержании объекта на полотне над ним открывается черно-белое контекстное меню. Это контекстное меню, аналогично контекстным меню на компьютерах Mac, содержит основные необходимые команды.

При нажатии и удержании точки на полотне откроется контекстное меню, содержащее перечисленные ниже параметры.

• Выбрать все— выбор всех объектов на полотне.
• На весь экран— скрытие всех элементов, кроме полотна. Этот параметр позволяет охватить взглядом все поле деятельности и продемонстрировать весь результат работы в OmniGraffle. Чтобы снова отобразить средства навигации и рисования, нажмите и удерживайте любую точку на полотне, а затем выберите в меню пункт Выкл. полноэкранный режим.
• Если какой-либо объект был скопирован или вырезан в буфер обмена, то в контекстном меню полотна появится третий элемент —Вставить.

При выделении одного объекта в контекстном меню будут представлены следующие функции.

• Вырезать
• Копировать
• Выделить все
• Вставить (при наличии каких-либо элементов в буфера обмена)
• Удалить
• Заблокировать/разблокировать
• На задний план
• Создать таблицу (версия Pro)
• Копировать стиль
• На весь экран/Выкл. полноэкранный режим

Если выделить несколько объектов и нажать и удерживать их, то в открывшемся контекстном меню добавится пункт Группировать или Разгруппировать.

Использование контекстного меню помогает сэкономить массу времени при выполнении действий, для которых используется сочетания клавиш в OmniGraffle на компьютере Mac.

Работа с кривыми Безье

OmniGraffle позволяет не только создавать блок-схемы и диаграммы. Это — полнофункциональное средство для создания иллюстраций. Немного поработав в OmniGraffle, вы сможете быстро создавать необходимые сложные рисунки. И когда на полотне будут созданы все необходимые объекты, их внешний вид можно будет довести до совершенства с помощью инспекторов.

Приведенные ниже краткие инструкции позволят создать простую форму (треугольник) и преобразовать его в лист. Просто повторите описанные действия…

1. В своей рабочей папке нажмите кнопку , чтобы создать новый документ.

2. Выберите шаблон Авторазмер - пиксели.

3. Нажмите на панели навигации кнопку , чтобы открыть меню «Образцы».

4. Выберите Фигуры.

5. В списке Простыедважды нажмите треугольник, чтобы добавить его на полотно.

   

6. Нажмите любую точку на полотне, чтобы скрыть меню «Образцы».

Теперь на полотне есть один треугольник, направленный вправо. Ну и как, спросите вы, превратить это в лист?! Не спешите, сейчас все получится.

Очередной этап - повернуть треугольник так, чтобы он был направлен вверх (ну, или хотя бы примерно).

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

   

2. Нажмите и удерживайте треугольник одновременно двумя пальцами. Слегка поверните пальцы. Когда на экране появится направленная вверх синяя стрелка, отпустите один палец, а другим пальцем поверните треугольник влево. На панели инспектора отображается угол поворота. В данном случае — это 285°.

   

   Теперь разберемся с кривыми Безье. Да здравствует французский изобретатель!

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

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

   • При нажатии и удержании верхней контрольной точки она будет выделена синей звездочкой. Эта звездочка показывает, что точку можно перетаскивать для изменения формы треугольника. Но не делайте этого, требуются другие действия.

     

   • Продолжайте удерживать верхнюю контрольную точку. Синий квадрат сменится красной звездочкой. Эта звездочка показывает, что при ее перетаскивании можно преобразовать ее в точку кривой Безье.

     

   • Продолжайте удерживать верхнюю контрольную точку. Красная звездочка сменится на ряд синих перекрестий. Это показывает, что контрольная точка временно заблокирована на месте, и можно приступить к перетаскиванию панели управления кривыми Безье.

     

   • Проведите пальцем вправо, чтобы преобразовать контрольную точку в кривую Безье. При перемещении пальца из контрольной точки вместе с ним перемещается красная панель управления кривыми Безье.

     

   Как уже было отмечено ранее, все это происходит практически мгновенно (ну, или почти мгновенно). Однако важно понимать каждый этап этого действия. Например, если требуется только выделить контрольную точку и перетащить ее для изменения формы треугольника, то достаточно дождаться появления синего треугольника вокруг точки.

5. Преобразуйте остальные две точки в точки Безье. Изображение на вашем экране будет выглядеть приблизительно следующим образом.

   

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

• Перетащите отметки Безье внутрь или наружу, чтобы получить нужную форму листа.

• При необходимости дважды нажмите экран между имеющимися контрольными точками, чтобы добавить еще одну.

• Если требуется настроить только одну сторону кривой Безье, сначала нажмите и удерживайте одну из отметок Безье, а затем нажмите и удерживайте* другим пальцем любую другую точку на полотне. Точка, нажатая этим пальцем, блокирует контрольную точку кривой Безье, позволяя с помощью перемещения другого пальца создавать острые или более сглаженные кривые.

  

• Чтобы создать точку резкого перегиба на другой стороне, нажмите и удерживайте одну из отметок Безье, а затем нажмите и удерживайте другим пальцем любую другую точку на полотне, чтобы заблокировать контрольную точку. Теперь, когда отметка Безье управляется положением пальца, переместите его внутрь к контрольной точке. Останется односторонняя кривая Безье.

  

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

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

• С помощью инспектора Соединения обработайте все точки границы листа для отключения соединений. Это позволит переместить в нужные места все изгибы и прожилки листа.
• С помощью инструмента Линия создайте изгибы и прожилки.
• С помощью инспектора Линия удалите конечные точки линий.
• С помощью инспектора Штрих настройте размер точек линий.
• С помощью инспектора Штрих измените стиль границ листа на стиль «От руки».
• С помощью инспектора Заливка примените к листу двойной линейный градиент.
• С помощью сведения/разведения пальцев увеличивайте и уменьшайте масштаб отображения полотна при добавлении изгибов и прожилок.

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