Hola als quals es prenen un temps en llegir-nos, ahir vam parlar sobre monitoritzar ample de banda i vam crear (com sempre) una imatge destacada amb contingut creat per nosaltres. A causa de la imatge algú se'ns va acostar via correu i ens va demanar que li mostrarem com crear el que pogués ser un mesurador de polsos, ens va semblar una magnífica idea així que avui estarem mostrant com crear-lo usant programari lliure i mes específicament: GIMP.
La idea de crear un mesurador de polsos mes bé ens va venir per intentar reflectir que anàvem a mesurar alguna cosa digitalment, així que bàsicament vam escollir una forma i "creem" el suposat mesurador a partir d'ella. Els passos perquè vostè aconsegueixi alguna cosa així se'ls deixem a continuació
Creant la forma bàsica amb GIMP
El primer pas després d'obrir el Programa manipulador d'Imatges de GNU (GIMP per les sigles en anglès) és crear una imatge nova.
Així que anem a menú Arxiu » Nou o si a l'igual que nosaltres agraden de les combinacions de tecles n'hi ha prou amb usar CTRL + N. Triem la mida que desitgin però per mostrar-los farem servir 640 × 400 píxels que no és ni gran ni petit.
Triem un color que desitgem donant clic en el quadre de color i seleccionant el de la nostra preferència i després arrosseguem el color des del quadre fins a la finestra d'imatge. En aquest punt passem a crear una capa nova amb transparència (es recomana el treball amb capes per accelerar el possible procés de correcció sense perdre tota la feina). Per crear una capa nova donem clic al encastat de capes en la qual té un signe d'addició o pressionem SHIFT + CTRL + N perquè ens surti alguna cosa com això:
Ja tenim la capa nova transparent i treballant sobre ella vam crear la forma bàsica que ens servirà per armar el mesurador. El més semblant a aquest equip que coneixem són els equips d'electrònica que la seva pantalla és de forma circular així que prenem l'eina de de selecció el·líptica (E) I vam crear un cercle que a la capa transparent el qual omplim de qualsevol color per tenir una forma bàsica per treballar.
Creant el cos de l'equip
Tornem a crear una capa nova però aquesta vegada no hem de crear una circumferència sinó que farem servir la forma bàsica ia partir d'aquesta crearem el que seria el cos o vora de l'equip. Per fer això pressionem clic dret a sobre de la capa amb la forma bàsica i busquem al menú emergent l'opció de "Alfa a Selecció".
A l'tenir seleccionada la forma bàsica tornem a la capa nova que havíem creat però abans d'omplir-la amb color anem a menú Seleccionar i fem servir l'opció de Encongiment o encongir amb un valor d'1 píxel. Triem el color que volem per a la nova capa i omplim.
Fins aquí tenim la forma bàsica de color fosc i una altra capa amb el cos de l'equip d'un altre color (preferentment d'un color contrastant amb el fons). Ens situem a la capa de la forma bàsica i anem a Filtre » desenfocament » desenfocament Gaussià amb un valor de 5 píxel i ja tenim l'efecte de l'ombra, el resultat ha de ser més o menys això:
Creant l'interior de l'equip
Toca el torn de crear l'interior de l'equip que és en veritat el mes laboriós perquè farem servir màscares de capes, patrons de farciment i un truc òptic per donar impressió de volum i simular la clàssica tapa d'acrílic.
Per crear l'interior creem una capa nova i tornem amb la mateixa operació de Alfa a selecció només que ara fem servir la capa d'la vora de l'equip. Tornem a la capa nova i al menú Seleccionar » encongir fem servir una mida d'uns 5 píxel i llavors busquem el color que farem servir per al fons de la pantalla de l'equip.
Omplim amb el color i passem a crear el que seria l'escala de l'equip que en "llenguatge GIMP" no passa d'una reixeta. Creem una capa nova i anem a Filtres » renderitzat » patró » reixeta escollim el un color (preferiblement verd) que faci contrast amb el fons de l'equip i apliquem l'efecte.
Se'ns crea un farcit com una reixeta però que abasta tota la capa així que hem de retallar perquè sigui només en la part de l'interior de la pantalla de l'equip.
Per retallar la reixeta tornem amb el de Alfa a selecció usant com a base la capa d'el fons de l'equip (la qual vam posar en verd) i després anem a Seleccionar » invertir Selecció o si pressionem CTRL + I un cop fet això pressionem la tecla ESBORRAR i llest ... la reixeta s'ajusta a la nostra suposada pantalla.
Per millorar l'adaptació canviem la manera de capa de la reixeta des normal a valor i baixem l'opacitat a un 40% per treure-li una mica de "força".
La pantalla del nostre equip
En el nostre cas equip mesurarem els polsos simulant les pel·lícules on mostren el va posar dels pacients mitjançant una línia així que passem a crear la nostra línia de mesura amb la seva corresponent efecte. Per crear una línia farem servir l'eina de Rutes i després crearem la línia a partir de la ruta que vam crear.
Primer escollim el color que volem per a la Ruta. Triem l'eina ruta i tracem la manera que volem donar-li.
Un cop creada la manera que volem donar-li a la ruta llavors vam passar a fer servir les opcions de l'eina per crear un línia per tota la ruta d'definim
El que ens quedaria més o menys d'aquesta manera:
Un cop traçada la ruta dupliquem la capa de la línia (que preferiblement fem servir amb un color que ressalti en la nostra pantalla) a la capa de sota li fem un Filtre » desenfocament » desenfocament Gaussià i vam passar a treballar en la capa de línia de dalt.
Per donar un efecte opac a l'Pols vam crear una màscara de capa (clic dret sobre la capa » Afegir màscara de capa) I escollim els valors de colors per defecte (D). Això ens posarà un quadre blanc a la banda de la nostra capa.
Posteriorment vam canviar els colors de Front (Blanc) i de Fons (Negre), fem clic dret sobre la capa nova i vam seleccionar Mostra màscara de capa. Això ens deixarà tot en blanc però no es preocupin. triem la Eina de Degradat (Hem de tenir marcada l'opció de degradat bilinear) I tracem una línia i l'apliquem des del centre de la capa de forma horitzontal cap a fora de la capa.
Desmarquem l'opció Mostra màscara de Capa. Si ens fixem en el diàleg de capes veurem una cosa així:
A l'fer això veiem que la nostra línia superior reapareix i el resultat queda força bé.
Fixeu-vos que ara les vores de la línia té una espècie de degradat, com si s'esvaís. Això per descomptat pot quedar molt millor.
La tapa d'acrílic de l'equip
Com esmentem a l'inici crearem la il·lusió que té una capa d'acrílic transparent, que dóna la noció de volum a l'equip pel que necessitarem una capa de brillantor per simular l'acrílic així com la seva respectiva ombra interior.
Per aconseguir l'ombra interior creem una capa nova i fem el pas de Alfa a selecció usant la capa d'el fons de la pantalla després tornem a la capa nova i encongim (Selecciona »Encongir) amb el valor d'1 píxel.
Un cop encongida la selecció la omplim amb color negre. Després, cap a la mateixa capa de color negre, fem el pas de Alfa a selecció i tornem a Seleccionar »Encongir aquest cop amb un valor de 2 píxels. Veuran que ens queda un cercle negre, apliquem un Filtre » desenfocament » desenfocament Gaussià amb valor 5 amb la qual cosa obtenim alguna cosa com això:
Toca el torn de crear la tapa d'acrílic per a això vam crear una nova capa i fem el mateix pas de Alfa a Selecció usant com a base la capa d'el fons de la pantalla.
Triem l'eina de degradat posant el color blanc sobre de l'negre, ia les opcions escollim una forma Lineal i un degradat des Davant d'Transparència, després l'apliquem de dalt a baix intentant tenir una forma el més vertical possible:
Per donar una millor aparença reduirem la mida de la capa d'la brillantor per posar-la més petita i que sembli que és una esfera d'acrílic, la qual cosa conclou el nostre tutorial amb el resultat complet:
Fins aquí el nostre modest tutorial esperem que es embullen i intentin fer-ho.
Molt interessant l'article. Quan pugui ho faig. 🙂
PD: Es diu electrocardiograma.
Jo sabia que es diuen oscil·loscopis.
Els electrocardiogrames són una aplicació de l'oscil·loscopi que s'usa per graficar el treball de l'cor, per això porten el «cardio» entre mig.
Però els oscil·loscopis poden tenir milers d'aplicacions en la sismologia, l'electrònica, el so, etc.
Mare meva * o *
Que bon tutorial, em dóna idea per a moltes altres coses 😀
Gràcies ILAV !!!
Molt bon tutorial ...
felicitacions
Bon tut. Em recorda molt al que feia amb CorelDraw i Illustrator amb aquests icones.
Good… pero a pesar que no comento mucho (y paso mas tiempo por GUTL) yo también tengo una cuenta aquí en DesdeLinux. Veo que seguiste el tuto porque en el original no puse la interfaz de los patrones de rejilla ni nada de eso pero de la forma tuya se ve mucho mejor porque esta más explicado y puede llegar a entenderse mejor.
Si, és cert que tens un compte aquí ^. ^
molt bo quedo
amb aquests post, em queda mes que clar que puc prescindir de phtoshop ..
gràcies ..
Jo encara no em desenganxo d'Illustrator ni InDesign.
I a ningú li interessa el teu problema 😛 '' Agafeu la llenya i eliotime3000 a la foguera !!! XD
Molt bo el tutorial, definitivament GIMP és una excel·lent eina.
Una consulta: qual tema aquestes usant en el teu sistema linux, aquesta genial, m'agradaria obtenir-ho per favor.
Gràcies i salutacions ...
KDE amb Oxygen .. o sigui, per defecte. El que passa que els colors els canvi i escullo l'esquema anomenat Chrome 😀
Genial, només un dubte, com instal·lar-ho en Ubuntu 14.04 usant Flashback Session, ja instal oxygen-gtk 2 i 3 en el centre de programari, però no tinc decoració de finestres: - / només el tema gtk però no em canvia els botons de títol .
Salutacions.
És que Oxygen és del KDE. Hi ha temes per emular-lo, però mai serà igual .. 🙁
¿No hauria estat més fàcil fer això en Inkscape? Guanyaves, a més, l'avantatge de poder escalar el resultat final al teu gust.
Exacte, no és per menysprear Gimp però Inkscape és l'eina adequada per a això.
Per ser sincers .... en la meva vida he obert inkscape, així que no et sabria respondre si és més fàcil o no. És cert el d'escalar el resultat però no tinc idea de com es treballa vectorialment així que em segueixo quedant amb GIMP xD
Jo ho hagués fet en Inkscape, però el post no és meu realment. A més, vaig aprendre un parell de coses amb GIMP que no sabia 😀
Després m'agradaria que algú fes alguna cosa així en inkscape per poder comparar-los o sigui el pes, la nitidesa etc etc de la creació en inkscape i gimp ... i si no és molt demanar que posi una tut pas a pas de com fer-ho a veure si un va agafant alguna cosa xD.
He de provar-ho, moltes gràcies, està molt ben 😀