Рисование эллипса и круга


Рисование эллипса и круга

Для рисования эллипса используется функция imageellipse :

  • image — идентификатор изображения;
  • cx, cy — координаты центра эллипса;
  • w — ширина эллипса (диаметр);
  • h — высота эллипса (диаметр);
  • color — цвет.

Пример 19. Рисование эллипса:

Результат работы этой программы выглядит следующим образом:

Обратите внимание: эта функция добавлена в PHP 4.0.6 и требует библиотеки GD 2.0.2

Если у вас более ранняя версия PHP (или GD), то для рисования эллипса вы можете использовать функцию imagearc :

  • image — идентификатор изображения;
  • cx, cy — координаты центра эллипса;
  • w — ширина эллипса;
  • h — высота эллипса;
  • color — цвет.

Пример 20. Рисование эллипса с помощью функции imagearc :

Результат работы этой программы выглядит следующим образом:

Рисование закрашенного эллипса

Для рисования закрашенного эллипса используется функция imagefilledellipse :

Она рисует закрашенный эллипс цвета color с центром в точке cx:cy, высотой h и шириной w пикселей.

Пример 21. Рисование закрашенного эллипса:

Результат работы этой программы выглядит следующим образом:

Обратите внимание: эта функция добавлена в PHP 4.0.6 и требует библиотеки GD 2.0.2

Если у вас GD версии 2.0.1, то для рисования эллипса вы можете использовать функцию imagefilledarc :

Пример 22. Рисование закрашенного эллипса с помощью функции imagefilledarc:

Результат работы этой программы выглядит следующим образом:

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

«Пустой» эллипс

Пример 23. Рисование «пустого» эллипса:

Результат работы этой программы выглядит следующим образом:

Рисование окружности и круга

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

Пример 24. Вывод круга и окружности:

Результат работы этой программы выглядит следующим образом:

Рисование окружности и эллипса с общим центром


Собственно нужно нарисовать фигуру что на рисунке, саму окружность и диаметр нарисовал, а вот совместить центры эллипса и окружности не выходит(

03.03.2013, 17:58

Найти площади двух кругов с общим центром
Даны два круга с общим центром и радиусами R1 и R2 (R1 > R2). Найти площади этих кругов S1 и S2, а.

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

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

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

Рисование эллипса
в общем суть задачи такая. есть некоторый panel, на котором расположена матрица из лейблов.

Чертежик

Метки

Построение эллипса по двум осям. Поэтапное черчение.

Построение эллипса по двум осям в этой статье осуществляется по точкам.

Рассмотри поэтапное черчение:

1.) строятся окружности с разными диаметрами;

2.) окружности делятся на 12 частей;

3.) проводятся вспомогательные вертикальные линии (сиреневый цвет) от краев большего диаметра;

4.) чертятся горизонтальные вспомогательные линии (зеленый цвет) от края окружности меньшего диаметра до вертикальных линий;

5.) в пересечении вспомогательных линий обозначаются точки;

6.) точки между собой соединяются плавной линией.

Школа рисования

Базовые знания каждого художника и иллюстратора

Как нарисовать круг в перспективе

  • Автор ★ Летта
  • 2 марта 2020, 21:53

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

мы видим гораздо реже, чем вот так.

Поэтому нам нужно понимать, как правильно изобразить тарелку в перспективной горизонтальной плоскости. Для этого есть простая схема.

Самое главное слева. Мы видим овалы и линию горизонта, относительно которой и рисуем обычно все объекты. На уровне линии горизонта овал либо превращается в линию, либо очень узкий. Чем выше или ниже, тем овал становится круглее, все линии которые ближе к нам по закону перспективы будут толще, все, что дальше — тоньше. Если овал сильно ниже уровня зрения, он может становится почти круглым. Очень наглядно это можно увидеть, взяв моток скотча, вашу идеальную натуру для отработки этого навыка. Поднимаем моток на уровень глаз — в идеале мы увидим прямоугольник, поднимаем выше и ниже и сразу видим наглядно все изменения.
В вертикальной плоскости история абсолютно такая же, только схему надо перевернуть на 90 градусов.


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

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

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

Со временем вы будете прекрасно находить перспективу практически в любом объекте.

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

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

Рисование эллипса и круга

