GIMP: создание счетчика импульсов с нуля

Эта статья была взята (и изменена) на основе ее первоисточник, блог Хьюга_Неджи и позже воспроизведен в ГУТЛ.

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

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

Создание базовой формы с помощью GIMP

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

Итак, заходим в меню архив » новый или, если нам нравятся комбинации клавиш, просто используйте CTRL + N. Мы выбираем размер, который им нужен, но чтобы показать им, мы будем использовать 640 × 400 пикселей, которые не являются ни большими, ни маленькими.

Мы выбираем желаемый цвет, щелкая поле цвета и выбирая один из наших предпочтений, а затем перетаскивая цвет из поля в окно изображения. Как только это будет сделано, мы создадим новый слой с прозрачностью (рекомендуется работать со слоями, чтобы ускорить возможный процесс коррекции без потери всей работы). Чтобы создать новый слой, мы нажимаем на встроенный слой, в котором он имеет знак добавления, или нажимаем SHIFT + CTRL + N так что у нас получится что-то вроде этого:

Слои GIMP

У нас уже есть новый прозрачный слой, и работая над ним, мы создаем базовую форму, которая будет служить нам для сборки измерителя. Наиболее близким к этому оборудованию, которое мы знаем, является электронное оборудование, его экран имеет круглую форму, поэтому мы берем инструмент эллиптического выделения (E), и мы создаем круг в прозрачном слое, который заполняем любым цветом, чтобы иметь базовую форму для работы.

Форма GIMP

Форма GIMP

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

Создание тела команды

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

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

Пока у нас есть основная форма темного цвета и еще один слой с телом команды другого цвета (желательно контрастирующего с фоном). Мы находимся в слое основной формы и собираемся Фильтр » Размытие » Размытие по Гауссу со значением 5 пикселей и у нас уже есть эффект тени, результат должен быть примерно таким:

Форма GIMP

Создание внутри команды

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

Чтобы создать интерьер, мы создаем новый слой и возвращаемся с той же операцией Альфа к выделению только теперь мы используем слой края команды. Возвращаемся на новый слой и в меню Выбирать » Сокращаться Мы используем размер около 5 пикселей, а затем ищем цвет, который мы будем использовать для фона экрана компьютера.

Заливаем цвет и переходим к созданию того, что было бы масштабом оборудования, которое на «языке GIMP» не выходит за пределы сетки. Создаем новый слой и будем фильтры » оказание » шаблон » гриль Выбираем цвет (желательно зеленый), контрастирующий с фоном оборудования, и применяем эффект.

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

Чтобы разрезать сетку, мы возвращаемся с Альфа к выделению используя в качестве основы слой фона оборудования (тот, который мы поместили в зеленый цвет), а затем мы собираемся Выбирать » Наоборот или если мы нажмем CTRL + I как только это будет сделано, мы нажимаем клавишу УДАЛИТЬ и вуаля ... сетка соответствует предполагаемому экрану.

GIMP Grid

Чтобы улучшить адаптацию, мы меняем режим слоев сетки с Обычный запуск a значение и мы снизили непрозрачность до 40%, чтобы убрать немного «силы».

GIMP Grid

Экран нашей команды

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

Сначала мы выбираем желаемый цвет для Маршрута. Выбираем инструмент Рута и мы обводим форму, которую хотим ей придать.

Путь GIMP

Как только форму мы хотим придать Рута затем мы переходим к использованию параметров инструмента для создания линии через весь путь, который мы определяем

Путь GIMP

Что было бы примерно так:

Путь GIMP

После того, как маршрут нарисован, мы дублируем слой линии (который мы желательно использовать с цветом, который выделяется на нашем экране) на слой ниже, мы делаем Фильтр » Размытие » Размытие по Гауссу и мы переходим к работе над слоем с линиями выше.

Чтобы придать эффект непрозрачности Pulse, мы создаем маску слоя (щелкните правой кнопкой мыши на слое » Добавить маску слоя) и выбираем значения цвета по умолчанию (D). Рядом с нашим слоем появится белый прямоугольник.

Позже мы изменим цвета переднего плана (белый) и фона (черный), щелкните правой кнопкой мыши новый слой и выберите Показать маску слоя. Это оставит нас пустыми, но не волнуйтесь. Мы выбираем Инструмент Градиент (у нас должна быть возможность Билинейный градиент) и мы рисуем линию и наносим ее из центра слоя по горизонтали за пределы слоя.

GIMP Градиент

Снимаем галочку с опции Показать маску слоя. Если мы посмотрим на диалог слоев, мы увидим что-то вроде этого:

Слои GIMP

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

Путь GIMP

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

