GIMP, Creant Wallpaper per al Bloc

Avui tinc força temps lliure així que vaig decidir, aprofitant que fa estona no veig moviment al blog sobre aquest tema, portar un tutorial fet per mi mateix de com fer un Wallpaper amb GIMP (GNU Image Manipulator Program) .Es va acudir la idea de fer alguna cosa que tingués a veure amb el blog i així de pas el pujava a més a l' Grup de Deviantart per anar contribuint una miqueta més a la causa. A l'inici xoc amb la síndrome de la tela en blanc (no em venien idees) així que vaig decidir passar-me per DevianArt a veure si mirant altres treballs em baixava la musa. Exactament en un dels grups que recomanen al bloc vaig trobar parteix de la idea que volia aconseguir, la qual al l'ajuntar-se amb la de l'Wallpaper que ve per defecte en Lubuntu 12.04 (es diu "Happy-new-year" o alguna cosa semblant) em va semblar bastant entretingut fer el tutorial així que aquí està.

Per arribar a fer aquesta feina que després de tot són coses bastant senzilles, només es necessita la imaginació i una mica de temps lliure així que com l'hàbit entre els amants de l'GNU / Linux i les seves aplicacions és compartir informació ... aquí els deixo pas a pas com arribi a aquest Wallpaper

1- Dimensions

Les dimensions dels Wallpapers varien segons el dissenyador i la mida del monitor però com jo no sóc dissenyador llavors ho vaig fer amb una mesura que crec que li serveixi a tots (1920 × 1080 píxels) així que vam obrir el GIMP i Creem una imatge nova amb aquestes dimensions.

2 - Colors

La gamma de colors és una de les coses per les quals sense adonar-nos ens agraden o deixen d'agradar les diferents coses no per gust els dissenyadors professionals posen tanta obstinació a escollir en què tonalitats treballar. La gamma de colors ve sobre tons blaus així que com a color de fons utilitzeu el color # 5094c2 que un color bastant clar. Un cop escollit el color de fons per pintar el nostre bé ho fem arrossegant el color cap a la feina o usant l'eina de farciment (Shift + B) cadascú tria el que millor li sembli.

3- Preparant el fons

Jo vaig voler treballar mes el meu fons així que el primer que vaig fer va ser prendre formes circulars amb l'eina de selecció el·líptica (I) i després amb el Maj sostingut anem afegint noves selecció per després omplir amb un color banc. Tot això ho vaig fer en una capa nova per en cas de quedar malament no danyar el fons, després en les opcions de la capa li vaig posar en mode de Valor i amb una opacitat de 20. A l'acabar tot aquest procés li afegiu una màscara de capa i li apliqui amb l'eina de Barreja un farciment degradat radial de Negre a transparent a la mascara (a la capa la de la dreta) quedant un resultat així:

Al centre anem a col·locar un botó en 3D amb el logotip de l'Blog per tant farem servir l'eina de selecció el·líptica per crear en una capa nova un cercle negre cridant a aquesta capa nova Base Botó ja que d'aquesta base crearem el botó ens ha de quedar mes menys així:

