Создание векторных изображений: Документ не найден

Создание векторной графики и работа с ней в Adobe Photoshop

Adobe Illustrator – это стандартное приложение для графического дизайна. Это лучший инструмент для работы с векторными файлами.

К сожалению, не у всех есть Illustrator, но у многих есть Photoshop. В Photoshop есть базовая поддержка векторных изображений. В этом руководстве мы рассмотрим, как создавать векторные изображения в Photoshop в качестве замены Illustrator.

Что такое векторное изображение?

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

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

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

К каждому объекту можно применить два типа цвета:

• Обводка – это линия, которая следует по пути.
• Заливка добавляет сплошной цвет или узор в пространство, окруженное траекторией.

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

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

Рисование векторных фигур и линий

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

• Инструмент Прямоугольник
• Инструмент прямоугольника со скругленными углами
• Инструмент Эллипс
• Инструмент многоугольника
• Инструмент линии
• Инструмент Custom Shape

Вы всегда можете выбрать выделенный инструмент, нажав клавишу U на клавиатуре. Или нажмите Shift + U, чтобы переключаться между инструментами, пока не найдете тот, который вам нужен.

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

Рисование основных векторных фигур

Выберите инструмент для фигуры, которую хотите нарисовать, затем добавьте цвета Заливки и Обводки .

Теперь щелкните и перетащите на холст. Фигура рисуется из угла в любом направлении, в котором вы перетаскиваете. Чтобы создать симметричную форму, например круг или квадрат, удерживайте клавишу Shift .

Чтобы нарисовать треугольник, выберите инструмент «Многоугольник» . Щелкните один раз на холсте, чтобы открыть окно настроек « Создать многоугольник» . Установите количество сторон на 3 .

Изменение и редактирование векторных фигур

При создании векторной графики в Photoshop вы не ограничены базовыми формами. Их можно очень быстро изменить.

Сначала выберите форму. Это выделит фигуру и покажет точки привязки на ее пути. Это точки, где форма имеет углы или кривые.

Выберите инструмент « Прямое выделение» на панели инструментов (щелкните и удерживайте значок « Инструмент выбора пути», чтобы найти его, или нажмите Shift + A ). Теперь щелкните одну из опорных точек и перетащите ее в любом направлении, чтобы деформировать форму.

Для более сложного редактирования перемещайте две или более точки привязки одновременно.

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

Слияние и объединение векторных фигур

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

Начните с рисования фигуры на холсте. Затем нажмите кнопку « Операции с контурами» на панели параметров в верхней части экрана. Обычно каждый новый путь или фигура располагается на отдельном слое. Измените это, нажав « Объединить фигуры» .

Теперь нарисуйте еще одну фигуру. Это будет на том же слое, что и ваша первая фигура.

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

Перетащите вторую фигуру так, чтобы она перекрывала первую. Эти два сливаются в единую фигуру, хотя остаются отдельными объектами. Щелкните « Объединить компоненты формы» в « Операциях с контурами», чтобы объединить их в один объект.

Используйте инструмент «Выбор контура», чтобы выбрать вторую нарисованную вами фигуру. Теперь в Path Operations выберите Subtract Front Shape . Фигура будет удалена вместе с областью, где она перекрывается с первой фигурой.

Выделите обе формы. В разделе «Операции с контурами» выберите « Пересечь области формы» . Это удалит обе формы, кроме областей, где они перекрываются. Мы используем эту опцию для создания полукруга.

Наконец, выделите обе формы и выберите « Исключить перекрывающиеся фигуры» . Это удаляет область, где две формы перекрываются, и оставляет все остальное нетронутым.

Эти инструменты – эффективный способ создания новых фигур, а также разделения или вырезания частей из существующих. Они также работают с инструментом «Перо» и « Текст» .

Рисовать векторные линии

Есть два других инструмента, связанных с фигурой, о которых следует знать. Во-первых, это инструмент «Линия» .

Выберите инструмент и установите высоту на панели параметров. Это устанавливает толщину линии. Затем щелкните и перетащите документ, чтобы нарисовать его. Удерживайте клавишу Shift, чтобы привязать линию к нулю или 90 градусам.

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

Рисование нестандартных векторных фигур

Наконец, инструмент Custom Shape Tool . Задайте цвета заливки и обводки, затем щелкните параметр « Форма» на панели параметров. Здесь вы можете выбрать одну из бесчисленных предустановленных пользовательских форм, которые предоставляет Photoshop.

Чтобы добавить больше фигур помимо начального выбора, щелкните шестеренку « Параметры» и выберите категорию для добавления. Существуют формы для любого использования – значки, пузыри речи, стрелки, текстуры и многое другое. Вы также можете загружать сторонние фигуры.

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

Если у вас есть опыт работы с Illustrator, вы знаете, что используете Paintbrush Tool для рисования от руки. В Photoshop есть инструмент «Кисть», который выполняет аналогичную работу. Но в Photoshop этот инструмент не является векторным, поэтому его не стоит использовать для рисования. Вместо этого вам следует использовать Pen Tool .

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

Начало работы с инструментом «Перо»

Инструмент «Перо» работает, рисуя путь между опорными точками, которые вы создаете при щелчке по холсту. Добавьте обводку к контуру, и вы сможете нарисовать контур; добавьте заливку, и вы сможете нарисовать твердый объект.

Вот краткое руководство для начала:

1. Выберите Pen Tool (P) . Щелкните холст изображения, чтобы поставить точку привязки.
2. Переместите курсор на несколько дюймов и щелкните еще раз, чтобы опустить еще одну точку привязки. Будет создан путь для их соединения. Установите обводку на 5 пикселей, черный цвет, чтобы лучше было видно.
3. Щелкните еще несколько раз, чтобы развернуть путь. Щелкните и перетащите, чтобы создать изогнутый путь. Это также добавит руль к точке привязки. Перетащите их, чтобы контролировать угол и глубину кривой.
4. Нажмите Enter, чтобы создать открытый контур (линию), или щелкните первую точку привязки, чтобы создать замкнутый контур (форму).

Инструмент Pen Tool настолько полезен тем, что вы можете вернуться и отредактировать форму в любой момент:

• Возьмите Инструмент прямого выделения (А) . Выберите опорную точку на пути и перетащите ее в новое положение. Используйте этот инструмент с ручками опорных точек, чтобы редактировать кривую.
• Выберите инструмент « Добавить точку привязки », нажав и удерживая инструмент «Перо». Щелкните где-нибудь на пути, чтобы вручную добавить новую точку привязки, затем перетащите ее на место. Это позволяет вам точно настроить свою форму.

Три инструмента пера

Photoshop предлагает три разных пера для рисования:

• Инструмент « Перо» используется по умолчанию и является наиболее гибким вариантом. Новичкам мы рекомендуем использовать это в первую очередь для рисования прямых линий. По мере того, как вы станете более продвинутыми, вы можете использовать его для всего.
• Инструмент Freeform Pen Tool позволяет рисовать от руки, аналогично Brush Tool. Он по-прежнему создает путь, который вы можете настроить и отредактировать позже. Точки привязки создаются автоматически по мере рисования. Это отличный инструмент, если вы используете графический планшет .
• Инструмент Curvature Pen Tool позволяет легко рисовать кривые без необходимости играть с рулем, как вы это делаете с основным инструментом Pen Tool.

Трассировка изображения как вектора в Photoshop

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

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

Если объект, который вы отслеживаете, находится на простом фоне, попробуйте инструмент Freeform Pen Tool с включенным параметром Magnetic на панели параметров. Это привяжет ваш путь к краю объекта.

Работа с векторным текстом в Photoshop

Использование текста в Photoshop не требует пояснений. Выберите инструмент « Горизонтальный текст» (T) , щелкните холст изображения, чтобы создать текстовое поле, затем введите текст. Вы можете настроить шрифт, размер, вес и все остальное, как и в любом другом приложении.

Для обычного текста установите цвет заливки, но не обводку. Применяйте обводку только для сильно стилизованного текста.

Когда вы закончите, вы можете преобразовать текст в векторный объект. Выделите текст и перейдите в меню «Текст» > «Преобразовать в форму» . Это дает вам доступ к точкам привязки каждого персонажа, поэтому вы можете настраивать их индивидуально. Это хорошо для изменения цвета отдельной буквы или настройки внешнего вида шрифта.

После преобразования текст больше не доступен для редактирования. Рекомендуется продублировать, а затем скрыть исходный текстовый слой на всякий случай, если вам понадобится резервная копия.

Управление векторными объектами

Чтобы создать произведение искусства, вам необходимо, чтобы все эти объекты были в правильном положении и в нужном размере. Вот как это сделать:

• Перемещайте объекты , выделяя их инструментом Path Selection Tool (A) и перетаскивая на место.
• Измените размер объектов , выбрав их с помощью инструмента «Выбор контура», затем нажав Ctrl + T в Windows или Cmd + T в Mac. Это показывает рамку вокруг объекта. Возьмите руль за край и потяните внутрь или наружу, чтобы изменить размер. Удерживайте клавишу Shift, чтобы сохранить исходное соотношение сторон.
• Поверните объект , удерживая указатель мыши рядом с одним из рулей, пока курсор не превратится в значок поворота. Теперь щелкните и перетащите.
• Чтобы изменить порядок объектов , щелкните слой и перетащите его над или под другим слоем.
• Выровняйте объекты , выделив их все с помощью инструмента «Перемещение» (V) (или удерживая Shift и щелкнув несколько слоев), а затем используя элементы управления выравниванием на панели параметров.

Векторная графика в Photoshop: соединяем все вместе

Теперь, когда вы знаете, как использовать все инструменты, вы можете собрать их вместе, чтобы создать свои собственные векторные изображения:

Хотя Photoshop не является настоящей альтернативой Illustrator для профессионального графического дизайна, он на удивление эффективен. Для простых вещей, таких как логотипы, значки и небольшие изображения, которые вы хотите использовать в других документах, этого более чем достаточно.

Создание векторных изображений — информатика, уроки

Создание и работа с векторной графикой в ​​Photoshop

Adobe Illustrator — это стандартное приложение для графического дизайна. Это лучший инструмент для работы с векторными файлами.

К сожалению, не у всех есть Illustrator, но у многих есть Photoshop. А в Photoshop есть базовая поддержка векторных изображений. В этом руководстве мы рассмотрим, как работать с векторной графикой в ​​Photoshop в качестве замены Illustrator.

Что такое векторное изображение?

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

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

Часть векторного искусства состоит из нескольких объектов. Каждый объект — это линия или фигура, ребро которой определяется путем. В Photoshop путь показан тонкой синей линией (хотя он технически невидим).

Вы можете применять два типа цвета для каждого объекта.

• Инсульт это линия, которая следует по пути.
• заполнить добавляет сплошной цвет или рисунок в пространство, окруженное путем.

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

В Photoshop вы рисуете векторные изображения с фигурами, линиями и текстом.

Нарисуйте векторные фигуры и линии

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

• Инструмент Прямоугольник
• Инструмент Прямоугольник со скругленными углами
• Эллипс Инструмент
• Инструмент Многоугольник
• Инструмент Линия
• Пользовательский инструмент Shape

Вы всегда можете выбрать выделенный инструмент, нажав U на вашей клавиатуре. Или нажмите Shift + U циклически переключаться между инструментами, пока не найдете тот, который вам нужен. Горячие клавиши

хороший способ быстро ориентироваться в Photoshop.

Нарисуйте основные векторные фигуры

Выберите инструмент для фигуры, которую вы хотите нарисовать, затем добавьте

Теперь нажмите и перетащите на свой холст. Форма рисуется из угла в любом направлении, которое вы перетаскиваете. Чтобы создать симметричную форму, такую ​​как круг или квадрат, удерживайте нажатой клавишу Shift.

Чтобы нарисовать треугольник, выберите Инструмент Многоугольник. Нажмите один раз на свой холст, чтобы открыть Создать полигон окно настроек. Задавать Количество сторон в 3.

Изменить и редактировать векторные фигуры

Вы не ограничены основными фигурами при создании векторной графики в Photoshop. Они могут быть изменены очень быстро.

Сначала выберите форму. Это выделит форму и покажет точки привязки вдоль ее пути. Это точки, где фигура имеет углы или кривые.

