Рисуем спидометр используя Фотошоп. Стрелка спидометра картинка


Обои на которых есть "спидометр" для Android, iPhone и компьютера.

Обои на которых есть спидометр

спидометр скорость стрелка спидометр скорость стрелка

1920 x 1440, 246 кБ

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

1680 x 1050, 144 кБ

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

1920 x 1277, 206 кБ

увеличить сохранить спидометр фон рисунки человечки спидометр фон рисунки человечки

1680 x 1050, 48 кБ

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

1920 x 1440, 493 кБ

увеличить сохранить спидометр автомобиль скорость сочные цвета размытие
спидометр автомобиль скорость сочные цвета размытие

1920 x 1440, 244 кБ

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

1920 x 1080, 56 кБ

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

1680 x 1050, 162 кБ

увеличить
сохранить спидометр тахометр спидометр тахометр

1920 x 1200, 238 кБ

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

1920 x 1440, 193 кБ

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

1680 x 1050, 127 кБ

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

1920 x 1200, 201 кБ

увеличить сохранить открыть корзину очистить корзину

w-dog.ru

Рисуем спидометр используя Фотошоп

В этом уроке мы разберем, как можно нарисовать спидометр используя Фотошоп.Внимание: Сложный урок.ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.

Финальный результат

Изображение 2. Рисуем спидометр используя Фотошоп

Приступаем к уроку Фотошопа

Создаем документ.

Создаем новый документ (Ctrl+N) размером 800х600 пикселей, цвета фона любой. Задаем рабочий цвет #353535, фоновый цвет #161616, выбираем инструмент Gradient Tool Инструмент - Градиент (Инструмент Градиент / Клавиша 'G'), на панели настроек отмечаем «радиальный градиент».

Изображение 4. Рисуем спидометр используя Фотошоп

Протягиваем градиент из центра к краю документа.

Должно получиться примерно следующее: ↓

Изображение 5. Рисуем спидометр используя Фотошоп
Рисуем шкалу спидометра.

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

Выбираем инструмент Ellipse Tool Инструмент - Овальная форма (Инструмент Овальная форма / Клавиша 'U'), на панели настроек отмечаем Paths (Контур).

Изображение 7. Рисуем спидометр используя Фотошоп

Посередине нашего документа создаем контур в виде круга.

Подсказка: ↓

Удерживайте клавишу Shift, когда рисуете круг, это поможет создать именно ровный, правильный круг, а не эллипс.

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

Изображение 8. Рисуем спидометр используя Фотошоп

Итак, круг мы нарисовали, теперь выберем инструмент Horizontal Type Tool Инструмент - Горизонтальный текст (Инструмент 'Горизонтальный текст' / Клавиша 'T'). Подвигайте курсором над вашим кругом, и вы заметите, что курсор меняет свой внешний вид и становится похож на ряд точек, расположенных по кривой. Когда курсор примет такой вид, кликаем левой клавишей мыши и начинаем печатать. Текст будет размещен вдоль контура.

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

Изображение 10. Рисуем спидометр используя Фотошоп

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

Изображение 11. Рисуем спидометр используя Фотошоп

Когда все линии готовы, выделяем последнюю группу линий и перекрашиваем их в красный цвет.

Изображение 12. Рисуем спидометр используя Фотошоп

Используя уже знакомую нам технику, создаем еще один круглый контур чуть меньшего диаметра, расположенный внутри первого и с помощью инструмента Horizontal Type Tool Инструмент - Горизонтальный текст (Инструмент 'Горизонтальный текст' / Клавиша 'T') размещаем по контуру точки.

(прим.: для удобства можно перейти на вкладку Paths (Контуры), выбрать в меню Edit > Transform path > Scale (Редактирование > Трансформирование контура > Масштабирование) и изменить размер круга, задав, например, 95%).

Изображение 14. Рисуем спидометр используя Фотошоп

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

Изображение 15. Рисуем спидометр используя Фотошоп
Рисуем внутренний круг спидометра.

Выбираем инструмент Ellipse Tool Инструмент - Овальная форма (Инструмент Овальная форма / Клавиша 'U') и на новом слое, расположенном под слоем со шкалой, рисуем круг. Он должен быть чуть больше, чем наша шкала с делениями.

Изображение 17. Рисуем спидометр используя Фотошоп

Далее, применяем к получившемуся кругу следующие эффекты слоя (Blending Options (Параметры наложения)): ↓

Inner Shadow (Внутренняя тень): ↓

Изображение 18. Рисуем спидометр используя Фотошоп

Gradient Overlay (Наложение градиента): ↓