Creeu una capa nova i seleccioneu en aquesta nova capa la forma de la capa base de botó, ¿com es fa? Doncs bé en el diàleg de capes donem clic dret sobre la capa base (en aquest cas el cercle negre), després clic esquerre a "Alfa a Selecció" i després donem clic a la capa nova. En aquest punt passem a buscar un color de farciment per a aquesta selecció pensant que serà com la vora de el botó (color # 595959) nom aquesta capa que diu Botó ja que és el cos de botó com a tal.

Creem una capa nova per fer el farcit de l'Botó (La poden cridar com vulguin jo li vaig posar "Farcit Boto" així no em perdo). Fem els mateixos passos per seleccionar a la capa nova la forma de la capa "Farcit Botó". Un cop fet això llavors anem a Selecció / Encongir i li donem un valor de 15 píxels per treure la selecció i obtenir així el farcit de el botó. Quan achicamos la selecció llavors busquem un altre color que pegui mes menys amb el de el botó jo vaig usar # 858585 que és un carmelita més clar.

Un cop omplert amb aquest color llavors vam crear una capa nova que serà la brillantor. Per crear un efecte de brillantor primer escollim el color de la brillantor, jo vaig usar un blanc d'aquest tipus # F8F8F8 que és una mica més opac que el blanc que s'usa per defecte (#FFFFFF). Després fem servir l'eina de Barreja (L) que permet omplir una àrea amb un degradat en aquest cas jo usi l'opció de Forma bilinear i el tipus de degradat va ser de Davant Transparència aconseguint una cosa així:

Ara creem una capa nova (que jo anomeno interior de botó) i fem els mateixos passos per seleccionar la forma de la capa farcit de el botó després achicamos la selecció altres 15 píxels mes i la omplim amb un color contrastant amb el carmelita base (jo vaig usar el color # 3AA6DB) quedant el treball així:

Ara posem el logotip de l'Blog DesdeLinux que com tots saben és alguna cosa bastant original per això podem afegir un text o si volen poden jugar un la ploma i crear un forma semblant. Jo vaig fer servir una combinació de text amb imatge per això primer vaig afegir un text amb color # 274A8A que deia només "<" sense les cometes després amb la selecció el·líptica li afegiu el punt que també té i vaig nomenar aquesta capa com "Logo DL". El resultat no va estar malament però li faltava alguna cosa així que vaig duplicar la capa d'el Logo i en la còpia inferior vaig afegir l'Alfa a la selecció i vaig omplir amb el mateix color que fem servir en la brillantor (# F8F8F8) després apliqui un filtre de desenfocament gaussià diverses vegades fins a arribar a això:

Crec una capa nova i faig una selecció el·líptica menor que l'interior de el botó la qual farcit amb un degradat amb el color blanc # F8F8F8 usant la forma lineal i Degradat de Davant Transparència per aconseguir un efecte més 3D quedant així:

L'efecte de brillantor millora bastant l'aparença 3d però el que de debò li posa el punt final és l'ombra de botó per aconseguir aquesta ombra només dupliquem la capa Base que fem servir per al botó i fem un desenfocament gaussià fins arriba a això:

 

5- Millorant el fons per al treball final

Així el Wallpaper es veu bastant bé però al meu entendre el fons encara pogués treballar-mes així que li afegiu una nova capa amb tipografies dels temes que més menys es parlen al blog per això vaig anar creant capes de text algunes amb opacitat 45 i un gir de -30 graus (les més petites) i altres amb opacitat de 70 i el mateix gir quedant la imatge final d'aquesta manera molt semblant a l'Wallpaper de Lubuntu 12.04. una vegada que tenim això solament resta ajustar el que seria la brillantor i contrast cadascú el fa a la seva manera jo doni una altra capa segons el visible (Capa / Nou des Visible) ia aquesta nova capa li vaig posar el nivells (Color / Nivells) de forma automàtica, després modifiqui el Brillantor i el Contrast en el mateix menú de colors, el meu resultat final va ser aquest:


El contingut d'l'article s'adhereix als nostres principis de ètica editorial. Per notificar un error punxa http://secbcaixabank.info/SECB-COVIDXNUMX-DENUNCIA-INSPECCION-PROTOCOLO-.pdf.

13 comentaris, deixa el teu

Deixa el teu comentari

La seva adreça de correu electrònic no es publicarà. Els camps obligatoris estan marcats amb *

*

*

  1. Responsable de les dades: Miguel Ángel Gatón
  2. Finalitat de les dades: Controlar l'SPAM, gestió de comentaris.
  3. Legitimació: El teu consentiment
  4. Comunicació de les dades: No es comunicaran les dades a tercers excepte per obligació legal.
  5. Emmagatzematge de les dades: Base de dades allotjada en Occentus Networks (UE)
  6. Drets: En qualsevol moment pots limitar, recuperar i esborrar la teva informació.

  1.   Josh va dir

    Et quedo molt bé. Seguiré aquests passos per veure si ho puc fer igual, ja que no sóc dissenyador gràfic i sempre he volgut fer alguna cosa amb GIMP.

  2.   contra va dir

    Res més una coseta. La G és de GNU i no de Gnome. Per la resta, excel·lent.

    1.    Hyuuga_Neji va dir

      Tens tota la raó la G no és de Gnome és GNU, ja està corregit gràcies.

  3.   Rots87 va dir

    molt bo 0.0 ... sincerament mai m'he donat el temps d'aprendre a utilitzar GIMP a el 100% pel que encara no ho considero a l'altura de Photoshop (no em acribillen) algun dia potser pugui dedicar el temps per conèixer-lo bé

    1.    oroxo va dir

      Em recordes a la meva en els meus inicis, jo solia dir això, actualment penso que photoshop no aquesta a l'altura de gimp, et convido a fer una migració radical, volar photoshop i començar a utilitzar gimp per defecte, només així ho aprendràs, d'igual manera és amb linux, mai canvies llevat que ho facis radicalment, em cito a mi mateix textualment «l'ésser humà viu d'el coneixement però també és algazan, mentre tinguis una alternativa, no debò necessari aprendre, i no aprendràs amb ganes»

      PD: si necessites ajuda per volar photoshop et prest unes barres de TNT que tinc guardades (Just Kidding)

      1.    Manuel de la Font va dir

        La nostra companya Tina (que és dissenyadora gràfica) ja va fer una interessant comparació entre GIMP i Photoshop, Per si els interessa.

  4.   sieg84 va dir

    segons la pàgina és «GIMP is the GNU Image Manipulation Program»

    1.    oroxo va dir

      si però GIMP només té una G, per tant seria GIMP = GNU Image Manipulation Program

  5.   Joan Carles va dir

    Per als que no saben molt de Gimp, passin-se per tatica.org; hi ha allà uns podcast «pas a pas» fets per aquesta Srta. veneçolana (diversos han de saber d'ella) que són molt bons i amens com per anar aprenent una mica més.

    Salutacions

  6.   Hyuuga_Neji va dir

    Ahh i és bo saber que aquesta versió de GIMP no és ni remotament la ultima

  7.   LiGNUxero va dir

    Lindo bloc, el vaig trobar fa un parell de dies, té coses interessant i un bon disseny. felicitacions 😉

    1.    KZKG ^ Gaara va dir

      Gràcia a tu per passar-te i fer comentaris.
      Esperem llegir-te més sovint 🙂

      PD: I per cert ... bon primer post 😀