GIMP: crea un medidor de pulso desde cero

Ola a aqueles que se toman o tempo para lernos, onte falamos controlar o ancho de banda e creamos (coma sempre) unha imaxe destacada con contido creado por nós. Debido á imaxe alguén se achegou a nós por correo electrónico e nos pediu que lle amosásemos como crear o que podería ser un medidor de pulso, pareceume unha boa idea polo que hoxe amosaremos como crealo usando software libre e máis concretamente: GIMP.

A idea de crear un medidor de pulso xurdiu máis ben para tratar de reflectir que iamos medir algo dixitalmente, polo que basicamente eliximos unha forma e "creamos" o suposto medidor a partir dela. Os pasos para conseguir algo así deixámolos a continuación

Creando a forma básica con GIMP

O primeiro paso despois de abrir o Programa de manipulación de imaxes GNU (GIMP polas súas siglas en inglés) consiste en crear unha nova imaxe.

Entón, imos ao menú Arquivo » novo ou se, coma nós, che gustan as combinacións de teclas, só tes que empregalo CTRL + N. Escollemos o tamaño que desexan, pero para amosalos usaremos 640 × 400 píxeles que non son grandes nin pequenos.

Escollemos a cor que queremos facendo clic na caixa de cores e seleccionando a que prefiramos e arrastrando a cor desde a caixa á xanela da imaxe. Unha vez feito isto, creamos unha nova capa con transparencia (recoméndase traballar con capas para acelerar o posible proceso de corrección sen perder todo o traballo). Para crear unha nova capa facemos clic na capa incrustada na que ten un signo de engadido ou prememos Tecla SHIFT + CTRL + N para que obteñamos algo así:

Xa temos a nova capa transparente e traballando nela creamos a forma básica que nos axudará a montar o medidor. O máis parecido a ese equipo que sabemos é o equipo electrónico que ten a pantalla de forma circular polo que tomamos a ferramenta de selección elíptica (E) e crea un círculo na capa transparente que encheremos de calquera cor para ter unha forma básica coa que traballar.

Crear o corpo do equipo

Volvemos crear unha nova capa pero esta vez non temos que crear unha circunferencia, pero usaremos a forma básica e a partir diso crearemos o que sería o corpo ou o bordo do equipo. Para facelo, facemos clic co botón dereito sobre a capa coa forma básica e buscamos no menú emerxente a opción "Alfa a selección".

Unha vez seleccionada a forma básica volvemos á nova capa que creamos pero antes de enchela de cor imos ao menú Seleccione e usamos a opción de Shrink o Encollemento cun valor de 1 píxel. Escollemos a cor que desexamos para a nova capa e enchemos.

Ata agora temos a forma básica nunha cor escura e outra capa co corpo do equipo noutra cor (preferiblemente nunha cor contrastada co fondo). Estamos situados na capa da forma básica e imos a filtro » Desenfocar » Desenfoque gaussiano cun valor de 5 píxeles e xa temos o efecto de sombra, o resultado debería ser máis ou menos este:

Creando o interior do equipo

É hora de crear o interior do equipo, que é realmente o máis laborioso porque usaremos máscaras de capa, patróns de recheo e un truco óptico para dar unha impresión de volume e simular a clásica tapa de acrílico.

Para crear o interior creamos unha nova capa e volvemos coa mesma operación de Alfa á selección só agora usamos a capa de bordo do equipo. Volvemos á nova capa e no menú Seleccione » Encollemento Usamos un tamaño duns 5 píxeles e despois buscamos a cor que usaremos para o fondo da pantalla do ordenador.

Enchemos a cor e imos creando a que sería a escala do equipo que en "linguaxe GIMP" non vai máis alá dunha cuadrícula. Creamos unha nova capa e farémolo Filtros » Representación » Patrón » Estante Escollemos unha cor (preferentemente verde) que contraste co fondo do equipo e aplicamos o efecto.

Un recheo créase como unha reixa pero que cobre toda a capa polo que temos que cortala para que quede só no interior da pantalla do ordenador.