Построение эллипса с помощью циркуля. Как начертить эллипс?

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

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

Илон Маск рекомендует:  Что такое код createhatchbrush

Чтобы не быть совсем абстрактным, я предлагаю начертить эллипс, являющийся отображением окружности в изометрии. Заодно вспомним коэффициенты искажения. Итак, возьмем окружность диаметром 30мм. Такая окружность в изометрии будет иметь вид эллипса с осями 36,6мм и 21,3 мм.

Начнем построение эллипса. На первом этапе необходимо из центра эллипса провести две вспомогательные окружности, диаметры которых будут равны большой и малой оси эллипса. Затем, из центра проведем несколько лучей, так чтоб они пересекали обе окружности. Для удобства отображения я буду рассматривать одну четверть. Количество вспомогательных лучей зависит исключительно от желаемой точности построений и размеров эллипса, в нашем случае это будут 3 луча (рекомендую такое количество лучей для эллипсов с большой осью от 60 и где-то до 120 мм)

На следующем шаге мы получим дополнительные точки эллипса. Для этого, мы поочередно сделаем с каждым лучем следующее: из точки пересечения луча с малой окружностью проведем горизонтальную линию в сторону большой окружности, а из точки пересечения луча с большой окружостью проведем линию до пересечения с только что начерченной горизонталью. Таким образом мы получим точки 2, 3 и 4. Точки 1 и 5 так же принадлежат эллипсу.

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

Нам осталось лишь достроить оставшиеся три четверти фигуры. Я рекомендую вам не производить аналогичные построения, а аккуратно перенести\отразить точки 2, 3, 4 через оси. Но конечно же, можно и повторить предыдущие шаги для закрепления навыка.

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

Вы можете сказать «спасибо!» автору статьи:

пройдите по любой из рекламных ссылок в левой колонке, этим вы поддержите проект «White Bird. Чертежи Студентам»

или запишите наш телефон и расскажите о нас своим друзьям — кто-то наверняка ищет способ выполнить чертежи

или создайте у себя на страничке или в блоге заметку про наши уроки — и кто-то еще сможет освоить черчение.

А вот это — не реклама. Это напоминание, что каждый из нас может сделать. Если хотите — это просьба. Мы действительно им нужны:

Автор комментария: Рустам
Дата: 2011-03-22

Автор комментария: закир
Дата: 2011-05-19

огромное спасибо оч выручили.

Автор комментария: Вова
Дата: 2011-12-15

Автор комментария: Богдан Тарасюк
Дата: 2012-01-13

Автор комментария: ваня
Дата: 2012-01-24

Автор комментария: Виталий
Дата: 2012-05-13

Автор комментария: Леон
Дата: 2012-05-25


Благодарю! Все очень понятно обьяснили.

Автор комментария: антон
Дата: 2012-05-31

спасибо черчу через компас по вашим примерам вроде получается

Автор комментария: Влад
Дата: 2012-10-08

спасибо большое! все понятно. очень помогло

Автор комментария: Илья
Дата: 2012-10-09

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

Автор комментария: Женя
Дата: 2012-10-14

Спасибо. Очень помогло!

Автор комментария: Витя
Дата: 2012-10-22

Автор комментария: Нкитка
Дата: 2012-10-26

тупой способ циркулем намного проще и быстрей

А никто и не претендует — всего лишь один из способов. Все зависит от того, какую точность нужно достичь. Я к примеру вообще предпочитаю в САПровских системах чертить. А вы? :)

Автор комментария: Татьяна
Дата: 2012-11-04

Автор комментария: Владимир
Дата: 2012-11-24

Спасибо в ремонте очень пригодилось!

Автор комментария: Светлана
Дата: 2012-12-17

Огромное спасибо!Все просто и доступно!
Благодарю за отзыв, Светлана! Слова такого плана меня всегда наводят на мысль: а почему те люди, которые получают от нашего государства деньги за написание методических пособий, делают это не просто, не понятно, и не доступно? Очень надеюсь, что они это не специально

Автор комментария: Женя
Дата: 2013-01-21

а точки от руки соединять? как-то у меня не очень ровно получается.