Выбрать Инструмент прямого выбора с панели инструментов (нажмите и удерживайте Инструмент выбора пути

Для более сложных изменений переместите две или более опорных точки одновременно. Нажмите один, чтобы выделить его, затем Shift + клик другой. Теперь используйте клавиши курсора на клавиатуре, чтобы переместить обе точки одновременно.

Объединить и объединить векторные фигуры

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

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

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

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

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

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

Наконец, выделите обе фигуры и выберите

Эти инструменты являются эффективным способом создания новых фигур, а также разделения или вырезания частей из существующих. Они также работают с Pen Tool и Text.

Рисовать векторные линии

Есть два других связанных с формой инструмента, о которых нужно знать. Во-первых Инструмент Линия.

Выберите инструмент и установите Рост в панели параметров. Это устанавливает толщину линии. Затем нажмите и перетащите документ, чтобы нарисовать его. Удерживайте клавишу Shift, чтобы привязать линию к нулю или к 90 градусам.

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

Рисование пользовательских векторных фигур

Наконец, Пользовательский инструмент Shape. Установите цвета заливки и обводки, затем нажмите

Чтобы добавить больше фигур помимо начального выбора, нажмите настройки cog и выберите категорию для добавления. Существуют формы для любого использования — значки, речевые пузыри, стрелки, текстуры и многое другое. Вы также можете загружать сторонние фигуры.

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

Рисование векторов с помощью инструмента «Перо»

Если у вас есть опыт работы с Illustrator, вы будете знать, что используете инструмент Paintbrush для рисования от руки. В Photoshop есть Brush Tool, который выполняет аналогичную работу. Но в Photoshop этот инструмент не основан на векторах, поэтому его не следует использовать для рисования.

Pen Tool — одна из самых мощных функций в Photoshop. Вы будете часто использовать его для редактирования фотографий в Photoshop.

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

Начните с Pen Tool

Pen Tool работает путем рисования пути между опорными точками, которые вы создаете, когда нажимаете на холст. Добавьте обводку к пути, и вы можете нарисовать контур; добавить заливку, и вы можете нарисовать твердый объект. Для получения дополнительной информации, ознакомьтесь с нашим полным руководством по использованию Pen Tool.

,

Вот краткое руководство, чтобы вы начали:

1. Выберите Pen Tool (P). Нажмите на изображение холста, чтобы опустить точку привязки.
2. Переместите курсор на несколько дюймов и нажмите еще раз, чтобы опустить другую опорную точку. Будет создан путь для соединения двух. Установите мазок 5px, черный, чтобы лучше видеть его.
3. Нажмите еще несколько раз, чтобы разработать путь. Нажмите и перетащите, чтобы создать изогнутый путь. Это также добавит рули к точке крепления. Перетащите их, чтобы контролировать угол и глубину кривой.
4. Нажмите Войти чтобы создать открытый путь (линию), или щелкните первую опорную точку, чтобы создать замкнутый путь (фигуру).

Что делает Pen Tool настолько полезным, что вы можете вернуться и отредактировать свою форму в любое время:

• Получить Инструмент прямого выбора (A). Выберите опорную точку на пути и перетащите ее на новую позицию. Используйте этот инструмент вместе с рулем якорной точки для редактирования кривой.
• Выберите Добавить опорную точку нажав и удерживая инструмент Pen Tool. Щелкните где-нибудь на пути, чтобы вручную добавить новую опорную точку, затем перетащите ее на место. Это позволяет вам точно настроить свою форму.

Три инструмента Pen

Фотошоп предлагает три разных ручки для рисования.

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

Freeform Pen Tool позволяет рисовать от руки, аналогично инструменту кисти. Он по-прежнему создает путь, который вы можете настроить и отредактировать позже. Точки привязки генерируются автоматически при рисовании. Это отличный инструмент, если вы используете графический планшет

,

Инструмент Кривизна Pen позволяет легко рисовать кривые без необходимости играть с рулем, как с помощью основного инструмента «Перо».

Проследить изображение как вектор в Photoshop

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

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

Если объект, который вы отслеживаете, находится на простом фоне, попробуйте Freeform Pen Tool с магнитные опция активирована в панели параметров. Это привязывает ваш путь к краю объекта.

Работа с векторным текстом в фотошопе

Использование текста в Photoshop довольно очевидно. Выберите Инструмент горизонтального текста (T), нажмите на изображение холста, чтобы создать текстовое поле, а затем введите. Вы можете настроить шрифт, размер, вес и все остальное, как в любом другом приложении.

Для обычного текста установите цвет заливки, но не обводку. Применяйте обводку только для сильно стилизованного текста.

Когда вы закончите, вы можете преобразовать текст в векторный объект. Выделите текст и перейдите к Тип> Преобразовать в форму. Это позволяет вам получить доступ к точкам привязки для каждого персонажа, так что вы можете настроить их индивидуально. Это удобно для изменения цвета одной буквы или изменения внешнего вида шрифта.

После преобразования текст перестает редактироваться. Рекомендуется дублировать, а затем скрыть исходный текстовый слой на тот случай, если вам понадобится резервная копия.

Управление векторными объектами

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

• Переместить объекты выбрав их с помощью Инструмент выбора пути (A) и перетаскивая их на место.
• Изменить размер объектов выбрав их с помощью Инструмент выбора пути затем удар Ctrl + T в Windows или Cmd + T на Mac. Это показывает коробку вокруг объекта. Возьмите руль вдоль края и перетащите его внутрь или наружу, чтобы изменить его размер. Держи сдвиг ключ для поддержания исходного соотношения сторон.
• Повернуть объект удерживая мышь возле одного из рулей, пока курсор не превратится в значок поворота. Теперь нажмите и перетащите.
• Изменить порядок объектов щелкнув слой и перетащив его выше или ниже другого слоя.
• Выровнять объекты выбрав их всех с Переместить инструмент (V) (или проведение сдвиг и нажав несколько слоев), затем с помощью элементов управления выравниванием на панели параметров.

Векторная графика в фотошопе: все вместе

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

Photoshop не является подлинной альтернативой Illustrator

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

Вы используете Photoshop для векторной графики? Какие еще у вас есть советы по созданию векторов в Photoshop? Поделитесь своими мыслями ниже!

4. Особенности создания изображений в векторных графических редакторах

OpenOffice.org Draw — векторный графический редактор входит в состав OpenOffice.org.

OpenOffice.org Draw позволяет создавать рисунки различной сложности и экспортировать их с использованием нескольких общепринятых форматов изображений. Кроме того, можно вставлять в рисунки таблицы, диаграммы, формулы и другие элементы, созданные в программах OpenOffice.org. Данное приложение очень удобно использовать для создания блок-схем, диаграмм и чертежей. Объекты векторной графики создаются в OpenOffice.org Draw с использованием линий и кривых, определенных с помощью математических векторов. Векторы описывают линии, эллипсы и многоугольники в соответствии с их геометрией.

Основные компоненты интерфейса Openoffice.org Draw (рис. \(1\)):

• Строка меню;
• Панели инструментов: Стандартная панель, Панель Рисование, Панель Линия и заливка, Панель цветов, Панель Параметры, Линейки;
• Строка состояния.

Рассмотрим основные разделы строки меню редактора:

• Файл. Это меню содержит общие команды для работы с документами OpenOffice.org Draw, например команды Открыть, Закрыть и Печать. Чтобы выйти из программы, выберите команду Выход.
• Правка. Команды этого меню позволяют редактировать документы (например, выполнять операции копирования и вставки).
• Вид. Определяет свойства отображения документов.
• Вставить. Команды, содержащиеся в этом меню, используются для вставки элементов в документы Draw, например графических объектов и направляющих линий.
• Формат. В этом меню содержатся команды для форматирования разметки и содержимого документа.
• Сервис. В этом меню собраны инструменты OpenOffice.org Draw, а также языковые и системные параметры настройки.
• Изменить. Содержит команды для работы с объектами в документах.
• Окно. Содержит команды для управления окнами документов и их отображения.
• Справка. Меню позволяет запускать систему справки OpenOffice.org и управлять ею.

Панели инструментов

Стандартная панель

Стандартная панель имеет вид, использующийся во всех модулях OpenOffice.   

Панель Рисование

Выделение. Позволяет выделять объекты в текущем документе.

Прямоугольник. Позволяет рисовать прямоугольник с заливкой путем перетаскивания указателя мыши в текущем документе. Щелкнуть мышью в том месте, где будет находиться угол прямоугольника, и растянуть его до нужного размера. Чтобы нарисовать квадрат, при перетаскивании нужно удерживать нажатой клавишу <Shift>.

Эллипс. Позволяет рисовать овал с заливкой путем перетаскивания указателя мыши в текущем документе. Щелкнуть мышью в том месте, где следует нарисовать овал, и растянуть его до нужного размера. Чтобы нарисовать круг, при перетаскивании нужно удерживать нажатой клавишу <Shift>.

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

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

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

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

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

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

Открытие панели инструментов Блок-схемы, которая позволяет вставлять в документ графические объекты.

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

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

Панель Линия и заливка

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

Чтобы отобразить Панель цветов, нужно выполнить Вид > Панели инструментов > Панель цветов. Эта панель позволит быстро выбрать цвет объекта на рисунке. Первый квадратик этой панели соответствует отсутствию цвета (прозрачному цвету). Левой кнопкой мыши выбирается цвет для заливки объекта, а правой — для окрашивания контура объекта.

Отображаемая по умолчанию палитра цветов может быть изменена с помощью окна Формат > Область. Выбрать при этом вкладку Цвета.

Панель Параметры

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

Строка состояния

Строка состояния размещается в нижней части экрана. Средняя часть этой строки (показанная ниже) предназначена специально для модуля Draw.

Средства создания векторных изображений

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

– Программами векторной графики. На платформе Windows наибольшее распространение из программ векторной графики получил редактор CorelDraw, формат .cdr. Из других программ этого класса следует отметить Adobe Illustrator (.ai). Среди компактных и универсальных программ векторной графики можно отметить Corel Xara. С ее помощью вы можете создавать иллюстрации любого уровня сложности для web-сайтов, полиграфии и повседневных нужд любого офиса.

– Программами САПР (Система автоматизации проектных работ), типичным представителем которых является программа AutoCAD. Ее векторный формат – dxf (Dynamic Exchange Format) понимается многими современными программами.

– Специализированными программами конвертирования растровых изображений в векторные. Одна из таких программ – CorelTrace 9, входящая в состав интегрированного продукта CorelDraw. Другая известная программа этого класса – Adobe Streamline.

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

Векторные редакторы и программы САПР являются наилучшим средством для построения шрифтовых и высокоточных графических объектов, таких как, например, конструкторские чертежи. Для таких иллюстраций принципиально важное значение имеет сохранение четких, ясных контуров независимо от размера изображения. Как правило, в векторном редакторе создается заготовка, затем она масштабируется до нужного размера и переводится в необходимый нам формат изображения.

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

Достоинства

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

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

– Векторным программам свойственна высокая точность рисования (до сотой доли микрона).

– Векторная графика экономна в плане объемов дискового пространства, необходимого для хранения изображений. Это связано с тем, что сохраняется не само изображение, а только некоторые основные данные (математическая формула объекта), используя которые программа всякий раз воссоздает изображение заново.

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

Недостатки

– Практически невозможно осуществить экспорт изображения из растрового формата в векторный.

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

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

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

– В векторной графике невозможно применение обширной библиотеки эффектов (фильтров), используемых при работе с растровыми изображениям.

Тема 12.2. Лекция. Создание Web-страницы средствами CorelDraw.

Вопросы: 1. Оформление Web-страницы.

2. Основы языка HTML.

Узнать еще:

Векторная графика. Технология создания векторных рисунков в Word

Вопросы занятия:

·                   преимущество векторной графики;

·                   векторное изображение;

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

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

Мы с вами уже знаем, что Растровый рисунок – это просто набор точек (пикселей) на экране. Например, этими точками нарисован мишка.

Если мы начнём увеличивать рисунок, то будет увеличиваться не мишка, а число точек рисунка. Редактор заменяет старые точки новыми, в большем количестве, подбирая для них цвета, близкие к цветам прежних точек. Качество, конечно, страдает.

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

Витя: как же работает векторный редактор?

В наборе его инструментов те же линии, прямоугольники, эллипсы, что и в растровом редакторе. И приёмы построения этих элементов одинаковые.

Но, построив круг, растровый редактор «забывает» математику этой фигуры. Он хранит не круг, а цвета пикселей рабочего поля.

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

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

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

Витя: Постой, постой! С кругом всё понятно! Но мишка – это не круг! Мишку радиусом не опишешь! У него вон сколько всего: и ушки, и глазки! Неужели есть формула для построения мишки?

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

Чтобы стало ещё понятнее, разгруппируем мишку на более мелкие объекты. Для этого нажимаем на рисунке правой кнопкой мыши и в открывшемся контекстном меню выберем Группировка и затем Разгруппировать.  В итоге придём к элементарным фигурам и линиям из набора инструментов рисования редактора.

Давайте возьмём ещё один объект – мёд. Добавим его мишке и сгруппируем новый объект «мишка с мёдом»

Витя: получается, что объекты в векторном редакторе можно вычитать и складывать?

Вот именно! Ну а теперь, когда понятно, как работает векторный редактор, выделим список достоинств векторной графики.

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

2. Графический файл в векторном формате гораздо меньше по объёму файла в растровом формате.

3. Рисовать быстрее и проще: рисунок создаётся конструированием объекта из деталей – других объектов.

4. Любую часть рисунка (объект) в любой момент можно редактировать независимо от других частей (объектов).

5. Векторные редакторы способны прорисовывать детали с большой точностью (до миллиона точек на дюйм – а это сотые доли микрона).

6. Векторные редакторы быстрее, чем растровые, выполняют редактирующие операции.

Витя: значит, у векторной графики нет недостатков?

К сожалению, есть. Давайте рассмотрим и их.

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

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

Витя: я уже готов из прямоугольников и эллипсов собрать любую картинку! А если мне не хватит эллипсов и прямоугольников, то под рукой есть треугольники, многоугольники и кривые. Но если и этого окажется мало, то я построю собственную фигуру «сложением» и «вычитанием», а потом буду использовать её как шаблон!

Ну что же, давайте создадим свой первый векторный рисунок. Для этого запустим программу Microsoft Word.

Для начала рисования в Microsoft Word нам необходимо будет на вкладке Вставка, в разделе Иллюстрации нажать на значок раскрывающегося списка фигуры, из раскрывшегося меню выбираем раздел «Новое полотно».

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

Рассмотрим вкладку Средства рисования – Формат.

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

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

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

Следующий раздел Стили WordArt. Здесь можно применять готовые стили для текста или настраивать оформление текста самостоятельно. С помощью раздела Текст, можно указать направление текста, выровнять его или создать связь.

Далее следует очень нужный для рисования раздел Упорядочение.

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

Также можно перемещать отдельные части рисунка, выравнивать, группировать их, поворачивать.

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

В разделе Размер можно задавать размеры изображения. Увеличить рисунок или уменьшить его.

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

1. Создать контур первого элемента;

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

3. Задать «внешний вид контура» — стиль и цвет заливки и обводки;

4. Повторить предыдущие действия для остальных элементов изображения;

5. Настроить взаимное расположение всех нарисованных элементов.

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

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

Цвет или текстура добавляются к контуру посредством применения к нему заливки и абриса. Заливка – это цвет или текстура, заполняющая пространство внутри контура.

Абрис – это стиль отображения контура объекта. Если назначить объекту отсутствие и заливки, и абриса, то объект на экране станет невидимым.

Витя: всё, можно уже приступать к рисованию?

Конечно. Итак, создание объекта начинается с выбора инструмента рисования. Принцип использования инструментов рисования такой же, как в редакторе Paint. Для создания нового объекта на панели инструментов выбирают нужный инструмент рисования. Затем, нажав левую кнопку мыши и не отпуская её, курсор инструмента перетаскивают по рабочему полю до получения нужного изображения. При нажатой клавише Shift рисуется правильная фигура (например, круг или квадрат). При нажатой клавише Ctrl рисование и масштабирование выполняются от центра.

Ну что же, давайте нарисуем свой первый векторный рисунок. Итак, нарисуем кораблик с флагом и сгруппируем его.

На панели быстрого доступа нажимаем Создать документ (или можно нажать сочетание клавиш Ctrl +N)

Выбираем вкладку Вставка, в разделе Иллюстрации нажимаем на значок раскрывающегося списка Фигуры и нажимаем Новое полотно.

Снова нажимаем на значок раскрывающегося списка Фигуры и выбираем фигуру Трапеция. Устанавливаем курсор мыши в начальную точку трапеции, нажимаем левую кнопку мыши и растягиваем фигуру в противоположный конец, отпускаем левую кнопку мыши. В разделе Упорядочение нажимаем на значок раскрывающегося списка Повернуть и нажимаем Отразить сверху вниз. Для того чтобы уменьшить нижнее основание трапеции подносим курсор мыши к жёлтому квадратику, нажимаем левую кнопку мыши и перетаскиваем жёлтый квадратик к середине основания.

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

Выберем синиц цвет, акцент пять, более тёмный оттенок. Теперь выбираем фигуру Овал и с нажатой клавишей Shift нарисуем круг, выберем для него жёлтый цвет заливки и контура.

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

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

Обратите внимание, если вы нарисовали что-то не так как хотелось бы вы можете, выбирая нужную фигуру, изменять её размер, цвета заливки и контура. А также перемещать их.

Теперь нам нужно сгруппировать кораблик. Для этого необходимо выделить все фигуры, которые его составляют.

Выделить фигуры можно несколькими способами:

1 способ. Нажать и удерживать клавишу Ctrl, а левой кнопкой мыши нажимать на фигуры. Таким образом выделить все фигуры, составляющие кораблик.

2 способ. На вкладке Главная в разделе редактирование нажать на значок раскрывающегося списка Выделить. Из раскрывшегося меню выбрать выделить всё. Все фигуры, составляющие кораблик, выделятся. Однако этот способ может не подойти, если на рабочем листе находятся другие фигуры, которые выделять не нужно.

3 способ. На вкладке Главная в разделе Hедактирование нажать на значок раскрывающегося списка Выделить. Из раскрывшегося меню выбрать Выбор объектов. Теперь, как мы делали в Paint выделить кораблик.

Итак, наш кораблик выделен. Теперь в разделе Упорядочение выбираем группировать. Все фигуры, составляющие кораблик, соединились и он стал одним объектом.

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

Создание векторных изображений

Используя средства Word 2007, можно не только редактировать, но и создавать несложные объекты векторной графики (прямоугольники, овалы, линии, стрелки и т. д.), а также соответствующим образом оформлять их, изменяя тип линии, вид стрелки и др.

Фигуры

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

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

Основные средства для форматирования фигур

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

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

Полотно

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

По умолчанию фигуры создаются без полотна. Чтобы создать полотно, нажмите кнопку Фигуры в группе Иллюстрации на вкладке Вставка и выберите команду Новое полотно. Word автоматически переключится на вкладку Средства рисования-Формат, а полотно будет создано в документе.

Надписи

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

Для создания надписи нажмите одноименную кнопку в группе Текст на вкладке Вставка на ленте. В Word 2007 содержится большая коллекция разных надписей, которые помогают в оформлении документа. Для них уже подобраны параметры форматирования и выравнивания, и пользователю остается только набрать или вставить текст.

Для создания фигурного текста можно использовать Microsoft WordArt.

На панели инструментов Текст вкладки Вставка нажать кнопку

WordArt. Фигурный текст является графическим объектом и не отображается в режиме структуры и нельзя выполнить проверку орфографии фигурного текста.

Вставка рисунка из коллекции

В комплект поставки Word входит коллекция профессионально выполненных рисунков и других файлов мультимедиа, предназначенных для оформления документов. Для вставки нужного рисунка выполнить следующее:

1. нажать кнопку Клипы на панели Иллюстрации;

2. указать ключевое слово в поле Искать;

3. в списке Просматривать указать коллекции для поиска;

4. в списке Искать объекты выбрать тип файлов мультимедиа для поиска;

5. нажать кнопку Начать.

Изменение размера рисунка

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

Использование рисунка SmartArt

Для визуального представления информации в Word сущест­вуют рисунки SmartArt. Они могут быть простыми графическими списками и схемами процессов или более сложными организаци­онными диаграммами.

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

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

Диалоговое окно выбора рисунка SmartArt

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

После нажатия кнопки ОК в тексте возникнет соответствующий рисунок, слева от которого будет расположено окно Введите текст. В данном окне отобразится список элементов объекта SmartArt. При редактировании имени любого их них оно будет синхронно изменяться в самом объекте, расположенном справа от окна Введите текст. Одновременно со вставкой рисунка активизируется вкладка Работа с рисунками SmartArt. У каждого объекта SmartArt можно изменить форму рисунка с сохранением форматирования.

Проверка орфографии и грамматики.

Word предоставляет три способа проверки и исправления ошибок:

форматов файлов — Vector Magic

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

По крайней мере, один из выходных форматов Vector Magic обычно работает с большинством современного программного обеспечения.Вы можете загрузить образец вывода ниже или проверить страницу совместимости, чтобы убедиться, что вывод будет работать с вашим конкретным программным обеспечением. В загружаемом пакете Desktop Edition также есть полный набор примеров.

Форматы файлов векторных изображений

EPS

Формат Adobe EPS (Encapsulated PostScript), пожалуй, самый распространенный формат векторных изображений. Это стандартный формат обмена в полиграфической отрасли. Он широко поддерживается в качестве формата экспорта, но из-за сложности спецификации полного формата не все программы, которые утверждают, что поддерживают EPS, могут импортировать все его варианты.Adobe Illustrator и последние версии CorelDRAW очень хорошо поддерживают чтение и запись в формате EPS. Ghostview может его очень хорошо читать, но не имеет возможности редактирования. Inkscape может только экспортировать его.

SVG

Стандартный формат векторных изображений W3C называется SVG (масштабируемая векторная графика). Inkscape и последние версии Adobe Illustrator и CorelDRAW имеют хорошую поддержку чтения и записи SVG.Дополнительную информацию о формате SVG можно найти на официальном сайте SVG.

PDF

Формат Adobe PDF (Portable Document Format) очень широко используется в качестве независимого от платформы формата документа общего назначения. И хотя он не используется исключительно как таковой, это также очень хороший формат векторных изображений. Adobe предоставляет программу для чтения PDF Acrobat, но продает инструменты, необходимые для создания файлов PDF. (сторонние инструменты, которые выполняют ту же задачу, также продаются).Эти инструменты работают с любой программой, которая может печатать. Поддержка чтения и редактирования файлов PDF гораздо более ограничена.

AI

Родным форматом Adobe Illustrator является формат AI (Adobe Illustrator Artwork), модифицированная версия старого формата EPS. Формат AI довольно широко поддерживается, но менее распространен, чем формат EPS, и большинство программ, которые читают AI, также могут читать EPS.

DXF

Формат обмена чертежами.Формат САПР от Autodesk, используемый инструментами САПР от многих различных поставщиков. Некоторые программы испытывают трудности с чтением файлов DXF со сплайнами (кривыми), поэтому Desktop Edition поддерживает режимы вывода «линия + сплайн», а также «только линия».

Существует множество других векторных форматов: CDR — это собственный формат CorelDRAW, а XAR — это собственный формат Xara Xtreme, чтобы назвать пару.

Форматы файлов растровых изображений

Существует большое количество различных форматов растровых изображений.Вот некоторые из наиболее распространенных: JPEG, PNG, GIF, BMP и TIFF. Вообще говоря, они делятся на две категории:

Форматы с потерями

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

JPEG / JPG

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

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

Форматы без потерь

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

PNG

Лучший из форматов изображений без потерь называется PNG (Portable Network Graphics). Этот формат широко поддерживается веб-браузерами и программами просмотра / редактирования изображений.

Vector Magic рекомендует использовать формат PNG при сохранении логотипов в виде растровых изображений.

BMP

На самом деле существует несколько форматов BMP (BitMaP). Windows и Macintosh имеют свои собственные форматы, оба из которых называются BMP.Большинство современных инструментов для редактирования изображений могут читать и то, и другое.

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

TIFF / TIF

Формат файла изображения с тегами используется для хранения необработанных данных растрового изображения некоторыми программами и устройствами, такими как сканеры. Этот формат бывает сжатым и несжатым. Первый сравним с PNG, а второй больше похож на BMP.

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

7 лучших бесплатных графических редакторов для создания векторных изображений

Когда вы думаете о графических редакторах, первое, что приходит на ум, — это Photoshop (или GIMP, если вы пользователь Linux). Однако и Photoshop, и GIMP подходят только для редактирования фотографий и создания растровых изображений. Растровые изображения, такие как PNG или JPG, во многих случаях подходят, но очень часто вам понадобится более масштабируемый формат.

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

1. BoxySVG

BoxySVG может быть не очень сложным приложением с массой инструментов и настроек, которые вы можете сделать, но в этом его сила. Он очень прост в использовании, его можно загрузить как настольное приложение или использовать через браузер.

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

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

2. SVG-Edit

Не хотите мучиться с загрузкой программного обеспечения, которое может скопиться в кучу другого программного обеспечения, которое вам не нужно? SVG-edit — это надежный векторный редактор на основе браузера, в котором используется формат SVG (масштабируемая векторная графика) с открытым исходным кодом.В нем есть большинство модных функций для работы с изображениями, которые вы ожидаете, и работает во всех основных браузерах.

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

3. Inkscape

Начнем с лучшего кроссплатформенного векторного редактора — Inkscape. Это бесплатная программа с открытым исходным кодом и потрясающим набором функций. Inkscape используется многими профессиональными дизайнерами и представляет собой полноценный векторный редактор для настольных компьютеров, доступный для Linux, Windows и Mac OS.

Вы можете использовать его для создания векторных объектов, выполнения с ними всевозможных манипуляций (заливка, обводка, рендеринг, преобразование, группировка, использование слоев), добавления текста, создания векторных изображений из растровых изображений и т. Д. Вы можете использовать Inkscape для редактирования некоторых растровые форматы, например PNG. Если вам нужен настольный векторный редактор, я думаю, что это лучший выбор среди всех бесплатных векторных редакторов.

4. RollApp

Если вам нравится Inkscape, но вы не хотите устанавливать его на свой компьютер, вы можете попробовать RollApp.RollApp — это онлайн-версия Inkscape, и все, что вам нужно, — это браузер. Он имеет все функции Inkscape, а также интеграцию с Dropbox, Google Drive, One Drive и некоторыми другими поставщиками облачных хранилищ. Однако, если вы работаете с большими файлами и / или ваше интернет-соединение ненадежно, возможно, вы не сможете работать так же гладко, как на рабочем столе, но это также относится почти к любому другому онлайн-редактору векторных изображений.

5. Вектор

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

Vectr — очень быстрый онлайн-редактор (если, конечно, у вас хорошее подключение к Интернету), но если вы предпочитаете использовать его в автономном режиме, вы можете загрузить его для Linux, Windows, Mac и Chromebook.

6. LibreOffice Draw

LibreOffice Draw — хороший векторный редактор для настольных ПК для Linux, Windows и Mac.Стоит попробовать, особенно если вы уже используете LibreOffice. Вы можете использовать его для создания векторных изображений с нуля или для изменения существующих. Одно из замечательных применений LibreOffice Draw — создание технических чертежей, блок-схем и диаграмм, потому что в нем есть подходящие инструменты для этой цели. Для более сложного графического редактирования я лично предпочитаю Inkscape.

7. Fatpaint

Fatpaint — это не только векторный редактор — вы также можете использовать его для редактирования растровых фотографий. Это веб-инструмент, поэтому для его использования вам понадобится только браузер.Он отлично подходит для создания логотипов и другой небольшой векторной графики и не имеет такого количества функций, как его настольные аналоги, но для быстрого редактирования это более чем нормально. Вы можете использовать его для создания новых векторных файлов и объектов, редактирования их, манипулирования контурами, добавления текста и т. Д. Одной из особенностей Fatpaint является его способность манипулировать трехмерным текстом.

Эти семь бесплатных графических редакторов векторных изображений хороши, но все зависит от того, для чего они вам нужны. Если вам нужно много функций, используйте Inkscape; Если вам нужно внести всего несколько быстрых изменений, веб-редакторы — это то, что вам нужно.

Эта статья полезна? да Нет

Контент-менеджер в Make Tech Easy. Любит Android, Windows и до предела возится с эмуляцией ретро-консоли.

Как создать векторную графику в фотошопе?

TL; DR: Photoshop не может создавать настоящие векторные изображения. Это очень распространенное заблуждение.

Думайте об этом как о машине. — Сможете ли вы ездить на 4-х колесном автомобиле Toyota Prius? Конечно можно ! Будет ли он делать все, что может Jeep Wrangler? Черт возьми нет. Существует причина, по которой вам, , нужен , чтобы использовать полноприводный автомобиль, чтобы перейти на 4 колеса, точно так же, как есть причина , вам нужен для использования векторного приложения для создания векторных файлов.

Независимо от того, как вы создаете файл и сохраняете его, Photoshop всегда сохраняет векторную и растровую информацию.Это не похоже ни на одно настоящее векторное приложение.

Вы, , не можете создать векторные файлы с помощью Photoshop. Вы можете создавать растровые файлы только с некоторыми встроенными векторными данными. Это означает, что может быть векторный квадрат, и его края останутся резкими и четкими, однако, если этот квадрат имеет градиентную заливку. Эта градиентная заливка представляет собой растр полностью , и он будет страдать от при некотором масштабировании.

Приложения, такие как Illustrator, Inkscape, CorelDraw, Xara, Sketch и т. Д.фактически может содержать только векторные данные, не зависящие от разрешения 100%. Дело не в том, что «люди предпочитают» использовать векторные приложения. требуется , если вы хотите получить настоящий векторный файл в конце.

Это не означает, что векторные инструменты в Photoshop в целом уступают , а не . Да, вы, , можете рисовать с помощью векторных инструментов Photoshop и создавать векторный контент. Но для того, чтобы получить реальную пользу от этого векторного содержимого в Photoshop, вы должны всегда использовать Photoshop для всех будущих изменений.Когда вы увеличиваете или трансформируете векторный контейнер в Photoshop, Photoshop интерполирует внутренние растровые данные в соответствии с преобразованием. Эта интерполяция не происходит за пределами Photoshop. Итак, после экспорта / сохранения вы можете масштабировать что-то вроде Photoshop EPS, векторные края будут масштабироваться и оставаться четкими, потому что они векторные, но интерполяция растровых данных , а не , происходит за пределами Photoshop. Таким образом, «битые пиксели» полностью возможны с помощью Photoshop EPS, даже если вы использовали векторные инструменты.Эта проблема возникает, когда вы сохраняете файл или экспортируете его. Во всех векторных форматах — PDF, EPS, PSD — Photoshop создает растровый файл со встроенными векторными данными. Photoshop создает векторный файл , а не . Это полностью отличается от реальных векторных приложений.

Для производственных целей эта разница может не иметь большого значения, если вы уже работаете с высоким ppi в Photoshop. Но пользователь должен знать, что простое использование векторных инструментов Photoshop и сохранение в формате EPS / PDF не создает векторные файлы с использованием любой доступной в настоящее время версии Photoshop (CC2017 является самой последней).

Я понимаю, что некоторые пользователи хотят, чтобы Photoshop создавал векторные файлы, потому что это означает, что им не нужно изучать новое приложение для создания файла нового формата. Однако никак не обойтись без . Если вы хотите фактических векторных файлов , вы должны использовать фактическое векторное приложение. Photoshop был и всегда был растровым приложением , отсюда и слово «фотография» в его названии.

Как векторизовать в Illustrator | Small Business

By Willa Dunn Обновлено 24 января 2019 г.

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

Векторная и растровая графика

Многие распространенные графические форматы называются растровой или растровой. Общие примеры включают графические форматы BMP, JPEG и PNG, часто встречающиеся в Интернете, а также изображения в формате RAW, генерируемые многими цифровыми камерами.По сути, они описывают пиксели или крошечные цветные точки на изображении и то, какой цвет принимает каждое изображение. Это естественная форма для представления данных с датчиков цифровых камер.

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

Векторная графика часто бывает полезной, потому что ее математические свойства позволяют легко увеличивать и уменьшать размер без искажений. По этой причине они часто используются для графики, которая должна отображаться в разных размерах в разных местах, например, для корпоративных логотипов. Они используются по умолчанию для многих распространенных программ рисования и иллюстраций, включая Adobe Illustrator, конкурирующий CorelDRAW и графический пакет с открытым исходным кодом под названием Inkscape.

Многие инструменты, включая Adobe Illustrator и другие популярные графические приложения, могут при необходимости преобразовывать файлы между векторным и растровым форматами.Конверсии не всегда идеальны, поэтому лучше заранее спланировать, какой тип файла вам понадобится, прежде чем заходить слишком далеко в графическом проекте.

Трассировка изображения в Illustrator

Программа Illustrator может векторизовать изображение с помощью функции «Трассировка изображения». В более ранних версиях Illustrator аналогичная функция известна как «Живая трассировка».

1. Откройте изображение

2. Откройте изображение для векторизации в Illustrator с помощью меню «Файл».Щелкните изображение, чтобы выбрать его.

3. Активировать трассировку изображения

4. Щелкните меню «Объект», затем нажмите «Трассировка изображения» и «Создать».

5. Выберите параметры трассировки

6. Нажмите кнопку «Трассировка изображения» в меню «Управление» или «Свойства» или выберите предустановленный параметр в разделе «Предварительные настройки трассировки». Настройте параметры и поэкспериментируйте, пока изображение не будет выглядеть так, как вы хотите.

7. Настроить векторную графику вручную

8. Если вы хотите вручную отрегулировать элементы создаваемой векторной графики, нажмите «Объект», затем «Трассировка изображения» и «Развернуть».»Вручную перетащите или отредактируйте векторные контуры, созданные Illustrator, в нужное место, используя стандартные инструменты векторной графики Illustrator.

9. Сохраните файл

10. Когда вы закончите, сохраните файл с помощью меню« Файл » .

Другие инструменты трассировки

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

Inkscape, бесплатный инструмент векторной графики с открытым исходным кодом доступен для большинства современных платформ, имеет инструмент отслеживания изображений, который вы можете использовать для этой цели.Чтобы активировать его, нажмите меню «Путь», а затем нажмите «Трассировать растровое изображение». Настройте параметры для создания изображения, которое соответствует вашим потребностям, а затем сохраните изображение как файл SVG, который вы можете открыть с помощью многих графических программ и большинства современных веб-браузеров.

Если вы предпочитаете использовать CorelDRAW, другой коммерческий инструмент для векторной графики, вы можете использовать его инструмент PowerTRACE для преобразования растровой графики в векторную графику. Используйте меню «Трассировка растрового изображения» на панели свойств, чтобы найти параметры, которые вам подходят.

Как векторизовать изображение в Adobe Illustrator

Цифровые изображения бывают двух типов: растровые и векторные.

Растровые изображения состоят из отдельных пикселей и содержат огромное количество деталей.Однако вы не можете увеличить их без потери качества.

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

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

Что такое векторное изображение?

Векторное изображение — это масштабируемое изображение, состоящее из значений, а не пикселей.

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

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

Как только вы узнаете, как преобразовать файл JPG в вектор в Adobe Illustrator, вы сможете масштабировать все, что найдете, до нужного размера без потери качества изображения.

Шаг 1. Выберите изображение для преобразования в вектор

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

Лучше редактировать один объект, чем пейзаж или что-то подобное.Предпочтительно изображение должно иметь белый или прозрачный фон и иметь относительно низкое разрешение. Он должен быть в формате JPG, GIF или PNG.

Мы будем использовать изображение Рю из серии Street Fighter выше.Он работает как прекрасный пример по множеству причин. Во-первых, это отдельный предмет. Он также хорошо поддается формату векторного изображения, так как это узнаваемый персонаж. Формат векторного изображения обычно используется для логотипов или узнаваемых изображений.

Шаг 2. Выберите предустановку трассировки изображения

В Illustrator есть специальный инструмент, позволяющий векторизовать изображения.Он называется Image Trace и поставляется с рядом предустановок, которые выполняют большую часть работы автоматически.

Вообще говоря, вы должны использовать предустановку Image Trace, которая наиболее точно соответствует типу конвертируемого изображения, поскольку каждый из них дает разные результаты.

 25A9FC 

 A6BECF 

 819CAF 

 // белый 
 FFFFFF 
 // черный или темно-синий 
 27354A 

 BE845F