Изображение 19. Рисуем спидометр используя Фотошоп

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

Изображение 20. Рисуем спидометр используя Фотошоп

Вот что у нас должно получиться: ↓

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

Снова воспользуемся инструментом Ellipse Tool Инструмент - Овальная форма (Инструмент Овальная форма / Клавиша 'U') и нарисуем еще один круг, опять немного больше предыдущего. Слой с новым кругом должен находиться под предыдущим слоем.

Изображение 23. Рисуем спидометр используя Фотошоп

Применяем к этому слою следующие эффекты слоя (Blending Options (Параметры наложения)): ↓

Drop Shadow (Тень): ↓

Изображение 24. Рисуем спидометр используя Фотошоп

Bevel and Emboss (Тиснение и рельеф): ↓

Изображение 25. Рисуем спидометр используя Фотошоп

Contour (Контур): ↓

Изображение 26. Рисуем спидометр используя Фотошоп

Satin (Глянец): ↓

Изображение 27. Рисуем спидометр используя Фотошоп

Color Overlay (Наложение цвета): ↓

Изображение 28. Рисуем спидометр используя Фотошоп

Stroke (Обводка): ↓

Изображение 29. Рисуем спидометр используя Фотошоп

Должно получиться что-то вроде этого: ↓

Изображение 30. Рисуем спидометр используя Фотошоп
Переходим к созданию стрелки спидометра. Начнем с ее основания.

С помощью инструмента Ellipse Tool Инструмент - Овальная форма (Инструмент Овальная форма / Клавиша 'U') рисуем маленький круг в центре нашего спидометра.

Изображение 32. Рисуем спидометр используя Фотошоп

Применяем к данному слою следующие стили слоя (Blending Options (Параметры наложения)): ↓

Drop Shadow (Тень): ↓

Изображение 33. Рисуем спидометр используя Фотошоп

Bevel and Emboss (Тиснение и рельеф): ↓

Изображение 34. Рисуем спидометр используя Фотошоп

Gradient Overlay (Наложение градиента): ↓

Изображение 35. Рисуем спидометр используя Фотошоп

Вот что должно получиться: ↓

Изображение 36. Рисуем спидометр используя Фотошоп

Снова выбираем инструмент Ellipse Tool Инструмент - Овальная форма (Инструмент Овальная форма / Клавиша 'U') и рисуем маленький круг белого цвета (#ffffff) внутри предыдущего круга. Устанавливаем непрозрачность 5%.

Изображение 38. Рисуем спидометр используя Фотошоп
Рисуем стрелку спидометра.

С помощью инструмента Ellipse Tool Инструмент - Овальная форма (Инструмент Овальная форма / Клавиша 'U') рисуем маленький кружок внутри круга, созданного в предыдущем шаге.

Изображение 40. Рисуем спидометр используя Фотошоп

Потом выбираем инструмент Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша 'P'), на панели настроек кликаем по иконкам Paths (Контуры) и Add to Shape Area («Добавить к области фигуры»).

Изображение 42. Рисуем спидометр используя Фотошоп

Немного увеличим наш рисунок, на панели Layers (Слоев) кликаем по маске слоя и рисуем стрелку, начиная ее с одной стороны круга и завершая на другой.

Изображение 43. Рисуем спидометр используя Фотошоп

После этого применяем к этому слою следующие эффекты (Blending Options (Параметры наложения)): ↓

Drop Shadow (Тень): ↓

Изображение 44. Рисуем спидометр используя Фотошоп

Inner Shadow (Внутренняя тень): ↓

Изображение 45. Рисуем спидометр используя Фотошоп

Outer Glow (Внешнее свечение): ↓

Изображение 46. Рисуем спидометр используя Фотошоп

Gradient Overlay (Наложение градиента): ↓

Изображение 47. Рисуем спидометр используя Фотошоп

Мы должны получить примерно вот что: ↓

Изображение 48. Рисуем спидометр используя Фотошоп
Оживим наш рисунок, добавив блики.

И напоследок, я покажу вам, как добавить блики. Выберем инструмент Polygonal Lasso Tool Инструмент - Многоугольное лассо (Инструмент Многоугольное лассо / Клавиша 'L') и сделаем выделение, показанное на изображении ниже: ↓

Изображение 50. Рисуем спидометр используя Фотошоп