Тут дело такое. В идеале — после определения некоторого количества точек хорошо было бы соединить их по лекалу. Но я уверен, что для вас такой вариант не станет облегчением, поскольку я не помню, чтоб где-то кого-то учили работать с лекальными линейками. Однако, если они есть под рукой — можете попробовать. Возможно вам удастся подобрать верные кривые. Ну а если нет — то просто старайтесь поаккуратнее соединить от руки. Либо можно увеличить количество вспомогательных точек (после чего возненавидеть построение эллипсов :) ) Главное — не опускайте рук!

Автор комментария: ДАНИИЛ
Дата: 2013-01-21

СЕРДЧЕЧНАЯ БЛАГОДАРНОСТЬ ЗА ВАШ ТРУД

sposibo ochen pomoglo

Автор комментария: рома
Дата: 2013-03-12

Великолепно!) спасибо большое!)

Автор комментария: Анатолий.
Дата: 2013-07-07

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

Автор комментария: Павел
Дата: 2013-07-09


Спасибо огромное всен очень понятно объяснено!

Автор комментария: Андраник
Дата: 2013-07-18

Большое спасибо! Выручил.

Автор комментария: Владислав
Дата: 2013-09-04

Спасибо! Потребовалось прорезать точное отверстие под круглый дымоход в наклонной плоскости, Ваш метод построения эллипса очень помог!

Автор комментария: фариза
Дата: 2014-01-09

так просто,только есть один вопрос,можете сказать расстояний между точками (1,2,3,4,5)

Автор комментария: 999
Дата: 2014-02-16

«Теперь, имея пять точек мы без труда проведем через них кривую» Они что издеваются?!

Автор комментария: сережа
Дата: 2014-03-06

как начертить машину в компасе

Автор комментария: Александр
Дата: 2014-03-11

Здравствуйте!Помогите рассчитать половинку элипса или половинку овала .Где длина равна а-4800мм а ширина половинки овала равна b-500мм.Спасибо

Автор комментария: Андрей
Дата: 2014-05-03

Благодарен всё ясно, просто и понятно.

Автор комментария: Светлана
Дата: 2014-05-17

Автор комментария: Majid Shabanov
Дата: 2014-06-17

Большое спасибо! Очень доступном виде обьяснили, без лищных слов.

Автор комментария: arhitektor stroitel
Дата: 2014-07-06

http://oval.ing-grafika.ru/1.html 2 способ посмотрите.Он удобнее вроде.

Автор комментария: Альбина
Дата: 2014-09-28

Cпасибо! Очень доступно изложено) Здорово получилось)))

Автор комментария: наталья
Дата: 2014-10-12

огромное Вам спасибо

Автор комментария: алик
Дата: 2014-11-25

Большое человеческое СПАСИБО

Илон Маск рекомендует:  Что такое код udm_errno

Автор комментария: Юля
Дата: 2014-12-10

Автор комментария: Александр
Дата: 2015-01-06

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

Автор комментария: Роман
Дата: 2015-03-02


Спасибо! Реально доступно объяснили! Очень помогло.

Автор комментария: Міша
Дата: 2015-03-03

Дуже дякую виручили, дуже допомогло)))) +1

Автор комментария: Илья
Дата: 2015-03-19

По поводу «тупой способ циркулем намного проще и быстрей». Это как?

Автор комментария: :O
Дата: 2015-11-25

Черт.. Это так просто!

Автор комментария: Елизавета
Дата: 2020-02-04

СПАСИБО! не была на паре, задали дома по определенным размерам начертить, просто спасли!

Ну вот и замечательно :) Эх, все никак не удается мне подготовить продолжение — еще один-два способа разобрать

Автор комментария: j
Дата: 2020-10-22

Автор комментария: Владимир
Дата: 2020-01-10

Всё просто, спасибо за комментарии.

Автор комментария: Рустем
Дата: 2020-04-17

Автор комментария: Володя
Дата: 2020-01-17

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

Автор комментария: Александр
Дата: 2020-02-02

Великолепно. просто,доходчиво и без лишней информации!!

Автор комментария: Дамир
Дата: 2020-04-03

Автор комментария: саня
Дата: 2020-06-13

нихуя не помогает

Добавьте свой комментарий:

zakaz@triv >Наша страница в ВК:

Не являюсь Вашим заказчиком, поскольку сам неплохо разбираюсь в предмете, да и принцип у меня есть — за весь период учебы не купил ни одной работы, всё делал сам. Кроме того, пока учился почти каждую ночь выполнял работы по НГ и ИГ. Я отошел от дел, так что рекламой этот пост не является :) Видимо я сильно продешевил в свое время, раз уж Ваши работы покупают за столь серьёзные по моим тогдашним меркам суммы. Залез к Вам на страницу, и кусаю локти теперь :) С уважением к Вам, коллеги Николай, ПГУПС

Николай, спасибо за ваше мнение! И я рад, что в результате нашей с вами переписки я получил эти строки: «Спасибо за реакцию, — признаться, приятно иметь дело с адекватным человеком. Надеюсь, не подпортил Вам репутации.»

Рисование эллипса и круга

Опубликовано: Июнь 2020

В данном примере демонстрируется рисование эллипсов и кругов с помощью элемента Ellipse. Чтобы нарисовать эллипс, необходимо создать элемент Ellipse и задать значения его свойств и . Для указания объекта Brush, используемого для рисования внутренней части эллипса, необходимо использовать свойство . Для указания объекта Brush, используемого для рисования контура эллипса, необходимо использовать свойство . Свойство задает толщину контура эллипса.

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


В следующем примере рисуется четыре элемента Ellipse внутри объекта Canvas.

Пример

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

Этот пример является фрагментом большего примера; полный пример см. на веб-странице Shape Elements Sample.

Рисование эллипса под произвольным углом в canvas на JavaScript

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

Формализуем задачу. Нам требуется функция drawEllipse(coords, sizes, vector), где:

  • coords — координаты центра эллипса — массив [x, y]
  • sizes — длины большой и малой полуосей эллипса — массив [a, b]
  • vector — вектор [x, y] наклона эллипса

В статье приведено три способа решения данной задачи.

В качестве первого метода были выбраны кривые Безье. Для построения такой кривой требуются четыре точки: начальная, конечная и две контрольные.

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

    Имеем некоторый вектор
    Найдем единичный вектор