Para cortar a reixa volvemos co Alfa á selección empregando como base a capa do fondo do equipo (a que poñemos en verde) e despois farémola Seleccione » Inverte a selección ou se prememos CTRL + I unha vez feito isto prememos a tecla borrar e voilá ... a cuadrícula axústase á nosa suposta pantalla.

Para mellorar a adaptación cambiamos o modo de capa da grade normal a bravura e baixamos a opacidade ao 40% para eliminar un pouco de "forza".

A pantalla do noso equipo

No noso suposto equipo mediremos os pulsos simulando as películas onde mostran a posición dos pacientes por medio dunha liña, polo que crearemos a nosa liña de medición co seu efecto correspondente. Para crear unha liña usaremos a ferramenta Rutas e logo crearemos a liña a partir do camiño que creamos.

Primeiro escollemos a cor que queremos para a Ruta. Escollemos a ferramenta Ruta e trazamos a forma que lle queremos dar.

Unha vez que a forma queremos darlle a Ruta entón pasamos a usar as opcións da ferramenta para crear unha liña a través de todo o camiño que definimos

Que sería máis ou menos así:

Unha vez trazada a ruta, duplicamos a capa da liña (que preferiblemente empregamos cunha cor que destaca na nosa pantalla) á capa de abaixo facemos un filtro » Desenfocar » Desenfoque gaussiano e seguimos traballando na capa de liña superior.

Para dar un efecto opaco ao Pulse creamos unha máscara de capa (faga clic co botón dereito sobre a capa » Engade máscara de capa) e escolla os valores de cor predeterminados (D). Isto poñerá unha caixa branca xunto á nosa capa.

Máis tarde cambiamos as cores Primeiro plano (Branco) e Fondo (Negro), facemos clic co botón dereito sobre a nova capa e seleccionamos Mostrar a máscara de capa. Isto deixaranos a todos en branco pero non te preocupes. Escollemos o Ferramenta de degradado (debemos ter a opción de Gradiente bilineal) e trazamos unha liña e aplicámola desde o centro da capa horizontalmente fóra da capa.

Desmarcamos a opción Mostrar a máscara de capa. Se observamos o diálogo de capas veremos algo así:

Ao facelo, vemos que a nosa liña superior volve aparecer e o resultado é bastante bo.

Teña en conta que agora os bordos da liña teñen unha especie de gradiente, coma se estivese a desaparecer. Isto, por suposto, pode ser moito mellor.

A tapa de acrílico do kit

Como mencionamos ao principio, crearemos a ilusión de que ten unha capa de acrílico transparente, que lle dá a noción de volume ao equipo, polo que necesitaremos unha capa de brillo para simular o acrílico así como a súa respectiva sombra interior.

Para acadar a sombra interna creamos unha nova capa e damos o paso de Alfa á selección usando a capa na parte inferior da pantalla, volvemos á nova capa e reducimos (Seleccionar »Reducir) co valor de 1 píxel.

Unha vez reducida a selección, enchémola de negro. Máis tarde, na mesma capa de cor negra, facemos o paso de Alfa á selección e volvemos a Seleccionar »Reducir esta vez cun valor de 2 píxeles. Verás que nos queda un círculo negro, aplicamos un filtro » Desenfocar » Desenfoque gaussiano co valor 5 co que obtemos algo así:

É hora de crear a tapa de acrílico para a que creamos unha nova capa e fagamos o mesmo paso Alfa á selección empregando a capa de fondo da pantalla como base.

Escollemos a ferramenta Degradado poñendo a cor branca encima do negro e nas opcións escollemos unha forma Lineal e un gradiente de Facendo fronte á transparencia, entón aplicámolo de arriba abaixo intentando ter unha forma o máis vertical posible:

Para dar un mellor aspecto, imos reducir o tamaño da capa de purpurina para facela máis pequena e facer que pareza unha esfera de acrílico, o que conclúe o noso tutorial co resultado completo:

Ata agora o noso modesto tutorial, esperamos que se emocione e intente facelo.