GIMP, Izrada pozadine za blog

Danas imam puno slobodnog vremena pa sam, iskoristivši činjenicu da već dugo nisam vidio kretanje na blogu na ovu temu, donio tutorial koji sam napravio o tome kako napraviti pozadinu pomoću GIMP-a ( GNU Image Manipulator Program). Došao sam na ideju da napravim nešto što ima veze s blogom, pa ga slučajno također prenosim na Grupa Deviantart da malo više doprinesemo uzroku. Na početku sam se sudario sa sindromom praznog platna (nisam imao pojma) pa sam odlučio navratiti deviantart da vidim hoće li mi gledanje drugih djela sniziti muzu. Točno u jednom od grupe koje preporučuju na blogu Pronašao sam dio ideje koji sam želio postići, a kada sam u kombinaciji s pozadinom koja se po defaultu isporučuje u Lubuntu 12.04 (zove se "sretna-nova godina" ili nešto slično) učinilo mi se vrlo zabavnim raditi tutorial pa evo ovdje je.

Da biste se bavili ovim poslom, koji su uostalom prilično jednostavne stvari, trebate samo maštu i malo slobodnog vremena, pa je navika među ljubiteljima GNU / Linuxa i njegovih aplikacija dijeliti informacije ... evo koraka da zakoračim dok dolazim do ove Pozadine

1- Dimenzije

Dimenzije Pozadina razlikuju se ovisno o dizajneru i veličini vašeg monitora, ali budući da nisam dizajner pa sam to učinio s mjerenjem za koje mislim da će poslužiti svima (1920 × 1080 piksela), pa otvaramo GIMP i stvaramo nova slika s tim dimenzijama.

2 - Boje

Gama boja je jedna od stvari koja, ne shvaćajući da nam se sviđaju ili prestaju voljeti različite stvari, nije zbog zadovoljstva što se profesionalni dizajneri toliko trude u odabiru u kojim nijansama će raditi. Gama boja dolazi iz plavih tonova pa kao pozadinsku boju koristite boju # 5094c2 koja je prilično svijetla boja. Nakon što odaberemo boju pozadine za obojavanje naše, to činimo povlačenjem boje do djela ili pomoću alata za ispunu (Shift + B), svaki odabire ono što najbolje vidi.

3- Priprema dna

Željela sam više raditi na svojoj pozadini, pa sam prvo napravila kružne oblike pomoću eliptičnog alata za odabir (E), a zatim uz kontinuirani Shift dodajemo nove odabire, a zatim ispunjavamo bojom u obliku banke. Sve sam to učinio u novom sloju, tako da u slučaju da izgledam loše ne bih oštetio pozadinu, onda sam ga u opcijama sloja stavio u način Vrijednosti i neprozirnosti 20. Kada sam završio sa svim tim postupkom, dodao sam masku sloja i primijenite alatom Blend radijalni gradijentni ispun od crne do prozirne na masku (u sloju s desne strane) ostavljajući rezultat poput ovog:

4- Izrada gumba s logotipom

U središte ćemo postaviti 3D gumb s logom bloga, stoga ćemo pomoću eliptičnog alata za odabir stvoriti crni krug u novom sloju, pozivajući taj novi sloj Base Button jer ćemo od te baze stvoriti gumb Trebalo bi biti manje ovako:

Stvorite novi sloj i odaberite u ovom novom sloju oblik osnovnog sloja gumba, kako se to radi? Pa u dijaloškom okviru slojeva kliknemo desnom tipkom miša na osnovni sloj (u ovom slučaju crni krug), zatim lijevim klikom na "Alfa do odabira" i zatim kliknemo na novi sloj. Jednom kad je to gotovo, nastavljamo tražiti boju ispune za taj odabir misleći da će to biti poput obruba gumba (boja # 595959) nazovite ovaj sloj kao Button, jer je tijelo gumba kao takvo.

Stvaramo novi sloj za popunjavanje gumba (možete ga zvati kako god želite, stavio sam "Ispunjenje gumba" da se ne izgubim). Radimo iste korake da bismo u novom sloju odabrali oblik sloja "Gumb za ispunu". Jednom kada je to učinjeno, idemo na Odabir / Smanjivanje i dajemo mu vrijednost od 15 piksela kako bismo odabir učinili manjim i tako dobili punjenje gumba. Kad suzimo izbor, tražimo drugu boju koja manje odgovara gumbu koji sam koristio # 858585, a koji je svjetlije smeđe boje.

Jednom ispunjeni tom bojom stvaramo novi sloj koji će biti svjetlucanje. Da bismo stvorili efekt sjaja, prvo biramo boju sjaja, upotrijebio sam bijelu boju ovog tipa # F8F8F8 koja je malo neprozirnija od bijele boje koja se koristi prema zadanim postavkama (#FFFFFF). Zatim koristimo alat Blend (L) koji omogućuje popunjavanje područja gradijentom. U ovom slučaju koristio sam opciju Bilinear Shape, a tip gradijenta bio je Front to Transparency postižući otprilike ovo:

Sada kreiramo novi sloj (koji nazivam unutrašnjost gumba) i radimo iste korake da odaberemo oblik sloja za ispunu gumba, zatim smanjimo odabir za još 15 piksela i popunimo ga kontrastnom bojom s osnovnom smeđom (Koristio sam boju # 3AA6DB) ostavljajući rad ovako:

Sada smo stavili logotip bloga DesdeLinux koji, kao što svi znaju, nešto je sasvim originalno za to, možemo dodati tekst ili ako žele mogu se igrati olovkom i stvoriti sličan obrazac. Za to sam koristio kombinaciju teksta sa slikom, prvo sam dodao tekst u boji # 274A8A u kojem je pisalo samo "<" bez navodnika, a zatim sam eliptičnim odabirom dodao točku koja također ima i nazvao sam ovaj sloj kao " Logotip DL ". Rezultat nije bio loš, ali nešto je nedostajalo, pa sam duplicirao sloj Logo, a u donjoj kopiji dodao sam Alfu u odabir i napunio istom bojom koju smo koristili u svjetlini (# F8F8F8), a zatim primijenio Gaussov filter zamućenja nekoliko puta da dođete do ovoga:

Stvorim novi sloj i napravim eliptični odabir manji od unutarnje strane gumba koji gradijentom ispunjavam bijelom bojom # F8F8F8 koristeći Linearni i Gradijentni oblik od naprijed do prozirnosti kako bih postigao više 3D efekta, izgledajući ovako:

Učinak sjaja uvelike poboljšava 3d izgled, ali ono što zaista stavlja konačnu točku je sjena gumba da bismo postigli tu sjenu, dupliciramo samo osnovni sloj koji koristimo za gumb i napravimo Gaussovu zamućenost dok ne dosegne ovo:

5- Poboljšanje pozadine završnog rada

Dakle, Pozadina izgleda prilično dobro, ali po mom mišljenju na pozadini bi se moglo još raditi, pa sam dodao novi sloj sa fontovima tema o kojima se najviše govori na blogu, jer sam stvarao slojeve teksta neke neprozirnosti 45 i okret od -30 stupnjeva (najmanji) i drugi s neprozirnošću od 70 i isti zavoj ostavljajući konačnu sliku na ovaj način vrlo sličnu pozadini Lubuntu 12.04. Jednom kada to imamo, ostaje samo prilagoditi svjetlinu i kontrast, svaka to radi na svoj način, ja stvaram novi sloj prema onome što je vidljivo (Sloj / Novo iz vidljivog) i prema ovom novom sloju I automatski postavite razine (boja / razine), a zatim izmijenite svjetlinu i kontrast u isti izbornik boja, moj konačni rezultat bio je sljedeći:


Ostavite svoj komentar

Vaša email adresa neće biti objavljen. Obavezna polja su označena s *

*

*

  1. Za podatke odgovoran: Miguel Ángel Gatón
  2. Svrha podataka: Kontrola neželjene pošte, upravljanje komentarima.
  3. Legitimacija: Vaš pristanak
  4. Komunikacija podataka: Podaci se neće dostavljati trećim stranama, osim po zakonskoj obvezi.
  5. Pohrana podataka: Baza podataka koju hostira Occentus Networks (EU)
  6. Prava: U bilo kojem trenutku možete ograničiti, oporaviti i izbrisati svoje podatke.

      Zadirkivati dijo

    Odlično vam pristajem. Slijedit ću ove korake da vidim mogu li to svejedno učiniti, jer nisam grafički dizajner i uvijek sam želio nešto raditi s GIMP-om.

      anti dijo

    Samo jedna sitnica. G je za GNU, a ne za Gnomea. Inače izvrsno.

         Hyuuga_Neji dijo

      Potpuno ste u pravu, G nije za Gnomea, nego za GNU, već je ispravljeno hvala.

      Truleži87 dijo

    vrlo dobro 0.0 ... iskreno, nikada si nisam dao vremena da naučim koristiti GIMP 100%, tako da još uvijek ne smatram da je na vrhuncu Photoshopa (nemoj me napadati) jednog dana možda mogu izdvojiti vrijeme da ga dobro upoznam

         oroxo dijo

      Podsjećate me na mene u svojim počecima, znao sam reći da, trenutno mislim da photoshop nije do gimpa, pozivam vas da napravite radikalnu migraciju, preletite Photoshop i počnete koristiti Gimp prema zadanim postavkama, tek tada ćete to naučiti Put je s Linuxom, nikad se ne promijenite ako to ne napravite radikalno, doslovno se citiram "Ljudska bića žive od znanja, ali su i algazani, sve dok imate alternativu, nećete smatrati potrebnim učiti i nećete učiti s oduševljenjem"

      PS: ako trebate pomoć u letenju Photoshopa, posudit ću vam neke TNT trake koje sam spremio (Just Kidding)

           Priručnik o izvoru dijo

        Naša kolegica Tina (koja je grafička dizajnerica) već je to učinila zanimljiva usporedba između GIMP-a i Photoshopa, u slučaju da ste zainteresirani.

      sieg84 dijo

    prema stranici je "GIMP je GNU program za manipulaciju slikama"

         oroxo dijo

      da, ali GIMP ima samo G, stoga bi to bio GIMP = GNU Program za manipulaciju slikom

         Oni su Link dijo

      DA, to je kako vi kažete.
      Štoviše, GTK je Gimp ToolKit, iako ga je Gnome usvojio, GIMP-ovci su ga stvorili za njega.
      Inače, u početku je G u GIMP-u bio za General, odnosno započeo je kao General Image Manupulation Program

      Juan Carlos dijo

    Za one koji ne znaju puno o Gimpu, posjetite tatica.org; postoje neki podcastovi "korak po korak" koje je izradila ova venezuelska gospođica (nekolicina moraju znati o njoj) koji su vrlo dobri i ugodni da naučite malo više.

    pozdravi

      Hyuuga_Neji dijo

    Ahh, i dobro je znati da ova verzija GIMP-a nije ni najnovija

      LiGNUxer dijo

    Lijep blog, našla sam ga prije par dana, ima zanimljivosti i dobar dizajn. Svaka čast 😉

         KZKG ^ Gaara dijo

      Hvala vam što ste navratili i komentirali.
      Nadamo se da ćemo vas češće čitati 🙂

      PS: I usput ... dobar prvi post 😀