GIMP: Створіть вимірювач пульсу з нуля

Ця стаття була взята (і змінена) на основі її першоджерело, блог Хюга_Неджі а пізніше відтворено в КУШКА.

Привіт тим, хто знаходить трохи часу, щоб прочитати нас, про що ми вчора говорили пропускна здатність монітора і ми створюємо (як завжди) найкраще зображення із вмістом, створеним нами. Через зображення хтось звернувся до нас по електронній пошті і попросив нас показати йому, як створити те, що може бути імпульсним вимірювачем, це видалося чудовою ідеєю, тому сьогодні ми покажемо, як створити його за допомогою вільного програмного забезпечення, а точніше: GIMP.

Ідея створення імпульсного вимірювача скоріше прийшла до нас, щоб спробувати відобразити, що ми збираємося виміряти щось цифровим способом, тому в основному ми вибрали форму і «створили» передбачуваний лічильник з неї. Кроки для досягнення чогось подібного ми залишаємо нижче

Створення базової фігури за допомогою GIMP

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

Тож переходимо до меню Архів » Нуево- або якщо нам подобаються комбінації клавіш, просто використовуйте CTRL + N. Ми вибираємо розмір, який вони хочуть, але, щоб показати їх, ми використаємо 640 × 400 пікселів, який не є ні великим, ні малим.

Ми вибираємо потрібний колір, натискаючи на кольорове поле та вибираючи бажаний, а потім перетягуючи колір із поля у вікно зображення. Після цього ми створюємо новий шар із прозорістю (робота зі шарами рекомендується для прискорення можливого процесу корекції без втрати всієї роботи). Щоб створити новий шар, ми натискаємо на вбудований шар, в якому він має знак додавання, або натискаємо SHIFT + CTRL + N щоб ми отримали щось подібне:

Шари GIMP

У нас вже є новий прозорий шар і, працюючи над ним, ми створюємо базову форму, яка допоможе нам зібрати лічильник. Найближче до цього обладнання, яке ми знаємо, це електронне обладнання, яке має екран круглої форми, тому ми беремо еліптичний інструмент виборуE) і ми створюємо в прозорому шарі коло, яке ми заповнюємо будь-яким кольором, щоб мати базову форму для роботи.

Форма GIMP

Форма GIMP

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

Створення командного корпусу

Ми знову створюємо новий шар, але цього разу нам не потрібно створювати окружність, але ми будемо використовувати основну форму, і з цього ми створимо те, що було б корпусом або краєм обладнання. Для цього ми клацаємо правою кнопкою миші на шар з основною формою і шукаємо у спливаючому меню опцію “Альфа для виділення”.

Вибравши основну форму, ми повертаємось до нового шару, який ми створили, але перед тим, як заповнити його кольором, ми переходимо до меню вибрати і ми використовуємо опцію стискатися o Зменшити зі значенням 1 піксель. Ми вибираємо колір, який хочемо для нового шару, і заливаємо.

Поки що у нас є основна форма в темному кольорі і ще один шар з тілом команди в іншому кольорі (бажано в контрастному кольорі з фоном). Ми знаходимося в шарі основної форми і збираємось Фільтр » Розмиття » Gaussian Blur зі значенням 5 пікселів, і ми вже маємо ефект тіні, результат повинен бути більш-менш таким:

Форма GIMP

Створення внутрішньої частини команди

Настала черга створити інтер’єр обладнання, що насправді є найбільш копітким, оскільки ми будемо використовувати шарові маски, схеми заливки та оптичний фокус, щоб створити враження об’єму та імітувати класичну акрилову обкладинку.

Для створення інтер'єру ми створюємо новий шар і повертаємося з тією ж операцією Альфа до вибору тільки зараз ми використовуємо командний шар краю. Повертаємось до нового шару і в меню вибрати » Зменшити Ми використовуємо розмір близько 5 пікселів, а потім шукаємо колір, який будемо використовувати для фону екрану комп’ютера.