Залейте выделение белым цветом (#ffffff) (предварительно неплохо бы создать новый слой), потом загрузите выделение внутреннего круга спидометра.

Подсказка: ↓

Для того, чтобы быстро загрузить выделение объекта, просто кликните по его иконке на панели Layers (Слоев), удерживая клавишу Ctrl. Другой способ – выбрать в меню Select > Load Selection (Выделение > Загрузить выделенную область).

Изображение 51. Рисуем спидометр используя Фотошоп

Теперь идем в меню Select > Inverse (Выделение > Инверсия выделения / Сочетание клавиш 'Ctrl+Shift+I'), и удаляем лишнее, нажав клавишу Del. У нас должна остаться часть белой фигуры, ограниченная кругом спидометра.

Изображение 52. Рисуем спидометр используя Фотошоп

Снова выбираем инструмент Polygonal Lasso Tool Инструмент - Многоугольное лассо (Инструмент Многоугольное лассо / Клавиша 'L') и создаем выделение посреди белой фигуры. Удаляем это выделение, нажав Del.

Изображение 54. Рисуем спидометр используя Фотошоп

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

Изображение 55. Рисуем спидометр используя Фотошоп

Теперь мы нарисуем большой блик на ободке нашего спидометра. Воспользуемся инструментом Elliptical Marquee Tools Инструмент - Овальная область выделения (Инструмент 'Овальная область выделения' / Клавиша 'M') и создадим эллипс на внешнем круге спидометра слева вверху. Зальем выделение белым цветом (#ffffff).

Изображение 57. Рисуем спидометр используя Фотошоп

Выберем в меню Edit > Transform > Warp (Правка > Трансформация > Деформация), в выпадающем меню выберем Arc (Дугой).

Изображение 58. Рисуем спидометр используя Фотошоп

Переместим опорную точку так, чтобы получить выгнутую фигуру, затем с помощью команды Free Transform (Свободная трансформация / Ctrl+T) повернем ее так, чтобы он соответствовал изгибу внешнего круга.

Изображение 59. Рисуем спидометр используя Фотошоп

Размоем полученную фигуру, выбрав в меню Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) и указав радиус 3-4 пикселя. Установим непрозрачность слоя примерно 70%.

Изображение 60. Рисуем спидометр используя Фотошоп
Заключение.

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

Финальный результат

Изображение 2. Рисуем спидометр используя Фотошоп

Урок подготовлен для Вас командой сайта PhotoshopPro.ru

photoshoppro.ru

Делаем спидометр со светящийся стрелкой.

Итак, в наличии мастерская, Интернет с этим сайтом, вперед! Все размеры указаны примерно, чертежей не делал. Сделаем сначала шкалу (как сделать описывалось здесь) со всеми необходимыми отверстиями. Среднее отверстие диаметром примерно 14 мм. Рекомендую иглой от медицинского шприца пробить отверстия на краях делений как видно на рисунке, ночью яркие точки информативнее, да и красивей. Ламинируем. После ламинирования вырезаем отверстия: среднее и под болтики. Чтобы не было засветки из-под стрелки, рекомендую вставить пластмассовое колечко в среднее отверстие, чтобы выступало на 1-1.5 мм.

Смотрим, что получилось: 

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

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

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

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

Делаем спидометр со светящийся стрелкой. Подключаем и собираем:  Делаем спидометр со светящийся стрелкой. Стрелку можно конечно найти готовую, но мы изготовим сами. Нужен конденсатор советского производства  Делаем спидометр со светящийся стрелкой. Диаметр кондера нужен примерно 15-18 мм. Отпиливаем макушку, отступив от края примерно 7 мм, сбоку проделываем квадратное отверстие под стрелку, ровно посередине припаиваем кусочек от медицинской иглы. Игла должна туго насаживаться на иглу спидометра. Из красного оргстекла выпиливаем стрелку, сверху плоскую, снизу сточена к краю, как видно на рисунке. Полируем. Торец стрелки тоже полируется. Снизу стрелка красится в белый цвет. Вставляем, клеим эпоксидкой.  Делаем спидометр со светящийся стрелкой. Если все получилась удачно :) то корпус кондера красим в черный цвет.

Вот что у меня получилось: 

Делаем спидометр со светящийся стрелкой. Собираем. Естественно, ничто нигде не должно цепляться. Стрелка должна ходить свободно, не упираться в стекло. Вот все собрано:  Делаем спидометр со светящийся стрелкой. Делаем спидометр со светящийся стрелкой. Коротко о приборке. Напряжение показывает ТХ-какойтотамприбор, купленный в магазине за 300 р. На форуме о нем говорили. Он также показывает время, он же тахометр, что там еще… Кнопки управления на панели, две блестящие круглые. Ручка обнуления спидометра от совковского магнитофона. Приклеена эпоксидкой. Место под прикуриватель сделано из лотка под деньги." 

moto032.blogspot.com