Векторное изображение не состоит из отдельных пикселей (как растровое изображение), а создается путем математического описания линий, из которых создается изображение.
Например, изображение круга может быть математически описано его координатами центра, радиусом и толщиной и цветом кривой. Можно сказать, что при сохранении созданного векторного изображения сохраняется не само изображение, а его математическое описание.
При создании векторных изображений широко применяются кривые Безье .
Векторные изображения можно свободно перемещать и изменять без потери детализации и четкости, так как такие изображения не зависят от разрешения. Чаще всего векторные изображения применяют для иллюстраций, которые выводятся на различные носители и размер которых приходится часто изменять (например, для логотипов), для графиков и различной стилизованной графики.
Каждому из объектов векторного изображения можно назначить стиль линии, цвет линии и заполняющийся цвет.
Простые векторные изображения нуждаются при сохранении в значительно меньшей памяти, чем растровые изображения.
Простой способ рисовать в векторе
Минус векторной графики — создание векторных изображений труднее, чем растровых. Кроме того, при создании векторных изображений компьютеру требуется больше памяти.
Современные интернет-браузеры не могут отображать векторные изображения самостоятельно. Они нуждаются во внешнем SVG или в дополнениях к программе. Поэтому для возможности разместить созданное векторное изображение на веб-странице оно должно быть преобразовано в один из форматов растровых изображений .
Ниже — примеры векторных объектов:
 |
|
 |
 |
 |
|
Подробнее о векторных изображениях
Для определения лучших программ интересно узнать Ваше мнение
Источник: htmleditors.ru
Программа вектор для рисования как работает
Частная коллекция качественных материалов для тех, кто делает сайты
Как понять вектор и начать рисовать?
- Creativo.one2000+ уроков по фотошопу
- Фото-монстр300+ уроков для фотографов
- Видео-смайл200+ уроков по видеообработке
- Жизнь в стиле «Кайдзен» Техники и приемы для гармоничной и сбалансированной жизни
- Главная»
- Онлайн Сервисы для web-мастеров»
- Online-инструменты для изображений
В этом разделе собраны онлайн-инструменты для работы с изображениями — уменьшение, сжатие изображений на лету без установки софта!
Онлайн редактор иконок — X-icon editor
Онлайн инструмент для создания и редактирования иконок. Особенно удобен для разработки фавиконок, так как располагает функциями импорта изображений и предварительного просмотра в реальной обстановке (на закладке браузера).
Добавил: Сергей Фастунов
Создан: 26 Февраля 2013 Просмотров: 276516 Комментариев: 2
Онлайн сервис для генерации анимированных GIF изображений
Сервис позволяет загрузить несколько различных картинок и настроить параметры итоговой анимации: размер, время показа кадра, качество трансформации оригинала.
Добавил: Сергей Фастунов
Создан: 20 Февраля 2013 Просмотров: 21682 Комментариев: 0
Онлайн сервис для составления палитр цветов страниц
Онлайн сервис для нахождения группы цветов, хорошо сочетающихся друг с другом.
Добавил: Сергей Фастунов
Создан: 15 Февраля 2013 Просмотров: 18034 Комментариев: 0
Онлайн сервис для сжатия изображений
Онлайн сервис для уменьшения размера изображений. Принимается формат PNG, JPG и GIF. Бесплатный вариант позволяет обрабатывать только 15 изображений сразу, каждое ограничивается в размере 150 КВ. Платный вариант снимает такие ограничения для пользователя.
Добавил: Сергей Фастунов
Создан: 6 Февраля 2013 Просмотров: 16163 Комментариев: 1
Онлайн редактор диаграмм — Creately
Онлайн редактор диаграмм. Интерфейс переведен на 7 языков, включая русский. Возможно строить любые типы диаграмм, которые используются в современной деловой жизни.
Добавил: Сергей Фастунов
Создан: 23 Января 2013 Просмотров: 44293 Комментариев: 0
Онлайн редактор векторной графики — Method Draw
Веб приложение для работы с векторной графикой в режиме онлайн.
Добавил: Сергей Фастунов
Создан: 17 Января 2013 Просмотров: 524117 Комментариев: 1
Онлайн-сервис для конвертации изображения в data: URL
Онлайн сервис для конвертации любого изображения в схему data: URL. Простой интуитивно понятный интерфейс.
Источник: ruseller.com
Векторное рисование
Введение в Adobe Illustrator. Какие горячие клавиши использую я
Приветствую, друзья. Хочу поведать об инструментарии, которым я пользуюсь для рисования векторных иллюстраций на фотобанки. В начале своего знакомства с векторной графикой мне было что-то неудобно в Иллюстраторе. Тыкался-тыкался – отличается он от фотошопа не только назначением, но и принципом по которому получается необходимый результат.
Рубрики Уроки Метки Векторное рисование 1 комментарий
3D Стрелка / Урок по рисованию в Adobe Illustrator
Хочу поделиться подробным видео процессом с очень неплохим результатом. Рисование трёхмерной стрелки в Adobe Illustrator’е. Видно, что у автора рука набита.
Рубрики Уроки Метки Векторное рисование, Иконки 2 комментария
Векторные пейзажи
Первая опыт рисования в векторном редакторе, а именно в Adobe Illustrator‘е. На первый взгляд немного непривычно. Пришлось разбираться с элементарными вещами.
Рубрики Уроки Метки Векторное рисование, Пейзажи 4 комментария
Векторный редактор Inkscape
Inkscape — это бесплатный векторный редактор, который пользуется большой популярностью у любителей программного обеспечения с открытым кодом.
Рубрики Уроки Метки Inkscapе, Векторное рисование Оставьте комментарий
Векторные девушки в стиле аниме
Поупражнялся на выходных в Inkscapе с пером и кистью… а руки-то помнят, хоть и иллюстратор . Ручная трасировка.
Рубрики Уроки Метки Inkscapе, Аниме, Векторное рисование, Девушки 15 комментариев
Как рисовать белку | Иконки Вконтакте
Рубрики Как рисовать Метки Векторное рисование, Видео уроки, Иконки 9 комментариев
Рисование с Other Dynamics
По просьбе подруги нарисовать её, получились два таких рисунка.
Рубрики Тренировки Метки Векторное рисование, Девушки, Кисть, Тренировки Оставьте комментарий
Кривые рисунки
Векторные кривые рисунки. Ну и ну) первый раз такое вижу… +)
Рубрики Животные Метки Dirk Erik Schulz, Векторное рисование, Галереи Оставьте комментарий
Векторные рисунки людей
Пожалуйста, большая коллекция векторных рисунков людей и различных персонажей.
Рубрики Портреты Метки Dominic Sodano, Векторное рисование, Галереи, Хеллоувин Оставьте комментарий
Красивые пейзажи в фотошоп
Ещё одна галерея с работами пейзажного плана художника по Truong Huyen. Хоть я люблю пейзажи, не смотря на некоторый не обычный стиль этого художника, работы кажутся какими-то пустоватыми и немного депрессивными.
Рубрики Уроки Метки Truong Huyen, Векторное рисование, Галереи, Пейзажи Оставьте комментарий
Техника объемного рисунка
Понятное дело, что главная техника объёмного рисунка заключается в реалистичных тенях и бликах, однако вот тема для рассуждений:
Рубрики Портреты Метки 3d, Robi Pena, Векторное рисование, Галереи, Хеллоувин 4 комментария
Рисование девушки в линейном стиле
Неожиданным решением для меня самого стал стиль работы, над которой я работал в последнее время. В задумке была некая неформальная девичья персона. На сколько хватило фантазии, на столько изображение подчёркивает стиль и характер героини)
Рубрики Уроки Метки Векторное рисование, Девушки 2 комментария
Векторная девушка рисунок в вектором стиле
Шаг 1.
В этом шaге мы подбираем более удобную нам позу, положение в рисунке. Создаем новый дoкумент (8 inches на 10 inches 400 dpi) и делаем скeтч стандартной кистью Brush ( B ) с настройками 50% Opacity и цвет: черный. Эскиз можно выполнить как в цифрoвом виде, так и на бумаге.
Самoе важное в этом шаге это композиция и положение персонажа. Нe волнуйтесь сейчaс о деталях, и о их проработке. Сейчас это не столь важнo.
Шаг 2.
После того как мы нашли нyжный нам образ, начинаем работать именно c ним. Далee создаем новый слой и называем его “Набросок”
Я всегда начинаю с нового слоя. Этот слой я назвал “Первый”Я чуть увеличил картинку в размерах. Работaю нaд правильной позой и композицией. Весь скетч еще конечно же сырой, но на этом этапе будет лучше видно, где можно будeт дорaботать позу и композицию. Продолжaем далeе.
Рубрики Как рисовать Метки Векторное рисование, Девушки Оставьте комментарий
Векторная анимация
Интересная находка +) Завораживающая векторная анимация.
Просто взгляните, не везде такое увидишь.
+) Много идей по созданию чего-то подобного, только с рисованными скринами. Надеюсь когда-нибудь сделать оформление сайта таким, чтобы он выглядел поживее и атмосфера была такой, какой должна быть +)
Вообще представляю себе оформление вот типа такого вида. Конечно цветовое и тематическое оформление другое, но сама конструкция ближе всего. Больше я не нашёл таких рисованных сайтов. Было бы интересно услышать Вашу точку зрения или предложения интересных оформлений, которые Вы видели.
… Вот ещё нашёл “горизонтальный” блог, тоже заслуживает внимания, я думаю +)
Источник: macroart.ru