Найдем единичный вектор
Для этого вспомним свойство скалярного произведения векторов обращаться в ноль в случае, если они перпендикулярны:
Таким образом:
Найдем векторы , точки A1, A2, B1, B2

  • Вспомним, что для рисования эллипса нам нужны две кривые Безье:
    • 1-я имеет начальную точку B1, конечную B2, проходит через точку A1
    • 2-я имеет начальную точку B2, конечную B1, проходит через точку A2

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

    Из рисунка очевидно, что расстояние от этой точки (A1) до отрезка между контрольными точками (C1, C2) будет составлять четверть от расстояния между центром искомого эллипса (O) и тем же отрезком (C1, C2), то есть:

    Обозначим ОА через x. Решим уравнение

    Таким образом, для получения эллипса с нужными параметрами нам необходимо умножить вектор на параметр , после чего вернуться к вычислениям, описанным в пунктах 1-4. В результате получаем наборы точек (B1, C1, C2, B2 и B2, C3, C4, B1) для построения двух кривых Безье, вместе представляющих искомую фигуру.

    Собственно демо и код:

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

    Upd. В комментариях подсказали более нативный и простой способ отрисовки наклонного эллипса (спасибо subzey). Оставлю здесь, чтобы не затерялся. Вот демо.

    Как нарисовать Овал правильно?

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

    Шаг 1. Рисуем вертикаль и горизонталь, которые пересекаются под прямым углов в 90 градусов. В верхней части вертикали ставим засечку и измеряем расстояние от нее к центру. В зависимости от того, где вы поставите засечку будет зависеть размер итогового эллипса. Полученное расстояние откладываем вниз по вертикали, и ставим еще одну засечку. Такие же действия проделываем для горизонтали. Но здесь мы откладываем по два таких расстояния в каждую сторону. Крайние отрезки на горизонтали разбиваем приблизительно пополам и также ставим засечки.

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

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

    Илон Маск рекомендует:  Поиск по сайту нет ничего проще (настройка cnsearch)


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

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

    Шаг 6. Дугой изобразим часть овала.

    Шаг 7. Второй дугой достроим первую четверть фигуры.

    Шаг 8. По аналогии с 6-ым и 7-ым шагами строим верхнюю правую и нижнюю левую четверти овала.

    Шаг 9. В завершающем шаге строится последняя нижняя четверть. После того как Вы сотрете все лишние линии у Вас должен получится правильный симметричный овал.

    На данном этапе урок как нарисовать Овал правильно завершен. Теперь вы научились тому как правильно нарисовать овал. Желаем Вам творческих успехов!

    Путеводитель по Inkscape: Глава 30, инструмент Круг

    Инструмент Круг находится седьмым сверху в Панели инструментов, отзывается на горячую клавишу F5. Его назначение: Рисовать круги, эллипсы и дуги.

    Чтобы нарисовать эллипс, нужно, при нажатой левой кнопке мыши, провести указателем инструмента ( ) из точки старта в точку финиша.

    Техника работы с инструментом Круг

    На рисунке 1 представлены способы рисования эллипсов и кругов:

    Без клавиш модификаторов: Окаймляющая площадка полученного красного эллипса заключена между точками старта и финиша.

    CTRL + инструмент Круг : Рисует круги.

    А если быть совсем точным, то создает эллипсы, у которых отношение большого к меньшему радиусу выражается целыми числами, либо с соотношением большого и малого радиусов равным 1,6180033. (золотое сечение). Частным случаем целочисленного соотношения (единица) является круг.

    Рис. 2, Эллипс золотого сечения (синий) и эллипс с соотношением радиусов, равным четырем (красный).

    Узнать размеры радиусов эллипса можно в его SVG файле, если открыть его в текстовом редакторе. При помощи Поиска редактора найти rx и ry, например:
    sodipodi:rx=»52.272469″
    sodipodi:ry=»32.306164″

    SHIFT + инструмент Круг : Рисует эллипсы и круги, начиная из центра.

    ALT + инструмент Круг : Рисует эллипсы и круги, проходящие через точки старта и финиша. Если нужно описать окружность вокруг фигуры, то это тот самый случай.

  • CTRL+ALT + инструмент Круг : Рисует круги, диаметр которых равен расстоянию от старта до финиша.
  • Нарисуем круг или эллипс. Перед нами три управляющих элемента: два квадратика и кружок (рисунок 3, красный).

    Кружков на самом деле тоже два, но они находятся точно один над другим.


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

    А если держать крестик указателя внутри окружности, то получим дугу (рисунок 3, зеленый).

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

    Управляющие квадратики: Служат для изменения размеров объекта. Если при этом удерживать нажатой клавишу CTRL, то любой эллипс превратится в круг.

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

    Это все, что касается инструмента Круг.

    В следующей главе будем говорить об инструменте для рисования звёзд.

    Как нарисовать произвольную окружность или ровный круг в фотошопе

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

    Способ 1. Инструмент Эллипс

    С помощью этого инструмента можно нарисовать векторную и растровую фигуру окружности или круга.

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

    Теперь нарисуйте окружность или круг. Но сперва выберите основной цвет отличный от белого, а то не увидите, что в итоге нарисовали.

    Как нарисовать ровный круг

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

    1. удерживайте зажатой клавишу Shift ;
    2. на панели параметров инструмента выберите опцию Окружность (рисование диаметра или радиуса):

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

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

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

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

    После этого окружность будет создана сразу как растровая. Не забудьте для нее создать свой отдельный слой.

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

    Способ 2. Обводка выделенной области — кольцо

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

    Итак, выберите инструмент Овальная область.

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

    Допустим, получилось такая выделенная область:

    Теперь нужно сделать обводку ее границ. Для этого выберите команду: Редактирование — Выполнить обводку.

    Появится новое окно, в котором укажите ширину границы обводки, ее цвет. Также есть интересные настройки о том, как будет рассчитываться ширина обводки:

    • Внутри — значит рамка ляжет по внутренней стороне выделенной области;
    • По центру — значит рамка разделится поровну на часть проходящую внутри выделения и на часть со внешней стороны;
    • Снаружи — значит рамка будет огибать пунктир выделения.

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

    Теперь, когда настройки введены, жмите ОК. Останется только убрать пунктир выделения — Ctrl+D .

    Понравилась статья? Поделиться с друзьями:
    Кодинг, CSS и SQL