GIMP: crea un medidor de pulso desde cero

Este artigo foi tomado (e modificado) en función do seu fonte orixinal, o blog de Hyuuga_Neji e despois replicado en GUTL.

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í:

Capas de GIMP

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.

Forma GIMP

Forma GIMP

Escollemos o negro porque despois o usaremos como sombra pero chegaremos alí, podes escoller a cor que queiras.

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:

Forma GIMP

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.

Reixa GIMP 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.

Reixa GIMP

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".

Reixa GIMP

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.

Camiño GIMP

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

Camiño GIMP

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

Camiño GIMP

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.

Gradiente de GIMP

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

Capas de GIMP

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

Camiño GIMP

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í:

GIMP Edge

É 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:

GIMP Crystal

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:

GIMP Crystal

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


O contido do artigo adhírese aos nosos principios de ética editorial. Para informar dun erro faga clic en aquí.

21 comentarios, deixa os teus

Deixa o teu comentario

Enderezo de correo electrónico non será publicado. Os campos obrigatorios están marcados con *

*

*

  1. Responsable dos datos: Miguel Ángel Gatón
  2. Finalidade dos datos: controlar SPAM, xestión de comentarios.
  3. Lexitimación: o seu consentimento
  4. Comunicación dos datos: os datos non serán comunicados a terceiros salvo obrigación legal.
  5. Almacenamento de datos: base de datos aloxada por Occentus Networks (UE)
  6. Dereitos: en calquera momento pode limitar, recuperar e eliminar a súa información.

  1.   polo tanto dixo

    Moi interesante artigo. Cando podo fareino. 🙂
    PD: chámase electrocardiograma.

    1.    Andrew dixo

      Sabía que se chaman osciloscopios.
      Os electrocardiogramas son unha aplicación do osciloscopio que se usa para representar gráficamente o traballo do corazón, polo que teñen o "cardio" no medio.
      Pero os osciloscopios poden ter miles de aplicacións en sismoloxía, electrónica, son, etc.

  2.   Ed dixo

    Miña nai * o *
    Que bo tutorial, dame unha idea para moitas outras cousas 😀
    Grazas Elav !!!

  3.   O_ Mastersok dixo

    Moi bo titorial ...
    Parabéns

  4.   eliotime3000 dixo

    Bo tuto. Lémbrame moito o que fixen con CorelDraw e Illustrator con esas iconas.

  5.   Hyuuga_Neji dixo

    Ben ... pero aínda que non comento moito (e paso máis tempo en GUTL) tamén teño unha conta aquí en DesdeLinux. Vexo que seguiches o tutorial porque no orixinal non puxen a interface dos patróns de grade nin nada polo estilo, pero ao teu xeito ten moito mellor aspecto porque está máis explicado e pódese entender mellor.

    1.    animado dixo

      Si, é certo que tes unha conta aquí ^. ^

  6.   Sausl dixo

    moi ben

  7.   Patodx. dixo

    Con estas publicacións, estou máis que claro que podo prescindir de phtoshop ..

    grazas grazas

    1.    eliotime3000 dixo

      Aínda non me desprendín de Illustrator ou InDesign.

      1.    animado dixo

        E a ninguén lle importa o teu problema 😛 Leva a leña e eliotime3000 á fogueira !!! XD

  8.   Emmanuel Acuña dixo

    Moi bo tutorial, definitivamente GIMP é unha excelente ferramenta.

    Unha consulta: que tema estás a usar no teu sistema Linux, é xenial, gustaríame facelo por favor.

    Grazas e saudos…

    1.    animado dixo

      KDE con Osíxeno .. é dicir, por defecto. O que pasa é que se cambian as cores e elixo o esquema chamado Chrome 😀

      1.    Emmanuel Acuña dixo

        Estupendo, só unha pregunta, como instalalo en Ubuntu 14.04 usando Flashback Session, xa instalei oxíxeno-gtk 2 e 3 no centro de software, pero non teño decoración de fiestras: - / só o tema gtk pero non cambia o botóns de título.

        Saúdos.

        1.    animado dixo

          É que o osíxeno é de KDE. Hai temas para emular, pero nunca será o mesmo .. 🙁

  9.   Tedel dixo

    Non sería máis doado facelo en Inkscape? Tamén gañou a vantaxe de poder escalar o resultado final a gusto.

    1.    cazador dixo

      Exactamente, non é para menosprezar a Gimp, pero Inkscape é a ferramenta axeitada para iso.

    2.    Hyuuga_Neji dixo

      Para ser honesto .... Abrín inkscape na miña vida, polo que non sabería se é máis doado ou non. Escalar o resultado é certo, pero non teño nin idea de como funciona de xeito vectorial, así que sigo pegándome con GIMP xD

    3.    animado dixo

      Teríao feito en Inkscape, pero a publicación non é realmente miña. Ademais, aprendín un par de cousas que non sabía con GIMP 😀

      1.    Hyuuga_Neji dixo

        Despois gustaríame que alguén fixese algo así en inkscape para poder comparalos, é dicir, o peso, a nitidez, etc etc da creación en inkscape e gimp ... e se non é moito pedirche que poñas un tutorial paso a paso sobre como facelo para ver se se está tomando algo xD.

  10.   liher dixo

    Teño que probalo, moitas grazas, está moi ben 😀