Акриловая крышка комплекта

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

Чтобы добиться внутренней тени, мы создаем новый слой и выполняем шаг Альфа к выделению используя слой внизу экрана, мы возвращаемся к новому слою и сжимаем его (Select »Shrink) со значением 1 пиксель.

После того, как выделение уменьшилось, мы заливаем его черным. Позже на этом же слое черного цвета делаем шаг Альфа к выделению и возвращаемся к Select »Shrink на этот раз со значением 2 пикселя. Вы увидите, что у нас остался черный круг, мы применяем Фильтр » Размытие » Размытие по Гауссу со значением 5, с которым мы получаем что-то вроде этого:

GIMP Edge

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

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

GIMP Кристалл

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

GIMP Кристалл

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


Содержание статьи соответствует нашим принципам редакционная этика. Чтобы сообщить об ошибке, нажмите здесь.

21 комментариев, оставьте свой

Оставьте свой комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

*

*

  1. Ответственный за данные: Мигель Анхель Гатон
  2. Назначение данных: контроль спама, управление комментариями.
  3. Легитимация: ваше согласие
  4. Передача данных: данные не будут переданы третьим лицам, кроме как по закону.
  5. Хранение данных: база данных, размещенная в Occentus Networks (ЕС)
  6. Права: в любое время вы можете ограничить, восстановить и удалить свою информацию.

  1.   следовательно сказал

    Очень интересная статья. Когда смогу, сделаю. 🙂
    PS: Это называется электрокардиограмма.

    1.    Эндрю сказал

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

  2.   Ed сказал

    Моя мама * о *
    Какой хороший урок, он дает мне представление о многих других вещах 😀
    Спасибо, Элав !!!

  3.   Мастерсок сказал

    Очень хороший учебник ...
    Поздравляю

  4.   элиотайм3000 сказал

    Хорошее туто. Это во многом напоминает мне то, что я делал с этими значками в CorelDraw и Illustrator.

  5.   Хьюга_Неджи сказал

    Хорошо ... но хотя я мало комментирую (и трачу больше времени на GUTL), у меня также есть учетная запись здесь, в DesdeLinux. Я вижу, что вы следовали руководству, потому что в оригинале я не помещал интерфейс шаблонов сетки или что-то в этом роде, но по-вашему он выглядит намного лучше, потому что он более объяснен и может быть лучше понят.

    1.    Elav сказал

      Да, это правда, что у вас есть учетная запись здесь ^. ^

  6.   колбаса сказал

    очень хорошо

  7.   патодекс сказал

    С этим постом мне более чем ясно, что я могу обойтись без phtoshop ..

    спасибо ..

    1.    элиотайм3000 сказал

      Я до сих пор не оторвался от Illustrator или InDesign.

      1.    Elav сказал

        И никому нет дела до вашей проблемы 😛 Дрова и eliotime3000 несите на костер !!! XD

  8.   Эмануэль Акунья сказал

    Очень хороший учебник, определенно GIMP - отличный инструмент.

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

    Спасибо и привет…

    1.    Elav сказал

      KDE с кислородом .. то есть по умолчанию. Что происходит, так это то, что цвета меняются, и я выбираю схему под названием Chrome 😀

      1.    Эмануэль Акунья сказал

        Отлично, просто вопрос, как установить его в Ubuntu 14.04 с помощью Flashback Session, я уже установилxygen-gtk 2 и 3 в программном центре, но у меня нет оформления окон: - / только тема gtk, но не меняет кнопки заголовка .

        Привет.

        1.    Elav сказал

          Дело в том, что Oxygen из KDE. Есть темы для подражания, но они никогда не будут прежними .. 🙁

  9.   Тедель сказал

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

    1.    Данхантер сказал

      Точно, это не для того, чтобы принижать GIMP, но Inkscape - правильный инструмент для этого.

    2.    Хьюга_Неджи сказал

      Если честно…. в своей жизни я открывал inkscape, поэтому не знаю, проще это или нет. Верно масштабировать результат, но я понятия не имею, как это работает в векторной манере, поэтому я продолжаю придерживаться GIMP xD

    3.    Elav сказал

      Я бы сделал это в Inkscape, но пост на самом деле не мой. Кроме того, с помощью GIMP я узнал пару вещей, о которых не знал 😀

      1.    Хьюга_Неджи сказал

        Затем я хотел бы, чтобы кто-то сделал что-то подобное в inkscape, чтобы иметь возможность сравнить их, то есть вес, резкость и т. Д. Создания в inkscape и gimp ... берет что-то xD.

  10.   Лихер сказал

    Я должен попробовать, большое спасибо, очень хорошо 😀