Как нарисовать спидометр мерседеса

Добавил пользователь Morpheus
Обновлено: 20.09.2024

Создайте спидометр или таблицу датчиков

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

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

  • Создайте диаграмму шкалы или спидометра в Excel
  • Создайте в Excel таблицу манометра или спидометра с удивительной функцией
  • Загрузите образец файла с таблицей датчиков или спидемометров
  • Видео: создание шкалы или спидмометра в Excel

Создайте диаграмму шкалы или спидометра в Excel

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

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

Таблица 2: Эта таблица используется для создания шкал от 0 до 100. Вы можете изменить ее, если хотите иметь другой диапазон шкалы.

Таблица 3: Эта таблица будет использоваться для создания круговой диаграммы для иглы:

  • Текущая позиция: Положение иглы определено;
  • Ширина: Ширина иглы;
  • Конец: Значение оставшейся дуги круговой диаграммы, оно должно быть вычислено путем вычитания ширины и текущих точек из суммы значений уровней. В этом примере мы можем получить это по следующей формуле: =sum(B3:B6)-SUM(H3:H4)=200-82=118.


После подготовки приведенных выше данных выполните следующие действия шаг за шагом:

1. Выберите таблицу 1 и нажмите Вставить > Вставить круговую или кольцевую диаграмму > Пончик, и кольцевая диаграмма была вставлена ​​в лист, см. скриншоты:




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


3. В Форматировать ряд данных панель, под Варианты серий значок, установите Угол первого среза в 270°, в то же время вы можете установить Размер отверстия для пончика в 50% как вам нужно, и вы получите следующую диаграмму:


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


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


6. Теперь, когда ваша первая часть датчика создана, вы можете добавить метки данных, чтобы облегчить чтение датчика. Щелкните, чтобы выбрать диаграмму, а затем щелкните Элементы диаграммы > Этикетки данных > Дополнительные параметры, см. снимок экрана:


7. В Форматирование меток данных панель, под Параметры метки значок, проверка Значение из ячеек вариант, а в выскочившем Диапазон метки данных диалоговом окне выберите метки производительности из первой таблицы, а затем нажмите OK, смотрите скриншоты:




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


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


10, Затем в Выберите источник данных диалоговое окно, нажмите Добавить кнопку, см. снимок экрана:


11. В Редактировать серию поле введите имя в поле Название серии текстовое поле, а затем в Значения серии поле, выберите данные значения из таблицы 2, см. снимок экрана:


12. Нажмите OK кнопку, и вы получите кольцевую диаграмму, как показано на скриншоте ниже:


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


14. Опять же, вам нужно скрыть нижнюю половину этой кольцевой диаграммы, дважды щелкните, чтобы выбрать нижний полукруг, см. Снимок экрана:


15. А затем выберите Без заливки из Заливка формы под Формат Вкладка, теперь вы получите диаграмму, как показано на скриншоте ниже:


16. На этом этапе вы также можете добавить метки данных для ряда данных, щелкнуть диаграмму, а затем щелкнуть Элементы диаграммы > Этикетки данных > Дополнительные параметры, см. снимок экрана:


17. В Форматирование меток данных панель, под Параметры метки значок, проверка Значение из ячеек вариант, в выскочившем Диапазон метки данных диалоговом окне выберите метки шкалы из второй таблицы, а затем щелкните OK, смотрите скриншоты:




18. После добавления меток шкалы снимите флажок Значение вариант в Параметры метки раздел, и метка данных была добавлена ​​в диаграмму, см. снимок экрана:


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


20. В Редактировать серию поле введите имя в поле Название серии текстовое поле, а затем в Значения серии поле, выберите данные значения из таблицы 3, см. снимок экрана:


21, Затем нажмите OK Кнопка, вы получите диаграмму, как показано на скриншоте ниже:


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


23, Затем в Изменить тип диаграммы диалоговом окне выберите круговую диаграмму названия серии из Название серии, и выберите Круговая диаграмма из выпадающего списка см. снимок экрана:


24. А затем нажмите OK Кнопка, кольцевая диаграмма была изменена на круговую, как показано на скриншоте ниже:


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


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


27. В Форматировать точку данных панель, под Варианты серий значок, выполните следующие действия:

  • Enter 270° в Угол первого среза коробка;
  • Изменить Пирог взрыв значение для круговой диаграммы, чтобы указатель выступал из кольцевой диаграммы по своему усмотрению.


28. Теперь, таблица датчиков создана, наконец, вы должны добавить пользовательскую метку данных для иглы, для этого нажмите Вставить > текст Box > Нарисовать горизонтальное текстовое поле, см. снимок экрана:


29. Затем нарисуйте текстовое поле в середине полукольцевой диаграммы, выберите его и затем в строке формул введите знак равно и выберите ячейку с текущими значениями положения, затем нажмите Enter ключ. Смотрите скриншот:


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




Создайте в Excel таблицу манометра или спидометра с удивительной функцией

Если вам больно с описанным выше сложным методом, здесь я порекомендую удобный инструмент - Таблица спидометра of Kutools for Excel, с помощью этой функции вы можете вставить диаграмму спидометра на 180 ° или 270 ° всего несколькими щелчками мыши, как показано ниже. Нажмите, чтобы загрузить Kutools for Excel для бесплатной пробной версии!

Загрузите образец файла с таблицей датчиков или спидемометров


Видео: создание шкалы или спидмометра в Excel

Лучшие инструменты для работы в офисе

Kutools for Excel - поможет вам выделиться из толпы

Хотите быстро и безупречно выполнять свою повседневную работу? Kutools for Excel предлагает мощные расширенные функции 300 (объединение книг, сумма по цвету, разделение содержимого ячеек, дата преобразования и т. Д.) И экономия 80% времени для вас.

1) Создаем новый документ, размером 4 * 4 px, после чего рисуем следующие квадраты:

 width=

Нарисовав, сохраняем: Edit-Define Pattern:

 width=

 width=

 width=

3) Новый слой, открываем направляющие и выставляем их по центру, рисуем круг, необходимого Вам размера:

 width=

заливаем линейным cooper градиентом

 width=

 width=

после чего жмем Ctrl+U, и используем следующие настройки: Hue 205, Saturation 4, Lightness +6:

 width=

в итоге получаем:

 width=

4) На этом же слое с помощью рисуем, что- то, типа этого, не забыв потом удалить выделение:

 width=

К слою применяем следующие настройки:

 width=

5) Выделяем имеющийся круг, увеличиваем его размер, примерно на 3 px, создаем новый слой, и заливаем черным цветом, после чего, Ctrl+клик мышки на старом кругу + Del, далее Filtr-Blur-Gaussion Blur со значением 2, имеем:

 width=
 width=

 width=
 width=

7) Новый слой, рисуем круг , заливаем линейным cooper , после чего жмем Ctrl+U, и используем следующие настройки: Hue 205, Saturation 4, Lightness +6, выставляем также обводку в 1 px, церным цветом,в итоге получаем:

 width=
 width=

8) Рисуем разметку спидометра: можно в ручную. При этом, чтобы правильно распределить деления, в центре нужно нарисовать shape tool'ом звезду с нужным количеством лучей.

 width=
 width=

9) Теперь пишем, циферблат:

 width=

10) Напишем, что-нибуть в информационном окне:

 width=

11) Нарисуем в середине спидометра, подложку, расписывать не буду, приведу сразу картинки:

Спидометр для автомобилей Создание спидометра для автомобилей, который считает пройденный путь Оценка: *
*
*
*
*
1 Голосов

Пользователь офлайн

thewax


В основном, после освоения азов систем регистраций, перед новичком(который только-только начинает писать СВОИ моды), стоит задача сделать функциональный, рабочий спидометр. Чаще всего возникает вопрос "как же сделать его"? Так вот, я заметил, большинство тем содержат в себе либо текстдравы(рисунок) либо функцию, но я почти не замечал где же обучение, за что отвечает та или иная строчка. Естественно расписывать очень подробно, всегда не легко, в любом случае я постараюсь уместить всю полезную информацию в один урок.

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

Изображение

Нарисовав спидометр, нам необходимо создать текстдравы, я выбрал весьма простой дизай для своего спидометра:

Приступим же к скриптовому исполнению задуманного!

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

Переменные созданы, теперь создадим функции для создания самих текстдравов!

в OnGameModeInit закинем:


Теперь нам надо сделать так, чтобы игрок который сел в машину на место водителя, видел спидометр
За изменение позиции игрока относительно штата, отвечает паблик OnPlayerStateChange, закинем код туда:

Пользователь офлайн

thewax


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

Теперь создадим переменную для таймера, а также паблик самого таймера!


Теперь сделаем заводку двигателя:

Вот и все! Наш спидометр готов!

Если возникнут проблемы и вопросы, обращайтесь, помогу!

Чуть не забыл, функция проверки на автомобиль и функция вычисления скорости

Пользователь офлайн

SwipoStyle


Спидометр красивый! Расписан неплохо.

Возьму для DM Engine :)

Ещё можно провести оптимизацию.
noeng сделать на switch

Пользователь офлайн

CL1FF


Очень хороший спидометр, простой, без разных наворотов. Мне очень понравилось.

P.S Но себе ставить не буду , я свой сделал :)

Пользователь офлайн

Romzes


Пользователь офлайн

thewax


SwipoStyle (13 декабря 2013 - 15:18) писал:

Спидометр красивый! Расписан неплохо.

Возьму для DM Engine :)

Ещё можно провести оптимизацию.
noeng сделать на switch

Оптимизированный вариант stock noeng

Пользователь офлайн

killer02

можно сказать я первый раз работаю с фотошопом ничего не получается . лазил по соответсвующим форумам, чтобы наприсовать спидометр . проблема в том как располагать шкалы на 30 60 120 градусов делал с помощью ctrl+t сдвиг делается, но расположить их правильно на круге является проблемой . что как делать ?
спасибо .

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

1. Создаете линию.
2. Маскируете её центральную часть, что бы получилось 2 деления с противоположных концов.
3. Дублируете слой с линией.
4. Поворачиваете его на нужный вам угол (в примере поворот на 30 градусов) .
5. Повторяете пункты 3 и 4 до тех пор, пока не получится "цеферблат.
6. Маскируете нижнюю часть окружности и получаете полукркг с засечками.
7. Немного импровизации и получается промежуточная шкала на -15 градусов.



Ну и цифры можно поставить еще.

Вариант выше хорош. Но есть еще.
1. Рисуем засечку.
2. Включаем режим трансформации Ctrl+T, смещаем центр трансформации в будущий центр окружности, в панели трансформации вводим цифровое значение угла поворота. Ок.
3. Ctrl+J (Копия слоя)
4. Ctrl+Shift+T (повторение трансформации)
5. повтор пп. 3-4 по нужному кол-ву раз (можно их быстренько записать в макрос)

Рисуешь часть шкалы, дублируешь и поворачиваешь на определенные углы (поворот будет активен при выделении, т. е активировав ctrr+T),в ctrl+T также есть отражение, удачи. Углы 45,90 + прибавляешь те же значения, т. е +45 умноженное на . 135, удачи!


если задача не самому нарисовать спидометр, а разжиться его хорошей редактируемой картинкой, то скачать ее можно на allday, вот здесь.
дубликат ссылки, пробелы убираем - [ссылка заблокирована по решению администрации проекта] . ru/index.php?newsid=444179
там набор: компас, часы и спидометр, плюс еще мелочь какая-то с циферблатами

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

1) Создаем новый документ, размером 4 * 4 px, после чего рисуем следующие квадраты:

 width=

Нарисовав, сохраняем: Edit-Define Pattern:

 width=

 width=

 width=

3) Новый слой, открываем направляющие и выставляем их по центру, рисуем круг, необходимого Вам размера:

 width=

заливаем линейным cooper градиентом

 width=

 width=

после чего жмем Ctrl+U, и используем следующие настройки: Hue 205, Saturation 4, Lightness +6:

 width=

в итоге получаем:

 width=

4) На этом же слое с помощью рисуем, что- то, типа этого, не забыв потом удалить выделение:

 width=

К слою применяем следующие настройки:

 width=

5) Выделяем имеющийся круг, увеличиваем его размер, примерно на 3 px, создаем новый слой, и заливаем черным цветом, после чего, Ctrl+клик мышки на старом кругу + Del, далее Filtr-Blur-Gaussion Blur со значением 2, имеем:

 width=
 width=

 width=
 width=

7) Новый слой, рисуем круг , заливаем линейным cooper , после чего жмем Ctrl+U, и используем следующие настройки: Hue 205, Saturation 4, Lightness +6, выставляем также обводку в 1 px, церным цветом,в итоге получаем:

 width=
 width=

8) Рисуем разметку спидометра: можно в ручную. При этом, чтобы правильно распределить деления, в центре нужно нарисовать shape tool'ом звезду с нужным количеством лучей.

 width=
 width=

9) Теперь пишем, циферблат:

 width=

10) Напишем, что-нибуть в информационном окне:

 width=

11) Нарисуем в середине спидометра, подложку, расписывать не буду, приведу сразу картинки:

Читайте также: