Forumi » Grafički dizajn

List of newest posts

    • 11. maj 2016. 21.06.45 CEST
    • Ako zelite da napravite ovakav logo ili animaciju mozete skinuti script ovde
       
      Napravite tri loga sa razlicitim gradientom ovako: klik na File pa u padajucem meniju Create-Logos - Chrominium logo

      a ovde upisite tekst koji zelite, podesite font, izaberite gradient. Tako uradite tri puta samo sa razlicitim gradientom da bi mogli napraviti animaciju.
       




      Sad ubacite svaku ovu sliku u gimp jednu preko druge. Idite na save as odaberite gif format pa save as animation.
       
      Napomena:
      Kad uradis prvi logo dobiješ pet slojeva koji moraš nalijepiti u jedan. Ideš na "Image > Merge Visible Layers". Dobio si jednu sliku. Onda klikneš na "oko" u layer boxu da ga sakriješ, da se ne prikazuje.
      Onda napraviš opet logo i opet "Image > Merge Visible Layers" i sakriješ ga. Sad imaš dvije sličice. I za treću ponoviš isti postupak. Dobio si tri sličice, uklučiš im vidljivost i pustiš ih kao animaciju.

    • 11. maj 2016. 21.03.26 CEST
    • Evo jedan predlog kako dizajnirati  dugme uz pomoc gimpa. Po zavrsetku dizajn bi trebao izgledati ovako :

      1. Otvorite gimp i odaberite Rectangle Select Tool, cekirajte Rounded corners, podesite radius na 5.0 kreirajte pravougaonik.



      2. Odaberite crnu boju i Bucket Fill Tool i filujte
      pravougaonik crnom bojom
       


      3.  Klik na select-shrink-upisite 2 px i ok.


      Ovim potezom smo smanjili layer za dva pixela.

      4.  Sada odaberite Blend tool, gradient  FG to BG, Shape podesite na Linear,
      opacity na 100 i filujte ovaj layer od vrha prema dnu.

       




      5.  Sledeci potez: odaberite  opet Rectangle Select Tool i unutar dugmeta nacrtajte novi pravougaonik od sredine prema dnu, ovako:
       
      Izaberite Blend Tool, isti onaj gradient samo sada Shape postavite na Radial a Opacity na 40.
      Primijenite blend tako sto cete uhvatiti klik malo nize od dugmeta i povuci prema dole. Isprobajte
      vise puta  ako vam ne uspije iz prve idite na edit i undo pa ponovite. To bi trebalo da izgleda ovako

       


      Sad bi to trebalo da izgleda ovako:
      6. Sledeci korak  opet  rectangle select tool
      i nacrtajte u dnu dugmeta uski pravougaonik
      Potom primjenite blend tool kao i u proslom potezu samo opacity
      podesite na 85 i dobicete ovo

       

      Opet rectangle tool i obiljezite dvije trecine dugmeta kao na slici
      da bi napravili efekat refleksije, desni klik na taj obiljezeni
      dio pa copy i paste.

       

      Zatim uzmite move tool i pomaknite iskopirani dio ispod dugmeta.
      Sledece: odaberite flip tool, cekirajte vertikal pa kliknite na iskopirani 
      dio da bi ga okrenuli naopako i dobili efekat odraza u ogledalu.
      Selektujte Erase Tool podesite opacity na 8 i postepeno brisite iskopirani dio 
      dok ga dovoljno ne izblijedite i da bi dobili efekat refleksije. Na kraju dodajte 
      neki brush u boji, ja sam to uradio tako sto sam sa rectangle tool obiljezio donju 
      polovinu dugmeta i primjenio circle fuzzy brush sa smanjenim opacity otprilike na
      40.

    • 11. maj 2016. 20.50.24 CEST
    • U ovom tutorialu ću vam pokazati kako napraviti jednostavan animirani baner  u gimpu, mada se uz pomoć GAP (preuzmite Gimp Animation Package) dodatka mogu napraviti vrhunski baneri.


      1.   Idite na "File - New" i mozete pod "Template" odabrati "Web banner common 468 x 60", ili rucno unijeti "width" i "height". Ovo su inače dimenzije jednog od standardnih banera.

      2.  Pošto je pozadina bijela možete je obojiti nekim gradijentom.

      3.  Ići na "Select - All" da bi napravili selekciju njegovih ivica. "Edit - Stroke Selection", podesite "Line width" na 3px i kliknite "Stroke". Ovim smo mu obojili ivice. Mozete dodati i bevel - "Filters - Decor -Add bevel".

      4. Ubaciti neku sličicu, recimo u lijevi ugao. Za probu mozete iskoristiti ovu:
      Ubacite je preko slike, podesite joj poziciju i "Merge down" da biste je nalijepili na pozadinu.
      Rezultat bi otprilike trebao da bude ovo:
       
      5.  Duplirati ovaj lejer tri puta. U lejer panelu oznaciti prvi lejer i napisati zeljeni tekst. Kad ste to uradili, desni klik na tekstualni lejer iznad njega i kliknite na "merge down". Postupak ponoviti i sa ostala dva layera.
       
      6.   Nakon toga uhvatite jedan od njih u layer panelu i nabacite ga bilo gdje na Toolbox. Otvorice vam se novi prozor u kojem treba obraditi ovaj tekst i dodati neke efekte. Duplirajte sliku četiri puta. Odaberite "Rectangle Select Tool" i napravite selekciju oko teksta.

      Idite na "Filters" i odaberite "Filter all Layers". Otvorice vam se novi dijalog prozor sa ponuđenim efektima. Za ovaj efekat potrebno je izabrati "plug-in-gauss" i potvrdite "Apply Varying".


      U sledećem prozoru podesite "Blur Radius" kao nao ovoj slici:

      Horizontal : 2px a vertical : 5px i potvrdite na "OK".

      U sledećem kliknite "Continue"






      U narednom "Blur Radius" promijenite na "Horizontal : 20px" "Vertical" ostavite isti a u sledećem potvrdite "Continue".







      7.   Sad prebacite ona tri lejera iz prvog prozora koja smo kreirali na početku. Potrebno im je izmijeniti brzinu prikazivanja tako sto cete dva puta kliknuti na njih u layer panelu i dodati im u zagradi 800ms. Znači u nastavku naziva dodati (800ms). Time zadajemo dužinu prikazivanja lejera od 800 milisekundi. Naravno možete staviti neko drugo vrijeme.

      Ostaje još samo da rad sačuvate kao gif animaciju. Prije toga mozete optimizovati animaciju - "Filters - Animation -Optimize (for GIF). Prije optimizacije veličina animacije bila je 46 kb a posle 24 kb. 

       

    • 12. april 2016. 13.15.19 CEST
    • Svaka cast za post, vrhunski je odradjen! Veoma korisno