Ми заповнюємо кольором і продовжуємо створювати такий масштаб обладнання, який "мовою GIMP" не виходить за рамки сітки. Ми створюємо новий шар і будемо Фільтрос » Рендеринг » Patrón » Стійка Ми вибираємо колір (бажано зелений), який контрастує з фоном обладнання, і застосовуємо ефект.

Сітка GIMP

Ми створюємо заливку як сітку, але вона охоплює весь шар, тому нам доводиться її вирізати так, щоб вона була лише на внутрішній стороні екрана комп’ютера.

Щоб вирізати сітку, ми повертаємося з Альфа до вибору використовуючи в якості основи шар фону обладнання (той, який ми поклали зеленим кольором), а потім ми збираємось вибрати » Інвертувати виділення або якщо ми натискаємо CTRL + I як тільки це буде зроблено, ми натискаємо клавішу DELETE і вуаля ... сітка відповідає нашому передбачуваному екрану.

Сітка GIMP

Для поліпшення адаптації ми змінюємо режим шару сітки з нормальний a доблесть і ми знизили непрозорість до 40%, щоб видалити трохи «сили».

Сітка GIMP

Екран нашої команди

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

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

Шлях GIMP

Одного разу форму, яку ми хочемо надати Маршрут тоді ми продовжуємо використовувати опції інструменту для створення рядка по всьому визначеному нами шляху

Шлях GIMP

Що може бути приблизно таким:

Шлях GIMP

Після накреслення маршруту ми продублюємо шар лінії (який ми бажано використовуємо з кольором, який виділяється на нашому екрані) до шару нижче, який робимо Фільтр » Розмиття » Gaussian Blur і ми переходимо до роботи над лінійним шаром вище.

Щоб надати імпульсу непрозорий ефект, ми створюємо маску шару (клацніть правою кнопкою миші на шарі » Додайте маску шару), і ми вибираємо значення кольору за замовчуванням (D). Це поставить білий квадрат біля нашого шару.

Пізніше ми змінимо кольори переднього плану (білий) та тла (чорний), клацніть правою кнопкою миші на новий шар та виберіть Показати маску шару. Це залишить нас усіх порожніми, але не хвилюйтеся. Ми вибираємо Інструмент "Градієнт" (ми повинні мати можливість Білінейний градієнт), і ми проводимо лінію і застосовуємо її від центру шару горизонтально поза шаром.

Градієнт GIMP

Ми знімаємо прапорець Показати маску шару. Якщо ми подивимося на діалогове вікно шарів, ми побачимо приблизно таке:

Шари GIMP

Роблячи це, ми бачимо, що наш верхній рядок з’являється знову, і результат є цілком гарним.

Шлях GIMP

Зверніть увагу, що тепер краї лінії мають своєрідний градієнт, ніби вона тьмяніє. Звичайно, це може бути набагато краще.

Акрилова кришка набору

Як ми вже згадували на початку, ми створимо ілюзію, що він має прозорий акриловий шар, який надає команді поняття об’єму, тому нам знадобиться шар блиску для імітації акрилу, а також відповідної внутрішньої тіні.

Для досягнення внутрішньої тіні ми створюємо новий шар і робимо крок Альфа до вибору використовуючи шар внизу екрана, ми повертаємося до нового шару і стискаємо (Виберіть »Зменшити) зі значенням 1 піксель.

Після зменшення виділення ми заповнюємо його чорним кольором. Пізніше, на тому самому шарі чорного кольору, ми робимо крок Альфа до вибору і ми повертаємося до Select »Зменшити на цей раз зі значенням 2 пікселі. Ви побачите, що у нас залишилось чорне коло, ми застосовуємо a Фільтр » Розмиття » Gaussian Blur зі значенням 5, з яким ми отримуємо щось подібне:

GIMP Edge

Настала черга створити акрилову кришку, для якої ми створюємо новий шар і робимо той самий крок Альфа до виділення використання фонового шару екрану як основи.

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

Кришталь GIMP

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

Кришталь GIMP

Поки що наш скромний підручник, ми сподіваємось, ви захопитесь і спробуєте це зробити.