• Новые сообщения · Участники · Правила форума · Поиск · RSS
    • Страница 1 из 1
    • 1
    Модератор форума: STALKER  
    Форум » Adobe Photoshop » Уроки фотошопа » Рисуем спидометр
    Рисуем спидометр
    STALKERДата: Среда, 02.05.2012, 10:51 | Сообщение # 1
    Генералиссимус
    Группа: Администраторы
    Сообщений: 139
    Статус: :-(
    В этом уроке мы разберем, как легко и быстро можно нарисовать спидометр. Вы узнаете, что такое текст по контуру, как использовать инструмент Pen, как работать со слоями-фигурами, и многое другое. Итак, начнем.

    Вот что мы будем делать:



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



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



    Рисуем шкалу спидометра

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



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



    Итак, круг мы нарисовали, теперь выберем инструмент Type (T). Подвигайте курсором над вашим кругом, и вы заметите, что курсор меняет свой внешний вид и становится похож на ряд точек, расположенных по кривой. Когда курсор примет такой вид, кликаем левой клавишей мыши и начинаем печатать. Текст будет размещен вдоль контура.
    Выбираем шрифт Verdana, размер 12 пикселей, и добавляем несколько вертикальных линий, используя соответствующий символ на клавиатуре.



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



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



    Используя уже знакомую нам технику, создаем еще один круглый контур чуть меньшего диаметра, расположенный внутри первого и с помощью инструмента Type размещаем по контуру точки.
    (прим.: для удобства можно перейти на вкладку Paths, выбрать в меню Edit>Transform path>Scale и изменить размер круга, задав, например, 95%).



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



     
    Форум » Adobe Photoshop » Уроки фотошопа » Рисуем спидометр
    • Страница 1 из 1
    • 1
    Поиск: