40 туториалов для создания векторных иллюстраций / Блог компании ua-hosting.company / Хабр
В посте собрана подборка обучающих уроков по созданию векторной графики. На мой взгляд большинство материалов покажутся интересными для новичков только начинающих постигать векторное искусство. Но думаю, что специалисты также смогут найти для себя полезные уроки.
Туториалы бесплатные, но почти все на английском языке. Для удобства они поделены на три категории: приступая к работе, создание лиц, дизайн персонажей, ландшафт и окружающая среда и особые эффекты.
Итак, поехали:
Приступая к работе
1. Изучение векторной иллюстрации за 10 шагов
В этом уроке объясняется, каким образом создавать векторные иллюстрации используя Adobe Illustrator. Приводится объяснение ключевых параметров и инструментов, которое дополняется советами экспертов.
2. Руководство для начинающих векторных художников
В этом многогранном туториале Вы узнаете основные термины, рассмотрите рабочие процессы и техники, которые помогут начать работать с векторной графикой.
3. Инструмент «Перо»
Инструмент «перо» — один из основных в арсенале программы, он особенно важен для начального овладения векторной графикой. Это подробное руководство ставит своей целью познакомить Вас с особенностями и методами работы с незаменимым инструментом компании Adobe. А также с наиболее рациональными способами его использования.
4. Рисование векторной графики
Данный видео-туториал является действительно ценным ресурсом, который объясняет как создавать векторную графику в Illustrator и какую роль в этом процессе играет рисование.
5. Illustrator для начинающих: 11 лучших советов
От использования точек кривой Безье до обводки, заливки и придания векторной графике более естественного вида — это лишь некоторые секреты Illustrator из урока, которые существенно пополнят арсенал новичка.
6. Создание простых органических форм в векторе
Узнайте, как создавать простые органические формы в Illustrator с этим простым для восприятия руководством от Верле Питерс (Veerle Pieters), графического и веб-дизайнера.
7. Добавление текстуры для векторных иллюстраций
Добавление текстуры — это отличный способ сделать Вашу векторную графику более выразительной, подчеркнуть ее перспективу. В этом очень доступном видео эксперт Illustrator Александра Сесилио (Alexandra Cecilio) демонстрирует как это сделать.
8. Создание линейного графика
Этот туториал от Андрея Мариуса (Andrei Marius) поможет Вам создать векторный линейный график. Пошагово: начиная с простой сетки до направляющих линий, используя только панель Appearance (один из мощнейших инструментов в Adobe Illustrator) с добавлением некоторых простых фрагментов текста и тонкой штриховки.
Создание лиц
9. Создание векторного глаза
Это очень полезный видео туториал, который показывает процесс создания векторного глаза, а также затемнение кожи.
10. Векторные портреты для начинающих
Это углубленный видео курс, который поможет в овладении искусством создания векторных портретов на основе фотографий.
11. Создание векторного портрета основанного на линиях
Еще один замечательный туториал по векторной графике. Руслан Хасанов показывает как манипулировать работой векторных линий и градиентами, чтобы придать работе динамичность.
12. Как создать Геометрический, Векторный WPAP Портрет в Adobe Illustrator
С возрождением геометрической тенденции, справедливо сказать, что WPAP может быть представлен в большем количестве различных аспектов дизайна. Этот туториал покажет Вам как самостоятельно создать WPAP в Illustrator с помощью мастера WPAP.
13. Как создать векторные волосы
Прорисовка волос в векторе может быть довольно мудреной. Этот туториал шаг за шагом показывает как волосы с фотографии превращаются в векторные.
14. Создание автопортрета в геометрическом стиле
В этом уроке Вы сможете создать иллюстрированный автопортрет в геометрическом стиле. В качестве основы иллюстрации будет использоваться Ваша собственная фотография. Она поможет нарисовать эскиз, а затем завершить оставшуюся часть работы.
Дизайн персонажей
15. Создание аватаров профессии в Illustrator
Иллюстратор и дизайнер Юлия Соколова показывает как создать набор портретов, которые идеально подходят для социальных медиа или, к примеру, для обозначения различных категорий и профессий на Вашем сайте.
16. Самый простой способ для создания причудливых персонажей в Illustrator
Джонатан Болл (Jonathan Ball), основатель Poked Studio, обьясняет как с помощью Illustrator основные геометрические фигуры превращаются в уникальных, красочных персонажей.
17. Тематический урок на тему «Алиса в Стране чудес»
В этом уроке Вы легко и весело создаете очень простой трафарет, который можно использовать на различных поверхностях (включая футболки, стены, холсты). Сказка Л. Кэррол «Приключения Алисы в Стране чудес» вдохновила автора на создание векторного изображения и написание туториала.
18. Как нарисовать и перевести в вектор Kawaii Vampire Chibi с помощью Illustrator
С помощью этого туториала Мэри Винклер (Mary Winkler) собирается показать Вам, как нарисовать чиби персонажа с нуля, используя Shape Builder Tool (Shift-M), Pen Tool (P), прозрачные градиенты, и многое другие инструменты Illustrator.
19. Создание векторного аниме персонажа в Photoshop
В руководстве описан процесс создания простого персонажа аниме от начала и до конца.
20. Как создать милого векторного кролика
Узнайте как создаются милые кролики в этом туториале векторной графики. Тренинг использует простые формы и градиенты, которые легко применимы и к иллюстрациям других персонажей.
21. Создание клевого векторного йети в Illustrator
Этот туториал представляет очень много основных форм для достижения действительно ловкого стиля иллюстраций. А затем «оживляет» йети с помощью палитры холодных цветов.
22. Как спроектировать и перевести в вектор набор персонажей для видео игр
Здесь Вы сможете увидеть, как создаются персонажи видеоигр. У Вас будет возможность рассмотреть работу с первого эскиза и до самого финала.
23. Создание векторного монохромного портрета
Иллюстратор и автор Шейрен Милн (Sharon Milne) показывает, как создать монохромный портрет с фотографии.
24. Создание ретро футболиста
Если Вы заядлый любитель футбола, то этот туториал будет особенно кстати. В уроке Сергей Кандаков создает яркую иллюстрацию с эффектом стиля ретро.
Ландшафт и окружающая среда
25. Создание векторной картины-инфографики
В этом уроке от векторного художника Андрея Мариуса (Andrei Marius) показано, как можно создать простой дизайн карты в Illustrator.
26. Создаем эффектный ландшафт окружающей среды
В этом туториале продемонстрировано, как создать в llustrator эффектный ландшафт окружающей среды. Для выполнения задания будет достаточно базовых знаний об инструментах программы.
27. Рисуем векторные цветы с помощью gradient mesh
Очень простой и последовательный урок от Дианы Тома (Diana Toma), который показывает как нарисовать прекрасные цветы используя градиентные сетки (меш).
Особые эффекты
28. Высокое напряжение — опасно для жизни! Создайте электрический текстовый эффект в Illustrator
В этом пошаговом руководстве Вы изучите, как создать «электрический» текст в векторе.
29. Как создать портрет с drip-effect
Том Мак (Tom Mac) показывает, как в Illustrator создать портрет с drip-effect, используя инструмент Pen и кое-какие дополнительные методы.
30. Создание нежного восточного узора в Adobe Illustator
В этом учебном руководстве мы сделаем простой и красивый восточный паттерн в Adobe Illustrator, который будет состоять из различных объектов азиатской культуры.
31. Создаем винтажную векторную текстуру
За прошедшие годы винтажные иллюстрации и ретро-стиль стали вновь популярными в дизайне. В представленном уроке разработчик Бен Стирс (Ben Steers) делится своими методами, которые помогут Вам преобразовать векторные рисунки в ретро-стиль.
32. Векторные скетч-рисунки
С помощью Illustrator можно создавать безупречную векторную графику. Но порой требуются иллюстрации, напоминающие художественные эскизы, выполненные на скорую руку. В уроке показано, как нарисовать векторный рисунок в таком стиле.
33. Как создать сияющий текст
Следуя этому туториалу Вы сможете создать эффект блеска в Adobe Illustrator. В основе иллюстрации заложены три эффекта: бумага для заметок, витраж и рваные края. С помощью быстрой трассировки они превращаются в блестящую векторную текстуру.
34. Полутона (Halftone) в векторе
Полутон — способ воспроизведения монохромного изображения. Он базируется на специфике восприятия картины человеческим глазом для которого область изображения, заполненная крупными точками, ассоциируется с более темными тонами. И наоборот, область, заполненная точками меньшего размера, воспринимается как более светлая. Художник Крис Маквей (Chris McVeigh) покажет, как создать векторный полутон.
35. Создаем коронную эмблему Бэтмена в векторе
В этом учебном руководстве Вы изучите, как создать графический логотип Бэтмена, используя простые формы в Adobe Illustrator. Используются простые инструменты, вроде Ellipse Tool (L) и Shape Builder Tool (Shift + M).
36. Конвертируйте растровое изображение в векторное
Это учебное руководство Inkscape демонстрирует, как преобразовать растровое изображение в векторное при помощи функции Trace Bitmap.
37. Как создать векторный слайдер
Слайдер — популярный элемент веб-дизайна. В данном туториале показан вариант создания слайдера в векторе.
38. Создание коллажа из векторных и растровых изображений
Сиара Фелен (Ciara Phelan) продемонстрирует Вам как с помощью комбинирования векторных изображений и фотографий можно создать удивительный коллаж.
39. Простая трассировка фотографий
В этом туториале от одной дизайнерской студии рассказывается как просто нарисовать и трассировать фотографию. Для создания реалистичной иллюстрации в примере используется простая градиентная заливка.
40. Как создавать векторную вышивку в Adobe Illustrator
В этом учебном руководстве показано, как создать эффект вышивки крестиком в Adobe Illustrator. Для этого будет использоваться панель Appearance и образцы.
5 способов создать векторную картинку в Adobe Illustrator
Микростокер и иллюстратор Ольга Захарова рассказала несколько способов, которыми она пользуется при создании очередной иллюстрации на продажу или для коммерческого заказа. Способы просты и, наверняка, большинство практикующих иллюстраторов о них знает, однако, все они сопряжены с нюансами, на которые стоит обратить внимание.
Когда я только начинала вести этот блог, я совсем ничего не понимала в стоках и очень мало знала о создании векторной иллюстрации. Поэтому мне хотелось делиться с миром каждым важным открытием — я понимала, что также, как недавно страдала я, не зная, как сделать бесшовную текстуру, сейчас страдает еще кто-то 🙂
Сейчас стало труднее. Потому что этап «новичковости» уже прошел, и очень многие вещи мне кажутся настолько очевидными, что пока кто-то из новичков не начинает задавать про них вопросы, мне не приходит в голову о них написать. Поэтому, ребята, не стесняйтесь писать комментарии, задавать все вопросы, даже те, которые кажутся глупыми (глупых вопросов не бывает).
Три картинки — три разных способа создания. Угадаете, где какой? 🙂
Это я все к тому, что меня тут как-то недавно спросили — а как удобнее обрисовывать картинку в Иллюстраторе?
Ведь существует великое множество способов превратить идею или скетч в векторную картинку с помощью нашей любимой программы 🙂 И я решила описать самые известные способы — с их плюсами и минусами. Сама я пользуюсь разными способами — в зависимости от результата, который хочу получить.
Трейс / Image Trace
Самый автоматизированный способ сделать из скетча векторную картинку и, как мне казалось раньше, самый быстрый (дисклеймер — сейчас я уже так не думаю).
Трейс картинки осуществляется с помощью панели image trace (верхняя панель Window — Image Tace) — просто помещаете свой скетч на рабочую область, открываете панельку, в выпадающем меню выбираете один из пресетов (у всех разные настройки, выбрать лучший можно методом тыка) — например, sketch — и через минуту-другую ваш файл превращен в вектор. Потом нужно только не забыть удалить “мусор” — разные пустые пути, которые образуются в процессе. Для этого не снимая выделение с оттрейсенного объекта надо пойти в верхнее меню Object — Path — Clean Up.
Трейс готов! Как говорили на одной моей прошлой работе “нажал кнопку — и в кассу”. Но, увы, все не так просто.
Результат трейса выглядит круто только тогда, когда исходная картинка-скетч была высокого качества (четкие линии с минимумом рукодрожания, не ворсистыми линиями и тп), потом она была сканирована с приличным DPI и хотя бы немного обработана в фотошопе (выбеливание фона, добавление контраста). Во всех остальных случаях трейс требует доработки.
Я делаю так: включаю видимость путей (cmd+H), выбираю контрастный цвет для них по отношению к обводке (двойной клик по названию слоя) — и, увеличив картинку до 200-300% проверяю аккуратность линий. В этом мне сильно помогают обычный карандаш — он мне нравится больше, чем сглаживающий — и плагин от Astute Graphics Smart Remove Brush Tool, которым можно удалять лишние точки, минимально изменяя линию.
Тут важно не переусердствовать в “вылизывании” картинки — если вам нужно идеальные ровные линии — быстрее использовать один из инструментов, о которых речь пойдет ниже. Трейс разумно использовать тогда, когда хочется сохранить эффект “нарисованности вручную”.
Я на данный момент использую трейс только для цитат вроде такой:
Плюсы и минусы трейса:
+ Можно относительно быстро превратить хороший скетч в векторную картинку с сохранением hand drawn эффекта
– Нужно потратить время, чтобы обработать
– Весь объект уже векторный, то есть труднее поменять толщину линий
– Линии не будут идеально ровными (это же и плюс)
Мой вердикт таков — использовать трейс надо с умом, применяя его ни ко всему подряд, чтобы сэкономить время на обработку, а к избранным картинкам, чтобы сохранить “ручной” эффект и некую небрежность линий.
Блоб браш / Blob Brush
Из всех инструментов иллюстратора больше всего на настоящую, живую, кисточку похож блоб браш. За это его очень любят художники, которые переходят с живого рисования или рисования в фотошопе на вектор. Всю прелесть этого инструмента могут оценить только те, у кого есть графический планшет – с его помощью можно контролировать толщину линий нажимом.
У этого инструмента так много поклонников, что мне даже как-то неловко признаваться, что я его не люблю и практически совсем не использую. Это вызывает у людей примерно такие же эмоции, как когда я говорю, что мне не нравится “Мастер и Маргарита”. Но что есть — то есть 🙂 Примеры употребления блоб браша в моем портфолио можно найти только на очень-очень старых картинках, которые, скорее всего, будут удалены во время следующей чистки.
Одна из моих первых картинок, нарисованная блоб брашем
Блоб брашем можно рисовать линии также, как вы это делаете фломастером на бумаге (сравнивать с кистью, мне кажется, не совсем верно, тк прозрачность блоб браша не регулируется нажимом), при условии, повторюсь, наличия планшета.
Плюсы и минусы блоб браша:
+ Облегчает художникам переход с растра на вектор
+ Имитирует “живое” рисование
– Нужен планшет, чтобы оценить всю прелесть (и умение рисовать тоже не помешает)
– Толщину линий можно задавать только перед рисованием, как только линия проведена — она по сути является векторным объектом с заливкой, — как и в случае с трейсом регулировать толщину постфактум сложно
Пентул / Pentool
Самый, наверное, непонятный инструмент для новичков, который оказывается крайне удобной и функциональной штукой, когда узнаешь его поближе. Совсем скоро я добавлю урок в магазин про то, как сделать кривые Безье своими лучшими друзьями, потому что сама в свое время потратила на них немало нервов.
Перо — инструмент наиболее далекий от художников и близкий графическим дизайнерам, потому что чтобы нарисовать линию — нужно не провести ее кисточкой/карандашом и тп, а поставить точку, потом еще одну — и так далее, регулируя изгиб и длину ручками кривой.
Почему-то мне видится, что блоб брашем больше рисуют девочки, а пентулом — мальчики, потому что он такой строгий и серьезный. И да, это мой любимый инструмент. Правда, не стандартный пентул, а апгрейд от Астуте Графикс под названием Вектор Скрайб.
Плюсы и минусы пентула:
+ Чистые и аккуратные линии
+ Можно регулировать толщину нарисованных линий/картинки в любой момент за пару секунд, пока не сделан экспанд (который нужно делать перед отправкой на стоки, но лучше сохранять в рабочем файле неэкспанднутую копию)
+ Пентул — отличный способ создавать картинки на стоки для тех, кто не умеет рисовать в классическом понимании этого слова
– Все рисование сводится к расстановке точек и повороту ручек — многих креативных людей это напрягает
– Полезно также освоить инструмент Shape Builder Tool и панель Pathfinder, потому что обычный ластик удалить лишнее не поможет
– Чтобы научиться уверенно обращаться с пентулом, нужно освоить какое-то количество теории и много, много практиковаться, при этом первое время линии будут получаться кривоватыми и на отрисовку будет уходить много времени
Кисточка (обычная) / Brush
Компромисс между пентулом и блоб брашем для тех, кто хочет проводить линии, а не ставить точки, и при этом иметь больший контроль над тем, как линия выглядит.
Что на линию, проведенную кистью, что на “пентульную” можно “насадить” огромное количество самых разных кистей — из стандартной библиотеки (правда, официально на стоки их использовать нельзя), либо !! своих собственных, каждый раз получая новый результат. Потом нужно не забыть все это дело отэкспандить (то есть превратить в вектор с помощью команды Object — Expand).
Плюсы и минусы кисточки:
+ Сохраняется возможность редактирования линий и можно рисовать руками (не точками)
– Нужен планшет
– Линии почти всегда получаются не такими, как хочется, — может у меня руки кривые, но по моим ощущениям тот же блоб браш позволяет точнее контролировать линию
У блоб браша и кисточки есть свои индивидуальные настройки, добраться до которых можно, дважды кликнув по конкретному инструменту в левой панельке.
У кисточки можно настроить чувствительность и сглаживаемость линии, у блоб браша также можно включить или отключить автоматическое слипание объектов одного цвета друг с другом. Подробно про настройки мне рассказать нечего, тк у меня стоят стандартные.
Простые геометрические формы
Речь о квадрате, круге, линиях, многоугольниках — чаще всего, конечно, они используются не сами по себе, а в сочетании с пентулом. Рисование с помощью геометрических фигур подходит тем, кто любит геометричность в картинках, кайфует от четких форм и минимума точек на путях 🙂 Раньше я использовала формы только для каких-то очевидных действий — например, делала глаза персонажу с помощью круга, или каркас дома с помощью квадрата.
Посмотрев курс Illustration for Designers: Create Your Own Geometric Animal (Иллюстрация для дизайнеров: Создайте свое собственное геометричное животное) на Skillshare я переосмыслила роль форм в картинках и мне стало интересно научиться видеть формы в объектах. Так родилась серия животных, которую я скоро планирую продолжить:
Плюсы и минусы рисования формами:
+ Линии получаются идеальными, не нужно думать о том, куда поставить точку и как потянуть за ручку
– Перестроиться на «мышление формами» большинству людей очень сложно
– Все равно придется использовать дополнительные инструменты — пентул, панель пасфайндер или шейп билдер тул
Примерно 80% моих текущих картинок нарисованы плагином InkScribe — тот самый аналог пентула от Astute Graphics, о котором я уже говорила (я, кстати, планирую написать отдельный пост про астутовские плагины, как только меня перестанет пугать потенциальный размер этого поста).
Остальные 20% — это трейс, простые формы и иногда — Dynamic Sketch Tool. Это что-то вроде карандаша, только более аккуратный и с большим количеством настроек (опять же, астутовский).
Каким инструментом будет удобнее/быстрее рисовать лично вам кроме вас никто решить не сможет. Поэтому мой главный совет — пробуйте их все, применяйте для разных картинок, разных стилей, в разных ситуациях и не позволяйте чужому мнению на вас влиять. Потому что для кого-то блоб браш всех прекраснее и милее, а кому-то, чтобы рисовать крутые картинки, и планшет не нужен — справляются мышкой и пентулом.
Фото на обложке: ShutterStock
Как нарисовать векторное изображение
В этом уроке мы рассмотрим процесс создания векторного рисунка в Фотошопе.
Сложность: Средняя
Дата: 24.08.2013
Обновлено: 18.06.2015
Как известно, векторные иллюстрации в настоящее время очень популярны в веб-графике. Профессиональные дизайнеры могут создавать такие иллюстрации за считанные часы. Если Вы новичок или любитель, уроки веб-графики, безусловно, будут крайне полезны для Вас. Цель данного урока – пролить свет на процесс создания выбранного изображения. Шаг за шагом я продемонстрирую весь процесс и с помощью моих комментариев поясню все этапы.
Чтобы создать действительно классное изображение, Вы должны выбрать нужную программу и следовать определенным правилам. Если Вы хотите нарисовать векторную иллюстрацию, то должны иметь в виду, что для этого используются такие редакторы как Adobe Illustrator или CorelDraw. Вместе с тем,
Скетч кота, который я использовал в уроке.
Шаг 1
Начнем с создания фона. Нарисуем форму с помощью инструмента выделения Pen Tool («Перо» / Клавиша «P») (в режиме Shape Layers (Слой Фигура)). Настройки – Fill (Непрозрачность заливки) = 0%. Теперь используем наложение градиента: (Layer Style – Gradient Overlay (Стиль слоя – Наложение градиента)) для заполнения созданной фигуры. Все настройки по умолчанию, вам только нужно менять угол (я буду указывать степень) и градиент. Добавляем Stroke (Обводку) (Layer Style – Stroke (Стиль слоя – Обводка)). Используем все настройки по умолчанию, кроме ширины в 1 рх и цвета.
Итак. используем Pen Tool («Перо» / Клавиша «P»), в режиме Shape Layers (Слой Фигура). Выделяем весь холст, настройки Fill (Непрозрачность заливки) = 0%, и добавляем градиент (Layer Style – Gradient Overlay (Стиль слоя – Наложение градиента)).
Шаг 2
Раскрашиваем основные части кошачьего тела в синий цвет: нос с ушами, тело, передняя лапа и хвост. Добавляем Stroke (Обводку), чтобы сделать изображение более интенсивным. Используем цвета с #4f85c8 до #7ab2ee, угол – 50 deg (Градус) для Наложения градиента, и #2d72c5 – цвет Stroke (Обводка).
Шаг 3
Теперь уделим внимание основным элементам тела. Высветлим часть тела, используя тот же градиент, что и для всего тела, с углом 3 deg (Градус).
Шаг 4
Перейдем к деталям хвоста. Выделим весь хвост и заполним его градиентом (
Шаг 5
Выделим нос, как показано на рисунке, и заполним градиентом (90 deg (Градус)).
Шаг 6
Осветлим кончик носа (-66 deg (Градус)). Используем более темные цвета, чтобы подчеркнуть границы носа.
Шаг 7
Пришло время поработать с общими контурами ушей. Используем угол градиента 66 deg (Градус) для нижнего и 4 deg (Градус) для верхнего уха.
Шаг 8
Придадим форму краю уха: используем угол градиента 16 deg (Градус) для нижнего уха и 34 deg (Градус) – для верхнего.
Шаг 9
Добавим деталей на лапах. Создадим овальную форму верхнего пальца (градиент с углом (35 deg (Градус)), затем для среднего пальца (68
deg (Градус)), и наконец для нижнего (58 deg (Градус)). Каждая последующая форма накладывается на предыдущую.Шаг 10
Основной корпус готов. Теперь перейдем ко второй нижней лапе. Создадим новую форму (97 deg (Градус)), далее нажмем «Shift+Ctrl+[» (Send to Back (На задний план)), и добавим Stroke (Обводка) c цветом #1d62b5.
Шаг 11
Добавим три круга сверху донизу (25 deg (Градус), 68 deg (Градус), 83 deg (Градус)) для каждого пальца, как и в шаге 9.
Шаг 12
Проделаем все то же, что и с первой нижней лапой. Готово. Теперь обратимся к верхним лапам. Создадим форму для одной из верхних лап (58 deg (Градус)) и добавим Stroke (Обводку) с цветом #4172a5 (как и для всех внешних форм).
Шаг 13
На верхней лапе
Шаг 14
Создаем овальную форму для каждого пальца, как в шаге 9 (63 deg (Градус), 67 deg (Градус), 77 deg (Градус)). Добавляем Stroke (Обводка) с цветом #3367a6 для каждого из 3-х пальцев.
Шаг 15
Создадим новую форму для второй лапы (-61 deg (Градус)). Жмем (Ctrl+Shift+]) и добавляем Stroke (Обводка) #2d72c5.
Шаг 16
Для верхнего пальца создаем форму (135 deg (Градус)), затем то же самое проделываем и для остальных пальцев (сверху вниз) – как и в шаге 9 (99 deg (Градус), 83 deg (Градус), 67 deg (Градус)).
Шаг 17
Закончили с основной частью кошачьего тела. Теперь перейдем к мордочке. Начнем с глаз. Создадим новую форму для нижнего века ( -168 deg (Градус)), а затем светло-голубую форму – белок глаза (-22 deg (Градус)).
Шаг 18
Теперь нарисуем овальную форму в середине головы (90 deg (Градус)) для радужки глаза, добавим Stroke (Обводка) #599c01. Нарисуем зрачок над радужкой (90 deg (Градус)). Затем создадим маленькую овальную форму для блика. Для градиента используем цвет #ebfcf9.
Шаг 19
Сделаем овальную форму век (94 deg (Градус)), затем форму для ресниц (-173 deg (Градус)). Расположим их по границе века. Нажимаем «Ctrl+[» (Send Backward (Переложить назад)).
Шаг 20
Используя те же процедуры и те же параметры, но чуть меньшего размера по каждому из элементов, создадим второй глаз.
Шаг 21
Поработаем с зубами. Создадим новую форму (
Шаг 22
Создадим форму для нижнего зуба (-122 deg (Градус)). Далее создаем дубликаты слоя с зубом (Ctrl+J) и изменяем их размер, используя инструмент Path Selection Tool (Инструмент «Выделение контура» / Клавиша «A»).
Шаг 23
Создаем форму верхнего зуба (-135 deg (Градус)), и производим те же действия, что и в шаге 22.
Шаг 24
Кот практически готов. Добавим некоторые детали. Подготовим формы для роскошных кошачьих усов: (сверху вниз:-50 deg (Градус), 63 deg (Градус),-50 deg (Градус)).
Шаг 25
И еще 2 нижних уса:
Шаг 26
Теперь сделаем коту когти. Просто создаем небольшие формы в виде штрихов. в зависимости от направления когтя, указываем и угол наклона градиента, которым его заливаем. Градиент желательно выбрать: от темного к светло-голубому. Не бойтесь варьировать градиенты.
Шаг 27
Последний элемент – цветы в кошачьих лапах. Нарисуем форму стебелька цветка (173 deg (Градус)), как показано на скриншоте, жмем «Shift+Ctrl+[» (Send to Back (На задний план)). Далее создадим форму с лепестками (79 deg (Градус)).
Шаг 28
Создадим еще одну форму для лепестков (94 deg (Градус)), сделаем её чуть больше и разместим чуть выше исходной. Нарисуем сердцевину цветка (76 deg (Градус)), и еще такую же форму (99 deg (Градус)), сдвинув её вверх и вправо на 1 рх.
Вот и все. Наш Кот готов. Как видите, в Фотошопе можно создавать подобным образом векторные изображения чего угодно.
Финальный результат
В посте собрана подборка обучающих уроков по созданию векторной графики. На мой взгляд большинство материалов покажутся интересными для новичков только начинающих постигать векторное искусство. Но думаю, что специалисты также смогут найти для себя полезные уроки.
Туториалы бесплатные, но почти все на английском языке. Для удобства они поделены на три категории: приступая к работе, создание лиц, дизайн персонажей, ландшафт и окружающая среда и особые эффекты.
Приступая к работе
В этом уроке объясняется, каким образом создавать векторные иллюстрации используя Adobe Illustrator. Приводится объяснение ключевых параметров и инструментов, которое дополняется советами экспертов.
В этом многогранном туториале Вы узнаете основные термины, рассмотрите рабочие процессы и техники, которые помогут начать работать с векторной графикой.
Инструмент «перо» — один из основных в арсенале программы, он особенно важен для начального овладения векторной графикой. Это подробное руководство ставит своей целью познакомить Вас с особенностями и методами работы с незаменимым инструментом компании Adobe. А также с наиболее рациональными способами его использования.
Данный видео-туториал является действительно ценным ресурсом, который объясняет как создавать векторную графику в Illustrator и какую роль в этом процессе играет рисование.
От использования точек кривой Безье до обводки, заливки и придания векторной графике более естественного вида — это лишь некоторые секреты Illustrator из урока, которые существенно пополнят арсенал новичка.
Узнайте, как создавать простые органические формы в Illustrator с этим простым для восприятия руководством от Верле Питерс (Veerle Pieters), графического и веб-дизайнера.
7. Добавление текстуры для векторных иллюстраций
Добавление текстуры — это отличный способ сделать Вашу векторную графику более выразительной, подчеркнуть ее перспективу. В этом очень доступном видео эксперт Illustrator Александра Сесилио (Alexandra Cecilio) демонстрирует как это сделать.
Этот туториал от Андрея Мариуса (Andrei Marius) поможет Вам создать векторный линейный график. Пошагово: начиная с простой сетки до направляющих линий, используя только панель Appearance (один из мощнейших инструментов в Adobe Illustrator) с добавлением некоторых простых фрагментов текста и тонкой штриховки.
Создание лиц
9. Создание векторного глаза
Это очень полезный видео туториал, который показывает процесс создания векторного глаза, а также затемнение кожи.
Это углубленный видео курс, который поможет в овладении искусством создания векторных портретов на основе фотографий.
Еще один замечательный туториал по векторной графике. Руслан Хасанов показывает как манипулировать работой векторных линий и градиентами, чтобы придать работе динамичность.
С возрождением геометрической тенденции, справедливо сказать, что WPAP может быть представлен в большем количестве различных аспектов дизайна. Этот туториал покажет Вам как самостоятельно создать WPAP в Illustrator с помощью мастера WPAP.
Прорисовка волос в векторе может быть довольно мудреной. Этот туториал шаг за шагом показывает как волосы с фотографии превращаются в векторные.
В этом уроке Вы сможете создать иллюстрированный автопортрет в геометрическом стиле. В качестве основы иллюстрации будет использоваться Ваша собственная фотография. Она поможет нарисовать эскиз, а затем завершить оставшуюся часть работы.
Дизайн персонажей
Иллюстратор и дизайнер Юлия Соколова показывает как создать набор портретов, которые идеально подходят для социальных медиа или, к примеру, для обозначения различных категорий и профессий на Вашем сайте.
Джонатан Болл (Jonathan Ball), основатель Poked Studio, обьясняет как с помощью Illustrator основные геометрические фигуры превращаются в уникальных, красочных персонажей.
В этом уроке Вы легко и весело создаете очень простой трафарет, который можно использовать на различных поверхностях (включая футболки, стены, холсты). Сказка Л. Кэррол «Приключения Алисы в Стране чудес» вдохновила автора на создание векторного изображения и написание туториала.
С помощью этого туториала Мэри Винклер (Mary Winkler) собирается показать Вам, как нарисовать чиби персонажа с нуля, используя Shape Builder Tool (Shift-M), Pen Tool (P), прозрачные градиенты, и многое другие инструменты Illustrator.
В руководстве описан процесс создания простого персонажа аниме от начала и до конца.
Узнайте как создаются милые кролики в этом туториале векторной графики. Тренинг использует простые формы и градиенты, которые легко применимы и к иллюстрациям других персонажей.
Этот туториал представляет очень много основных форм для достижения действительно ловкого стиля иллюстраций. А затем «оживляет» йети с помощью палитры холодных цветов.
Здесь Вы сможете увидеть, как создаются персонажи видеоигр. У Вас будет возможность рассмотреть работу с первого эскиза и до самого финала.
Иллюстратор и автор Шейрен Милн (Sharon Milne) показывает, как создать монохромный портрет с фотографии.
Если Вы заядлый любитель футбола, то этот туториал будет особенно кстати. В уроке Сергей Кандаков создает яркую иллюстрацию с эффектом стиля ретро.
Ландшафт и окружающая среда
В этом уроке от векторного художника Андрея Мариуса (Andrei Marius) показано, как можно создать простой дизайн карты в Illustrator.
В этом туториале продемонстрировано, как создать в llustrator эффектный ландшафт окружающей среды. Для выполнения задания будет достаточно базовых знаний об инструментах программы.
Очень простой и последовательный урок от Дианы Тома (Diana Toma), который показывает как нарисовать прекрасные цветы используя градиентные сетки (меш).
Особые эффекты
В этом пошаговом руководстве Вы изучите, как создать «электрический» текст в векторе.
Том Мак (Tom Mac) показывает, как в Illustrator создать портрет с drip-effect, используя инструмент Pen и кое-какие дополнительные методы.
В этом учебном руководстве мы сделаем простой и красивый восточный паттерн в Adobe Illustrator, который будет состоять из различных объектов азиатской культуры.
За прошедшие годы винтажные иллюстрации и ретро-стиль стали вновь популярными в дизайне. В представленном уроке разработчик Бен Стирс (Ben Steers) делится своими методами, которые помогут Вам преобразовать векторные рисунки в ретро-стиль.
С помощью Illustrator можно создавать безупречную векторную графику. Но порой требуются иллюстрации, напоминающие художественные эскизы, выполненные на скорую руку. В уроке показано, как нарисовать векторный рисунок в таком стиле.
Следуя этому туториалу Вы сможете создать эффект блеска в Adobe Illustrator. В основе иллюстрации заложены три эффекта: бумага для заметок, витраж и рваные края. С помощью быстрой трассировки они превращаются в блестящую векторную текстуру.
Полутон — способ воспроизведения монохромного изображения. Он базируется на специфике восприятия картины человеческим глазом для которого область изображения, заполненная крупными точками, ассоциируется с более темными тонами. И наоборот, область, заполненная точками меньшего размера, воспринимается как более светлая. Художник Крис Маквей (Chris McVeigh) покажет, как создать векторный полутон.
В этом учебном руководстве Вы изучите, как создать графический логотип Бэтмена, используя простые формы в Adobe Illustrator. Используются простые инструменты, вроде Ellipse Tool (L) и Shape Builder Tool (Shift + M).
36. Конвертируйте растровое изображение в векторное
Это учебное руководство Inkscape демонстрирует, как преобразовать растровое изображение в векторное при помощи функции Trace Bitmap.
Слайдер — популярный элемент веб-дизайна. В данном туториале показан вариант создания слайдера в векторе.
Сиара Фелен (Ciara Phelan) продемонстрирует Вам как с помощью комбинирования векторных изображений и фотографий можно создать удивительный коллаж.
В этом туториале от одной дизайнерской студии рассказывается как просто нарисовать и трассировать фотографию. Для создания реалистичной иллюстрации в примере используется простая градиентная заливка.
В этом учебном руководстве показано, как создать эффект вышивки крестиком в Adobe Illustrator. Для этого будет использоваться панель Appearance и образцы.
Если вам импонирует векторная графика и вы решили попробовать себя в этом деле, то, конечно же, в первую очередь встает вопрос: «Как научиться рисовать?»
Причем, тут я бы хотела обратить ваше внимание на факт, что обучение просто вектору, например, на курсах дизайна и в различных книгах, отличается от обучения стоковому вектору.
На курсах дизайна вас долго будут мурыжить с текстом, печатью и созданием всяких эффектов, что в стоковом векторе даже не применяется. На курсах дизайна вас будут учить «дизайнить», то есть большей частью размещать уже созданные кем-то ранее элементы, но а вовсе не рисованию с нуля.
Тут была бы уместна реклама какого-нибудь курса по стоковому вектору, но увы, подобного курса у меня еще нет, поэтому я просто сделаю несколько рекомендаций, как и что изучать.
- Если вы начинаете изучать векторную графику с нуля, то выберите программу Adobe Illustrator, подойдет любая версия, но, желательно последняя. На данный момент последней является CS5.
- Если у вас вектор ассоциируется с Corel Draw, и вы даже немного им владеете, все равно рекомендую перейти на Adobe Illustrator (о причинах подобного выбора я буду писать в следующем уроке), а так же все материалы на этом сайте будут ориентироваться только на эту программу.
- Вам необходимо самостоятельно постичь основы работы с программой, это можно сделать по любой книге (везде написано примерно одно и то же) или воспользоваться бесплатным курсом «Школа начинающего Иллюстратора«, который есть на моем сайте. Из книг не рекомендую брать Официальное руководство, потому что у них, кажется, стояла задача описать программу как можно сложнее и наиболее не понятнее. Но даже и по ней можно учиться.
- Используйте английскую версию программы, даже если вам доступна русская, а в английском вы не шарите. На многих сайтах команды обозначаются именно на английском, и привыкая к русскому, вы ограничиваете себя во многом.
- После изучения основ (или до них), необходимо изучить требования к стоковому вектору, что описывается в 3-ем разделе.
- Разобраться с тем, что продается на стоках, то есть что наиболее востребовано. Найти уроки, например, на этом же сайте, как создаются те или иные эффекты и создать 10 своих! картинок.
- Пройти экзамен на Shutterstock.com, начать работать с другими стоками и рисовать, рисовать и рисовать, совершенствуя свою технику, пробуя разные стили, находя свою собственную уникальную нишу
Возвращаясь к основам, вот примерный список того, что вам нужно знать, а что не обязательно.
Нужно:
- Интерфейс программы, палитры, и панели инструментов.
- Простейшие операции: выделение, группировка, перемещение, копирование, трансформация, поворот.
- Создание контуров и фигур.
- Работа с цветом и раскрашивание (кисти, сплошная заливка, градиент, меш, прозрачность, режимы наложения)
Смело пропускайте:
- Печать
- Растрирование и работа с растровыми элементами
- Работа с текстом.
- Работа с символами
- Эффекты 3D
Для создания вектора вовсе не обязательно уметь рисовать на бумаге, но любые художественные навыки, а так же общее чувство прекрасного, конечно же, будут вам только плюсом.
Анализируя работы своих рефералов, я пришла к выводу, что одним из важных навыком является работа с формой (композицией) и цветом. Иногда не важна степень детализации картинки, как общая композиция и хорошо подобранные цвета.
Никогда не используйте ту палитру цветов, которая стоит по умолчанию, создавайте свои цвета или используйте уже готовые наборы.
Тренируйте не только свою руку, но и видение. Смотрите работы других авторов, сравнивайте со своими, анализируйте свои ошибки, но, главное, не отчаивайтесь, что у вас все получается не так как у них, а криво, косо и некрасиво. «Чтобы быть хорошим художником, вам сначала нужно стать плохим художником!» . Главное, что вы должны помнить, что соревноваться вы должны не с другими, а с самим собой. Я сегодняшний однозначно лучше себя вчерашнего, а я завтрашний переплюну себя сегодняшнего.
Эта страница была показана 96094 раза.
Глава 7 – Редактор векторной графики Draw¶
Что такое Draw?
LibreOffice Draw – это векторный графический редактор, хотя он также может выполнять некоторые операции и с растровой графикой. Используя Draw, можно быстро создавать большое разнообразие графических изображений.
Векторная графика хранит и отображает изображения в виде простых геометрических элементов, таких как линии, окружности и многоугольники, а не как наборы пикселей (точек на экране), как растровая.
Векторная графика позволяет облегчить хранение и масштабирование изображения.
Draw полностью интегрирован в пакет LibreOffice и это упрощает обмен рисунками между любыми компонентами пакета. Например, если создать изображение в Draw, то повторное использование его в документе Writer будет таким же простым, как копирование и вставка изображения. Также можно работать с такой графикой непосредственно в Writer или в Impress, используя подмножество функций и инструментов из Draw.
Функциональность LibreOffice Draw обширна и, хотя он не был предназначен для конкуренции с лучшими графическими редакторами, он обладает более обширной функциональностью, чем инструменты рисования, интегрированные в большинство иных офисных пакетов.
Вот несколько примеров функций рисования в Draw: управление слоями, система привязок, отображение размеров, соединители для создания диаграмм, 3D функции, которые позволяют создавать небольшие трехмерные рисунки (с текстурированием и световыми эффектами), рисование и интеграция в стиль страницы, кривые Безье.
В этой главе рассматриваются только некоторые особенности Draw. Для получения дополнительной информации смотрите полное Руководство по Draw и встроенную справку в приложении.
Главное окно Draw
Основные компоненты главного окна Draw показаны на рисунке Окно программы LibreOffice Draw и перечислены ниже:
- Строка меню
- Стандартная панель инструментов
- Панель инструментов Линии и Заливки
- Панель страниц
- Рабочая область
- Строка состояния
- Панель инструментов Рисование
- Боковая панель
Рабочая область
Рабочая область – это большая область в центре окна программы, где пользователи создают свои рисунки, она может быть окружена панелями инструментов и информационными зонами. Количество и расположение видимых инструментов меняются в зависимости от поставленной задачи и пользовательских предпочтений, поэтому внешний вид программы на компьютере читателя может отличаться от показанного на рисунке Окно программы LibreOffice Draw. В LibreOffice Draw максимальный размер рисунка – 300х300 сантиметров.
Окно программы LibreOffice Draw
Панель страниц
Рисунки в Draw можно разделить на несколько страниц. Многостраничные рисунки используются в основном для презентаций. На панели страниц показываются все страницы, которые были созданы в текущем документе Draw. Если панель страниц не отображается, выберите пункт меню . Чтобы внести изменения в порядок страниц, просто перетащите одну или несколько страниц на новое место.
Боковая панель
Боковая панель содержит 4 больших раздела. Чтобы развернуть раздел, который нужно использовать, нажмите на его значок или нажмите на маленький треугольник в верхней части панели и выберите раздел из выпадающего списка. Единовременно показывается только один раздел. Если боковая панель не видна, выберите пункт главного меню . Ниже описаны разделы боковой панели:
- Свойства – cодержит подразделы для свойств объекта, которые можно изменить в соответствии с требованиями пользователя. Это подразделы Символы, Абзац, Область, Линия и Положение и размер.
- Стили и форматирование – здесь можно редактировать и применять стили изображения к объектам в рисунке. При изменении стиля, они (изменения) автоматически применятся ко всем элементам, отформатированным с этим стилем, в рисунке.
- Галерея – открывает Галерею Draw, откуда можно вставить объект в рисунок в виде копии или в виде связи. Копия объекта в рисунке не зависит от исходного объекта в Галерее. Изменения в исходном объекте в Галерее не имеют никакого влияния на их копии. Объект, вставленный в рисунок, как связь, остается зависимым от исходного объекта в Галерее. Изменения в оригинале отражаются во вставленном, как связь, объекте.
- Навигатор – открывает Навигатор Draw, в котором можно быстро перемещаться между страницами в документе Draw или выбрать объект на рисунке. Рекомендуется давать страницам и объектам в документе осмысленные имена, что позволит легко идентифицировать их при использовании Навигатора.
Линейки
Сверху и с левой стороны от рабочей области показаны линейки (полоски с числами). Если они не видны, их можно включить, выбрав пункт меню . Линейки показывают размер выбранного объекта на странице, используя двойные линии (выделены на рисунке На линейках отмечен размер выделенного объекта). Если не выбран ни один объект, то эти линии показывают местоположение курсора мыши, что позволяет позиционировать графические объекты более точно.
Также можно использовать линейки для управления объектами, двигая сдвоенные линии, упростив позиционирование объектов.
Поля страницы в области рисования также показаны на линейках. Размеры полей можно изменять непосредственно в линейках, перетаскивая их границы с помощью мыши. Область полей обозначается на линейках серым цветом, как показано на рисунке На линейках отмечен размер выделенного объекта.
Для изменения единиц измерения линейки, которые можно задать самостоятельно, щелкните правой кнопкой мыши на линейке и выберите единицы измерения из выпадающего списка, как показано на рисунке Единицы измерения линейки.
На линейках отмечен размер выделенного объекта
Единицы измерения линейки
Строка состояния
Строка состояния расположена в нижней части экрана Draw, как и во всех компонентах LibreOffice; она включает в себя некоторые специфичные для Draw поля. Для уточнения деталей по содержимому и использованию этих полей, смотрите Глава 1 – Введение в LibreOffice в этом руководстве и Главу 1. Введение в Draw в полном Руководстве по Draw.
Строка состояния Draw
Примечание
Размеры объекта даны в текущих единицах измерения, их не следует путать с единицами измерения на линейках. Единицы измерения в строке состояния определяются в меню , где также можно изменить масштаб страницы.
Панели инструментов
Чтобы показать или скрыть различные панели инструментов Draw, выберите их в меню . В появившемся меню выберите, какие панели нужно отображать. Для получения более подробной информации о работе с панелями инструментов обратитесь к Глава 1 – Введение в LibreOffice в этом руководстве.
Инструменты, имеющиеся в панели инструментов Draw описаны в последующих разделах. Внешний вид панелей инструментов может различаться в зависимости от операционной системы и выбора размера и стиля значков в меню .
Стандартная панель инструментов
Стандартная панель инструментов является одинаковой для всех компонентов LibreOffice и не будет подробно описываться в этой главе .
Стандартная панель инструментов
Панель инструментов Рисование
Панель инструментов Рисование является наиболее важным инструментом в Draw. Она содержит все необходимые функции для рисования различных геометрических и произвольных форм и для размещения их на странице.
Панель инструментов Рисование
Панель инструментов Линии и заливка
Панель инструментов Линия и заливка позволяет изменять основные свойства объекта рисования. Значки и выпадающие списки варьируются, в зависимости от типа выбранного объекта. Например, чтобы изменить стиль линии, раскройте на панели выпадающий список и выберите нужный стиль.
Панель инструментов Линия и заливка
Панель инструментов Форматирование текста
Если выбранным объектом является текст, то панель Линия и заливка заменяется панелью инструментов Форматирование текста, которая аналогична такой же панели в Writer. Для получения более подробной информации смотрите Глава 4 – Текстовый процессор Writer в этом руководстве.
Панель инструментов Форматирование текста
Панель инструментов Параметры
Используйте панель инструментов Параметры для включения или выключения различных вспомогательных функций. Панель инструментов Параметры по умолчанию не отображается. Для её отображения выберите пункт меню Вид > Панели инструментов > Параметры.
Панель инструментов Параметры
Выбор и определение цвета
Для отображения диалога Цвета (рисунок ниже) выберите пункт главного меню . Эта панель позволяет быстро выбрать цвет различных объектов (линии, замкнутые области и 3D-эффекты). Первый квадратик (в левом верхнем углу, перечеркнут) в панели соответствует отсутствию цвета.
Диалог Цвета
Можно также получить доступ к нескольким специализированным цветовым палитрам в Draw, а также изменить отдельные цвета на свой вкус. Это делается с помощью диалогового окна Область, доступного после выбора пункта меню или после нажатия на на соответствующий значок Область на панели Линия и заливка, затем необходимо выбрать вкладку Цвета (рисунок ниже).
Диалог Область. Вкладка Цвета
Чтобы загрузить другие палитры нажмите на значок Загрузить список цветов. В диалоге выбора файла будет предложено выбрать одну из стандартных палитр LibreOffice (файлы с расширением .soc
). Например, файл цветовой палитры web.soc
, которая предназначена для создания рисунков для размещения на веб-страницах.
Окно выбора цвета также позволяет изменять любой цвет, изменяя числовые значения в соответствующих полях справа от цветовой палитры. Использовать можно известные цветовые схемы CMYK (Cyan, Magenta, Yellow, Black) или RGB (Red, Green, Blue).
Нажмите на кнопку Правка, чтобы открыть диалог Выбор цвета, где можно настроить свой индивидуальный цвет. Смотрите раздел Настройки цвета в Глава 2 – Общие параметры LibreOffice данного руководства.
Более детальное описание цветовых палитр и их настроек содержится в полном Руководстве по Draw, в Главе 10, Дополнительные возможности Draw.
Рисование основных фигур
В Draw представлен широкий выбор фигур, расположенных в палитрах, доступных из панели инструментов Рисование (рисунок Панель инструментов Рисование).
В этом разделе описываются лишь некоторые из основных фигур, в том числе текст, который в Draw рассматривается в качестве объекта. Смотрите полное Руководство по Draw для получения полного описания всех доступных фигур.
Пожалуйста, обратите внимание, что некоторые значки на панели Рисование будут изменяться в зависимости от формы, которая была выбрана. Наличие дополнительных значков в палитрах обозначено маленьким треугольником справа от значка на панели инструментов Рисование.
Примечание
При рисовании формы или выборе объекта для редактирования, поле информация на левой стороне в строке состояния отражает текущее действие: например, Линия создана, Текстовый объект XXYY выбран и так далее.
Рисование прямой линии
Нажмите левой кнопкой мыши на значок Линия и поместите курсор в место начала линии. Тащите мышку с зажатой кнопкой в нужном направлении. Отпустите кнопку мыши в точке, где линия должна закончится. На каждом конце линии будет показан маркер выделения объекта. Они показывают, что объект является выделенным в данный момент. Маркер выделения в начальной точке линии по размеру немного больше, чем маркер на конце линии.
Зажмите клавишу Shift
во время рисования линии, чтобы задать угол рисования линии кратный 45 градусам (то есть 0, 45, 90, 135 и так далее).
Примечание
Такое поведение при нажатой клавише Shift задано по умолчанию. Однако, если опция При создании или перемещении объектов в разделе Применять привязку в меню будет активна, то поведение клавиши Shift
изменится на противоположное и линия будет автоматически рисоваться с углом кратным 45˚ при не нажатой клавише Shift.
Держите клавишу Ctrl
нажатой, рисуя линию, для того, чтобы конец линии привязать к ближайшей точке сетки.
Рисование прямой линии
Примечание
Такое поведение при нажатой клавише Ctrl
задано по умолчанию. Однако, если опция Привязка к сетке в меню активна, то нажатие клавиши Ctrl
временно отключает привязку к сетке.
Удерживайте клавишу Alt
во время рисования линии, чтобы начать рисовать её симметрично в обе стороны от начальной точки. Это позволяет рисовать линии, начиная с середины.
Линия рисуется с атрибутами (такими, как: толщина, стиль и цвет) по умолчанию. Чтобы изменить атрибуты уже нарисованной линии выберите её щелчком мыши, затем нажмите правую кнопку мыши и выберите пункт Линия из контекстного меню или выберите пункт меню , чтобы открыть одноименный диалог. Также можно выбрать раздел Свойства на боковой панели и открыть подраздел Линия. Стиль, толщину и цвет линии также можно выбрать, используя панель инструментов Линия и заливка.
Диалог Линия
Рисование стрелок
Стрелки рисуются так же, как и линии. Draw классифицирует стрелки, как подвид линий: линии со стрелкой на конце. Информационное поле в строке состояния показывает стрелки только, как линии. Нажмите на значок Линия со стрелкой на конце в панели инструментов Рисование, чтобы нарисовать стрелку. Стрелка появится в конечной точке линии после окончания рисования.
Изменение типа окончания линии (стрелки, кружки, квадратики и прочее)
В Draw доступны несколько типов окончаний линий (стрелки, кружки, квадратики и другие). Нажмите на маленький треугольник справа от значка Линии и стрелки в панели инструментов Рисование, чтобы открыть палитру, содержащую инструменты для рисования стрелок и линий. Также можно использовать пункт меню , чтобы открыть панель Стрелки в виде плавающей панели.
После того, как линия была нарисована, можно изменить стиль стрелки, нажав на значок Стиль стрелок в панели инструментов Линия и заливка, и, выбрав из выпадающего списка вид начала (слева в списке) и конца (справа в списке) линии.
Панель инструментов Стрелки и доступные инструменты
Рисование прямоугольников или квадратов
Рисование прямоугольников аналогично рисованию прямых линий. Нажмите на значок Прямоугольник на панели инструментов Рисование. Зажмите кнопку мыши и тяните курсор мыши на листе, за курсором будет вытягиваться закрашенная область прямоугольника, отпустите кнопку мыши, когда достигнете нужного размера прямоугольника.
Квадрат – это прямоугольник, у которого все стороны равны. Чтобы нарисовать квадрат, нажмите на значок Прямоугольник и удерживайте нажатой клавишу Shift
во время рисования.
Примечание
Если активна опция При создании или перемещении объектов в разделе Применять привязку в меню , то нажатие клавиши Shift
приведёт к обратному эффекту: при выборе инструмента Прямоугольник будет рисоваться квадрат. А чтобы нарисовать прямоугольник, нужно будет зажать клавишу Shift
. Такая смена поведения клавиши Shift
также применяется при рисовании эллипсов и окружностей.
Чтобы нарисовать прямоугольник или квадрат из его центра, установите курсор на чертеже, нажмите кнопку мыши и, удерживайте нажатой клавишу Alt
при перетаскивании курсора. Прямоугольник или квадрат используют в качестве центра начальную точку (ту, где впервые нажата кнопка мыши).
Рисование эллипсов и кругов
Чтобы нарисовать эллипс, нажмите на значок Эллипс на панели инструментов Рисование. Круг – это эллипс, у которого все оси равны по длине. Чтобы нарисовать круг, нажмите на значок Эллипс и, удерживая нажатой клавишу Shift
, нажмите клавишу мыши в нужном месте листа и тяните курсор.
Чтобы нарисовать эллипс или круг, начиная из центра, поместите курсор на нужное место на листе, нажмите на клавишу мыши и удерживая нажатой клавишу Alt
, тащите курсор. Эллипс или круг используют в качестве центра начальную точку (ту, где вы впервые нажали кнопку мыши).
Примечание
Если удерживать нажатой клавишу Ctrl
, и нажать на один из значков на панели Рисование: Линия, Прямоугольник, Эллипс или Текст, то на листе будет создан объект стандартного вида: размер, форма и цвет объекта будут иметь стандартное значение. Эти атрибуты могут быть изменены позже, если это потребуется. Смотрите Руководство по Draw для получения более подробной информации.
Рисование кривых и многоугольников
Чтобы нарисовать кривую или многоугольник нажмите на значок Кривая на панели инструментов Рисование. Нажмите на треугольник справа от значка, чтобы открыть палитру доступных инструментов (рисунок ниже). Значок принимает вид последнего использованного инструмента, что упрощает его повторное использование.
Если поместить курсор мыши на один из значков, появится всплывающая подсказка с описанием функции.
Панель Кривые (Линии) и доступные инструменты
Примечание
Если удерживать нажатой клавишу Shift
при рисовании линий (кривой или многоугольника), то инструменты будут ограничены углами рисования в 45 или 90 градусов.
Кривые
Нажмите и удерживайте левую кнопку мыши, чтобы создать начальную точку кривой. Удерживая нажатой левую кнопку мыши, перетащите курсор из начальной точки в нужном направлении, чтобы нарисовать линию. Отпустите левую кнопку мыши и продолжайте двигать курсор, чтобы продолжить рисовать прямую линию в другом направлении. Каждый щелчок мыши устанавливает угловую точку и позволяет продолжить рисование другой прямой линии от угловой точки. Двойной щелчок завершает рисование всей линии.
Кривая с заполнением автоматически соединяет последнюю точку с первой точкой при завершении рисования и производит заливку получившейся фигуры стандартным цветом. Кривая без заполнения не замыкается в фигуру при окончании рисования.
Многоугольники
Нажмите и удерживайте левую кнопку мыши, тащите курсор и таким образом рисуйте первую линию из начальной точки. Как только вы отпустите кнопку мыши, появится линия между первой и второй точками. Переместите курсор, чтобы нарисовать следующую линию. Каждый щелчок мыши устанавливает угловую точку и позволяет рисовать другую линию. Двойной щелчок завершает рисование.
Многоугольник с заполнением автоматически соединит последнюю точку с первой точкой, чтобы закрыть фигуру, и зальёт её текущим стандартным цветом. Многоугольник без заполнения не будет закрыт в конце рисования.
Многоугольники 45°
Как и обычные многоугольники, они формируются из линий, но углы между линиями ограничены значением в 45 или 90 градусов.
Полилинии
Использование инструмента полилиния похоже на рисование карандашом на бумаге. Нажмите и удерживайте левую кнопку мыши и перетащите курсор по требуемой траектории. Завершать рисунок с помощью двойного щелчка мыши необязательно, просто отпустите кнопку мыши и рисунок будет завершен.
Если выбран инструмент Полилиния с заполнением, то конечная точка автоматически соединяется с начальной точкой и получившийся объект заполняется соответствующим цветом.
Добавление текста
Чтобы включить инструмент добавления горизонтального текста, нажмите на значок Текст или для вертикального текста – значок Вертикальный текст . Если значок Вертикальный текст не виден, активируйте опцию Азиатские в меню . После нажатия на значок Текст станет доступна панель инструментов Форматирование текста. На этой панели инструментов можно выбрать вид шрифта, его размер и другие свойства шрифтов перед началом ввода текста.
Примечание
Значок Вертикальный текст доступен только на панели инструментов Рисование.
После активации инструмента Текст, щелкните клавишей мыши в том месте листа, где нужно расположить текст. Появится небольшая текстовая врезка, содержащая только текстовый курсор. Эта врезка может быть перемещена в любое место на листе, как и любой другой графический объект. Текстовая врезка динамическая и изменяет свои размеры при вводе текста.
Обратите внимание на информационное поле в строке состояния: оно показывает, что в данный момент редактируется текст, а также предоставляет подробную информацию о текущем положении курсора с использованием номеров абзаца, строк и столбцов (рисунок ниже).
Информация о тексте в строке состояния
Можно вставить разрыв строки, используя комбинацию клавиш Shift+Enter
, или начать новый абзац, нажав клавишу Enter
. Вставка разрывов строк или новых абзацев не прекращает редактирование текста и не удаляет текстовую врезку. После окончания набора текста щелкните мышью за пределами текстовой врезки, чтобы завершить добавление или редактирование текста.
Для редактирования существующего текста, щелкните дважды мышью по тексту, чтобы открыть панель Форматирование текста и приступить к редактированию.
Атрибуты текста (вид, размер, цвет и тому подобное) могут быть изменены прямо во время ввода текста. Новые атрибуты вступят в силу для текста, введенного после изменений. Чтобы изменить атрибуты для всего текста в текстовой врезке, нужно сначала выделить весь текст во врезке.
Можно создавать стили, которые будут использоваться для других текстовых врезок. Выберите пункт меню или нажмите клавишу F11
, чтобы открыть диалог Стили и форматирование. Стиль влияет на весь текст в текстовой врезке. Для форматирования только части текста используйте прямое форматирование с помощью панели Форматирование текста или подразделов Символы и Абзацы в боковой панели.
Текстовые врезки могут также иметь цвет заполнения, тени и другие атрибуты, как и любой другой объект Draw. Врезку можно вращать и писать текст под любым углом. Эти опции доступны по щелчку правой кнопкой мыши на самой текстовой врезке.
Если дважды щелкнуть кнопкой мыши по графическому объекту или нажать клавишу F2
или нажать значок Текст, когда какой-либо объект выделен, то можно будет добавить текст на графический объект. Этот текст становится частью графического объекта.
Графические объекты не являются динамическими и не ведут себя, как текстовые врезки. Чтобы вписать текст в рамки объекта, нужно использовать абзацы, разрывы строк или меньший размер текста, увеличить размер объекта или использовать все четыре метода одновременно.
Для получения более подробной информации по работе с текстом смотрите Руководство по Draw. Глава 2. Рисование основных фигур и Глава 9. Добавление и форматирование текста там же.
Точки соединений и соединительные линии
Точки соединений
Все объекты Draw имеют точки соединений, которые в нормальном состоянии не отображаются. Они становятся видимыми только, если нажат значок Соединительные линии на панели инструментов Рисование. Большинство объектов имеет четыре соединительных точки. Можете добавлять свои точки соединений или изменять существующие, используя панель инструментов Точки соединений. Используйте пункт меню , чтобы открыть эту панель.
Точки соединений
Точки соединений – это не то же самое, что точки, появляющиеся при выборе объекта. Те точки используются для перемещения или изменения формы объекта (и называются маркеры выделения). Точки соединений используются, чтобы прикрепить соединительную линию к графическому объекту таким образом, чтобы, при перемещении объекта соединительная линия осталась «приклеенной» к объекту и перемещалась вместе с ним. Для получения более подробных инструкций по использованию точек соединения прочитайте в Руководстве по Draw Главу 3. Работа с объектами и точками объекта, а также Главу 8. Соединения, блок-схемы и организационные диаграммы.
Панель инструментов Точки соединений и доступные инструменты
Соединительные линии
Соединительные линии – это линии или стрелки, концы которых автоматически присоединяются к точке соединения объекта. Соединительные линии особенно полезны при разработке организационных диаграмм и блок-схем. Когда объекты передвигаются относительно друг друга, то соединительные линии остаются прикрепленными к точке соединения. На рисунке ниже показаны для примера два объекта и соединительная линия между ними.
Соединительная линия между двух объектов
Draw предлагает широкий выбор различных соединительных линий и их вариантов. На панели инструментов Рисование щелкните треугольник справа от значка Соединительные линии, чтобы открыть палитру доступных инструментов типа Соединительная линия (рисунок ниже). Для получения более подробных инструкций по использованию соединительных линий смотрите в Руководстве по Draw Главу 8. Соединительные линии, блок-схемы и организационные диаграммы.
Панель инструментов Соединительные линии и доступные варианты линий
Рисование геометрических фигур
Значки для рисования геометрических фигур расположены на панели инструментов Рисование и каждая геометрическая фигура описывается в последующих разделах. При нажатии на треугольник справа от значка на панели инструментов Рисование открывается палитра инструментов, предоставляющая доступ к инструментам для этой геометрической фигуры.
Совет
Использование данных инструментов для рисования геометрических фигур похоже на инструменты, используемые для рисования прямоугольников и квадратов. Для получения более подробной информации смотрите раздел Рисование основных фигур в данной главе и Руководство по Draw. Глава 2. Рисование основных фигур.
Основные фигуры
Щелкните на треугольнике справа от значка Основные фигуры , чтобы открыть палитру инструментов Основные фигуры. Эта палитра включает в себя инструмент рисования прямоугольника, идентичный тому, который уже отображается на панели инструментов Рисование.
Панель инструментов Основные фигуры
Фигуры-символы
Щелкните на треугольнике справа от значка Фигуры-символы , чтобы открыть одноименную палитру инструментов.
Панель инструментов Фигуры-символы
Блочные стрелки
Щелкните на треугольнике справа от значка Блочные стрелки , чтобы открыть одноименную палитру инструментов.
Панель инструментов Блочные стрелки
Блок-схемы
Щелкните на треугольнике справа от значка Блок-схемы , чтобы открыть одноименную палитру инструментов. Создание блок-схем, организационных диаграмм, и аналогичные инструменты планирования описаны в Руководстве по Draw. Глава 8. Соединения, блок-схемы и организационные диаграммы.
Панель инструментов Блок-схемы
Выноски
Щелкните на треугольнике справа от значка Выноски , чтобы открыть одноименную палитру инструментов.
Панель инструментов Выноски
Звезды и свитки
Щелкните на треугольнике справа от значка Звезды и свитки , чтобы открыть одноименную палитру инструментов.
Панель инструментов Звезды и свитки
Примечание
Добавлять текст можно ко всем этим геометрическим фигурам. Для более подробного описания обратитесь к Руководству по Draw. Глава 2. Рисование основных фигур и Глава 10. Дополнительные возможности Draw.
Выделение объектов
Прямое выделение
Самый простой способ выделить объект, это щелкнуть мышкой прямо на нём. Для выделения объектов без заливки цветом, щелкните по контуру такого объекта. Один щелчок служит для выделения, повторный – для отмены выделения. Чтобы выделить или снять выделение более, чем одного объекта, нажмите и удерживайте кнопку Shift
при щелчке мышью.
Выделение рамкой
Можно выбрать сразу несколько объектов, передвигая курсор с зажатой левой клавишей мыши. Во время движения курсора будет отображаться рамка вокруг объектов. Выделены будут только объекты, полностью расположенные внутри рамки.
Для множественного выделения объектов значок Выделение на панели инструментов Рисование должен быть нажатым.
Выделение скрытых объектов
Даже если объекты расположены за другим объектом и не видны, они всё равно могут быть выделены. Удерживая нажатой клавишу Alt
, щелкните мышкой по объекту на переднем плане, под которым находится скрытый объект, а затем щелкните снова, чтобы выбрать скрытый объект. Если есть несколько скрытых объектов друг под другом, то удерживайте нажатой клавишу Alt
и щелкайте по ним, пока не дойдете до объекта, который вам нужен. Для перемещения по объектам в обратном порядке, удерживайте нажатыми клавиши Alt + Shift
и щелкайте мышкой по объектам.
При щелчке на выбранном объекте его контур на короткое время проявится через объекты, его скрывающие.
Примечание
Использование клавиши Alt
работает на компьютерах с ОС Windows или Mac. На компьютерах под управлением Linux нужно использовать метод с клавишей Tab
, описанный ниже.
Чтобы выделить объект, который скрыт другим объектом, с помощью клавиатуры, используйте клавишу Tab
для перемещения по объектам, остановившись на объекте, который вам необходим. Для перемещения по объектам в обратном порядке, нажимайте сочетание клавиш Shift + Tab
. Это очень быстрый способ достичь поставленной цели, но он может быть не очень удобным, если на рисунке большое количество объектов.
Расположение объектов
В сложных рисунках несколько объектов могут быть наложены друг на друга. Чтобы изменить порядок размещения объектов (передний/задний план), выделите объект, выберите пункт главного меню и выберите вариант Переместить вперед или Переместить назад. Также можно щелкнуть правой кнопкой мыши на объекте и выбрать пункт Расположить из контекстного меню, а затем вариант Переместить вперед или Переместить назад.
Настройки расположения также доступны при щелчке на треугольнике справа от значка Расположить на панели инструментов Линия и заливка. Откроется панель инструментов Положение, предоставляющая доступ к различным варианам расположения объектов (рисунок ниже).
Панель инструментов Положение и доступные инструменты
Перемещение и изменение размера объекта
При перемещении объекта или изменении его размера посмотрите на левую часть строки состояния в нижней части окна Draw (рисунок ниже). Область слева в строке состояния показывает, слева направо: какой объект выбран, его положение на рисунке в виде координат Х и Y, и размеры объекта. Единицы измерения выбираются в меню .
Левый край строки состояния при перемещении или настройке размеров объекта
Для получения более подробной информации о перемещении и о изменении размеров объектов обратитесь к Руководству по Draw. Глава 3. Работа с объектами и точками объектов.
Перемещение объекта
Чтобы переместить объект (или группу объектов), выделите его, а затем зажмите левую кнопку мыши в границах объекта и перемещайте мышь. Во время движения появляется фантомное изображение объекта, чтобы помочь с репозиционированием (рисунок ниже). Поместив объект в нужное место на листе отпустите кнопку мыши.
Перемещение объекта
Изменение размера объекта
Чтобы изменить размер выделенного объекта (или группы объектов), переместите курсор к одному из маркеров выделения по краям объекта. Курсор мыши изменит свою форму, указывая направление движения для этого маркера. Нажмите левой кнопкой мыши на одном из маркеров и, не отпускаяя её, тащите курсор в указанном направлении. При изменении размера объекта появится прозрачный контур будущего объекта (рисунок ниже). После достижения желаемого размера объекта отпустите кнопку мыши.
Изменение размера объекта
Результаты зависят от выбора используемого маркера выделения. Чтобы изменять размер объекта вдоль одной оси, используйте маркер на одной из сторон. Чтобы изменять размер по обеим осям, используйте угловой маркер.
Примечание
Если при изменении размера объекта нажать клавишу Shift
, то изменение размера будет осуществляться симметрично по двум осям, так что соотношение длин сторон объекта остается таким же. Это поведение клавиши Shift
работает для всех точек.
Это поведение по умолчанию клавиши Shift
. Однако, если опция При создании и перемещении объектов в меню активна, то нажатие на клавишу Shift
будет иметь обратное действие: соотношение сторон будет сохранено, если не нажата клавиша Shift
.
Вращение и наклон объекта
Для получения более подробной информации о вращении и наклоне объектов, обратитесь к Руководству по Draw. Глава 3. Работа с объектами и точками объектов.
Вращение объекта
Чтобы вращать объект (или группу объектов), выделите объект, затем перейдите в режим вращения одним из следующих способов:
- Нажмите на треугольник справа от значка Эффекты на панели инструментов Линия и заливка и в палитре инструментов нажмите на значок Повернуть .
- Выберите пункт меню и нажмите значок Повернуть .
Маркеры выделения изменят форму и цвет: станут круглыми и красными (рисунок ниже). Также в центре объекта появится отметка центра вращения. При помещении курсора мыши над маркерами курсор меняет форму. Угловые маркеры используются для вращения объекта, а верхний, нижний и боковые маркеры наклоняют объект.
Вращение объекта
Наведите курсор мыши на один из угловых маркеров, вид курсора изменится на дугу со стрелками на каждом конце. Нажмите и удерживайте кнопку мыши, а затем перемещайте курсор, чтобы повернуть объект. Появится фантомное изображение вращающегося объекта и в строке состояния отобразится текущий угол поворота.
Примечание
Для 3D объектов вращение работает по-другому, потому что оно происходит в нескольких осях, а не в одной. Смотрите Руководство по Draw. Глава 7. 3D объекты для получения дополнительной информации .
Точка вращения, как правило, расположена в центре объекта. Чтобы изменить положение точки вращения, зажмите на объекте левую клавишу мыши и перетаскивайте объект, пока точка вращения не будет находится в нужном положении. Точка вращения может быть даже за пределами объекта.
Примечание
Если нажать клавишу Shift
при вращении объекта, вращение будет производится дискретно с шагом в 15°.
Это поведение по умолчанию клавиши Shift
. Однако, если опция При создании и перемещении объектов в меню активна, то нажатие на клавишу Shift
будет иметь обратное действие: вращение всегда будет происходить с градацией по 15°, пока клавиша Shift
не нажата.
Наклон объекта
Чтобы наклонить объект, используйте красные круглые маркеры (см.выше раздел Вращение объекта), расположенные по середине верхней, нижней и боковых сторон выделенного объекта. При наведении на любой из таких маркеров курсор мыши изменит вид на на две параллельные разнонаправленные стрелки. Ось, используемая, как основание, для наклона объекта, расположена прямо напротив маркера посередине одной из сторон. Эта ось остается неподвижной, в то время как другие стороны объекта будут наклоняться по отношению к ней на столько, насколько будет перемещён курсор мыши.
Нажмите на красную точку по середине любой из сторон объекта и, удерживая левую кнопку мыши, перетяните курсор для наклона объекта. Появится фантомное изображение наклонённого объекта (рисунок ниже), а текущий угол наклона будет показан в строке состояния.
Наклон объекта
Примечание
Если нажать клавишу Shift
во время наклона объекта, то наклон будет осуществляться дискретно на величину 15°. Это поведение клавиши Shift
по умолчанию. Однако, если опция При создании и перемещении объектов в меню активна, то нажатие на клавишу Shift
будет иметь обратное действие: наклон всегда будет происходить дискретно по 15°, пока клавиша Shift
не нажата.
Изменение объекта
Чтобы изменить объект или изменить его атрибуты, такие как цвет или толщина линии обрамления, и так далее, могут быть использованы: инструменты панели Линия и заливка, панель Форматирование текста, раздел боковой панели Свойства, либо контекстное меню. Более подробная информация по изменению объектов и изменению атрибутов объекта изложена в Руководстве по Draw. Глава 4. Изменение атрибутов объекта.
Панель инструментов
Линия и заливкаПо умолчанию панель инструментов Линия и заливка расположена в верхней части окна Draw. Однако, если панель Линия и заливка не отображается, необходимо выбрать пункт меню , чтобы отобразить панель (рисунок ниже). Используя эту панель, можно редактировать наиболее распространённые атрибуты объекта.
Панель инструментов Линия и заливка
Панель инструментов Форматирование текста
Если в Draw выделить текст, то панель Линия и заливка автоматически заменится на панель Форматирование текста (рисунок ниже). Также можно в любой момент открыть эту панель, выбрав пункт меню . Инструменты на этой панели будут неактивными, пока не будет выделен текст.
Панель инструментов Форматирование текста
Боковая панель. Раздел Свойства
Когда выделен объект на листе, в боковой панели становятся доступны подразделы раздела Свойства. Они позволяют изменять свойства или параметры объекта без необходимости открывать диалоговые окна или использовать любые из доступных инструментов на различных панелях инструментов, доступных в Draw. Чтобы развернуть подраздел, нажмите плюс (+
) рядом с подзаголовком раздела.
Боковая панель. Раздел Свойства
Контекстное меню
При щелчке правой кнопкой мыши по выделенному объекту, появляется контекстное меню. Это меню предоставляет доступ к различным настройкам и позволяет изменять атрибуты объекта без необходимости открывать диалоговые окна. Пункты меню с маленькой стрелкой с правой стороны содержат подменю.
Пример контекстного меню
Форматирование линий и обрамлений
В LibreOffice термин линия может обозначать, как собственно просто отдельную линию, так и внешний край графического объекта (обрамление), а также стрелку. В большинстве случаев свойства линии, которые можно изменить – это её стиль (сплошная, пунктирная, невидимая и так далее), её толщина и цвет.
Выделите линию, которую нужно отформатировать, а затем используйте элементы управления на панели Линия и заливка, чтобы изменить её параметры (выделены на рисунке ниже).
Общие свойства линий (стиль, цвет, толщина)
Если требуется тонкая настройка внешнего вида линии, выберите пункт меню или щелкните правой кнопкой мыши на линии и выберите пункт Линия из контекстного меню, или нажмите на значок Линия на панели Линия и заливка. Все эти действия открывают диалог Линия, в котором можно установить свойства линии. Это диалоговое окно состоит из трех вкладок: линии, стили линий и стили стрелок. Можно также использовать подраздел Линия в разделе боковой панели Свойства, чтобы изменить вид линии.
Стрелки, наконечники стрелок и концы линий
Стрелки, наконечники стрелок и другие концы линий, как правило, называют просто стрелками и, при редактировании и изменении атрибутов, их можно рассматривать так же, как линии. Выделите линию и нажмите на значок Стили стрелок на панели Линия и заливка, чтобы открыть одноимённое меню.
Меню Стили стрелок
Доступны несколько типов стрелок и окончаний для линий. Каждый конец линии может иметь различные стрелки или иной вид. Наконечники применяются только к простым линиям. Не будет никакого эффекта при их назначении на линии обрамления объекта.
Форматирование области заливки
Термин область заливки относится к внутренней части объекта, которая может быть однородного цвета, градиентом, заполнена текстурой или растровым изображением. Область заливки может быть частично или полностью прозрачной. В большинстве случаев можно выбрать один из стандартных параметров заполнения, которые имеются на панели Линия и заливка или в подразделе Область в разделе боковой панели Свойства. Можно также определить свои собственные области заливки. Для получения дополнительной информации о форматировании заливки обратитесь к Руководству по Draw. Глава 4. Изменение атрибутов объекта.
Различные типы заливки области
Использование стилей
Предположим, что нужно применить одну и ту же заливку, толщину линии и тип обрамления к нескольким объектам. Этот повторяющийся процесс может быть значительно упрощен за счет использования стилей. Стили позволяют задать шаблон форматирования (собственно стиль), а затем применить этот стиль к нескольким объектам. Для получения дополнительной информации о стилях, смотрите Главу 3. Использование стилей и шаблонов в данном руководстве, полное Руководство по Writer. Глава 6. Введение в стили и полное Руководство по Draw. Глава 4. Изменение атрибутов объектов.
Позиционирование объектов
Привязка
Объекты в Draw могут быть точно и последовательно расположены на листе с использованием функции привязки. Точки сетки, вспомогательные точки и линии, области объектов, отдельные точки на объектах или края страниц, всё это может использоваться в качестве привязки.
С функцией привязки проще работать при высоких значениях приближения. Две и более различных функции привязки можно использовать одновременно: например, привязку к направляющим линиям и к краям страницы. Рекомендуется, однако, активировать только те виды привязки, которые действительно нужны для работы в настоящее время.
Для получения более подробной информации по функции привязки, смотрите полное Руководство по Draw. Глава 3. Работа с объектами и точками объектов и Глава 10. Дополнительные возможности Draw.
Привязка к сетке
Привязка к сетке позволяет позиционировать объект относительно точек сетки. Выберите пункт меню или щелкните по значку Привязка к сетке на панели инструментов Параметры, чтобы включить или отключить функцию привязки к сетке. Если панель инструментов Параметры не отображается, выберите пункт меню .
Позиционирование с использованием привязки к сетке
Отображение сетки
Чтобы отображать (или отключить отображение) сетку на листе Draw, выберите пункт меню или нажмите на значок Показать сетку на панели инструментов Параметры.
Конфигурация сетки
Разрешение, привязка и положение точек сетки и другие параметры могут быть настроены в диалоговом окне, доступном из меню .
Конфигурация сетки
- Вертикальный и горизонтальный промежуток между точками в сетке. Также можно изменить используемые единицы измерения в общих параметрах Draw, перейдя в меню .
- Разрешение – это размер квадратов или прямоугольников в сетке. Если разрешение составляет 1 см по горизонтали и 2 см по вертикали, то сетка состоит из прямоугольников высотой 2 см и шириной 1 см .
- Дополнительные узлы – это дополнительные точки, которые появляются вдоль сторон каждого прямоугольника или квадрата сетки. Объекты можно привязать к дополнительным узлам, а также к углам сетки .
- Количество пикселей в поле Область привязки определяет, насколько близко вы должны приблизить объект к точке или линии привязки, прежде, чем он будет привязываться к ним.
Цвет сетки по умолчанию светло-серый. Чтобы изменить цвет сетки, откройте меню , в списке справа найдите пункт Сетка и задайте ему новый цвет.
Вспомогательные линии
В Draw есть вспомогательные линии, которые легко позволяют позиционировать объект с помощью линеек в верхней и левой части рабочей области. Для включения или выключения вспомогательных линий, откройте диалог из меню и выберите опцию Направляющие при перемещении.
Применение специальных эффектов
Используя Draw, можно применить множество специальных эффектов к объектам и группам объектов. Этот раздел – введение в некоторые из этих эффектов. Для получения более подробной информации о специальных эффектах обратитесь к полному Руководству по Draw. Глава 4. Изменение атрибутов объектов.
Для доступа к инструментам специальных эффектов выберите пункт меню . Команды Повернуть и Отразить можно также найти в меню Изменить или, после нажатия правой кнопкой мыши на объекте, в контекстном меню.
Панель Операции и доступные инструменты
Зеркальное отражение объектов
Самые простые и быстрые способы, чтобы перевернуть объект по горизонтали или по вертикали следующие:
- Щелкните по графическому объекту, появятся маркеры выделения.
- Щелкните по объекту правой кнопкой мыши и выберите в контекстном меню пункт (или По горизонтали), или выберите пункт меню (или По горизонтали)и выбранный объект будет отражен.
Тем не менее, инструмент Отразить на панели инструментов Операции может быть использован для большего контроля над процессом отражения. Использование инструмента Отразить позволит изменять положение и угол, под которым объект зеркально отразится. Как именно это делается, описано в полном Руководстве по Draw, в Главе 4. Изменение атрибутов объекта.
Зеркальная копия
В настоящий момент такой команды в Draw нет. Однако, зеркальное отображение объекта можно эмулировать с помощью инструмента Отразить так, как это описано в полном Руководстве по Draw. Глава 4. Изменение атрибутов объекта.
Искажение объекта
Три инструмента на панели инструментов Операции позволяют перетаскивать углы и края объекта, для искажения изображения.
- Искажение – искажает объект в перспективе.
- По кругу (под наклоном) — создает псевдо трехмерный эффект.
- По кругу (в перспективе) — создает псевдо трехмерный эффект.
Во всех трех случаях Draw вначале спросит о преобразовании объекта в кривую. Этот первый шаг необходим, поэтому нажмите Да. Затем нужно перемещать маркеры объекта для получения желаемого эффекта. Смотрите полное Руководство по Draw. Глава 4. Изменение атрибутов объекта для получения дополнительной информации о том, как искажать объект.
Динамическая прозрачность градиентов
Контролировать прозрачность градиента можно таким же образом, как цвет градиента. Оба типа градиента могут быть использованы вместе. В прозрачности градиента направление и степень цвета заливки объекта измененяется от непрозрачного к прозрачному. В обычном градиенте, заливка изменяется от одного цвета к другому, но степень прозрачности остается той же.
Инструменты Прозрачность и Градиент на панели инструментов Операции динамически управляют прозрачностью и цветом градиентов. Смотрите полное Руководство по Draw. Глава 4. Изменение атрибутов объекта для получения дополнительной информации о том, как создаватьть прозрачные и градиентные заливки в объекте.
Дублирование
Дублирование создает копии объекта с применением набора изменений, таких как цвет или вращение, к дубликатам, которые создаются.
Диалог Дублирование
- Выделите объект или группу объектов и выберите пункт меню или используйте сочетание клавиш
Shift+F3
, чтобы открыть одноименный диалог. - Выберите необходимые параметры из доступных вариантов. Например, когда параметры в диалоговом окне на рисунке 44, применяются к прямоугольнику, они приводят к результату, показанному на рисунке 45.
Результат дублирования
Морфинг
Морфинг преобразует объект одной формы к объекту другой формы и работает только тогда, когда выбраны два объекта:
- Выделите два объекта разной формы.
- Выберите пункт меню .
- Задайте количество шагов, чтобы определить количество форм между двумя объектами.
- Выберите опцию Атрибуты морфинга, чтобы применить постепенное изменение свойств линий и заливок между двумя объектами (если таковые разные).
- Выберите опцию Такая же ориентация, чтобы плавно перейти между двумя объектами.
Диалог Морфинг
- Нажмите на кнопку OK и в результате будет создан новый объект, начиная с первого объекта, выбранного в качестве начального, и заканчивая вторым объектом, выбранным в качестве конечного. Например, когда параметры в диалоговом окне применяются к прямоугольнику и треугольнику с активной опцией Такая же ориентация, получается результат, показанный на рисунке ниже.
Результат морфинга
Объединение нескольких объектов
Используя Draw, можно группировать объекты вместе, что позволит рассматривать несколько объектов, как один, или объединять объекты, чтобы сформировать новую фигуру. Для получения дополнительной информации смотрите полное Руководство по Draw. Глава 5. Объединение нескольких объектов.
Группировка объектов аналогична вставке объектов в контейнер. Можно перемещать объекты, как единую группу, и применять глобальные изменения ко всем объектам внутри группы одновременно. Группировка всегда может быть отменена и объектами, которые составляют группу, после отмены можно будет манипулировать по отдельности. Также объекты внутри группы сохраняют свои индивидуальные свойства.
Объединение объектов – это слияние объектов, при котором создается новый объект. Оригинальные объекты больше не будут доступны в качестве отдельных элементов и не могут быть изменены, как отдельные объекты. Любое редактирование объединенного объекта влияет на все объекты, которые были использованы при объединении.
Группировка
Временная группировка
Временная группировка происходит, когда несколько объектов выбираются с помощью значка Выделить на панели инструментов Рисование или с помощью рамки выделения. Любые изменения к параметров объекта будут применяться ко всем объектам внутри временной группы. Например, можно повернуть временную группу объектов в полном составе.
Чтобы отменить временную группировку объектов просто нажмите за пределами маркеров выделения, отображаемых вокруг группы объектов.
Постоянная группировка
Постоянная группировка объектов создается после выбора всех необходимых объектов и выбора пункта меню , или после щелчка правой кнопкой мыши по выделенным объектам и выбора пункт Сгруппировать из контекстного меню, или после выделения объектов можно нажать комбинацию клавиш Ctrl + Shift + G
. После снятия выделения с объектов, они всё равно останутся сгруппированными.
Когда объекты сгруппированы, любые операции редактирования, произведенные над этой группой, применятся ко всем членам группы. Если нажать на один объект из группы, то будет выбрана вся группа.
Можно редактировать отдельные объекты в группе без разгруппировки. Выберите группу и выберите пункт меню или щелкните правой кнопкой мыши и выберите пункт Зайти в группу из контекстного меню, или используйте клавишу F3
, или дважды щелкните по группе.
После окончания изменения отдельного элемента группы выберите пункт меню , или щелкните правой кнопкой мыши и выберите пункт контекстного меню Выйти из группы, или используйте сочетание клавиш Shift+F3
.
Разгруппировка
Чтобы разгруппировать группу объектов, выделите группу, затем выберите пункт меню или щелкните правой кнопкой мыши и выберите пункт Разгруппировать из контекстного меню, или используйте комбинацию клавиш Ctrl + Alt + Shift + G
.
Объединение объектов
Объединение объектов – это слияние объектов, при котором создается новый объект. Оригинальные объекты больше не будут доступны в качестве отдельных элементов и не могут быть изменены, как отдельные объекты. Любое редактирование объединенного объекта влияет на все объекты, которые были использованы при объединении.
Выберите несколько объектов, а затем выберите пункт меню или щелкните правой кнопкой мыши на объекте и выберите пункт Объединить из контекстного меню, или используйте сочетание клавиш Ctrl + Shift + K
.
После выбора объектов станут доступны функции Сложить, Вычесть и Пересечь, с помощью которых можно создать новый объект из выбранных объектов. Смотрите полное Руководство по Draw. Глава 5. Объединение нескольких объектов для получения более подробной информации об этих функциях.
Упорядочивание, выравнивание и распределение объектов
В Draw можно упорядочить, выравнять и распределить выбранные объекты по отношению друг к другу:
- Упорядочить положение объекта, перемещая его вперед или назад по отношению к объектам .
- Выравнить объекты по отношению к друг другу, используя варианты По левому краю, По центру или По правому краю для горизонтального выравнивания и По верхнему краю, По центру или По нижнему краю для вертикального выравнивания.
- Распределить объекты таким образом, чтобы свободное пространство между ними было одинаковым.
Смотрите полное Руководство по Draw. Глава 5. Объединение нескольких объектов для получения более подробной информации по упорядочиванию и выравниванию объектов по отношению друг к другу.
Вставка и редактирование изображений
Draw содержит ряд функций для редактирования изображений или растровой графики (текстуры), например, фотографий и отсканированных изображений. Они включают в себя импорт и экспорт изображений, и преобразование из одного графического формата в другой графический формат.
Draw включает в себя широкий спектр графических фильтров, так что он может читать и отображать несколько форматов графических файлов. Он также включает в себя несколько инструментов для работы с растровой графикой, но в нём отсутствует такая обширная функциональность, как в специализированных графических программах, таких, как Gimp или Adobe Photoshop. Смотрите полное Руководство по Draw. Глава 6. Редактирование изображений для получения дополнительной информации.
Добавлять изображения можно из нескольких источников:
- Напрямую со сканера (меню )
- Изображение, созданное в другой программе, включая фотографии с цифровой камеры (меню )
- Из галереи Draw. Смотрите Главу 11. Графика, Галерея и текстовые эффекты в этом руководстве для получения более подробной информации.
Работа с 3D объектами
Хотя Draw и не соответствует по функционалу ведущим программам редактирования графики или изображений, он способен создавать и редактировать неплохие 3D рисунки.
Draw предлагает два типа 3D-объектов: 3D-тела и 3D-фигуры. В зависимости от того, какой тип выбран, существуют различные методы редактирования 3D-объекта (вращение, освещение, перспектива и так далее). 3D-фигуры проще в настройке и редактировании, чем 3D-тела. Тем не менее, 3D-тела в настоящее время имеют больше настроек.
Смотрите полное Руководство по Draw. Глава 7. Работа с 3D объектами для получения дополнительной информации.
Экспорт рисунков Draw
Draw сохраняет рисунки и изображения в формате с открытым исходным кодом и расширением .odg
. Для сохранения рисунков или всего файла в другом формате, используйте пункт меню и выберите нужный формат в списке. Графические форматы, в которые Draw может экспортировать и сохранять, перечислены в Приложении B к настоящему руководству.
Также можно экспортировать файлы Draw в форматы HTML, XHTML, PDF или Flash. Экспорт в PDF для всех компонентов LibreOffice описан в Главе 10. Печать, экспорт и почтовая рассылка в этом руководстве.
При экспорте в HTML используется мастер преобразования, который создает столько веб-страниц, сколько страниц в текущем документе Draw. При желании можно выбрать страницы для отображения в навигаторе и настроить страницу index.html
. Для получения более подробной информации обратитесь к Главе 12. Создание веб-страниц в данном руководстве.
Вставка примечаний в документ Draw
Вставить примечания в рисунок можно аналогично тому, как это делается в Writer и Calc:
Вставка примечаний
- Выберите пункт меню . Небольшое поле, содержащее инициалы текущего пользователя, появится в верхнем левом углу рисунка с большим текстовым полем рядом с ним. Draw автоматически добавит имя пользователя и дату в нижней части текстового поля.
- Введите или вставьте примечания в текстовое поле. Можно применять базовое форматирование к частям текста, выделив его, нажав правую кнопку мыши и выбрав нужные пункты контекстного меню. Из этого меню также можно удалить текущее примечание, все примечания одного автора или все примечания в документе.
- Также можно перемещать небольшие маркеры примечаний в любое место на листе. Обычно их помещают на объекте или вблизи объекта, к которому относится примечание.
- Чтобы отобразить или скрыть примечания используйте пункт меню Вид > Примечания.
- Используйте меню , чтобы ввести имя, которое будет отображаться в примечании в поле «Автор».
- Если более, чем один человек редактирует документ, то каждый автор автоматически выделяется другим цветом фона примечаний.
Примечание
Смотрите также статьи:
Векторные инструменты рисования в Фотошопе
Базовые векторные инструменты в Adobe Photoshop идентичны Illustrator-у. Но, отмечу, для рисования в чистом виде они не созданы. Почему? Во первых, для рисования в векторе есть отличные программы Illustrator или Corel Draw. Вот там присутствует весь необходимый для рисования функционал. Во вторых, скупость настроек в фотошопе для вектора. В Фотошопе имеются только инструменты рисования и некоторые примитивы. Что с одной стороны правильно. Вот отличная программа для растровой графики, а вот отличная программа для векторной. Да, в векторной бывает необходимо поработать с растром, а в растровой бывает нужен вектор. Так лучше связать их и продавать пакетом.
Из картинки видно — все контуры, из которых состоит фигура, остаются внутри слоя. Таким образом фигуру можно быстро и легко изменить. Хотя векторный Adobe Photoshop способен на куда большее. Например, данные эскизы для одного старого сайта я исполнял в векторе. Изображение я кистью с твердыми краями. Затем выделял слой и переводил выделение в контуры. Из контуров делал залитые слои с векторной маской. Таким образом я достигал отсутствующего в фотошопе сглаживания контура.
Инструмент Pen Tool
Первым у нас идет инструмент Pen Tool и его разновидности. Тот же самый набор можно найти в Illustrator-е. Это удобно при переходе из одной программы в другую, не надо переучиваться. Тем более что все векторные инструменты перекочевали в Photoshop прямо из Illustrator-а.
Pen Tool — перо Безье, модулировать им векторный контур проще простого, но для новичков может оказаться весьма сложным занятием. Подробные описания всех приемов управления с направляющими заняли бы отдельную статью или главу. Фактически это самый основной и головной инструмент модулирования фигур и контуров в векторе. И, что удобно, одинаковый во всех векторных программах.
Попробуем изобразить пару контуров. Выберите инструмент Pen Tool, и следите чтобы в настройках инструмента у вас стояла опция Path. Не то чтобы это было особенно важно, но если вместо Path там будет Shape Layer, то вы будете рисовать заливками с векторной маской, а не просто контурами. Подробнее об этих режимах я написал в статье Shape Layers, Path и Fill Pixel в Фотошопе.
Теперь кликните в любом месте. Когда вы кликнули, у вас появилась ключевая точка (якорь, ключик, штучка, название не имеет значения). Протяните мышь в любую сторону, продолжая зажимать кнопку. Если все правильно, вы увидите направляющие.
Кликните в любом другом месте. Вы увидите как от первой точки к второй протянулась линия. Начинайте отводить мышку, не отпуская клавишу. Ваш контур формируется в зависимости от того, как вы выставите направляющие ко второй ключевой точке.
Понять в какой зависимости от чего строятся линии в зависимости от направляющих пожалуй самое базовое понимание векторной графики. На панельке настроек векторных инструментов у Pen Tool есть одна интересная настройка — Auto Add/Delete. Это фактически автоматизированные Add и Delete Anchor Point Tools о которых речь пойдет дальше. Кликните по этой галочке и ваша кисть сможет прямо во время рисования добавлять точки на уже отрисованные контуры и удалять ненужные точки. Вы сможете делать это прямо во время рисования контура, а не после. И для этого не придется переключаться на бесполезные Add и Delete Anchor Point Tools
Freeform Pen Tool
Если для работы с Pen Tool необходимо понять принципы построения векторных кривых, то Freeform Pen Tool — инструмент, свободный от всяких правил и принципов. Просто кликайте по нему и рисуйте контур, так как вы рисовали бы обычной кистью. Идеальный круг или праздник геометрических форм им конечно не изобразить, а вот кляксу вполне. Этот инструмент подойдет для создания коллекций фигур в индустриальном стиле. Рисовать кляксы им самое то. Ну а если мастерство рисования доведено до совершенства, то… думаю лучше использовать программу Illustrator, если конечно вы не из тех, кто для развлечения ваяет шедевры в MS Paint (:
У инструмента Freeform Pen Tool пожалуй есть ещё одна интересная настройка. В панели настроек Freeform Pen Tool есть галочка Magnetic. Это спрятанный аналог инструмента Magnetic Lasso Tool. Работает точно так же. Просто включите эту галочку. Подведите курсор к какому-то четко выраженному объекту, с высококонтрастной кромкой и начинайте обводить. Конечно, идеальной геометрии ждать от этого инструмента не нужно.
Add Anchor Point Tool и Delete Anchor Point Tool
Add Anchor Point Tool — тот инструмент добавляет на уже отрисованный контур дополнительные точки, для изменения или коррекции формы контура. Просто нарисуйте контур, затем переключитесь на этот инструмент и поставьте не хватающие узелки в нужных вам местах. Для чего это нужно? Ну может вам необходимо поставить побольше точек, что бы контур был больше похож на то что вам нужно.
Delete Anchor Point Tool — соответственно данный инструмент удаляет лишние точки векторной кривой. Область применения этого инструмента та же что и у Add Anchor Point Tool, только в случае уменьшения точек линия контура становится по понятным причинам более ровной и мягкой.
Convert Point Tool
Этот инструмент помогает в редактировании направляющих точки кривой. При нажатии на точку инструмент сбрасывает направляющие. Удерживая кнопку мыши, отводим мышку в сторону. Так мы изменяем формы и направление направляющих, против их первоначального значения. А если зацепить инструментом Convert Point Tool одну из направляющих, можно придать ей независимое направление.
И ещё раз. Вы захватываетесь инструментом Convert Point Tool, за точку. От такой близости у точки сбрасываются направляющие. Не отпуская кнопку мыши, отводите мышь в сторону, выстраивая новые направляющие. А при желании, можете захватить за одну из направляющих и настроить её в индивидуальном порядке. А теперь обсудим детали.
Выпадающее меню векторных инструментов
Выпадающее меню векторных инструментов раскрывает нам разные интересные фичи, многие из которых завязаны на других темах, так что я не буду расписывать их слишком глубоко. Логично, не разбираться же нам в том что такое маска, в статье про инструменты рисования. Выбираем любой из инструментов, рисуем подобие круга, как у меня, и щелкаем правой кнопкой мыши. Нарисовать цельный круг важно, иначе не все опции меню будут доступны. Обратите внимание, сейчас кликать надо по контуру.
Delete Anchor Point
Все очень просто. Кликаете по непонравившейся точке и удаляете её. Мне так даже проще чем инструментом Delete Anchor Point Tool. Тем более если такая точка всего одна. Эта опция меню сменная. Сейчас там Delete Anchor Point, потому что я подвел мышку ровно к точке. Если кликнуть мышкой по любому месту контура Delete сменится на Add Anchor Point, то есть речь идет о добавлении новой точки на контур.
Create Vector Mask
Является шорткатом на опцию Layer > Vector Mask > Current Path Что делает эта опция? Создает векторную маску конечно. Сейчас я покажу как это делается. Поместите на палитру какое-нибудь фото. Я например выбрал фотографию своего попугая Чучи. Контур должен быть виден. Сбрасывать его нельзя. Поместите фото прямо под контур или контур под фото. Или нарисуйте новый контур именно так, как вам хочется. Теперь нажимаем на Create Vector Mask и получаем результат! Векторный контур превратился в векторную маску. А попугай Чуча в кружок!
Delete Vector Mask
Название говорит само за себя. Попугай Чуча превращается в прямоугольную фотографию. Маска уходит в небытие. Контур становится обычным контуром.
Define Custom Shape
Контур превращается в векторную фигуру-заготовку. То есть, данная опция сохраняет контур, помещает его в специальную библиотеку, откуда его далее можно всегда достать и не хитро воспользоваться. Просто впишите название вашего контура.
И найдите его по адресу инструмента Custom Shape Tool в меню настроек инструмента среди других зверюшек и стрелочек.
Make Selection — Эта опция из вектора создает выделение. Разберем поподробнее что предлагает нам меню.
Feather Radius — радиус размытия. Если вы свое выделение далее зальете, края будут рызмытыми. Чем больше значение тем больше размытие. Внимание на экран:
Anti-aliased — смягчает края. Без функции Anti-aliased заливка будет залита попиксельно. Функция Anti-aliased создает на краях заливки полутона.
Fill Path
Дальний родственник опции Edit > Fill. Но в отличии от последней имеет пару апгрейдов. У него есть идентичная графа Content, что в целом значит, чем заливать то будем? Есть графа Blending, отвечающая за режимы наложения. А так же важная галочка Preserve transparency. При выставлении этой галочки заливка учитывает прозрачные места и не заливает их.
Stroke Path
Подчеркивает выделение. Причем подчеркивает чем угодно. В меню Stroke Path можно выбрать любой инструмент, хоть резинку, хоть блендер, хоть кисть. Чаще всего конечно нужна кисть. Stroke Path пользуется настройками инструмента, которые выставленны в данный момент. Например если последний раз вы рисовали твердой кистью 10 px, то подчеркиваться контур будет именно ею. Опция Simulate Pressure симулирует давление.
Clipping Path
Разновидность маскирования в фотошопе и не только. Наиболее часто Clipping Path применяют при отделении заднего фона от объекта. Не поверите, но на западе существуют целые студии занимающиеся этой работой, а работники маскировщики называются — специалисты по маскированию. Вот уж специалисты так специалисты! По сути, Clippping Path крепит контур к растровому изображению. Нарисуйте, например, контур на семейной фотографии, или выделите контуром объект. Сохраните в формате PDF и откройте в Illustratore. Ваше изображение помещено внутрь контура, точно так же как при векторной маске. По правде говоря этот Clipping Path является для меня черным пятном. Загадочность Clipping Path заставила меня подробным образом изучить эту опцию, о чем я и написал в своей статье Что такое Clipping Path
Free Transform Path
Изменяет форму контура или отдельной группы точек. Изменение формы объекта в представлении не нуждается. И без того интуитивно ясно как это делается. Квадратик крутится во все стороны, зажимая уголки меняется размер. А при зажатии клавиши Ctrl меняется перспектива фигуры.
Автор:
Как рисовать векторные изображения в Figma
Человеческий мозг запоминает только основные детали объектов, поэтому перед началом работы обязательно подыщите референс, чтобы ничего не выдумывать на ходу.
Мы будем рисовать мяч для регби, на фотографии вы сразу увидите его основные и второстепенные детали:
Изображение: modi.ru / Skillbox MediaОснова мяча
1. Создайте круг и растяните его по длине и высоте мяча, чтобы получился овал.
2. В режиме векторного редактора подгоните форму овала под мяч, чтобы они были похожи.
Видео: Виктор Засыпкин / Skillbox MediaПоперечный шов
1. Создайте круг и растяните его по основному шву, который пересекает его.
2. В режиме векторного редактора подгоните форму овала под шов.
3. Удалите фон, добавьте на вектор обводку и перенесите его на овал в форме мяча.
Видео: Виктор Засыпкин / Skillbox MediaДополнительный шов
1. Создайте квадрат и подгоните его размеры под форму дополнительного шва.
2. Удалите у фигуры фон, добавьте обводку и скруглите углы . В качестве эталона для скругления возьмите угол шва, который виден лучше всего. В нашем референсе — это левый нижний.
3. В режиме векторного редактора располагайте точки фигуры по направлению шва, а усами регулируйте скругление так, чтобы вектор повторял форму шва.
4. Этот шов не сплошной, а строчной. Укажите в настройках обводки пунктирный стиль. Чтобы это сделать, в блоке Stroke на панели инструментов нажмите и в появившемся меню в пункте Stroke Style укажите стиль Dash. Отрегулируйте настройки Dash (количество точек) и Gap (шаг), чтобы пунктир примерно напоминал шов настоящего мяча.
Видео: Виктор Засыпкин / Skillbox MediaБлик
1. Скопируйте основной овал, выделите его и укажите цвет заливки: белый.
2. Поместите белый овал на мяч и подгоните его под размер блика — он будет примерно на треть меньше основного овала.
3. Поместите блик на мяч. Скорее всего, он будет великоват, поэтому уменьшите его и подправьте ломаные углы с помощью усов.
Видео: Виктор Засыпкин / Skillbox MediaЛевая белая полоска
Чтобы её сделать, воспользуйтесь хитростью с наложением слоёв:
1. Создайте круг и с помощью одной из его сторон повторите внешний левый край полоски.
2. Создайте ещё один круг и с его помощью повторите внутренний правый край полоски. Важно, чтобы этот круг в палитре слоёв находился ниже предыдущего.
3. В режиме векторного редактора подправьте оба круга, чтобы они точно повторяли изгибы полоски. Для удобства укажите непрозрачность кругов на 50%, чтобы видеть и сами фигуры, и контуры мяча.
4. Выделите обе фигуры, нажмите на панели инструментов на иконку и в выпадающем списке выберите . В результате видимой останется только та часть, в которой ваши круги не пересекаются, — она и образует белую полосу.
Иллюстрация: Виктор Засыпкин5. Сделайте копию основной формы мяча и подложите её под полоску. Если она выходит за края фигуры, выделите и полоску, и форму мяча, затем на панели инструментов нажмите на иконку и в выпадающем списке выберите . В результате останется видимой только та часть, где ваши круги пересекаются.
Иллюстрация: Виктор Засыпкин6. Поместите получившуюся фигуру на мяч. Если она залезает на шов, его можно немного уменьшить.
Видео: Виктор Засыпкин / Skillbox Media
Правая белая полоса
Правую полосу можно сделать так же, как и левую, либо нарисовать её самостоятельно с помощью инструмента :
Видео: Виктор Засыпкин / Skillbox MediaБелый шов
1. Белый шов повторяет форму основного. Возьмите поперечный шов, с зажатой клавишей Ctrl (⌘) выделите все точки снизу и удалите их. У вас должна получиться короткая линия длиной с поперечный шов.
2. Поместите линию на референс и, если нужно, сделайте её длиннее или короче в режиме векторного редактора.
3. Поместите вектор на нижний край шва и с помощью пера обведите и остальной контур шва.
4. С помощью пера повторите контуры всех стежков.
Видео: Виктор Засыпкин / Skillbox MediaВ результате у вас получится примерно такой мяч:
Изображение: Виктор ЗасыпкинБесплатное веб приложение для векторного рисования, векторное искусство, как делать графический дизайн
Нажмите, чтобы начать работу с бесплатным веб приложением. Никаких загрузок и регистраций. Как рисовать с Fatpaint |
софт для графического дизайна бесплатно | графический дизайн онлайн | бесплатный софт для дизайна | логотип софт скачать бесплатно | создать логотип онлайн | графический дизайн бесплатно | дизайн логотипов онлайн
программы графического дизайна | софт для создания картинок | программы для дизайна | программа фоторедактор | фоторедактирующий софт | футболка на заказ | сделай футболку | создай свою футболку | лучший создатель страниц
Fatpaint.com — Copyright 2021 Mersica Inc.
Последние новости | Inkscape
22 июня 2021 г., 20:51
Хотя наше программное обеспечение работает в Linux, Windows и macOS, мы знаем, что оно не работает равномерно на всех трех платформах. Версия для macOS нуждается в серьезной любви. Вот почему мы стремимся привлечь добровольцев, которые помогут поддержать проект внутри компании.
Прочитайте больше24 мая 2021 г., 9:37 с.м.
Среди основных особенностей Inkscape 1.1 — диалоговое окно приветствия, палитра команд, обновленная система закрепления диалоговых окон и параметры предпочтений с возможностью поиска, а также новые форматы для экспорта вашей работы.
Здесь, в проекте Inkscape, мы гордимся тем, что у нас есть участники со всего мира, которые вкладывают свое время, энергию и навыки в кодирование, отладку, перевод, документирование и продвижение программы.
Прочитайте больше7 мая 2021 г., 11:48 а.м.
Недавно мы связались с Озантом, чтобы задать ему несколько вопросов о нем самом и о том, как он использует Inkscape.
Прочитайте больше16 марта 2021 г., 13:08
Мы рады быть частью программы Google Summer of Code (GSoC) 2021, чтобы студенты могли работать с наставниками, чтобы помочь продвинуть наш бесплатный проект с открытым исходным кодом (FLOSS) и изменить ситуацию для наших пользователей.
Прочитайте больше10 марта 2021 г., 18:03 п.м.
Хотите узнать больше о Linux и Inkscape? Приглашаем вас посетить ежегодную конференцию Chemnitzer Linux-Tage (Chemnitz Linux Days), которая состоится 13-14 марта 2021 года!
Прочитайте больше9 марта 2021 г., 21:57
Поздравляем художника Inkscape Озанта Лиуки из Париамана, Индонезия, за «Art Bot» , который будет представлен в Inkscape 1.1 в качестве экрана «О программе».
Прочитайте больше1 марта 2021 г., 1:08
Около 411 избирателей сообщества Inkscape выбрали 5 лучших финалистов конкурса версии 1.1 About Screen Contest.
Прочитайте больше22 февраля 2021 г., полночь.
Проголосуйте за свою любимую запись в Inkscape 1.1 About Screen Contest до 28 февраля 2021 года.
Прочитайте большеЯнв.23 января 2021 г.
Вызов всех художников Inkscape! Пришло время принять участие в традиционном конкурсе About Screen Contest , чтобы отпраздновать предстоящий выпуск Inkscape версии 1.1!
Мы с нетерпением ждем ваших заявок!
Прочитайте больше17 января 2021 г. 14:42
Стабильность и исправления ошибок являются основным направлением выпуска Inkscape 1.0.2, включая обновление пакета для macOS, которое улучшает производительность по сравнению с последним выпуском.В этом выпуске исправлены многие сбои в целом, поэтому обновление обеспечит более плавную работу с Inkscape в целом. Альфа-версия Inkscape 1.1 будет выпущена вместе с версией 1.0.2, так что тестеры могут раньше получить доступ к следующей основной версии.
Созданный с помощью команды, состоящей в основном из добровольцев, этот векторный редактор с открытым исходным кодом представляет собой труд многих сердец и рук со всего мира, гарантируя, что Inkscape остается доступным для бесплатного скачивания и использования всеми желающими.
Прочитайте больше6 сентября 2020 г. 13:31:59
Команда разработчиковInkscape исправила ошибки и сбои и в целом улучшила версию 1.0 в этом последнем выпуске, версии 1.0.1. Вы также найдете несколько функций, а также обновления переводов для более чем десятка языков.
Созданный с помощью команды, состоящей в основном из добровольцев, этот векторный редактор с открытым исходным кодом представляет собой труд многих сердец и рук со всего мира, гарантируя, что Inkscape остается доступным для бесплатного скачивания и использования всеми желающими.
Прочитайте больше7 июля 2020 г. 4:46
Inkscape готовится к летнему фестивалю Hackfest 2020 Online по субботам с 11 июля по 15 августа 2020 года. Это шесть суббот подряд, каждый раз по шесть часов в режиме реального времени. Добро пожаловать!
Прочитайте больше23 июня 2020 г. 16:08
Художники и дизайнеры программного обеспечения с открытым исходным кодом получили новое место для обучения в Интернете благодаря открытию Artweek сообщества дизайнеров Gimpscape, онлайн-мероприятию, которое состоится 27-28 июня 2020 года.
Прочитайте больше4 мая 2020 г. 17:16
После чуть более трех лет разработки команда рада выпустить в мир долгожданную Inkscape 1.0.
Созданный на основе , созданной командой добровольцев , этот бесплатный векторный редактор с открытым исходным кодом представляет собой труд многих сердец и рук со всего мира, гарантируя, что Inkscape остается доступным для бесплатного скачивания и использования всеми желающими.
Прочитайте больше4 мая 2020 г. 17:15
Выпуская Inkscape 1.0, мы с гордостью представляем коллекцию историй, составленных из интервью и благодарностей от многих участников проекта Inkscape. Это первая статья из серии.
Несмотря на то, что мы приехали из многих стран, больших и малых на этой огромной голубой планете, наша приверженность и преданность Inkscape объединяют нас, объединяют в дружбе и товариществе благодаря мощи бесплатного программного обеспечения с открытым исходным кодом и Интернета.
Прочитайте большеСообщество | Inkscape
Сделайте сообщество Inkscape своим собственным, приняв участие — есть много способов присоединиться к нему!
Поддержка и обсуждение пользователей
Вы здесь новичок и хотите задать нам вопрос? Самый простой способ быстро связаться:
Пожалуйста, соблюдайте Кодекс поведения Inkscape при взаимодействии с другим членом сообщества 🙂.
Да, и научитесь задавать умные вопросы, чтобы получить ответ как можно быстрее!
Свяжитесь с сообществом Inkscape (каналы связи, поддерживаемые проектом)
Списки рассылки
Существует несколько списков рассылки, обслуживающих сообщество пользователей Inkscape.
Списки рассылки— это хороший способ быть в курсе того, что происходит в проекте, и обсудить конкретные темы (включая «общую картину»), обсуждение которых, как ожидается, займет несколько дней или недель. Для каждого списка есть архив, в котором можно искать прошлые и текущие обсуждения.
Форумы
Посетите нас на официальном форуме Inkscape!
Это подходящее место для всего, от вопросов новичков до вопросов и обсуждений, связанных с расширенными функциями Inkscape, до демонстрации иллюстраций, которые вы только что создали.
Чат через RocketChat
Для живого чата посетите наш экземпляр RocketChat, который предоставляет простой в использовании веб-интерфейс.
Это правильное место, если вам нужен быстрый ответ, руководство по какой-либо конкретной задаче (например, компиляция или перевод Inkscape) или просто для непринужденной беседы.
Чат через IRC
Исторически мы использовали IRC для живого чата. Есть два канала (оба на libera.chat):
- #inkscape для общих вопросов и обсуждения пользователей
- # inkscape-devel для обсуждения вопросов разработки и более технических вопросов
Эти два канала с высоким трафиком также синхронизируются внутри RocketChat (см. Inkscape_user и team_devel в RC) через inkchatbot, так что вы можете участвовать любым удобным для вас способом и вам не нужно присоединяться к обоим.
Есть даже третий способ получить доступ к этим каналам прямо с веб-сайта (через Kiwi IRC), если вы не хотите создавать учетную запись RocketChat и у вас нет клиента IRC, см. Чат пользователей и Чат разработчика.
Галерея
Посетите галерею Inkscape, чтобы найти контент, созданный сообществом Inkscape.
Глобальное сообщество Inkscape
Посетите эти другие интересные места, где тусуются люди, использующие Inkscape!
Международные форумы
Более известные каналы обсуждения, посвященные Inkscape
Лучшие бесплатные альтернативы Adobe Illustrator 2021: бесплатные векторные редакторы
С помощью лучших бесплатных альтернатив Adobe Illustrator вы можете бесплатно создавать и редактировать векторную графику.Это отличный выбор, если вы новичок в проектировании с использованием программного обеспечения для графического дизайна . В отличие от растровой графики, они используют математические выражения для рисования линий, форм и цветов. Это означает, что они бесконечно масштабируемы, поэтому вы можете увеличивать изображение до размера рекламного щита без явной пикселизации.
Хотя это правда, что Adobe Illustrator является отраслевым стандартом для создания и редактирования векторной графики, вы соглашаетесь на дорогостоящую подписку Creative Cloud , и подписка на одно приложение Adobe также может складываться.Для многих это не всегда самое экономичное решение. К счастью, это не единственный выбор. Существует множество бесплатных альтернатив Adobe Illustrator.
Однако не все альтернативы Adobe Illustrator одинаковы — некоторые поддерживают только несколько форматов файлов, а другие поставляются вместе с нежелательным дополнительным программным обеспечением. Тем не менее, векторная графика — лучший выбор для ряда задач дизайна и иллюстрации, таких как создание значков, логотипов, диаграмм, диаграмм, плакатов и графики для веб-сайтов.Имея это в виду, мы протестировали самые популярные бесплатные альтернативы Illustrator ниже.
Примеры векторных файлов, разработанные Freepik.
В целом лучший векторный редактор — это Adobe Illustrator CC
Если вы профессиональный дизайнер или иллюстратор, вы не сможете превзойти стандартное программное обеспечение для редактирования векторных изображений. Adobe Illustrator доступен как отдельное приложение или как часть пакета Creative Cloud вместе с Photoshop, Lightroom и многим другим.Независимо от того, создаете ли вы значки приложений или рекламные щиты, в нем есть все необходимые инструменты, и он без проблем работает с другим программным обеспечением Adobe. Это не бесплатно, как варианты ниже, но это лучший инструмент, который можно купить за деньги. View Deal
1. Inkscape
Многофункциональный редактор, который является настоящей заменой Illustrator
Технические характеристики
Операционная система: Windows, macOS, Linux
Причины для покупки
+ Полный набор инструментов + Отличная поддержка форматов + Частые обновления
Причины, по которым следует избегать
— Производительность может быть низкой
Пакет векторной графики с открытым исходным кодом Inkscape потрясающе мощный и является лучшей бесплатной альтернативой Adobe Illustrator для профессиональных и полупрофессиональных иллюстраторов, графических дизайнеров и веб-дизайнеров.
Помимо стандартных инструментов рисования и фигур, Inkscape может похвастаться специальным инструментом спиралей, инструментом для создания узоров и компоновок клонов, расширенными параметрами манипулирования объектами, множеством фильтров (включая скосы, текстуры, наложения и т. Д.) И некоторыми изящными параметры заливки. Короче говоря, Illustrator мало что может сделать, чего не может Inkscape.
Поскольку это открытый исходный код, его можно не только бесплатно использовать, но и, если у вас есть технические ноу-хау, вы даже можете отредактировать его и включить в другое программное обеспечение.И все время добавляются новые функции; в последней версии добавлены градиенты сетки, улучшенная поддержка SVG2 и CSS3 и новые эффекты пути.
Так в чем же загвоздка? Некоторые пользователи жаловались, что он работает медленно, хотя это, похоже, зависит от того, какое устройство и операционную систему вы используете. Лучше всего просто загрузить его и быстро попробовать; нечего терять.
Прочтите наш полный обзор: Inkscape
(Изображение предоставлено: Ярослав Фокса; Shutterstock)2.BoxySVG
Браузерный векторный редактор, такой же мощный, как и настольное приложение
Технические характеристики
Операционная система: Windows, macOS, Linux (в браузере)
Причины для покупки
+ Хорошая поддержка форматов + Удобное расширение для браузера + Простота в использовании + Сочетания клавиш
Boxy SVG — это бесплатный инструмент для создания масштабируемых файлов векторной графики, который запускается как расширение в Google Chrome. Он поставляется с хорошим набором основных инструментов, включая перья, кривые Безье, текст, основные формы, обводку и заливку, слои, возможность добавлять текст, группы, преобразования и контуры.
Основным преимуществом Boxy SVG является предельная простота пользовательского интерфейса. Это позволяет свести опыт создания векторной графики к довольно минимальному набору параметров. Это существенно ограничивает вас тем, в чем хорош формат SVG. В результате его быстрее и проще использовать, чем Illustrator, а файлы, которые он создает, чистые и эффективные.
Помимо импорта и экспорта файлов в формате SVG и SVGZ, вы также можете использовать Boxy SVG для импорта и экспорта файлов JPEG и PNG.Замечательно удобно.
(Изображение предоставлено Eezy Inc; Shutterstock)3. Vecteezy
Четкая альтернатива Illustrator в браузере для стильного дизайна
Технические характеристики
Операционная система: Windows, macOS, Linux (в браузере)
Причины для покупки
+ Ничего не скрыто за платным доступом + Хороший выбор векторных элементов + Простота использования
Причины, которых следует избегать
-Требуется бесплатная учетная запись для сохранения работы
Vecteezy — еще одна бесплатная альтернатива Adobe Illustrator в браузере (разработчик зарабатывает кучу денег на продаже иллюстраций премиум-класса, а среди его клиентов — BBC, Amazon, McDonald’s и Dell).
Вы можете импортировать и редактировать файлы SVG или создавать свои собственные проекты с нуля. На выбор предлагается широкий выбор форм и готовых картинок, а также огромное количество шрифтов для текстовых дизайнов.
Vecteezy также включает инструмент «Перо» для рисования фигур от руки и редактирования существующих контуров, а также простую палитру цветов. Все это невероятно просто в использовании, и даже новенькие пользователи поймут основы за несколько минут.
Необходимо знать всего пару моментов: вам нужно создать учетную запись или войти в систему с помощью Facebook, чтобы сохранить свою работу, и если вы откроете особенно большой файл, Vecteezy предупредит вас, что это может привести к зависанию вашего браузера.Тем не менее, это риск для любого аналогичного веб-приложения, и мы ценим, что Vecteezy так откровенен в этом отношении.
(Изображение предоставлено: Vectr; Shutterstock)4. Vectr
Умный, тонкий векторный редактор для вашего браузера
Технические характеристики
Операционная система: Windows, macOS, Linux (в браузере)
Причины купить
+ Интуитивно понятный интерфейс + Простота освоения + Интерактивные учебные пособия
Причины, которых следует избегать
-Не хватает некоторых дополнительных функций
Vectr — это бесплатная альтернатива Adobe Illustrator в браузере.Первоначально он был доступен как настольное приложение для автономного использования, но теперь его поддержка прекращена.
Но пусть это вас не смущает; Vectr интуитивно понятен в использовании и требует поверхностного обучения. «Программное обеспечение для дизайна не должно вызывать у людей чувства борьбы, но именно это заставляет нас чувствовать себя проблемное программное обеспечение для дизайна, на котором мы выросли», — говорит его разработчик, который создал этот упрощенный векторный редактор с учетом доступности.
Несмотря на то, что в нем отсутствуют многие расширенные функции Illustrator, в нем есть все инструменты, необходимые для базового векторного редактирования — фигуры, текст, несколько слоев и т. Д. — и то, что он делает, делает очень хорошо.Вы можете сохранить всю созданную вами работу в Vectr онлайн или экспортировать ее в форматы файлов PNG, JPG или SVG.
Vectr — отличный выбор для новичков или просто тех, кому нужно создать простую графику с минимумом суеты.
(Изображение предоставлено Rolera LLC; Shutterstock)5. SVG-Edit
Простая альтернатива Illustrator для веб-разработчиков
Технические характеристики
Операционная система: Windows, macOS, Linux (в браузере)
Причины для покупки
+ Работает в вашем веб-браузере + Понятный интерфейс + Векторные и растровые форматы экспорта
Причины, которых следует избегать
-Меньше дополнительных инструментов, чем у конкурентов
Если ваша основная причина, по которой вам нужен редактор векторной графики, — это создание файлов SVG для веб-сайтов SVG-Edit может быть всем, что вам нужно.Вы можете использовать это бесплатное программное обеспечение для работы с векторной графикой в своем веб-браузере, чтобы создавать изображения SVG и редактировать существующие.
SVG-Edit работает в любом современном браузере и предлагает базовый набор функций редактирования векторных изображений, включая инструменты рисования от руки, инструменты фигур, текстовые инструменты и инструменты контуров. Инструмент имеет открытый исходный код, а это означает, что новые функции постоянно добавляются разработчиками.
Он построен на HTML5, CSS3 и JavaScript и не имеет серверных функций, поэтому при желании вы можете загрузить и изменить код, чтобы создать свою собственную версию.
Как выбрать лучшую альтернативу Illustrator?
Мы задали вопрос Клаусу Фоссену, старшему менеджеру по продукту CorelDraw (обзор CorelDRAW здесь). Как выбрать лучшее программное обеспечение для графического дизайна, чтобы достичь творческой нирваны. Вот что нужно искать:
1. Комплексные инструменты для ускорения рабочего процесса При выборе программного обеспечения для дизайна важно выбрать что-то, что предлагает все необходимое для выражения вашего творческого видения в одном приложении.Ищите продукт, который предлагает не только мощные инструменты для векторной иллюстрации, многостраничного макета и типографики, но и для редактирования фотографий.
2. Преобразование высококачественных растровых изображений в векторные. Дизайнерам часто ставят задачу преобразовать растровые изображения с низким разрешением в векторные изображения, что делает эту функцию ключевой при выборе программного обеспечения для проектирования. Некоторые приложения используют искусственный интеллект для обработки растрового изображения с низким разрешением и преобразования его в векторный файл, который затем можно масштабировать до гораздо большего размера без потери качества.Возможно, это один из самых важных инструментов, который вам понадобится в профессиональном графическом дизайне, особенно если вы работаете с крупномасштабной печатью.
3. Надежное управление цветом Если печать — большая часть того, что вы делаете, вы должны убедиться, что ваше программное обеспечение включает надежные инструменты управления цветом, чтобы вы не столкнулись с нежелательными сюрпризами, когда ваша работа вернется с принтер. Отправляясь в путешествие по векторной иллюстрации, найдите время, чтобы понять цветовые палитры, цветопробу и цветовые профили, чтобы создавать наилучшие изображения.Управление цветом на профессиональном уровне может обеспечить точное представление цвета на протяжении всего процесса.
4. Возможности профессиональных форматов вывода Профессиональные форматы вывода позволяют отправлять изображения на принтеры и вышивальные машины или обмениваться цифровыми файлами с клиентами и коллегами. Выберите программу, которая предлагает расширенную поддержку файлов, чтобы вы могли использовать свои файлы в нескольких приложениях, которые могут быть частью вашей повседневной работы. Если вы работаете с файлами дизайна и создаете свой бренд, стоит потратить время на векторный графический дизайн, который имеет множество практических применений.Выберите профессиональный инструмент, который может удовлетворить все ваши потребности в графике с помощью различных форматов вывода, чтобы вы могли работать быстрее и эффективнее, чем когда-либо прежде.
лучших приложений для векторного рисования для iPad: приложения для iPad / iPhone AppGuide
Векторный рисунок — это сложный, но интересный способ рисования графики. В перечисленных здесь приложениях представлены лучшие, наиболее многофункциональные приложения, которые имеют возможности векторного рисования. Они одинаково подходят как для новичков, так и для экспертов. Эти приложения не разочаровывают, когда дело доходит до функциональности и возможностей.
Основные приложения
Мне сразу понравилось это приложение. Inkpad — одно из тех приложений, которые заставляют вас сказать: «Ух ты, почему не все приложения могут быть так хорошо продуманы?» Являясь недавним дополнением к группе приложений для векторного рисования, Inkpad может многое предложить в области функциональности и пользовательского интерфейса. Inkpad действительно похож на Adobe Illustrator Lite. Он имеет многие из функций, предлагаемых Adobe. Inkpad имеет возможность рисовать векторы, добавлять точки привязки к векторам, добавлять формы и изображения и даже имеет инструмент-пипетку.Однако настоящая история заключается в том, как Inkpad манипулирует тем, что вы добавляете на холст. Здесь вы можете группировать объекты, выравнивать их по месту на холсте, переворачивать объекты и маскировать объекты. Приложение также имеет лучшую реализацию слоев, которую я когда-либо видел на iPad. Конечно, некоторые из этих функций есть и в других приложениях, но доступ к перечисленным функциям в Inkpad проще, чем в любом конкурирующем приложении. Наконец, когда вы закончите рисовать, вы можете экспортировать его в Dropbox.В целом, Inkpad — это то, что вам нужно, если вы ищете приложение для векторного рисования. При этом одна вещь, которую я хотел бы добавить, — это возможность изменять шкалу единиц (дюймы, пиксели, футы и т. Д.), Но в остальном она почти идеальна, и за 2 доллара вы действительно не можете пойти. неправильно.
iDesign
— пользователем TouchAware Limited
iDesign, вероятно, лучшее приложение в магазине приложений для векторного рисования. Простота пользовательского интерфейса — огромная часть того, что отличает это приложение от других.Через несколько минут я узнал, как работает приложение, и рисовал фигуры и векторы, как сумасшедший маньяк. iDesign по умолчанию использует фон графика, что упрощает и упрощает рисование фигур. iDesign также дает вам возможность рисовать в масштабе. Это означает, что если вы хотите отобразить мебель в комнате в футах, вы можете сделать это, изменив простую настройку. Конечно, чертежи в iDesign можно экспортировать во множество форматов. И это универсальное приложение, так что вы можете создавать рисунки на ходу, используя свой iPhone / iPod touch, если хотите.
TouchDraw
— пользователем ООО «Элевенворкс»
TouchDraw — это полнофункциональное приложение для рисования векторных изображений, которое имеет множество применений. Конечно, у него есть возможность рисовать векторы и другие геометрические формы, но что делает это приложение интересным, так это огромное количество корректировок, которые вы можете внести в свои рисунки. TouchDraw также поддерживает слои, аналогичные iDraw. Он также имеет возможность повторно использовать ранее нарисованные фигуры, что добавляет приятный профессиональный вид. TouchDraw также может группировать объекты и отображать ваш шедевр на внешнем экране с помощью адаптера VGA.В целом TouchDraw — одно из лучших векторных приложений. В нем много профессиональных функций, поэтому это приложение очень рекомендуется.
Известные приложения
neu.Draw — отличный вариант для векторного рисования, если вы ищете бесплатный вариант. Он поддерживает многие функции других приложений из этого руководства, такие как рисование от руки, формы, кривые, привязка к сетке, группировка и выравнивание. neu.Draw экспортирует файлы в форматы файлов SVG, PDF, PNG или JPEG и даже может публиковать файлы непосредственно в Twitter с помощью TwitPic.Трудно не рекомендовать neu.Draw. Помимо того, что я не смог найти каких-либо существенных недостатков, приложение бесплатное, так что ничто не должно удерживать вас от загрузки neu.Draw прямо сейчас.
Блокнот для глубокой печати
— пользователем Дизайн чистилища
Intaglio Sketchpad — одно из тех приложений, которое просто работает. Благодаря интерфейсу, который почти идентичен приложениям iWork для iPad, это приложение действительно иллюстрирует значение удобства использования. Intaglio Sketchpad может делать стандартные вещи, например рисовать фигуры, такие как круги, линии и различные многоугольники.Также можно установить различные шкалы единиц (дюймы, пиксели, футы и т. Д.). Есть поддержка умных направляющих и слоев, и он даже может делать обтравочные маски. Одним из больших преимуществ этого приложения является разнообразие форматов, в которые оно может экспортировать ваши творения. Среди них — svg, который является стандартом для приложений векторного рисования на рабочем столе, он позволяет выполнять двустороннее редактирование с помощью таких приложений, как Illustrator или Intaglio Mac App. К сожалению, у этого приложения есть два недостатка. Сначала цена в 15 долларов немного завышена. Хотя качество приложения соответствует цене, существует множество более дешевых альтернатив.К счастью, есть облегченная версия, поэтому вы можете попробовать ее перед покупкой. Во-вторых, прокрутка холста двумя пальцами может быть немного затруднена. Хотя это может показаться мелочью, вы будете удивлены, насколько раздражает прокрутка из-за функции масштабирования, которая также использует для работы два пальца. В целом, Intaglio Sketchpad — отличное приложение. Но по цене 15 долларов вы можете поискать в другом месте.
На первый взгляд iDraw выглядит как разбавленный Adobe Illustrator. Тем не менее, несмотря на простоту внешнего вида, это приложение для векторного рисования довольно мощное и имеет несколько отличных функций.Начнем с того, что iDraw имеет типичные функции приложения для рисования, которые включают кисть, карандаш, форму и текстовый инструмент. Он поддерживает слои и группировку объектов на холсте. Включенный инструмент кисти — очень крутое дополнение, потому что он рисует в стиле каллиграфии, который радует глаз и полезен для специалистов по каллиграфии. Что отличает это приложение от других приложений такого же калибра, так это его способность рисовать векторами. Хотя я не очень хорошо умею использовать этот инструмент с любым приложением, я обнаружил, что реализация iDraw проста и удобна в использовании, поэтому я даже понял, как рисовать несколько простых вещей.В целом iDraw — отличное приложение для векторного рисования со множеством дополнительных функций, которые делают его очень полезным приложением, если вы хотите создавать произведения искусства на своем iPad.
Достойные приложения
Freeform — приложение для векторного рисования
— пользователем Программное обеспечение для трюков
Freeform — это приложение для векторного рисования, которое помогает понять суть дела. Интерфейс — это просто холст с боковой панелью инструментов рисования и верхней панелью с другими параметрами. Вот и все. Если честно, сказать об этом особо нечего. Freeform — приложение для векторного рисования — хороший и надежный вариант для тех, кому нужен простой способ рисования.
Мелки — Векторный рисунок
— пользователем Уолтер Грегер
Crayons — это, пожалуй, самое простое приложение для векторного рисования в App Store. Это приложение сконцентрировано именно на векторах, вот и все. Хотя есть способы рисовать другие формы, такие как круги, квадраты и линии; на самом деле нет возможности эффективно манипулировать объектами на холсте. В целом, функции не такие обширные, как в других упомянутых приложениях. Цветные карандаши поддерживают слои, но, немного поработав, я могу с уверенностью сказать, что это приложение больше ориентировано на новичков.
Что такое векторное изображение и зачем оно мне нужно? — Vivid Image, Inc.
«Какое векторное изображение! Я не знаю, что это такое. Есть ли у меня один из них? Мне он нужен? »
Если у вас когда-либо был графический дизайн, вы, вероятно, сталкивались с термином векторная графика и задавали подобные вопросы. Не волнуйтесь, это хорошо. Давайте начнем с основ и узнаем, «что такое векторное изображение!».
Растровая графика и векторная графика
Растровая графика (файлы jpg / png / tiff)
Большинство людей знакомы с.jpg-изображения, подобные тем, которые вы получаете с цифровой камеры. Если вы когда-либо увеличивали изображение очень близко или увеличивали изображение .jpg слишком большим, вы могли заметить, что изображение становится размытым, а цвета превращаются в маленькие квадраты или точки. Маленькие точки называются пикселями, а такое изображение называется растровой графикой. Если вам когда-либо приходилось редактировать цифровую фотографию, вы знаете, насколько трудоемким может быть изменение даже самой мелочи.
Слева: полное изображение. Справа: изображение увеличено, чтобы показать квадратные пиксели, которые делают его растрированным.Векторная графика (файлы ai / eps / svg)
Так чем же отличается векторное изображение? Вы видите сотни векторных изображений в день и, вероятно, не замечаете этого. Большинство логотипов — это векторные файлы. В частности, векторная графика — это изображение, состоящее из точек, линий и кривых, которые основаны на математических уравнениях, а не на сплошных квадратных пикселях.
Это означает, что независимо от размера или масштабирования изображения линии, кривые и точки остаются гладкими. На произведении искусства никогда не будет неровных линий или размытости.
Также цвета разделены по своей собственной форме (в отличие от группы маленьких квадратов, образующих цветную область), что позволяет изменять цвета в этой графике так же легко, как щелчок кнопки.
Почему это важно…
Изучив основы векторной графики, вы должны понять, почему это важно.
# 1: Векторная графика создает профессиональный брендинг. Они составляют большую часть большинства печатных или публикуемых материалов. Например, логотипы всегда должны иметь векторный формат.Эти плавные линии и формы позволяют создавать печатные материалы высочайшего качества с твердым, однородным цветом и четким, ясным текстом. Вы можете использовать свой векторный логотип огромного размера на рекламном щите, маленького размера для ручек или футболки с трафаретной печатью. Иконки и более иллюстрированные изображения также хорошо иметь в векторных файлах.
# 2: Векторная графика сэкономит время вашего графического дизайнера. Это сэкономит вам деньги и даст более качественные результаты.
# 3: Векторные файлы не теряют качества. Jpg и другие файлы на основе пикселей будут терять данные при каждом открытии и сохранении.
Обычный пользователь редко использует векторную графику, если у вас нет программного обеспечения для ее открытия (например, продуктов Adobe и QuarkXPress). Большинство людей будут называть векторную графику файлом .eps. Они также могут использовать расширение .ai для файлов Illustrator или .svg для приложений веб-сайтов. Хотя вы можете никогда не использовать эти файлы лично или даже не иметь программ для их открытия, очень важно НЕ удалять файлы векторных изображений.Если вы когда-либо планируете работать с графическим дизайном или хотите, чтобы ваш логотип размещался на рекламных материалах, вас попросят файлы векторной графики.
«А что, если у меня нет векторной версии моего логотипа?»
Свяжитесь с оригинальным дизайнером вашего логотипа, чтобы узнать, создавалась ли когда-либо векторная версия вашего логотипа, и запросите копию. Если векторная версия недоступна, часто их можно воссоздать из растровой графики, в зависимости от ее сложности и качества.Важно иметь комплект фирменного стиля для вашей организации, который, помимо прочего, содержит эту версию вашего логотипа.
«Всегда ли мне нужен векторный файл, если я занимаюсь дизайном?»
Не всегда. Есть способы использовать другие форматы файлов, но тип работы, которую вы выполняете, в конечном итоге определит, понадобятся вам векторные файлы или нет.
В конечном счете, если у вас есть работа над дизайном, обязательно поговорите со своим дизайнером о форматах файлов, чтобы вы могли собрать соответствующие файлы или создать их, если они недоступны.
Нужна помощь?
Нужна дополнительная помощь? Ознакомьтесь с этим удобным руководством по изображениям, чтобы узнать о различных форматах файлов, а также о том, что и как их использовать!
Лучшее программное обеспечение для работы с векторной графикой для дизайнеров Mac с ограниченным бюджетом
Adobe Illustrator часто считается золотым стандартом векторных программ для Mac. Но это тоже дорого. К счастью, вы можете использовать более дешевые альтернативы для создания четких изображений и красивых диаграмм. Существует множество альтернатив Illustrator, и они дают вам несколько привлекательных вариантов, когда вам не хватает денег.
Если вы ищете векторный редактор Mac для использования в своем следующем проекте, вам следует сначала попробовать один из этих бесплатных векторных редакторов или дешевые альтернативы Adobe Illustrator.
Это лучшие векторные приложения для macOS, которые можно использовать бесплатно или купить с ограниченным бюджетом.
Inkscape, вероятно, самый универсальный бесплатный векторный редактор для Mac. Inkscape, имеющий долгую историю развития и множество фанатов, работает со всеми тремя основными операционными системами и ничего не стоит.
Inkscape использует модель разработки с открытым исходным кодом (как и другие бесплатные приложения для Mac с открытым исходным кодом), и в результате его технический прогресс часто оказывается медленнее, чем у его коммерческих конкурентов. Inkscape гордится своей полной совместимостью с открытым стандартом SVG W3C и стремится стать одним из самых удобных редакторов SVG для Mac.
Несмотря на такую доступность для пользователей, новички могут почувствовать себя немного не в своей тарелке, когда попробуют.Чтобы вам помочь, на форумах Inkscape есть обширная документация и ответы на ваши вопросы.
Пользователям Mac может потребоваться загрузить XQuartz для запуска Inkscape. Так что, если вы не являетесь поклонником дополнительных загрузок, это не лучший вариант.
Загрузка: Inkscape (бесплатно)
Vectr — это бесплатный векторный редактор, основанный на веб-технологиях. Вы можете скачать Vectr для Windows, Linux или Chrome OS или запустить версию браузера через macOS.
Приложение обещает быть «бесплатным навсегда», а его инструменты в основном ориентированы на творческие векторные рисунки, такие как логотипы, брошюры и плакаты.
Лучше всего? Vectr включает в себя исчерпывающее руководство пользователя и обучающие программы, так что вы можете научиться эффективно использовать его за очень короткое время.
Посещение: Vectr (бесплатно)
LibreOffice — это популярная альтернатива Microsoft Office с открытым исходным кодом, которая поставляется со своей собственной программой для рисования векторных изображений под названием Draw.К сожалению, LibreOffice Draw не так многофункциональна, как некоторые другие программы в этом списке, но предлагает несколько вариантов.
Бесплатный векторный редактор, похоже, нацелен на пользователей, которые хотят создавать блок-схемы или диаграммы. Он также имеет возможность создавать технические чертежи и брошюры. LibreOffice Draw также является отличным векторным редактором для Mac для тех, кто хочет создавать сетевые диаграммы — и все это без высоких художественных навыков.
Связанный: Что такое векторный файл?
В LibreOffice Draw не хватает совершенства некоторых других программ, но если вы ранее использовали LibreOffice, возможно, он уже был у вас установлен.
Загрузить: LibreOffice Draw (бесплатно)
Boxy — это тип программного обеспечения для векторной графики для Mac с функциональностью, аналогичной Inkscape. Помимо веб-версии, у него есть собственное приложение для Mac, доступное через App Store, и он может импортировать и поддерживать расширения файлов SVG. Он также может поддерживать файлы PNG, JPEG и GIF.
Когда вы используете Boxy, все инструменты трансформации, группировки и рисования поддерживаются предустановленными формами, а также поддерживаются градиенты и узоры.
Boxy — хороший вход в категорию векторной графики, созданной на основе веб-технологий. Он также легкий и приятный.
Загрузить: Boxy SVG (9,99 $)
Autodesk Graphic, ранее известный как iDraw, представляет собой отличный легкий векторный редактор для Mac. Это дороже, чем раньше, но он по-прежнему поддерживает надежный набор функций с полной поддержкой форматов SVG, PDF и AI (Adobe Illustrator).Он также имеет многоуровневый импорт и экспорт PSD для пользователей Photoshop.
Autodesk Graphic предлагает хороший набор инструментов для рисования и создания эскизов, что делает его отличным выбором для редактора SVG, когда вы дизайнер с ограниченным бюджетом.
Вы также можете установить Autodesk Graphic на свой iPad, который использует iCloud для синхронизации. Таким образом, вы можете получить доступ к своим проектам на ходу.
Загрузить: Autodesk Graphic (29 долларов США.99)
Pixelmator — одна из наших любимых альтернатив Adobe Illustrator в этом списке для редактирования векторных изображений. Приложение обеспечивает отличную поддержку векторного рисования с помощью фигур и линий.
Pixelmator имеет ряд встроенных форм и инструментов для отображения векторов, хотя профессиональные пользователи, которые привыкли к расширенным функциям Illustrator, вероятно, захотят большего.
Тем не менее, это отличное приложение, способное выполнять множество стандартных задач.
Загрузить: Pixelmator Pro ($ 39,99)
После восторженного приема растрового редактора Affinity Photo, Serif Labs представила Affinity Designer, чтобы выйти на рынок векторных редакторов. Он специально нацелен на модель подписки Adobe Illustrator, предлагая программу за единовременную плату вместо ежемесячной платы.
Affinity утверждает, что у нее лучший механизм импорта PSD.Хотя мы не уверены, что Adobe согласится с этим, Affinity поддерживает форматы файлов PSD, PDF, SVG, AI, Freehand и EPS.
Есть 16-битное редактирование на канал, поддержка срезов, масок в реальном времени, корректирующих слоев и поддержка графических планшетов.
Все это сопровождается обычными функциями, которые вы ожидаете от такой программы — отличным пером, редактированием кривых, умными формами, гибким текстом и несколькими шаблонами рабочего пространства, предназначенными для Интернета и печати.Вы также можете использовать эффекты растрового стиля, чтобы получить лучшее из обоих миров.
Загрузить: Affinity Designer (49,99 $)
Sketch, самый дорогой из редакторов SVG для Mac в этом списке, позиционирует себя как профессиональная векторная программа для дизайнеров. Sketch создан для простоты использования и предназначен для создания высококачественных векторных рисунков. Есть даже приложение-компаньон Sketch Mirror, которое позволяет вам предварительно просматривать свои проекты в реальном времени на вашем устройстве во время работы.
Как и следовало ожидать от такого профессионального приложения, в Sketch есть все необходимое: расширенный пользовательский интерфейс, отличный рендеринг текста, а также множество сеток и руководств, которые помогут вам разрабатывать дизайн, который вам нравится.
Вы можете изучить все тонкости программы на страницах поддержки Sketch. Вы также можете протянуть руку помощи в своем проекте, загрузив ресурсы сообщества, начиная от комплектов для разработки iOS и заканчивая шаблонами значков.
Sketch предлагает 15-дневную бесплатную пробную версию, так что вы можете заранее попробовать этот векторный редактор.Единственный недостаток? Вам нужно будет ежегодно продлевать лицензию. Хотя это ежегодное продление по-прежнему дешевле, чем модель подписки Adobe, оно определенно может стать дорогим, если у вас ограниченный бюджет.
Загрузить: Sketch (99 долларов в год)
Стоит ли придерживаться Illustrator?
Если вы уже используете Adobe Illustrator, скорее всего, вы профессиональный дизайнер. В этом случае вы можете сэкономить немного денег с помощью этих более дешевых векторных программ, но вы также, вероятно, потеряете некоторые функции, на которые вы полагаетесь.Например, вы можете знать, как отследить изображение в Illustrator, но обнаружите, что эта функция отсутствует в других приложениях.
Конечно, если вы никогда раньше не использовали Illustrator или вам действительно нужно сэкономить, одно из векторных приложений, которые мы здесь рассмотрели, может быть идеальным.
Как создавать векторные изображения: 5 онлайн-инструментовЭти онлайн-инструменты помогут превратить пиксельные растровые изображения в гладкую масштабируемую векторную графику.
Читать далее
Об авторе Шианн Эдельмайер (136 опубликованных статей)Шианн имеет степень бакалавра дизайна и опыт работы в подкастинге. Сейчас она работает старшим писателем и 2D-иллюстратором.Она занимается творческими технологиями, развлечениями и производительностью для MakeUseOf.
Более От Шианн ЭдельмайерПодпишитесь на нашу рассылку новостей
Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги и эксклюзивные предложения!
Нажмите здесь, чтобы подписаться
Векторная графика — Руководство Krita 4.4.0 документация
В Krita 4.0 были полностью переработаны векторные инструменты. Итак, вот страница, объясняющая векторные инструменты:
Что такое векторная графика?
Krita — это, прежде всего, инструмент для редактирования растровой графики, что означает, что большая часть редактирования изменяет значения пикселей в растре, составляющем изображение.
Векторная графика, напротив, использует математику для описания формы. Поскольку в нем используется формула, размер векторной графики можно изменять до любого размера.
С одной стороны, векторная графика отлично подходит для логотипов и баннеров. С другой стороны, растровую графику намного проще редактировать, поэтому векторы, как правило, являются областью преднамеренного проектирования с высокой точностью.
Расположение фигур
Векторный слой имеет свою собственную иерархию форм, так же как и все изображение имеет иерархию слоев. Таким образом, фигуры могут располагаться друг напротив друга. Это можно изменить с помощью окна настройки аранжировки или инструмента «Выбрать фигуры».
Окно настройки упорядочения также позволяет группировать и разгруппировывать фигуры.Это также позволяет точно выровнять формы, например, выровнять их по центру или иметь равный интервал между всеми фигурами.
Редактирование фигур
Редактирование векторных фигур выполняется с помощью инструментов «Выбрать фигуры» и «Редактировать фигуры».
Инструмент «Выбрать фигуры» можно использовать для выбора векторных фигур, их группировки (через), разгруппировки, использования логических значений для объединения или вычитания фигур друг из друга (через), для перемещения их вверх и вниз или для выполнения быстрых преобразований. .
Заливка
Вы можете изменить заливку фигуры, выделив ее и изменив активный цвет переднего плана.
Вы также можете изменить его, зайдя в параметры инструмента «Выбрать фигуры» и перейдя на вкладку «Заливка».
Векторные фигуры можно заливать сплошным цветом, градиентом или узором.
Ход
Обводки могут быть заполнены теми же элементами, что и заливки.
Однако они также могут быть изменены. Например, вы можете добавить к линии тире и маркеры.
Координаты
Фигуры можно перемещать с помощью инструмента «Выбрать фигуры», а в параметрах инструмента можно указать точные координаты.
Редактирование узлов и специальных параметров
Если у вас выделена фигура, вы можете дважды щелкнуть по ней, чтобы перейти к соответствующему инструменту для редактирования. Обычно это инструмент «Редактировать фигуру», но для текста — это инструмент «Текст».
В инструменте «Редактировать фигуру» вы можете перемещать узлы на холсте для получения обычных контуров. Для особых путей, таких как эллипс и прямоугольник, вы можете перемещать узлы и редактировать определенные параметры в окне настройки «Параметры инструмента».
Совместная работа с другими программами
Одним из важных моментов, которые принесла Krita 4.